@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap);@import url(https://fonts.intercomcdn.com/proxima-nova/proxima-nova-all.css);@import url('https://fonts.googleapis.com/css?family=Roboto:100, 400, 500');@-webkit-keyframes reveal_loading_indicator {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes opacity-animation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes motion-animation {
    0% {
        transform: translateY(16px)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes fade_in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes rotate-ai-gradient-angle {
    0% {
        --ai-gradient-angle: 240deg
    }

    to {
        --ai-gradient-angle: 600deg
    }
}

@keyframes wobble {
    0% {
        box-shadow: inset 2px 2px gold,inset -2px -2px gold
    }

    to {
        box-shadow: inset 4px 4px orange,inset -4px -4px orange
    }
}

@keyframes fade_in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fade_in_from_left {
    0% {
        opacity: 0;
        margin-left: -20px
    }

    25% {
        opacity: .25;
        margin-left: -15px
    }

    50% {
        opacity: .5;
        margin-left: -10px
    }

    75% {
        opacity: .75;
        margin-left: -5px
    }

    to {
        opacity: 1;
        margin-left: 0
    }
}

@keyframes scale_in {
    0% {
        transform: scale(.6);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scale_out {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(.6);
        opacity: 0
    }
}

@keyframes scale_in_from_left {
    0% {
        transform: scale(.6);
        opacity: 0;
        margin-left: -20px
    }

    to {
        transform: scale(1);
        opacity: 1;
        margin-left: 0
    }
}

@keyframes scale_out_to_left {
    0% {
        transform: scale(1);
        opacity: 1;
        margin-left: 0
    }

    to {
        transform: scale(.6);
        opacity: 0;
        margin-left: -20px
    }
}

@keyframes scale_in_from_right {
    0% {
        transform: scale(.6);
        opacity: 0;
        margin-right: -20px
    }

    to {
        transform: scale(1);
        opacity: 1;
        margin-right: 0
    }
}

@keyframes scale_in_from_0_left {
    0% {
        transform: scaleX(0);
        opacity: 0;
        transform-origin: 0
    }

    to {
        transform: scaleX(1);
        opacity: 1;
        transform-origin: 0
    }
}

@keyframes scale_in_from_0_bottom {
    0% {
        transform: scaleY(0);
        opacity: 0
    }

    to {
        transform: scaleY(1);
        opacity: 1
    }
}

@keyframes scale_out_to_right {
    0% {
        transform: scale(1);
        opacity: 1;
        margin-right: 0
    }

    to {
        transform: scale(.6);
        opacity: 0;
        margin-right: -20px
    }
}

@keyframes progress {
    0% {
        background-position: 0
    }

    to {
        background-position: 25px
    }
}

@keyframes pulse-box-shadow {
    0%,to {
        -moz-box-shadow: 0 0 0 0 #e3e7fb;
        box-shadow: 0 0 0 0 #e3e7fb
    }

    70% {
        -moz-box-shadow: 0 0 0 6px #e3e7fb;
        box-shadow: 0 0 0 6px #e3e7fb
    }
}

@keyframes bigger-pulse-box-shadow {
    0%,to {
        -moz-box-shadow: 0 0 0 0 #e3e7fb;
        box-shadow: 0 0 0 0 #e3e7fb
    }

    70% {
        -moz-box-shadow: 0 0 0 12px #e3e7fb;
        box-shadow: 0 0 0 12px #e3e7fb
    }
}

@keyframes point {
    0%,to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

@keyframes admin_part_immediate_send_animation {
    0% {
        transform: translateY(100px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes search_input_animation {
    0% {
        opacity: 0;
        width: 0;
        color: var(--text-muted);
        background-color: transparent;
        border: 1px solid var(--neutral-border)
    }

    30% {
        opacity: 1;
        border: 1px solid var(--neutral-border);
        background-color: transparent
    }

    50% {
        opacity: 1;
        background-color: var(--neutral-container);
        border: 1px solid var(--neutral-border)
    }

    90% {
        color: var(--text-muted)
    }

    to {
        color: var(--text-default);
        opacity: 1;
        border: 1px solid var(--neutral-border);
        width: calc(100% - 15px)
    }
}

@keyframes search_input_animate_out {
    0% {
        opacity: 1;
        background-color: var(--neutral-container);
        border: 1px solid var(--neutral-border);
        width: 307px;
        display: block
    }

    50% {
        opacity: 1;
        background-color: #003f61;
        border: 1px solid var(--neutral-border);
        display: block
    }

    70% {
        opacity: 1;
        border: 1px solid var(--neutral-border);
        display: block
    }

    to {
        opacity: 0;
        width: 0;
        background-color: transparent;
        border: 1px solid transparent;
        display: none
    }
}

@keyframes search_input_placeholder_animation {
    0% {
        color: transparent
    }

    to {
        color: #666
    }
}

@keyframes search_button_animation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes load8 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes pop_in {
    0% {
        transform: matrix3d(0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,1);
        opacity: 0
    }

    4.7% {
        transform: matrix3d(.45,0,0,0,0,.45,0,0,0,0,1,0,0,0,0,1)
    }

    9.41% {
        transform: matrix3d(.883,0,0,0,0,.883,0,0,0,0,1,0,0,0,0,1)
    }

    14.11% {
        transform: matrix3d(1.141,0,0,0,0,1.141,0,0,0,0,1,0,0,0,0,1)
    }

    18.72% {
        transform: matrix3d(1.212,0,0,0,0,1.212,0,0,0,0,1,0,0,0,0,1)
    }

    24.32% {
        transform: matrix3d(1.151,0,0,0,0,1.151,0,0,0,0,1,0,0,0,0,1)
    }

    29.93% {
        transform: matrix3d(1.048,0,0,0,0,1.048,0,0,0,0,1,0,0,0,0,1)
    }

    35.54% {
        transform: matrix3d(.979,0,0,0,0,.979,0,0,0,0,1,0,0,0,0,1)
    }

    41.04% {
        transform: matrix3d(.961,0,0,0,0,.961,0,0,0,0,1,0,0,0,0,1)
    }

    52.15% {
        transform: matrix3d(.991,0,0,0,0,.991,0,0,0,0,1,0,0,0,0,1)
    }

    63.26% {
        transform: matrix3d(1.007,0,0,0,0,1.007,0,0,0,0,1,0,0,0,0,1)
    }

    85.49% {
        transform: matrix3d(.999,0,0,0,0,.999,0,0,0,0,1,0,0,0,0,1)
    }

    to {
        transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
        opacity: 1
    }
}

@keyframes reveal_loading_indicator {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    8.3% {
        transform: rotate(30deg)
    }

    16.7% {
        transform: rotate(60deg)
    }

    25% {
        transform: rotate(90deg)
    }

    33.3% {
        transform: rotate(120deg)
    }

    41.7% {
        transform: rotate(150deg)
    }

    50% {
        transform: rotate(180deg)
    }

    58.3% {
        transform: rotate(210deg)
    }

    66.7% {
        transform: rotate(240deg)
    }

    75% {
        transform: rotate(270deg)
    }

    83.3% {
        transform: rotate(300deg)
    }

    91.7% {
        transform: rotate(330deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes new_activity_feed_conversation {
    0% {
        opacity: .4
    }

    to {
        max-height: 200px;
        opacity: 1
    }
}

@keyframes zoom_in {
    0% {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

@keyframes new-activity-feed-spacer {
    0% {
        min-height: 5px
    }

    to {
        min-height: 25px
    }
}

@keyframes note_composer_saving {
    0% {
        max-height: 0;
        opacity: 0
    }

    25% {
        opacity: 0
    }

    to {
        max-height: 100px;
        opacity: 1
    }
}

@keyframes new_profile_note {
    0% {
        opacity: .6
    }

    to {
        opacity: 1
    }
}

@keyframes a__slide-down-and-show {
    0% {
        opacity: 0;
        transform: translateZ(0)
    }

    1% {
        transform: scale3d(1,0,1)
    }

    to {
        opacity: 1;
        transform: scale3d(1,1,1);
        display: block
    }
}

@keyframes a__slide-up-and-hide {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    1% {
        transform: scale3d(1,1,1)
    }

    to {
        opacity: 0;
        transform: scale3d(1,0,1);
        display: none
    }
}

@keyframes tooltip-opacity-animation {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes highlighted_shadow_fade {
    0% {
        box-shadow: 0 0 0 3px var(--neutral-border)
    }

    to {
        box-shadow: 0 0 0 3px transparent
    }
}

@keyframes animate-arrow-right {
    0%,to {
        transform: translateX(0)
    }

    50% {
        transform: translateX(5px)
    }
}

@keyframes is-typing-dot {
    0%,30%,to {
        transform: translateY(0)
    }

    15% {
        transform: translateY(-2px)
    }
}

@keyframes slide_avatar_left {
    0% {
        margin-left: 10px;
        margin-right: 0
    }

    to {
        margin-left: 0;
        margin-right: 10px
    }
}

@keyframes make_icon_visible {
    0%,95% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes slide_avatar_right {
    0% {
        margin-right: 20px;
        margin-left: 0
    }

    to {
        margin-left: 10px;
        margin-right: 10px
    }
}

@keyframes fadeout {
    0%,75% {
        opacity: 1
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes pulsate {
    0% {
        transform: translate(-50%,-50%) scale(1);
        opacity: 1
    }

    99% {
        transform: translate(-50%,-50%) scale(3);
        opacity: .1
    }

    to {
        transform: translate(-50%,-50%) scale(1);
        opacity: 0;
        visibility: hidden
    }
}

@keyframes ringBell {
    0%,30%,60%,to {
        transform: rotate(0)
    }

    15% {
        transform: rotate(40deg)
    }

    45% {
        transform: rotate(25deg)
    }

    78% {
        transform: rotate(8deg)
    }
}

@keyframes ic-hotspot-pulse-animation {
    0% {
        opacity: .3;
        transform: scale(1)
    }

    70% {
        opacity: 0;
        transform: scale(2)
    }

    to {
        opacity: 0;
        transform: scale(3)
    }
}

@keyframes intercom-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes cta__shake {
    0%,to {
        transform: translate3d(0,0,0)
    }

    20% {
        transform: translate3d(-10px,0,0)
    }

    40% {
        transform: translate3d(10px,0,0)
    }

    60% {
        transform: translate3d(-5px,0,0)
    }

    80% {
        transform: translate3d(5px,0,0)
    }
}

@keyframes developer-hub__slideDown {
    0%,40% {
        -webkit-transform: translateY(-100%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes developer-hub__slideDown {
    0%,40% {
        -webkit-transform: translateY(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        opacity: 1
    }
}

@keyframes fin-pulse {
    0%,to {
        box-shadow: 0 0 30px rgba(var(--beta-fill),.3)
    }

    50% {
        box-shadow: 0 0 30px 5px rgba(var(--beta-fill),.6)
    }
}

@keyframes heading-color-change {
    0% {
        color: var(--text-default)
    }

    to {
        color: var(--text-muted)
    }
}

@keyframes og-icon-completion-animation {
    0% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(1.2,1.2);
        background-color: var(--success-fill)
    }

    to {
        transform: scale(1,1);
        background-color: var(--success-fill)
    }
}

@keyframes og-icon-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes og-icon-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOutOpacity {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes expandSpringAnimation {
    0%,to {
        transform: scale(1)
    }

    60% {
        transform: scale(1.01)
    }
}

@keyframes collapseSpringAnimation {
    0%,to {
        transform: scale(1)
    }

    60% {
        transform: scale(.99)
    }
}

@keyframes text-color-change {
    0% {
        background-position: 100%;
        text-decoration-line: line-through;
        text-decoration-color: var(--text-default)
    }

    to {
        background-position: 0;
        text-decoration-line: line-through;
        text-decoration-color: var(--text-muted)
    }
}

@keyframes slideUpOnShow {
    0% {
        transform: translateY(100px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes nudge {
    0%,to {
        transform: translateY(0)
    }

    10%,50%,90% {
        transform: translateY(-6px)
    }

    30%,70% {
        transform: translateY(6px)
    }
}

@keyframes radiate1 {
    0% {
        transform: rotate(0) translateY(16px);
        opacity: 0;
        width: 3px;
        height: 12px
    }

    30%,40% {
        transform: rotate(0) translateY(50px);
        opacity: 1;
        width: 3px;
        height: 24px
    }

    70%,to {
        transform: rotate(0) translateY(60px);
        opacity: 0;
        width: 3px;
        height: 12px
    }
}

@keyframes radiate2 {
    0% {
        transform: rotate(45deg) translateY(16px);
        opacity: 0;
        width: 3px;
        height: 12px
    }

    30%,40% {
        transform: rotate(45deg) translateY(50px);
        opacity: 1;
        width: 3px;
        height: 24px
    }

    70%,to {
        transform: rotate(45deg) translateY(60px);
        opacity: 0;
        width: 3px;
        height: 12px
    }
}

@keyframes radiate3 {
    0% {
        transform: rotate(90deg) translateY(16px);
        opacity: 0;
        width: 3px;
        height: 12px
    }

    30%,40% {
        transform: rotate(90deg) translateY(50px);
        opacity: 1;
        width: 3px;
        height: 24px
    }

    70%,to {
        transform: rotate(90deg) translateY(60px);
        opacity: 0;
        width: 3px;
        height: 12px
    }
}

@keyframes radiate4 {
    0% {
        transform: rotate(135deg) translateY(16px);
        opacity: 0;
        width: 3px;
        height: 12px
    }

    30%,40% {
        transform: rotate(135deg) translateY(50px);
        opacity: 1;
        width: 3px;
        height: 24px
    }

    70%,to {
        transform: rotate(135deg) translateY(60px);
        opacity: 0;
        width: 3px;
        height: 12px
    }
}

@keyframes radiate5 {
    0% {
        transform: rotate(180deg) translateY(16px);
        opacity: 0;
        width: 3px;
        height: 12px
    }

    30%,40% {
        transform: rotate(180deg) translateY(50px);
        opacity: 1;
        width: 3px;
        height: 24px
    }

    70%,to {
        transform: rotate(180deg) translateY(60px);
        opacity: 0;
        width: 3px;
        height: 12px
    }
}

@keyframes radiate6 {
    0% {
        transform: rotate(225deg) translateY(16px);
        opacity: 0;
        width: 3px;
        height: 12px
    }

    30%,40% {
        transform: rotate(225deg) translateY(50px);
        opacity: 1;
        width: 3px;
        height: 24px
    }

    70%,to {
        transform: rotate(225deg) translateY(60px);
        opacity: 0;
        width: 3px;
        height: 12px
    }
}

@keyframes radiate7 {
    0% {
        transform: rotate(270deg) translateY(16px);
        opacity: 0;
        width: 3px;
        height: 12px
    }

    30%,40% {
        transform: rotate(270deg) translateY(50px);
        opacity: 1;
        width: 3px;
        height: 24px
    }

    70%,to {
        transform: rotate(270deg) translateY(60px);
        opacity: 0;
        width: 3px;
        height: 12px
    }
}

@keyframes radiate8 {
    0% {
        transform: rotate(315deg) translateY(16px);
        opacity: 0;
        width: 3px;
        height: 12px
    }

    30%,40% {
        transform: rotate(315deg) translateY(50px);
        opacity: 1;
        width: 3px;
        height: 24px
    }

    70%,to {
        transform: rotate(315deg) translateY(60px);
        opacity: 0;
        width: 3px;
        height: 12px
    }
}

@keyframes confettiGlow1 {
    0%,45% {
        transform: rotate(34deg) translateY(50px);
        opacity: 0
    }

    60% {
        transform: rotate(34deg) translateY(60px);
        opacity: 1
    }

    70%,to {
        transform: rotate(34deg) translateY(65px);
        opacity: 0
    }
}

@keyframes confettiGlow2 {
    0%,45% {
        transform: rotate(74deg) translateY(50px);
        opacity: 0
    }

    60% {
        transform: rotate(74deg) translateY(60px);
        opacity: 1
    }

    70%,to {
        transform: rotate(74deg) translateY(65px);
        opacity: 0
    }
}

@keyframes confettiGlow3 {
    0%,45% {
        transform: rotate(114deg) translateY(50px);
        opacity: 0
    }

    60% {
        transform: rotate(114deg) translateY(60px);
        opacity: 1
    }

    70%,to {
        transform: rotate(114deg) translateY(65px);
        opacity: 0
    }
}

@keyframes confettiGlow4 {
    0%,45% {
        transform: rotate(154deg) translateY(50px);
        opacity: 0
    }

    60% {
        transform: rotate(154deg) translateY(60px);
        opacity: 1
    }

    70%,to {
        transform: rotate(154deg) translateY(65px);
        opacity: 0
    }
}

@keyframes confettiGlow5 {
    0%,45% {
        transform: rotate(194deg) translateY(50px);
        opacity: 0
    }

    60% {
        transform: rotate(194deg) translateY(60px);
        opacity: 1
    }

    70%,to {
        transform: rotate(194deg) translateY(65px);
        opacity: 0
    }
}

@keyframes confettiGlow6 {
    0%,45% {
        transform: rotate(234deg) translateY(50px);
        opacity: 0
    }

    60% {
        transform: rotate(234deg) translateY(60px);
        opacity: 1
    }

    70%,to {
        transform: rotate(234deg) translateY(65px);
        opacity: 0
    }
}

@keyframes confettiGlow7 {
    0%,45% {
        transform: rotate(274deg) translateY(50px);
        opacity: 0
    }

    60% {
        transform: rotate(274deg) translateY(60px);
        opacity: 1
    }

    70%,to {
        transform: rotate(274deg) translateY(65px);
        opacity: 0
    }
}

@keyframes confettiGlow8 {
    0%,45% {
        transform: rotate(314deg) translateY(50px);
        opacity: 0
    }

    60% {
        transform: rotate(314deg) translateY(60px);
        opacity: 1
    }

    70%,to {
        transform: rotate(314deg) translateY(65px);
        opacity: 0
    }
}

@keyframes checkmarkColorChange {
    0%,45% {
        background-color: var(--neutral-container)
    }

    65%,to {
        background-color: #525252
    }
}

@keyframes checkmarkAnimation {
    0% {
        transform: translate(-50%,-50%) scale(0) rotate(45deg);
        background-color: #00da00
    }

    30%,45% {
        transform: translate(-50%,-50%) scale(1.5) rotate(45deg);
        background-color: #00da00
    }

    60%,to {
        transform: translate(-50%,-50%) scale(1) rotate(45deg);
        background-color: #888
    }
}

@keyframes emptyCheckboxAnimation {
    0% {
        border: 3px solid #888;
        background-color: transparent;
        opacity: 1
    }

    30%,45% {
        width: 48px;
        height: 48px;
        border: 0 solid #888;
        background-color: #00da00;
        opacity: .3
    }

    60%,to {
        width: 0;
        height: 0;
        border: 0 solid #888;
        background-color: #00da00;
        opacity: 0
    }
}

@keyframes blink {
    50% {
        opacity: 0
    }
}

@keyframes articles__importer__modal__tooltip-animation {
    0% {
        opacity: .3;
        transform: scale(1)
    }

    70% {
        opacity: 0;
        transform: scale(2)
    }

    to {
        opacity: 0;
        transform: scale(3)
    }
}

@keyframes rotate-fin-card-conic-gradient {
    0% {
        --fin-card-conic-gradient-angle: 0deg
    }

    to {
        --fin-card-conic-gradient-angle: 360deg
    }
}

@keyframes animatedgradient {
    0%,to {
        background-position: 0 0
    }

    40% {
        background-position: 100% 100%
    }
}

@keyframes slide-thumbnail {
    0% {
        -webkit-transform: translateX(-30px)
    }

    40% {
        transform: translateX(0)
    }
}

@keyframes slide {
    0% {
        -webkit-transform: translateX(-160px)
    }

    40% {
        transform: translateX(0)
    }
}

@keyframes appear {
    0%,40% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fin-thinking-dots {
    0% {
        background-color: var(--fin-thinking-dots-bg-color)
    }

    50%,to {
        background-color: var(--fin-thinking-dots-bg-color-lighter)
    }
}

@keyframes fin-loading-collapse {
    0%,30%,40%,70%,to {
        height: calc(var(--fin-loading-icon-size)/2.44)
    }

    15%,55% {
        height: calc(var(--fin-loading-icon-size)/11)
    }
}

@keyframes ask-fin-blinking-cursor {
    to {
        visibility: hidden
    }
}

@keyframes animate-in-progress {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(50%)
    }
}

@keyframes inbox2-loading-pulse {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

@keyframes typing-dot {
    0%,30%,to {
        transform: translateY(0)
    }

    15% {
        transform: translateY(-2px)
    }
}

@keyframes animate-shake {
    0%,50%,to {
        transform: translateX(0)
    }

    25% {
        transform: translateX(10px)
    }

    75% {
        transform: translateX(-10px)
    }
}

@-webkit-keyframes external__content__progress-bar-pulse {
    0% {
        background-color: var(--neutral-fill)
    }

    25%,to {
        background-color: var(--neutral-container-emphasis)
    }

    50%,75% {
        background-color: var(--neutral-container)
    }
}

@keyframes external__content__progress-bar-pulse {
    0% {
        background-color: var(--neutral-fill)
    }

    25%,to {
        background-color: var(--neutral-container-emphasis)
    }

    50%,75% {
        background-color: var(--neutral-container)
    }
}

@keyframes copilot-bg-shine {
    to {
        background-position: 0 0
    }
}

@keyframes height-reveal-animation {
    0% {
        grid-template-rows: 0fr
    }

    to {
        grid-template-rows: 1fr
    }
}

@keyframes slide-up-entry-animation {
    0% {
        opacity: 0;
        transform: translateY(24px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes delayed-slide-up-entry-animation {
    0%,70% {
        opacity: 0;
        transform: translateY(24px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fade-in-background {
    0% {
        background-color: rgb(from var(--notice-container) r g b/0%)
    }

    to {
        background-color: rgb(from var(--notice-container) r g b/100%)
    }
}

@keyframes side-drawer-opacity-animation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes side-drawer-motion-animation {
    0% {
        transform: translateX(320px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes slide-in {
    0% {
        transform: translateX(300px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

.border,.border-0,.border-2,.border-4,.border-8,.border-b,.border-b-0,.border-b-2,.border-b-4,.border-b-8,.border-l,.border-l-0,.border-l-2,.border-l-4,.border-l-8,.border-r,.border-r-0,.border-r-2,.border-r-4,.border-r-8,.border-t,.border-t-0,.border-t-2,.border-t-4,.border-t-8,.container,.h-0,.h-1,.h-10,.h-128,.h-16,.h-192,.h-2,.h-224,.h-24,.h-256,.h-3,.h-32,.h-320,.h-4,.h-40,.h-48,.h-5,.h-6,.h-64,.h-7,.h-8,.h-96,.h-auto,.h-full,.h-px,.h-screen,.max-h-full,.max-h-screen,.max-w-0,.max-w-1,.max-w-10,.max-w-10\/12,.max-w-11\/12,.max-w-128,.max-w-16,.max-w-192,.max-w-1\/12,.max-w-1\/2,.max-w-1\/3,.max-w-1\/4,.max-w-1\/5,.max-w-1\/6,.max-w-2,.max-w-224,.max-w-24,.max-w-256,.max-w-2\/12,.max-w-2\/3,.max-w-2\/4,.max-w-2\/5,.max-w-2\/6,.max-w-3,.max-w-32,.max-w-320,.max-w-3\/12,.max-w-3\/4,.max-w-3\/5,.max-w-3\/6,.max-w-4,.max-w-40,.max-w-48,.max-w-4\/12,.max-w-4\/5,.max-w-4\/6,.max-w-5,.max-w-5\/12,.max-w-5\/6,.max-w-6,.max-w-64,.max-w-6\/12,.max-w-7,.max-w-7\/12,.max-w-8,.max-w-8\/12,.max-w-96,.max-w-9\/12,.max-w-full,.max-w-none,.max-w-px,.min-h-0,.min-h-1,.min-h-10,.min-h-128,.min-h-16,.min-h-192,.min-h-2,.min-h-224,.min-h-24,.min-h-256,.min-h-3,.min-h-32,.min-h-320,.min-h-4,.min-h-40,.min-h-48,.min-h-5,.min-h-6,.min-h-64,.min-h-7,.min-h-8,.min-h-96,.min-h-full,.min-h-px,.min-h-screen,.min-w-0,.min-w-1,.min-w-10,.min-w-10\/12,.min-w-11\/12,.min-w-128,.min-w-16,.min-w-192,.min-w-1\/12,.min-w-1\/2,.min-w-1\/3,.min-w-1\/4,.min-w-1\/5,.min-w-1\/6,.min-w-2,.min-w-224,.min-w-24,.min-w-256,.min-w-2\/12,.min-w-2\/3,.min-w-2\/4,.min-w-2\/5,.min-w-2\/6,.min-w-3,.min-w-32,.min-w-320,.min-w-3\/12,.min-w-3\/4,.min-w-3\/5,.min-w-3\/6,.min-w-4,.min-w-40,.min-w-48,.min-w-4\/12,.min-w-4\/5,.min-w-4\/6,.min-w-5,.min-w-5\/12,.min-w-5\/6,.min-w-6,.min-w-64,.min-w-6\/12,.min-w-7,.min-w-7\/12,.min-w-8,.min-w-8\/12,.min-w-96,.min-w-9\/12,.min-w-full,.min-w-px,.p-0,.p-1,.p-10,.p-16,.p-2,.p-3,.p-4,.p-5,.p-6,.p-7,.p-8,.p-px,.pb-0,.pb-1,.pb-10,.pb-16,.pb-2,.pb-3,.pb-4,.pb-5,.pb-6,.pb-7,.pb-8,.pb-px,.pl-0,.pl-1,.pl-10,.pl-16,.pl-2,.pl-3,.pl-4,.pl-5,.pl-6,.pl-7,.pl-8,.pl-px,.pr-0,.pr-1,.pr-10,.pr-16,.pr-2,.pr-3,.pr-4,.pr-5,.pr-6,.pr-7,.pr-8,.pr-px,.pt-0,.pt-1,.pt-10,.pt-16,.pt-2,.pt-3,.pt-4,.pt-5,.pt-6,.pt-7,.pt-8,.pt-px,.px-0,.px-1,.px-10,.px-16,.px-2,.px-3,.px-4,.px-5,.px-6,.px-7,.px-8,.px-px,.py-0,.py-1,.py-10,.py-16,.py-2,.py-3,.py-4,.py-5,.py-6,.py-7,.py-8,.py-px,.w-0,.w-1,.w-10,.w-10\/12,.w-11\/12,.w-128,.w-16,.w-192,.w-1\/12,.w-1\/2,.w-1\/3,.w-1\/4,.w-1\/5,.w-1\/6,.w-2,.w-224,.w-24,.w-256,.w-2\/12,.w-2\/3,.w-2\/4,.w-2\/5,.w-2\/6,.w-3,.w-32,.w-320,.w-3\/12,.w-3\/4,.w-3\/5,.w-3\/6,.w-4,.w-40,.w-48,.w-4\/12,.w-4\/5,.w-4\/6,.w-5,.w-5\/12,.w-5\/6,.w-6,.w-64,.w-6\/12,.w-7,.w-7\/12,.w-8,.w-8\/12,.w-96,.w-9\/12,.w-auto,.w-full,.w-px,.w-screen {
    box-sizing: border-box
}

.flex-0 {
    flex: 0
}

.flex-1 {
    flex: 1
}

.flex-2 {
    flex: 2
}

.flex-3 {
    flex: 3
}

.flex-4 {
    flex: 4
}

.flex-5 {
    flex: 5
}

.flex-6 {
    flex: 6
}

.flex-7 {
    flex: 7
}

.flex-8 {
    flex: 8
}

.flex-9 {
    flex: 9
}

.flex-10 {
    flex: 10
}

.dark .inverse-theme,.explicit-light-theme,:root {
    color-scheme: light;
    --shadow-lvl-0: 0px 1px 4px 0px rgba(20, 20, 20, 0.15);
    --shadow-lvl-1: 0px 4px 8px 0px rgba(20, 20, 20, 0.15);
    --shadow-lvl-2: 0px 8px 16px 0px rgba(20, 20, 20, 0.15);
    --shadow-lvl-3: 0px 16px 32px 0px rgba(20, 20, 20, 0.2);
    --base-modal-blanket: rgba(0, 0, 0, 0.3);
    --base-backdrop: #eff0eb;
    --base-editor: #f7f7f2;
    --base-module: #ffffff;
    --base-module-subtle: #fbfbf9;
    --base-input: #ffffff;
    --text-accent: #e35712;
    --text-default: #1a1a1a;
    --text-disabled: #81817e;
    --text-error: #c41c1c;
    --text-link: #165fc6;
    --text-muted: #646462;
    --text-success: #117010;
    --text-on-accent: #fafafa;
    --text-on-beta: #fafafa;
    --text-on-error: #fafafa;
    --text-on-neutral: #fafaf7;
    --text-on-notice: #121212;
    --text-on-paywall: #fafafa;
    --text-on-success: #fafafa;
    --neutral-container: #f8f8f7;
    --neutral-container-emphasis: #f0f1ef;
    --neutral-border: #e9eae6;
    --neutral-border-emphasis: #c6c9c0;
    --neutral-fill: #222222;
    --neutral-fill-emphasis: #525251;
    --accent-container: #ffddcc;
    --accent-container-emphasis: #ffccb2;
    --accent-border: #ff9966;
    --accent-border-emphasis: #fa7938;
    --accent-fill: #ed621d;
    --accent-fill-emphasis: #de5612;
    --beta-container: #d7e7fe;
    --beta-container-emphasis: #cee2fd;
    --beta-border: #89b6f6;
    --beta-border-emphasis: #5a99f2;
    --beta-fill: #165fc6;
    --beta-fill-emphasis: #1e58a9;
    --success-container: #c7f1c6;
    --success-container-emphasis: #b4efb3;
    --success-border: #69cc66;
    --success-border-emphasis: #2ba329;
    --success-fill: #158613;
    --success-fill-emphasis: #117010;
    --error-container: #ffdbdb;
    --error-container-emphasis: #ffcccc;
    --error-border: #f98686;
    --error-border-emphasis: #f65c55;
    --error-fill: #df2020;
    --error-fill-emphasis: #b21a1a;
    --notice-container: #feecaf;
    --notice-container-emphasis: #fee79a;
    --notice-border: #f7d669;
    --notice-border-emphasis: #f5ca3d;
    --notice-fill: #ffcf33;
    --notice-fill-emphasis: #f9c61f;
    --paywall-container: #e7e2fd;
    --paywall-container-emphasis: #e2dbff;
    --paywall-border: #b09efa;
    --paywall-border-emphasis: #8a6ef7;
    --paywall-fill: #5f4db2;
    --paywall-fill-emphasis: #4c3e8e;
    --ai-gradient-step-1: #ffffff;
    --ai-gradient-step-2: #c1b6ae;
    --ai-gradient-step-3: #ff631b;
    --ai-gradient-step-4: #a078c7;
    --avatar-blue: #9ec5fa;
    --avatar-green: #61d65c;
    --avatar-orange: #f9a286;
    --avatar-pink: #ec93b1;
    --avatar-purple: #b19efa;
    --avatar-red: #f98686;
    --avatar-teal: #85e0d9;
    --avatar-ticket: #dbdbd6;
    --avatar-yellow: #ffdb66;
    --vis-azure-10: hsl(204, 80%, 20%);
    --vis-azure-20: hsl(204, 80%, 30%);
    --vis-azure-30: hsl(204, 80%, 40%);
    --vis-azure-40: hsl(204, 80%, 50%);
    --vis-azure-50: hsl(204, 80%, 60%);
    --vis-azure-60: hsl(204, 80%, 70%);
    --vis-azure-70: hsl(204, 80%, 80%);
    --vis-azure-80: hsl(204, 80%, 90%);
    --vis-azure-90: hsl(204, 80%, 95%);
    --vis-blue-10: hsl(218, 80%, 20%);
    --vis-blue-20: hsl(218, 80%, 30%);
    --vis-blue-30: hsl(218, 80%, 40%);
    --vis-blue-40: hsl(218, 80%, 50%);
    --vis-blue-50: hsl(218, 80%, 60%);
    --vis-blue-60: hsl(218, 80%, 70%);
    --vis-blue-70: hsl(218, 80%, 80%);
    --vis-blue-80: hsl(218, 80%, 90%);
    --vis-blue-90: hsl(218, 80%, 95%);
    --vis-cyan-10: hsl(195, 70%, 20%);
    --vis-cyan-20: hsl(195, 70%, 30%);
    --vis-cyan-30: hsl(195, 70%, 40%);
    --vis-cyan-40: hsl(195, 70%, 50%);
    --vis-cyan-50: hsl(195, 70%, 60%);
    --vis-cyan-60: hsl(195, 70%, 70%);
    --vis-cyan-70: hsl(195, 70%, 80%);
    --vis-cyan-80: hsl(195, 70%, 90%);
    --vis-cyan-90: hsl(195, 70%, 95%);
    --vis-green-10: hsl(130, 50%, 20%);
    --vis-green-20: hsl(130, 50%, 30%);
    --vis-green-30: hsl(130, 50%, 40%);
    --vis-green-40: hsl(130, 50%, 50%);
    --vis-green-50: hsl(130, 50%, 60%);
    --vis-green-60: hsl(130, 50%, 70%);
    --vis-green-70: hsl(130, 50%, 80%);
    --vis-green-80: hsl(130, 50%, 90%);
    --vis-green-90: hsl(130, 50%, 95%);
    --vis-magenta-10: hsl(310, 45%, 20%);
    --vis-magenta-20: hsl(310, 45%, 30%);
    --vis-magenta-30: hsl(310, 45%, 40%);
    --vis-magenta-40: hsl(310, 45%, 50%);
    --vis-magenta-50: hsl(310, 45%, 60%);
    --vis-magenta-60: hsl(310, 45%, 70%);
    --vis-magenta-70: hsl(310, 45%, 80%);
    --vis-magenta-80: hsl(310, 45%, 90%);
    --vis-magenta-90: hsl(310, 45%, 95%);
    --vis-mantis-10: hsl(100, 42%, 20%);
    --vis-mantis-20: hsl(100, 42%, 30%);
    --vis-mantis-30: hsl(100, 42%, 40%);
    --vis-mantis-40: hsl(100, 42%, 50%);
    --vis-mantis-50: hsl(100, 42%, 60%);
    --vis-mantis-60: hsl(100, 42%, 70%);
    --vis-mantis-70: hsl(100, 42%, 80%);
    --vis-mantis-80: hsl(100, 42%, 90%);
    --vis-mantis-90: hsl(100, 42%, 95%);
    --vis-mint-10: hsl(155, 52%, 20%);
    --vis-mint-20: hsl(155, 52%, 30%);
    --vis-mint-30: hsl(155, 52%, 40%);
    --vis-mint-40: hsl(155, 52%, 50%);
    --vis-mint-50: hsl(155, 52%, 60%);
    --vis-mint-60: hsl(155, 52%, 70%);
    --vis-mint-70: hsl(155, 52%, 80%);
    --vis-mint-80: hsl(155, 52%, 90%);
    --vis-mint-90: hsl(155, 52%, 95%);
    --vis-mustard-10: hsl(50, 70%, 20%);
    --vis-mustard-20: hsl(50, 70%, 30%);
    --vis-mustard-30: hsl(50, 70%, 40%);
    --vis-mustard-40: hsl(50, 70%, 50%);
    --vis-mustard-50: hsl(50, 70%, 60%);
    --vis-mustard-60: hsl(50, 70%, 70%);
    --vis-mustard-70: hsl(50, 70%, 80%);
    --vis-mustard-80: hsl(50, 70%, 90%);
    --vis-mustard-90: hsl(50, 70%, 95%);
    --vis-olive-10: hsl(65, 50%, 20%);
    --vis-olive-20: hsl(65, 50%, 30%);
    --vis-olive-30: hsl(65, 50%, 40%);
    --vis-olive-40: hsl(65, 50%, 50%);
    --vis-olive-50: hsl(65, 50%, 60%);
    --vis-olive-60: hsl(65, 50%, 70%);
    --vis-olive-70: hsl(65, 50%, 80%);
    --vis-olive-80: hsl(65, 50%, 90%);
    --vis-olive-90: hsl(65, 50%, 95%);
    --vis-orange-10: hsl(15, 75%, 20%);
    --vis-orange-20: hsl(15, 75%, 30%);
    --vis-orange-30: hsl(15, 75%, 40%);
    --vis-orange-40: hsl(15, 75%, 50%);
    --vis-orange-50: hsl(15, 75%, 60%);
    --vis-orange-60: hsl(15, 75%, 70%);
    --vis-orange-70: hsl(15, 75%, 80%);
    --vis-orange-80: hsl(15, 75%, 90%);
    --vis-orange-90: hsl(15, 75%, 95%);
    --vis-pink-10: hsl(338, 60%, 20%);
    --vis-pink-20: hsl(338, 60%, 30%);
    --vis-pink-30: hsl(338, 60%, 40%);
    --vis-pink-40: hsl(338, 60%, 50%);
    --vis-pink-50: hsl(338, 70%, 60%);
    --vis-pink-60: hsl(338, 70%, 70%);
    --vis-pink-70: hsl(338, 60%, 80%);
    --vis-pink-80: hsl(338, 60%, 90%);
    --vis-pink-90: hsl(338, 60%, 95%);
    --vis-salmon-10: hsl(0, 60%, 20%);
    --vis-salmon-20: hsl(0, 60%, 30%);
    --vis-salmon-30: hsl(0, 60%, 40%);
    --vis-salmon-40: hsl(0, 60%, 50%);
    --vis-salmon-50: hsl(0, 60%, 60%);
    --vis-salmon-60: hsl(0, 60%, 70%);
    --vis-salmon-70: hsl(0, 60%, 80%);
    --vis-salmon-80: hsl(0, 60%, 90%);
    --vis-salmon-90: hsl(0, 60%, 95%);
    --vis-slateblue-10: hsl(235, 50%, 30%);
    --vis-slateblue-20: hsl(235, 50%, 35%);
    --vis-slateblue-30: hsl(235, 50%, 45%);
    --vis-slateblue-40: hsl(235, 50%, 55%);
    --vis-slateblue-50: hsl(235, 50%, 65%);
    --vis-slateblue-60: hsl(235, 50%, 75%);
    --vis-slateblue-70: hsl(235, 50%, 85%);
    --vis-slateblue-80: hsl(235, 50%, 90%);
    --vis-slateblue-90: hsl(235, 50%, 95%);
    --vis-teal-10: hsl(185, 50%, 20%);
    --vis-teal-20: hsl(185, 50%, 30%);
    --vis-teal-30: hsl(185, 50%, 40%);
    --vis-teal-40: hsl(185, 50%, 50%);
    --vis-teal-50: hsl(185, 50%, 60%);
    --vis-teal-60: hsl(185, 50%, 70%);
    --vis-teal-70: hsl(185, 50%, 80%);
    --vis-teal-80: hsl(185, 50%, 90%);
    --vis-teal-90: hsl(185, 50%, 95%);
    --vis-turquoise-10: hsl(170, 50%, 20%);
    --vis-turquoise-20: hsl(170, 50%, 30%);
    --vis-turquoise-30: hsl(170, 50%, 40%);
    --vis-turquoise-40: hsl(170, 50%, 50%);
    --vis-turquoise-50: hsl(170, 50%, 60%);
    --vis-turquoise-60: hsl(170, 50%, 70%);
    --vis-turquoise-70: hsl(170, 50%, 80%);
    --vis-turquoise-80: hsl(170, 50%, 90%);
    --vis-turquoise-90: hsl(170, 50%, 95%);
    --vis-violet-10: hsl(270, 50%, 20%);
    --vis-violet-20: hsl(270, 50%, 30%);
    --vis-violet-30: hsl(270, 50%, 40%);
    --vis-violet-40: hsl(270, 50%, 50%);
    --vis-violet-50: hsl(270, 50%, 60%);
    --vis-violet-60: hsl(270, 50%, 70%);
    --vis-violet-70: hsl(270, 50%, 80%);
    --vis-violet-80: hsl(270, 50%, 90%);
    --vis-violet-90: hsl(270, 50%, 95%);
    --vis-yellow-10: hsl(40, 90%, 20%);
    --vis-yellow-20: hsl(40, 90%, 30%);
    --vis-yellow-30: hsl(40, 90%, 40%);
    --vis-yellow-40: hsl(40, 90%, 50%);
    --vis-yellow-50: hsl(40, 90%, 60%);
    --vis-yellow-60: hsl(40, 90%, 70%);
    --vis-yellow-70: hsl(40, 90%, 80%);
    --vis-yellow-80: hsl(40, 90%, 90%);
    --vis-yellow-90: hsl(40, 90%, 95%)
}

.dark,.explicit-dark-theme,html:not(.dark) .inverse-theme {
    color-scheme: dark;
    --shadow-lvl-0: 0px 1px 4px 0px rgba(0, 0, 0, 0.55);
    --shadow-lvl-1: 0px 4px 8px 0px rgba(0, 0, 0, 0.55);
    --shadow-lvl-2: 0px 8px 16px 0px rgba(0, 0, 0, 0.55);
    --shadow-lvl-3: 0px 16px 32px 0px rgba(0, 0, 0, 0.55);
    --base-modal-blanket: rgba(0, 0, 0, 0.5);
    --base-backdrop: #080808;
    --base-editor: #0e0f11;
    --base-module: #1c2026;
    --base-module-subtle: #12161c;
    --base-input: #1c2026;
    --text-accent: #f6825a;
    --text-default: #fafafa;
    --text-disabled: #9b9997;
    --text-error: #f98686;
    --text-link: #85b8ff;
    --text-muted: #c9c6c5;
    --text-success: #7dcc79;
    --text-on-accent: #121212;
    --text-on-beta: #121212;
    --text-on-error: #121212;
    --text-on-neutral: #121212;
    --text-on-notice: #121212;
    --text-on-paywall: #121212;
    --text-on-success: #121212;
    --neutral-container: #2b2f35;
    --neutral-container-emphasis: #393e46;
    --neutral-border: #373c43;
    --neutral-border-emphasis: #505762;
    --neutral-fill: #f2f2f2;
    --neutral-fill-emphasis: #e5e5e5;
    --accent-container: #593422;
    --accent-container-emphasis: #683d27;
    --accent-border: #995433;
    --accent-border-emphasis: #c66839;
    --accent-fill: #f68b55;
    --accent-fill-emphasis: #f49d71;
    --beta-container: #253956;
    --beta-container-emphasis: #2e476b;
    --beta-border: #3a5f92;
    --beta-border-emphasis: #5c8fd6;
    --beta-fill: #7eaef1;
    --beta-fill-emphasis: #99c4ff;
    --success-container: #274625;
    --success-container-emphasis: #2d532c;
    --success-border: #2e6b2e;
    --success-border-emphasis: #3f8f3d;
    --success-fill: #61c360;
    --success-fill-emphasis: #7dcc79;
    --error-container: #562929;
    --error-container-emphasis: #652929;
    --error-border: #943838;
    --error-border-emphasis: #e05252;
    --error-fill: #f87777;
    --error-fill-emphasis: #f28c8c;
    --notice-container: #45380c;
    --notice-container-emphasis: #57460f;
    --notice-border: #86712d;
    --notice-border-emphasis: #ddb73c;
    --notice-fill: #f6cf51;
    --notice-fill-emphasis: #f7d76e;
    --paywall-container: #342e4d;
    --paywall-container-emphasis: #3e385c;
    --paywall-border: #493e74;
    --paywall-border-emphasis: #6353ac;
    --paywall-fill: #b3a3fa;
    --paywall-fill-emphasis: #c4b6fb;
    --ai-gradient-step-1: #20201f;
    --ai-gradient-step-2: #c1b6ae;
    --ai-gradient-step-3: #ff7c40;
    --ai-gradient-step-4: #a078c7;
    --avatar-blue: #3d5f8f;
    --avatar-green: #3e7f3d;
    --avatar-orange: #a6583f;
    --avatar-pink: #9f6076;
    --avatar-purple: #564c80;
    --avatar-red: #af5a5a;
    --avatar-teal: #367d77;
    --avatar-ticket: #4e4d4b;
    --avatar-yellow: #6d5813;
    --vis-azure-10: hsl(204, 65%, 90%);
    --vis-azure-20: hsl(204, 65%, 80%);
    --vis-azure-30: hsl(204, 65%, 70%);
    --vis-azure-40: hsl(204, 65%, 60%);
    --vis-azure-50: hsl(204, 65%, 50%);
    --vis-azure-60: hsl(204, 65%, 40%);
    --vis-azure-70: hsl(204, 65%, 30%);
    --vis-azure-80: hsl(204, 65%, 20%);
    --vis-azure-90: hsl(204, 65%, 15%);
    --vis-blue-10: hsl(218, 50%, 90%);
    --vis-blue-20: hsl(218, 50%, 80%);
    --vis-blue-30: hsl(218, 50%, 70%);
    --vis-blue-40: hsl(218, 50%, 60%);
    --vis-blue-50: hsl(218, 50%, 50%);
    --vis-blue-60: hsl(218, 50%, 40%);
    --vis-blue-70: hsl(218, 50%, 30%);
    --vis-blue-80: hsl(218, 50%, 20%);
    --vis-blue-90: hsl(218, 50%, 15%);
    --vis-cyan-10: hsl(195, 50%, 90%);
    --vis-cyan-20: hsl(195, 50%, 80%);
    --vis-cyan-30: hsl(195, 50%, 70%);
    --vis-cyan-40: hsl(195, 50%, 60%);
    --vis-cyan-50: hsl(195, 50%, 50%);
    --vis-cyan-60: hsl(195, 50%, 40%);
    --vis-cyan-70: hsl(195, 50%, 30%);
    --vis-cyan-80: hsl(195, 50%, 20%);
    --vis-cyan-90: hsl(195, 50%, 15%);
    --vis-green-10: hsl(130, 30%, 90%);
    --vis-green-20: hsl(130, 30%, 80%);
    --vis-green-30: hsl(130, 30%, 70%);
    --vis-green-40: hsl(130, 30%, 60%);
    --vis-green-50: hsl(130, 30%, 50%);
    --vis-green-60: hsl(130, 30%, 40%);
    --vis-green-70: hsl(130, 30%, 30%);
    --vis-green-80: hsl(130, 30%, 20%);
    --vis-green-90: hsl(130, 30%, 15%);
    --vis-magenta-10: hsl(310, 30%, 90%);
    --vis-magenta-20: hsl(310, 30%, 80%);
    --vis-magenta-30: hsl(310, 30%, 70%);
    --vis-magenta-40: hsl(310, 30%, 60%);
    --vis-magenta-50: hsl(310, 30%, 50%);
    --vis-magenta-60: hsl(310, 30%, 40%);
    --vis-magenta-70: hsl(310, 30%, 30%);
    --vis-magenta-80: hsl(310, 30%, 20%);
    --vis-magenta-90: hsl(310, 30%, 15%);
    --vis-mantis-10: hsl(100, 30%, 90%);
    --vis-mantis-20: hsl(100, 30%, 80%);
    --vis-mantis-30: hsl(100, 30%, 70%);
    --vis-mantis-40: hsl(100, 30%, 60%);
    --vis-mantis-50: hsl(100, 30%, 50%);
    --vis-mantis-60: hsl(100, 30%, 40%);
    --vis-mantis-70: hsl(100, 30%, 30%);
    --vis-mantis-80: hsl(100, 30%, 20%);
    --vis-mantis-90: hsl(100, 30%, 15%);
    --vis-mint-10: hsl(155, 40%, 90%);
    --vis-mint-20: hsl(155, 40%, 80%);
    --vis-mint-30: hsl(155, 40%, 70%);
    --vis-mint-40: hsl(155, 40%, 60%);
    --vis-mint-50: hsl(155, 40%, 50%);
    --vis-mint-60: hsl(155, 40%, 40%);
    --vis-mint-70: hsl(155, 40%, 30%);
    --vis-mint-80: hsl(155, 40%, 20%);
    --vis-mint-90: hsl(155, 40%, 15%);
    --vis-mustard-10: hsl(55, 40%, 90%);
    --vis-mustard-20: hsl(55, 40%, 80%);
    --vis-mustard-30: hsl(55, 40%, 70%);
    --vis-mustard-40: hsl(55, 40%, 60%);
    --vis-mustard-50: hsl(55, 40%, 50%);
    --vis-mustard-60: hsl(55, 40%, 40%);
    --vis-mustard-70: hsl(55, 40%, 30%);
    --vis-mustard-80: hsl(55, 40%, 20%);
    --vis-mustard-90: hsl(55, 40%, 15%);
    --vis-olive-10: hsl(65, 35%, 90%);
    --vis-olive-20: hsl(65, 35%, 80%);
    --vis-olive-30: hsl(65, 35%, 70%);
    --vis-olive-40: hsl(65, 35%, 60%);
    --vis-olive-50: hsl(65, 35%, 50%);
    --vis-olive-60: hsl(65, 35%, 40%);
    --vis-olive-70: hsl(65, 35%, 30%);
    --vis-olive-80: hsl(65, 35%, 20%);
    --vis-olive-90: hsl(65, 35%, 15%);
    --vis-orange-10: hsl(15, 55%, 90%);
    --vis-orange-20: hsl(15, 55%, 80%);
    --vis-orange-30: hsl(15, 55%, 70%);
    --vis-orange-40: hsl(15, 55%, 60%);
    --vis-orange-50: hsl(15, 55%, 50%);
    --vis-orange-60: hsl(15, 55%, 40%);
    --vis-orange-70: hsl(15, 55%, 30%);
    --vis-orange-80: hsl(15, 55%, 20%);
    --vis-orange-90: hsl(15, 55%, 15%);
    --vis-pink-10: hsl(338, 40%, 90%);
    --vis-pink-20: hsl(338, 40%, 80%);
    --vis-pink-30: hsl(338, 40%, 70%);
    --vis-pink-40: hsl(338, 40%, 60%);
    --vis-pink-50: hsl(338, 40%, 50%);
    --vis-pink-60: hsl(338, 40%, 40%);
    --vis-pink-70: hsl(338, 40%, 30%);
    --vis-pink-80: hsl(338, 40%, 20%);
    --vis-pink-90: hsl(338, 40%, 15%);
    --vis-salmon-10: hsl(0, 40%, 90%);
    --vis-salmon-20: hsl(0, 40%, 80%);
    --vis-salmon-30: hsl(0, 40%, 70%);
    --vis-salmon-40: hsl(0, 40%, 60%);
    --vis-salmon-50: hsl(0, 40%, 50%);
    --vis-salmon-60: hsl(0, 40%, 40%);
    --vis-salmon-70: hsl(0, 40%, 30%);
    --vis-salmon-80: hsl(0, 40%, 20%);
    --vis-salmon-90: hsl(0, 40%, 15%);
    --vis-slateblue-10: hsl(235, 35%, 90%);
    --vis-slateblue-20: hsl(235, 35%, 80%);
    --vis-slateblue-30: hsl(235, 35%, 70%);
    --vis-slateblue-40: hsl(235, 35%, 60%);
    --vis-slateblue-50: hsl(235, 35%, 50%);
    --vis-slateblue-60: hsl(235, 35%, 40%);
    --vis-slateblue-70: hsl(235, 35%, 30%);
    --vis-slateblue-80: hsl(235, 35%, 20%);
    --vis-slateblue-90: hsl(235, 35%, 15%);
    --vis-teal-10: hsl(185, 30%, 90%);
    --vis-teal-20: hsl(185, 30%, 80%);
    --vis-teal-30: hsl(185, 30%, 70%);
    --vis-teal-40: hsl(185, 30%, 60%);
    --vis-teal-50: hsl(185, 30%, 50%);
    --vis-teal-60: hsl(185, 30%, 40%);
    --vis-teal-70: hsl(185, 30%, 30%);
    --vis-teal-80: hsl(185, 30%, 20%);
    --vis-teal-90: hsl(185, 30%, 15%);
    --vis-turquoise-10: hsl(170, 35%, 90%);
    --vis-turquoise-20: hsl(170, 35%, 80%);
    --vis-turquoise-30: hsl(170, 35%, 70%);
    --vis-turquoise-40: hsl(170, 35%, 60%);
    --vis-turquoise-50: hsl(170, 35%, 50%);
    --vis-turquoise-60: hsl(170, 35%, 40%);
    --vis-turquoise-70: hsl(170, 35%, 30%);
    --vis-turquoise-80: hsl(170, 35%, 20%);
    --vis-turquoise-90: hsl(170, 35%, 15%);
    --vis-violet-10: hsl(270, 35%, 90%);
    --vis-violet-20: hsl(270, 35%, 80%);
    --vis-violet-30: hsl(270, 35%, 70%);
    --vis-violet-40: hsl(270, 35%, 60%);
    --vis-violet-50: hsl(270, 35%, 50%);
    --vis-violet-60: hsl(270, 35%, 40%);
    --vis-violet-70: hsl(270, 35%, 30%);
    --vis-violet-80: hsl(270, 35%, 20%);
    --vis-violet-90: hsl(270, 35%, 15%);
    --vis-yellow-10: hsl(40, 65%, 90%);
    --vis-yellow-20: hsl(40, 65%, 80%);
    --vis-yellow-30: hsl(40, 65%, 70%);
    --vis-yellow-40: hsl(40, 65%, 60%);
    --vis-yellow-50: hsl(40, 65%, 50%);
    --vis-yellow-60: hsl(40, 65%, 40%);
    --vis-yellow-70: hsl(40, 65%, 30%);
    --vis-yellow-80: hsl(40, 65%, 20%);
    --vis-yellow-90: hsl(40, 65%, 15%)
}

:root {
    --border-radius-small: 8px;
    --border-radius-medium: 12px;
    --border-radius-large: 16px;
    --border-radius-full: 9999px;
    --border-radius-module: var(--border-radius-large);
    --module-spacing: 8px;
    --module-spacing\/2: calc(var(--module-spacing) / 2)
}

button {
    background-color: transparent;
    background-image: none
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

dd,dl,dt,fieldset,h1,h2,h3,h4,p {
    margin: 0;
    padding: 0
}

html {
    font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    line-height: 1.5
}

*,::after,::before {
    border-width: 0;
    border-style: solid;
    border-color: var(--neutral-border)
}

hr {
    border-top-width: 1px
}

img {
    border-style: solid
}

textarea {
    resize: vertical
}

input::placeholder,textarea::placeholder {
    color: var(--text-muted)
}

[role=button],button {
    cursor: pointer
}

table {
    border-collapse: collapse
}

a {
    color: inherit;
    text-decoration: underline
}

button,input,optgroup,select,textarea {
    padding: 0;
    line-height: inherit;
    color: inherit
}

code,kbd,pre,samp {
    font-family: monospace
}

.text,body {
    font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    line-height: 20px;
    font-size: 14px
}

body {
    color: var(--text-default)
}

a.o__disabled {
    opacity: .5;
    pointer-events: none;
    text-decoration: none
}

.colpick.colpick_custom_ns .colpick_new_color {
    border: 1px solid var(--neutral-border)
}

.colpick.colpick_dark .colpick_hue {
    border-color: var(--neutral-border)
}

.colpick.colpick_dark .colpick_color {
    outline-color: var(--neutral-border)
}

@font-face {
    font-family: Ivory;
    font-weight: 100 400;
    src: url(https://fonts.intercomcdn.com/ll-ivory/IvoryLLWeb-Light.woff) format("woff")
}

@font-face {
    font-family: Ivory;
    font-weight: 100 400;
    src: url(https://fonts.intercomcdn.com/ll-ivory/IvoryLLWeb-Light.woff2) format("woff2")
}

@font-face {
    font-family: Ivory;
    font-weight: 500 900;
    src: url(https://fonts.intercomcdn.com/ll-ivory/IvoryLLWeb-Medium.woff) format("woff")
}

@font-face {
    font-family: Ivory;
    font-weight: 500 900;
    src: url(https://fonts.intercomcdn.com/ll-ivory/IvoryLLWeb-Medium.woff2) format("woff2")
}

.text {
    font-weight: 400
}

.text:not(.o__inline-link) {
    color: var(--text-default)
}

a>.heading,a>.text {
    display: inline-block
}

.text.o__strong {
    font-weight: 600
}

.text.o__muted {
    color: var(--text-muted)
}

.text.o__small {
    font-size: 13px
}

.text.o__label {
    font-weight: 600
}

.text.o__standalone-link,.text.o__standalone-link>a {
    color: var(--text-link);
    text-decoration: none;
    cursor: pointer
}

.text.o__standalone-link:focus,.text.o__standalone-link:hover,.text.o__standalone-link>a:focus,.text.o__standalone-link>a:hover,a:focus>.text.o__standalone-link,a:focus>.text.o__standalone-link>a {
    color: var(--text-link);
    text-decoration: underline
}

.text.o__inline-link {
    text-decoration: underline;
    cursor: pointer
}

.text.o__inline-link:focus,.text.o__inline-link:hover,a:focus>.text.o__inline-link {
    opacity: .8
}

.text.o__subtle-link,.text.o__subtle-link>a {
    text-decoration: none;
    cursor: pointer
}

.heading.o__standalone-link:focus,.heading.o__standalone-link:hover,.heading.o__standalone-link>a:focus,.heading.o__standalone-link>a:hover,.heading.o__subtle-link:focus,.heading.o__subtle-link:hover,.heading.o__subtle-link>a:focus,.heading.o__subtle-link>a:hover,.text.o__subtle-link:focus,.text.o__subtle-link:hover,.text.o__subtle-link>a:focus,.text.o__subtle-link>a:hover,a:focus>.heading.o__standalone-link,a:focus>.heading.o__standalone-link>a,a:focus>.heading.o__subtle-link,a:focus>.heading.o__subtle-link>a,a:focus>.text.o__subtle-link,a:focus>.text.o__subtle-link>a {
    color: var(--text-link);
    text-decoration: underline
}

.t__group-title {
    font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    font-weight: 600;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .5px;
    text-transform: uppercase
}

.heading,.t__body,.t__group-title {
    color: var(--text-default)
}

.heading {
    font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    font-weight: 600;
    padding: 0;
    margin: 0
}

.heading.o__size-headline {
    font-size: 36px;
    line-height: 54px
}

.heading.o__size-1 {
    font-size: 20px;
    line-height: 32px
}

.heading.o__size-2 {
    font-size: 18px;
    line-height: 24px
}

.heading.o__size-3,.heading.o__size-4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.heading.o__size-4 {
    font-size: 14px
}

.heading.o__muted {
    color: var(--text-muted)
}

.heading.o__standalone-link,.heading.o__standalone-link>a {
    color: var(--text-link);
    text-decoration: none;
    cursor: pointer
}

.heading.o__subtle-link,.heading.o__subtle-link>a {
    text-decoration: none;
    cursor: pointer
}

.t__body {
    font-size: 14px;
    line-height: 20px
}

.t__h1,.t__h1__deem,.t__h2,.t__h2__deem {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif
}

.t__h2,.t__h2__deem {
    font-size: 18px;
    line-height: 24px
}

.t__h1,.t__h2,.t__label a:hover {
    color: var(--text-default)
}

.t__h1__deem,.t__h2__deem {
    color: var(--text-muted)
}

.t__h3,.t__h4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: var(--text-default)
}

.t__h4 {
    font-size: 14px
}

.t__group-label,.t__light-text {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: var(--text-muted)
}

.t__light-text {
    line-height: 20px;
    font-weight: 400
}

.t__conversation-summary {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400
}

.t__label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: var(--text-muted)
}

.t__smaller {
    font-size: 13px
}

.t__big-number {
    font-size: 26px;
    line-height: 33px;
    font-weight: 600;
    color: var(--text-default)
}

.t__btn-label {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600
}

.t__body.o__no-visual-margins,.t__h3.o__no-visual-margins {
    display: block;
    margin: -5px 0
}

.t__light-text.o__no-visual-margins {
    display: block;
    margin: -5px 0 -6px
}

.t__label.o__no-visual-margins {
    display: block;
    margin: -6px 0
}

.t__em-link,.t__em-link__outer,a.t__em-link {
    color: var(--text-link);
    text-decoration: none
}

.t__em-link:hover,.t__em-link__outer:hover .t__em-link__inner,a.t__em-link:hover {
    color: var(--text-link);
    text-decoration: underline
}

.t__em-link.o__active,.t__em-link__outer.o__active .t__em-link__inner,a.t__em-link.o__active {
    text-decoration: none;
    font-weight: 600;
    cursor: default;
    pointer-events: none
}

.t__solo-link,.t__solo-link__outer {
    text-decoration: none;
    cursor: pointer
}

.t__solo-link:active,.t__solo-link:hover,.t__solo-link__outer:active .t__solo-link__inner,.t__solo-link__outer:hover .t__solo-link__inner {
    text-decoration: underline;
    color: var(--text-link)
}

.t__solo-link.o__active,.t__solo-link__outer.o__active {
    font-weight: 600;
    cursor: default;
    pointer-events: none
}

.t__breadcrumb:link,.t__growth-only-link-with-constant-underline__outer {
    text-decoration: none
}

.t__growth-only-link-with-constant-underline,.t__growth-only-link-with-constant-underline__inner {
    text-decoration: underline
}

.t__notice-h1 {
    font-size: 24px;
    line-height: 33px;
    font-weight: 600;
    color: var(--text-default)
}

.t__notice-text {
    font-size: 16px;
    line-height: 24px;
    color: var(--text-muted)
}

.t__breadcrumb {
    font-size: 10px;
    color: var(--text-muted);
    text-transform: uppercase
}

.t__breadcrumb:link {
    color: var(--text-muted)
}

.t__breadcrumb:hover {
    text-decoration: underline
}

.t__breadcrumb,.t__campaign__stat,.t__hero-title {
    font-weight: 600
}

.t__campaign__stat,.t__hero-title,.t__message-editor-stat {
    font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif
}

.t__hero-title {
    font-size: 34px;
    line-height: 34px
}

.t__object__highlight,.t__object__text {
    color: var(--text-muted)
}

.t__object__strong-highlight {
    color: var(--text-default)
}

.t__object.o__active .t__object__text,.t__object:active .t__object__text,.t__object:focus .t__object__text,.t__object:hover .t__object__text {
    color: var(--text-default)
}

.t__object.o__active .t__object__highlight,.t__object.o__active .t__object__strong-highlight,.t__object:active .t__object__highlight,.t__object:active .t__object__strong-highlight,.t__object:focus .t__object__highlight,.t__object:focus .t__object__strong-highlight,.t__object:hover .t__highlight,.t__object:hover .t__object__strong-highlight {
    color: var(--text-link)
}

.container {
    width: 100%
}

@media (min-width: 1920px) {
    .container {
        max-width:1920px
    }
}

.btn__footer {
    padding: 13px;
    border-top: 1px solid var(--neutral-border)
}

.btn__footer.o__flex {
    display: flex
}

.btn__footer__left,.btn__footer__right {
    flex: 1;
    min-width: min-content
}

.btn__footer__main {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center
}

.btn__tertiary,.btn__tertiary__deemphasized {
    font-size: 14px;
    line-height: 18px;
    display: inline;
    cursor: pointer;
    text-decoration: none;
    font-weight: 500
}

.btn__tertiary {
    color: var(--text-accent)
}

.btn__tertiary__deemphasized {
    color: var(--text-muted)
}

.btn__tertiary:hover,.btn__tertiary__deemphasized:hover {
    opacity: 1;
    color: var(--text-accent)
}

.button__list {
    display: inline-flex
}

.button__list.o__block {
    display: flex;
    align-items: center
}

.button__list.o__block.o__left {
    justify-content: flex-start
}

.button__list.o__block.o__right {
    justify-content: flex-end
}

.button__list.o__block.o__center {
    justify-content: center
}

.button__list .btn {
    margin: 0 0 0 4px
}

.button__list>.btn:first-child {
    margin-left: 0
}

.btn {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    border-radius: var(--border-radius-full);
    padding: 8px 12px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    transition: box-shadow linear .04s;
    vertical-align: bottom;
    white-space: nowrap
}

.btn:focus {
    outline: 0
}

.btn.o__dropdown-opener {
    padding-right: 6px
}

.btn.o__fit {
    display: block;
    text-align: center;
    width: 100%
}

.btn.o__fit.o__dropdown-opener {
    text-align: left
}

.btn.o__small {
    font-size: 13px;
    padding: 4px 8px
}

.btn.o__large {
    font-size: 16px;
    padding: 12px 16px
}

.btn.o__icon {
    padding: 8px
}

.btn.o__icon.o__small {
    padding: 4px
}

.btn.o__icon.o__large {
    padding: 12px
}

.btn.o__in-left-list,.btn__toggle-list.o__in-left-list {
    margin: 0 10px 0 0;
    float: left
}

.btn .btn__toggle-list.o__in-right-list,.btn.o__in-right-list {
    margin: 0 0 0 10px;
    float: left
}

.btn.o__disabled,.btn.o__disabled:active,.btn.o__disabled:focus,.btn.o__disabled:hover {
    cursor: not-allowed;
    background-color: var(--neutral-container)!important;
    color: var(--text-disabled)!important;
    box-shadow: none!important;
    outline: 0!important
}

.btn.o__disabled *,.btn.o__disabled:active *,.btn.o__disabled:focus *,.btn.o__disabled:hover * {
    pointer-events: none
}

.btn.o__primary {
    background-color: var(--neutral-fill);
    color: var(--text-on-neutral)
}

.btn.o__primary.o__forced-active,.btn.o__primary:active,.btn.o__primary:hover {
    background-color: var(--neutral-fill-emphasis)
}

.btn.o__primary:focus {
    box-shadow: 0 0 0 2px var(--neutral-border-emphasis)
}

.btn.o__primary.o__forced-active,.btn.o__primary:active {
    box-shadow: 0 0 0 1px var(--neutral-border-emphasis)
}

.btn.o__destructive,.btn.o__primary-destructive {
    background-color: var(--error-fill);
    color: var(--text-on-error)
}

.btn.o__destructive.o__forced-active,.btn.o__destructive:active,.btn.o__destructive:hover,.btn.o__primary-destructive.o__forced-active,.btn.o__primary-destructive:active,.btn.o__primary-destructive:hover {
    background-color: var(--error-fill-emphasis)
}

.btn.o__primary-destructive:focus {
    box-shadow: 0 0 0 2px var(--error-border-emphasis)
}

.btn.o__primary-destructive.o__forced-active,.btn.o__primary-destructive:active {
    box-shadow: 0 0 0 1px var(--error-border-emphasis)
}

.btn.o__primary-live {
    background-color: var(--success-fill);
    color: var(--text-on-success)
}

.btn.o__primary-live:focus {
    box-shadow: 0 0 0 2px var(--success-border-emphasis)
}

.btn.o__primary-live.o__forced-active,.btn.o__primary-live:active,.btn.o__primary-live:hover {
    background-color: var(--success-fill-emphasis)
}

.btn.o__primary-live.o__forced-active,.btn.o__primary-live:active {
    box-shadow: 0 0 0 1px var(--success-border-emphasis)
}

.btn.o__primary-paywall {
    background-color: var(--paywall-fill);
    color: var(--text-on-paywall)
}

.btn.o__primary-paywall:focus {
    box-shadow: 0 0 0 2px var(--paywall-border-emphasis)
}

.btn.o__primary-paywall.o__forced-active,.btn.o__primary-paywall:active,.btn.o__primary-paywall:hover {
    background-color: var(--paywall-fill-emphasis)
}

.btn.o__primary-paywall.o__forced-active,.btn.o__primary-paywall:active {
    box-shadow: 0 0 0 1px var(--paywall-border-emphasis)
}

.btn.o__secondary {
    color: var(--text-default);
    background-color: var(--neutral-container)
}

.btn.o__secondary.o__forced-active,.btn.o__secondary:active,.btn.o__secondary:focus,.btn.o__secondary:hover {
    background-color: var(--neutral-container-emphasis)
}

.btn.o__secondary:focus {
    box-shadow: 0 0 0 2px var(--neutral-border-emphasis)
}

.btn.o__secondary.o__forced-active,.btn.o__secondary:active {
    box-shadow: 0 0 0 1px var(--neutral-border-emphasis)
}

.btn.o__secondary-destructive {
    background-color: var(--error-container);
    color: var(--text-default)
}

.btn.o__secondary-destructive:hover {
    background-color: var(--error-container-emphasis);
    color: var(--text-default)
}

.btn.o__destructive:focus,.btn.o__secondary-destructive:focus {
    box-shadow: 0 0 0 2px var(--error-border-emphasis)
}

.btn.o__destructive.o__forced-active,.btn.o__destructive:active,.btn.o__secondary-destructive.o__forced-active,.btn.o__secondary-destructive:active {
    box-shadow: 0 0 0 1px var(--error-border-emphasis)
}

.btn.o__secondary-live {
    background-color: var(--success-container);
    color: var(--text-default)
}

.btn.o__secondary-live:hover {
    background-color: var(--success-container-emphasis)
}

.btn.o__secondary-live:focus {
    box-shadow: 0 0 0 2px var(--success-border-emphasis)
}

.btn.o__secondary-live.o__forced-active,.btn.o__secondary-live:active {
    background-color: var(--success-container-emphasis);
    box-shadow: 0 0 0 1px var(--success-border-emphasis)
}

.btn.o__secondary-paywall {
    background-color: var(--paywall-container);
    color: var(--text-default)
}

.btn.o__secondary-paywall:focus {
    box-shadow: 0 0 0 2px var(--paywall-border-emphasis)
}

.btn.o__secondary-paywall.o__forced-active,.btn.o__secondary-paywall:active,.btn.o__secondary-paywall:hover {
    background-color: var(--paywall-container-emphasis)
}

.btn.o__secondary-paywall.o__forced-active,.btn.o__secondary-paywall:active {
    box-shadow: 0 0 0 1px var(--paywall-border-emphasis)
}

.btn.o__secondary-floating {
    background-color: var(--base-module);
    color: var(--text-default);
    box-shadow: var(--shadow-lvl-0),0 0 0 1px var(--neutral-border)
}

.btn.o__secondary-floating:focus {
    box-shadow: var(--shadow-lvl-0),0 0 0 2px var(--neutral-border-emphasis)
}

.btn.o__secondary-floating.o__forced-active,.btn.o__secondary-floating:active,.btn.o__secondary-floating:hover {
    background-color: var(--neutral-container-emphasis)
}

.btn.o__secondary-floating.o__forced-active,.btn.o__secondary-floating:active {
    box-shadow: var(--shadow-lvl-0),0 0 0 1px var(--neutral-border-emphasis)
}

.btn.o__secondary.o__has-error,.f__custom-select__box.o__has-error {
    color: var(--text-default);
    background-color: var(--error-container)
}

.btn.o__secondary.o__has-error:focus,.btn.o__secondary.o__has-error:hover,.btn.o__tertiary {
    color: var(--text-default);
    background-color: transparent
}

.btn.o__secondary.o__has-error:focus.o__forced-active,.btn.o__secondary.o__has-error:focus:active,.btn.o__secondary.o__has-error:focus:focus,.btn.o__secondary.o__has-error:focus:hover,.btn.o__secondary.o__has-error:hover.o__forced-active,.btn.o__secondary.o__has-error:hover:active,.btn.o__secondary.o__has-error:hover:focus,.btn.o__secondary.o__has-error:hover:hover,.btn.o__tertiary.o__forced-active,.btn.o__tertiary:active,.btn.o__tertiary:focus,.btn.o__tertiary:hover {
    background-color: var(--neutral-container-emphasis)
}

.btn.o__secondary.o__has-error:focus:focus,.btn.o__secondary.o__has-error:hover:focus,.btn.o__tertiary:focus {
    box-shadow: 0 0 0 2px var(--neutral-border-emphasis)
}

.btn.o__secondary.o__has-error:focus.o__forced-active,.btn.o__secondary.o__has-error:focus:active,.btn.o__secondary.o__has-error:hover.o__forced-active,.btn.o__secondary.o__has-error:hover:active,.btn.o__tertiary.o__forced-active,.btn.o__tertiary:active {
    box-shadow: 0 0 0 1px var(--neutral-border-emphasis)
}

.f__custom-select__box.o__has-error:focus,.f__custom-select__box.o__has-error:hover {
    background-color: var(--error-container-emphasis)
}

.btn.o__secondary.o__has-error:focus,.f__custom-select__box.o__has-error:focus {
    box-shadow: 0 0 0 2px var(--error-border)
}

.btn.o__secondary.o__has-error:active,.f__custom-select__box.o__has-error:active {
    background-color: var(--error-container-emphasis)
}

.btn.o__subtle {
    background-color: transparent;
    background-clip: padding-box
}

.btn.o__cell-secondary {
    color: var(--text-default)
}

.btn.o__cell-secondary,.btn.o__cell-secondary-destructive {
    padding: 10px 13px;
    margin: -1px;
    background-color: transparent;
    text-align: center;
    border-radius: 0;
    width: auto
}

.btn.o__cell-secondary:hover {
    color: var(--text-default)
}

.btn.o__cell-secondary.o__forced-active,.btn.o__cell-secondary:active,.btn.o__cell-secondary:focus:active {
    background-color: var(--neutral-container);
    color: var(--text-default)
}

.btn.o__cell-secondary:focus,.btn.o__cell-secondary:focus:active {
    box-shadow: 0 0 0 2px var(--neutral-border)
}

.btn.o__cell-secondary-destructive {
    color: var(--error-container)
}

.btn.o__cell-secondary-destructive:hover {
    color: var(--error-container-emphasis)
}

.btn.o__cell-secondary-destructive.o__forced-active,.btn.o__cell-secondary-destructive:active,.btn.o__cell-secondary-destructive:focus:active {
    background-color: var(--error-container);
    color: var(--text-default)
}

.btn.o__cell-secondary-destructive:focus,.btn.o__cell-secondary-destructive:focus:active {
    box-shadow: 0 0 0 2px var(--error-border-emphasis)
}

.btn.o__toggle {
    border-radius: 0;
    float: left;
    margin-right: -1px;
    color: var(--text-default);
    border-right: 1px solid transparent
}

.btn.o__toggle:focus {
    border-width: 0;
    background-color: var(--neutral-container)
}

.btn.o__toggle.o__forced-active,.btn.o__toggle:focus:active {
    background-color: var(--neutral-container-emphasis)
}

.btn.o__toggle.o__selected {
    background-color: var(--neutral-container-emphasis);
    cursor: default
}

.btn.o__toggle.o__selected:focus {
    box-shadow: inset 0 0 0 2px var(--accent-border),inset 0 0 0 3px var(--accent-border-emphasis)
}

.btn.o__toggle.o__selected,.btn.o__toggle:hover {
    box-shadow: none;
    color: var(--accent-fill);
    z-index: 1;
    position: relative
}

.btn.o__toggle.o__selected:hover {
    color: var(--accent-fill-emphasis)
}

.btn__toggle-list {
    display: inline-block;
    vertical-align: bottom
}

.btn__toggle-list.o__fit {
    text-align: center;
    width: 100%
}

.btn.o__toggle.l__full__col {
    float: none
}

.btn__toggle-list>.btn:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.btn__toggle-list>.btn:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.btn__associated-content {
    padding: 6px 0;
    display: inline-block;
    vertical-align: bottom
}

.tbl {
    margin: 20px 0;
    border-collapse: separate;
    border-spacing: 0;
    display: table
}

.tbl.o__fit {
    min-width: 100%
}

.tbl.o__fixed {
    margin: 0
}

.table thead tr,.tbl thead tr {
    height: initial
}

.table tr,.tbl tr {
    height: 50px
}

.tbl__cell {
    white-space: nowrap;
    padding: 9px 15px;
    text-align: left;
    display: table-cell;
    border-bottom: 1px solid var(--neutral-border)
}

.tbl__cell.o__selection {
    width: 12px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.tbl__cell.o__flush-left {
    padding-left: 0
}

.tbl__cell.o__contains-button {
    padding: 0
}

.tbl__cell.o__contains-variation-list {
    padding: 0 15px
}

.tbl__cell.o__kbd-selected {
    box-shadow: 3px 0 0 var(--neutral-border) inset
}

.tbl__cell.o__fixed-header {
    position: initial;
    height: 0;
    padding-top: 0;
    padding-bottom: 0
}

.tbl__body {
    display: table-row-group
}

.tbl__header {
    display: table-header-group
}

.tbl__row {
    display: table-row
}

.tbl__fixed__wrapper {
    margin: 12px 0 0;
    padding: 35px 30px 0;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 1;
    overflow: auto
}

.tbl__fixed__portal {
    overflow-x: hidden;
    overflow-y: scroll
}

.tbl__header-width-el {
    visibility: hidden;
    display: block;
    height: 0
}

.tbl__fixed-header__text {
    position: absolute;
    top: 0
}

.kv__pair {
    display: block
}

.kv__pair.o__in-list {
    margin-bottom: 8px
}

.kv__key,.kv__value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.kv__key {
    box-sizing: border-box;
    max-width: 70%;
    margin-right: 15px;
    float: left
}

.kv__value {
    display: block
}

.card {
    border: 1px solid var(--neutral-border);
    border-radius: 6px;
    box-sizing: border-box;
    transition: box-shadow linear .04s,border-color linear .2s;
    position: relative
}

.card.o__in-list {
    margin: 0 0 20px
}

.card.o__in-small-card-list {
    margin: 0 0 15px
}

.card__header {
    padding: 14px 20px
}

.card__header.o__with-button {
    padding: 8px 8px 8px 20px
}

.card__inner {
    padding: 20px
}

.card__inner.o__thin {
    padding: 10px 16px 11px
}

.card__inner.o__thick {
    padding: 30px 40px 40px
}

.card__inner.o__short {
    padding-top: 13px;
    padding-bottom: 13px
}

.card__inner.o__conversation-controls {
    padding-top: 15px;
    padding-bottom: 15px
}

.card__inner.o__feed-item {
    padding: 16px
}

.card__inner.o__ends-with-form-radio-group {
    padding-bottom: 12px
}

.card__list-header {
    padding: 0 0 10px
}

.card.o__hoverable:hover {
    cursor: pointer
}

.card.o__hoverable:hover,.card.o__selected {
    border-color: var(--neutral-border-emphasis);
    box-shadow: var(--shadow-lvl-1)
}

.card__expanded-content {
    border-top: 1px solid var(--neutral-border);
    display: none
}

.card__expanded-content.o__visible {
    display: block
}

.card__closer {
    position: absolute;
    top: 8px;
    right: 8px;
    color: var(--text-muted)
}

.card__closer:hover {
    color: var(--text-accent)
}

.card__timestamp {
    margin-left: 10px
}

.avatar {
    border-radius: 50%;
    background-clip: padding-box;
    display: inline-block;
    text-align: center;
    font-weight: 500;
    color: var(--text-default);
    vertical-align: bottom;
    box-sizing: border-box
}

.avatar.o__for-team {
    border-radius: 0
}

.avatar.o__xs {
    min-width: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 6px;
    margin: -2px 0 2px
}

.avatar.o__s {
    min-width: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 10px
}

.avatar.o__m {
    min-width: 32px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 13px
}

.avatar.o__l {
    min-width: 48px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 18px
}

.avatar.o__xl {
    min-width: 72px;
    width: 72px;
    height: 72px;
    line-height: 72px;
    font-size: 28px
}

.avatar.o__contained {
    position: absolute;
    left: 0;
    top: 0
}

.avatar.o__s.o__contained {
    top: -2px
}

.avatar,.avatar__container {
    position: relative
}

.avatar__container.o__s,.avatar__container.o__xs {
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%
}

.avatar__container.o__xs {
    padding-left: 22px;
    line-height: 16px;
    min-height: 16px
}

.avatar__container.o__s {
    padding-left: 32px;
    vertical-align: bottom;
    min-height: 20px
}

.avatar__container.o__m {
    min-height: 32px;
    padding-left: 44px
}

.avatar__container.o__l {
    min-height: 48px;
    padding-left: 60px
}

.avatar__container a:hover {
    color: var(--text-link)
}

.avatar__highlight,.avatar__media {
    display: inline-block;
    border-radius: 50%
}

.avatar__highlight {
    width: 72px;
    height: 72px;
    box-shadow: 0 1px 4px 0 var(--neutral-border)
}

.avatar.o__with-text {
    margin: -2px 0
}

.avatar.o__xs.o__contained {
    margin: 0
}

.avatar.o__for-deleted-object {
    opacity: .4
}

.avatar.o__for-deleted-object .avatar__media {
    filter: url(https://static.intercomassets.com/assets/filters-596e40883d359d6b0c11f90b61d7c922.svg#grayscale);
    -webkit-filter: grayscale(1)
}

.avatar__media {
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    background-clip: padding-box;
    box-sizing: border-box;
    font-weight: 600
}

.avatar__media.o__shape-squircle {
    border-radius: 16.7%
}

.avatar__media.o__for-team {
    border-radius: 0
}

.avatar__media__icon {
    width: 100%;
    height: 100%;
    fill: var(--text-default);
    display: block
}

.avatar__badge {
    box-sizing: border-box;
    position: absolute;
    border-radius: 50%;
    transform: scale(.1);
    transition: all .1s cubic-bezier(.42,0,.58,1);
    opacity: 0;
    display: block;
    border: 2px solid;
    border-color: var(--base-module)
}

.avatar__badge.o__on {
    transform: scale(1);
    opacity: 1
}

.avatar__badge.o__active {
    background-color: var(--success-fill)
}

.avatar__badge.o__away {
    background-color: var(--notice-fill)
}

.avatar__badge.o__on-background-palette-unset {
    border-color: unset
}

.avatar__badge.o__on-background-palette-transparent {
    border-color: transparent
}

.avatar__badge.o__on-background-palette-current {
    border-color: currentColor
}

.avatar__badge.o__on-background-palette-base-backdrop {
    border-color: var(--base-backdrop)
}

.avatar__badge.o__on-background-palette-base-module {
    border-color: var(--base-module)
}

.avatar__badge.o__on-background-palette-base-module-subtle {
    border-color: var(--base-module-subtle)
}

.avatar__badge.o__on-background-palette-base-editor {
    border-color: var(--base-editor)
}

.avatar__badge.o__on-background-palette-base-input {
    border-color: var(--base-input)
}

.avatar__badge.o__on-background-palette-base-modal-blanket {
    border-color: var(--base-modal-blanket)
}

.avatar__badge.o__on-background-palette-text-default {
    border-color: var(--text-default)
}

.avatar__badge.o__on-background-palette-text-muted {
    border-color: var(--text-muted)
}

.avatar__badge.o__on-background-palette-text-disabled {
    border-color: var(--text-disabled)
}

.avatar__badge.o__on-background-palette-text-link {
    border-color: var(--text-link)
}

.avatar__badge.o__on-background-palette-text-error {
    border-color: var(--text-error)
}

.avatar__badge.o__on-background-palette-text-accent {
    border-color: var(--text-accent)
}

.avatar__badge.o__on-background-palette-text-success {
    border-color: var(--text-success)
}

.avatar__badge.o__on-background-palette-text-on-neutral {
    border-color: var(--text-on-neutral)
}

.avatar__badge.o__on-background-palette-text-on-accent {
    border-color: var(--text-on-accent)
}

.avatar__badge.o__on-background-palette-text-on-beta {
    border-color: var(--text-on-beta)
}

.avatar__badge.o__on-background-palette-text-on-success {
    border-color: var(--text-on-success)
}

.avatar__badge.o__on-background-palette-text-on-error {
    border-color: var(--text-on-error)
}

.avatar__badge.o__on-background-palette-text-on-notice {
    border-color: var(--text-on-notice)
}

.avatar__badge.o__on-background-palette-text-on-paywall {
    border-color: var(--text-on-paywall)
}

.avatar__badge.o__on-background-palette-neutral-container {
    border-color: var(--neutral-container)
}

.avatar__badge.o__on-background-palette-neutral-container-emphasis {
    border-color: var(--neutral-container-emphasis)
}

.avatar__badge.o__on-background-palette-neutral-border {
    border-color: var(--neutral-border)
}

.avatar__badge.o__on-background-palette-neutral-border-emphasis {
    border-color: var(--neutral-border-emphasis)
}

.avatar__badge.o__on-background-palette-neutral-fill {
    border-color: var(--neutral-fill)
}

.avatar__badge.o__on-background-palette-neutral-fill-emphasis {
    border-color: var(--neutral-fill-emphasis)
}

.avatar__badge.o__on-background-palette-beta-container {
    border-color: var(--beta-container)
}

.avatar__badge.o__on-background-palette-beta-container-emphasis {
    border-color: var(--beta-container-emphasis)
}

.avatar__badge.o__on-background-palette-beta-border {
    border-color: var(--beta-border)
}

.avatar__badge.o__on-background-palette-beta-border-emphasis {
    border-color: var(--beta-border-emphasis)
}

.avatar__badge.o__on-background-palette-beta-fill {
    border-color: var(--beta-fill)
}

.avatar__badge.o__on-background-palette-beta-fill-emphasis {
    border-color: var(--beta-fill-emphasis)
}

.avatar__badge.o__on-background-palette-accent-container {
    border-color: var(--accent-container)
}

.avatar__badge.o__on-background-palette-accent-container-emphasis {
    border-color: var(--accent-container-emphasis)
}

.avatar__badge.o__on-background-palette-accent-border {
    border-color: var(--accent-border)
}

.avatar__badge.o__on-background-palette-accent-border-emphasis {
    border-color: var(--accent-border-emphasis)
}

.avatar__badge.o__on-background-palette-accent-fill {
    border-color: var(--accent-fill)
}

.avatar__badge.o__on-background-palette-accent-fill-emphasis {
    border-color: var(--accent-fill-emphasis)
}

.avatar__badge.o__on-background-palette-success-container {
    border-color: var(--success-container)
}

.avatar__badge.o__on-background-palette-success-container-emphasis {
    border-color: var(--success-container-emphasis)
}

.avatar__badge.o__on-background-palette-success-border {
    border-color: var(--success-border)
}

.avatar__badge.o__on-background-palette-success-border-emphasis {
    border-color: var(--success-border-emphasis)
}

.avatar__badge.o__on-background-palette-success-fill {
    border-color: var(--success-fill)
}

.avatar__badge.o__on-background-palette-success-fill-emphasis {
    border-color: var(--success-fill-emphasis)
}

.avatar__badge.o__on-background-palette-error-container {
    border-color: var(--error-container)
}

.avatar__badge.o__on-background-palette-error-container-emphasis {
    border-color: var(--error-container-emphasis)
}

.avatar__badge.o__on-background-palette-error-border {
    border-color: var(--error-border)
}

.avatar__badge.o__on-background-palette-error-border-emphasis {
    border-color: var(--error-border-emphasis)
}

.avatar__badge.o__on-background-palette-error-fill {
    border-color: var(--error-fill)
}

.avatar__badge.o__on-background-palette-error-fill-emphasis {
    border-color: var(--error-fill-emphasis)
}

.avatar__badge.o__on-background-palette-notice-container {
    border-color: var(--notice-container)
}

.avatar__badge.o__on-background-palette-notice-container-emphasis {
    border-color: var(--notice-container-emphasis)
}

.avatar__badge.o__on-background-palette-notice-border {
    border-color: var(--notice-border)
}

.avatar__badge.o__on-background-palette-notice-border-emphasis {
    border-color: var(--notice-border-emphasis)
}

.avatar__badge.o__on-background-palette-notice-fill {
    border-color: var(--notice-fill)
}

.avatar__badge.o__on-background-palette-notice-fill-emphasis {
    border-color: var(--notice-fill-emphasis)
}

.avatar__badge.o__on-background-palette-paywall-container {
    border-color: var(--paywall-container)
}

.avatar__badge.o__on-background-palette-paywall-container-emphasis {
    border-color: var(--paywall-container-emphasis)
}

.avatar__badge.o__on-background-palette-paywall-border {
    border-color: var(--paywall-border)
}

.avatar__badge.o__on-background-palette-paywall-border-emphasis {
    border-color: var(--paywall-border-emphasis)
}

.avatar__badge.o__on-background-palette-paywall-fill {
    border-color: var(--paywall-fill)
}

.avatar__badge.o__on-background-palette-paywall-fill-emphasis {
    border-color: var(--paywall-fill-emphasis)
}

.avatar__badge.o__on-background-palette-ai-gradient-step-1 {
    border-color: var(--ai-gradient-step-1)
}

.avatar__badge.o__on-background-palette-ai-gradient-step-2 {
    border-color: var(--ai-gradient-step-2)
}

.avatar__badge.o__on-background-palette-ai-gradient-step-3 {
    border-color: var(--ai-gradient-step-3)
}

.avatar__badge.o__on-background-palette-ai-gradient-step-4 {
    border-color: var(--ai-gradient-step-4)
}

.avatar__badge.o__on-background-palette-avatar-red {
    border-color: var(--avatar-red)
}

.avatar__badge.o__on-background-palette-avatar-orange {
    border-color: var(--avatar-orange)
}

.avatar__badge.o__on-background-palette-avatar-yellow {
    border-color: var(--avatar-yellow)
}

.avatar__badge.o__on-background-palette-avatar-green {
    border-color: var(--avatar-green)
}

.avatar__badge.o__on-background-palette-avatar-purple {
    border-color: var(--avatar-purple)
}

.avatar__badge.o__on-background-palette-avatar-blue {
    border-color: var(--avatar-blue)
}

.avatar__badge.o__on-background-palette-avatar-teal {
    border-color: var(--avatar-teal)
}

.avatar__badge.o__on-background-palette-avatar-pink {
    border-color: var(--avatar-pink)
}

.avatar__badge.o__on-background-palette-avatar-ticket {
    border-color: var(--avatar-ticket)
}

.avatar__badge.o__on-background-palette-border-shadow-dark {
    border-color: rgba(0,0,0,.2)
}

.avatar__badge.o__on-background-palette-border-shadow {
    border-color: rgba(0,0,0,.1)
}

.avatar__badge.o__on-background-palette-border-shadow-light {
    border-color: rgba(0,0,0,.05)
}

.avatar__badge.o__xs {
    width: 8px;
    height: 8px;
    top: 9px;
    left: 9px;
    border-width: 1px
}

.avatar__badge.o__m,.avatar__badge.o__s {
    width: 12px;
    height: 12px;
    top: 14px;
    left: 14px;
    border-width: 2px
}

.avatar__badge.o__m {
    top: 22px;
    left: 22px
}

.avatar__badge.o__l {
    width: 14px;
    height: 14px;
    top: 36px;
    left: 36px;
    border-width: 2px
}

.avatar__badge.o__xl {
    width: 24px;
    height: 24px;
    top: 52px;
    left: 52px;
    border-width: 4px
}

.pill {
    float: left;
    margin: 10px 10px 0 0;
    padding: 2px 10px 3px 27px;
    border-radius: 6px;
    border: 1px solid var(--neutral-border);
    background-color: var(--neutral-container);
    box-sizing: border-box;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    transform: translateZ(0);
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: var(--text-muted)
}

.pill.o__has-delete {
    padding-right: 27px
}

.pill.o__solo {
    float: none;
    display: inline-block;
    vertical-align: bottom;
    margin: -2px 0 -3px
}

.pill__icon {
    position: absolute;
    left: 9px
}

.pill__delete {
    position: absolute;
    right: 8px
}

.variation {
    padding: 5px 0
}

.stamp,.unread__container {
    display: inline-block;
    vertical-align: bottom
}

.stamp {
    box-sizing: border-box;
    height: 20px;
    padding: 0 8px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    border: 1px solid;
    border-radius: 50%
}

.stamp.o__blue,.stamp.o__light-blue {
    background-color: var(--beta-container);
    border-color: var(--beta-border);
    color: var(--text-on-beta)
}

.stamp.o__article-count,.stamp.o__company,.stamp.o__contact,.stamp.o__primary,.stamp.o__teammate,.stamp.o__user {
    background-color: transparent;
    border-color: var(--neutral-border);
    color: var(--text-muted)
}

.stamp.o__live {
    background-color: var(--success-container);
    border-color: var(--success-border);
    color: var(--text-default)
}

.stamp.o__inactive,.stamp.o__paused {
    background-color: var(--neutral-container);
    border-color: var(--neutral-border);
    color: var(--text-muted)
}

.stamp.o__featured,.stamp.o__review,.stamp.o__scheduled {
    background-color: var(--notice-container);
    border-color: var(--notice-border);
    color: var(--text-default)
}

.stamp.o__featured {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.stamp.o__unverified {
    background-color: var(--error-container);
    border-color: var(--error-border);
    color: var(--text-default)
}

.unread__container {
    position: relative
}

.unread {
    transition: all 250ms cubic-bezier(.17,.67,.39,1.69);
    box-sizing: border-box;
    padding: 0 5px 1px;
    height: 20px;
    min-width: 20px;
    position: absolute;
    right: -15px;
    top: -1px;
    z-index: 1;
    background-color: var(--error-fill);
    color: var(--text-on-error);
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 1px 1px 0 var(--neutral-border);
    opacity: 1;
    text-shadow: none;
    text-decoration: none
}

.unread.o__zero {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    transition: all 250ms cubic-bezier(.73,.01,1,1);
    opacity: 0
}

.unread__small {
    position: absolute;
    top: 0;
    left: 15px;
    height: 6px;
    width: 6px;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #f00505
}

.dropdown,.overlay {
    box-sizing: border-box;
    border-radius: 12px;
    padding: 10px 0;
    background-color: var(--base-module);
    box-shadow: var(--shadow-lvl-2),0 0 0 1px var(--neutral-border)
}

.dropdown.o__opened,.overlay.o__opened {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 190px
}

.dropdown__list-item,.overlay__list-item {
    display: block;
    padding: 8px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 8px;
    margin-left: 8px;
    margin-right: 8px
}

.dropdown__list-item.o__hoverable:hover,.dropdown__list-item.o__selected,.overlay__list-item.o__hoverable:hover,.overlay__list-item.o__selected {
    opacity: 1;
    cursor: pointer
}

.dropdown__list-item.o__selected {
    background-color: var(--neutral-container)
}

.dropdown__list-item.o__contains-fileupload,.overlay__list-item.o__contains-fileupload {
    position: relative
}

.overlay.o__popover {
    position: relative;
    border: 1px solid var(--neutral-border)
}

.overlay__popover-caret {
    position: absolute
}

.overlay__popover-caret .overlay__popover-caret__vector {
    fill: var(--base-module);
    stroke: var(--neutral-border)
}

.overlay__popover-caret.o__bottom {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: -9px;
    left: 50%;
    margin-left: -4px
}

.overlay__popover-caret.o__top {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: -9px;
    left: 50%;
    margin-left: -4px
}

.overlay.o__dropdown.o__down-left,.overlay.o__dropdown.o__down-right,.overlay.o__dropdown.o__opened {
    margin-top: 4px
}

.overlay.o__dropdown.o__down-left,.overlay.o__dropdown.o__down-right,.overlay.o__dropdown.o__top-left {
    position: absolute
}

.overlay.o__down-right {
    right: 0;
    top: 100%
}

.overlay.o__down-left {
    left: 0;
    top: 100%
}

.overlay.o__top-left {
    left: 0;
    bottom: 100%
}

.f__custom-select,.overlay__opener {
    display: inline-block;
    vertical-align: bottom
}

.f__custom-select {
    position: relative;
    outline: 0
}

.f__custom-select__prefacing-text {
    margin-right: 4px
}

.f__custom-select__box {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid var(--neutral-border);
    box-sizing: border-box;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    padding: 5px 30px 7px 12px;
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    position: relative;
    cursor: pointer;
    color: var(--text-default);
    border-radius: var(--border-radius-full)
}

.f__custom-select__box.o__subtle {
    background-color: transparent;
    border-color: transparent
}

.f__custom-select__box.o__subtle:hover,.f__custom-select__box:hover {
    border-color: var(--neutral-border);
    color: var(--text-default)
}

.f__custom-select__box.o__opened,.f__custom-select__box.o__subtle.o__opened,.f__custom-select__box.o__subtle:active,.f__custom-select__box:active,.f__custom-select__box:focus {
    outline: 0;
    box-shadow: 0 0 0 3px var(--neutral-border)
}

.f__custom-select__box.o__opened:hover {
    color: var(--accent-fill);
    border-color: var(--accent-border)
}

.f__custom-select__box.o__opened,.f__custom-select__box.o__subtle.o__opened,.f__custom-select__box.o__subtle:active,.f__custom-select__box:active {
    border-color: var(--neutral-border)
}

.f__custom-select__box.o__opened,.f__custom-select__box.o__subtle.o__opened,.f__custom-select__box.o__subtle:active,.f__custom-select__box:active {
    box-shadow: none;
    color: var(--accent-fill);
    background-color: var(--accent-container)
}

.f__custom-select__box.o__error {
    border-color: var(--error-border)
}

.f__custom-select__box.o__disabled {
    opacity: .5;
    pointer-events: none
}

.f__custom-select__caret {
    position: absolute;
    top: 6px;
    right: 6px
}

.f__custom-select__dropdown {
    box-sizing: border-box;
    right: auto;
    left: 0;
    border-radius: 6px;
    margin-top: 3px;
    max-height: 400px;
    min-width: 100%;
    overflow: auto
}

.f__custom-select__box.o__invisible {
    background-color: transparent;
    border: 1px solid;
    border-color: transparent;
    border-radius: initial;
    font-weight: 400;
    padding-left: 0
}

.f__custom-select__box.o__invisible.o__opened,.f__custom-select__box.o__invisible:hover {
    box-shadow: none;
    border-bottom: 1px solid var(--neutral-border)!important
}

.f__custom-select__caret.o__invisible {
    display: none;
    right: -4px
}

.f__custom-select__box.o__invisible.o__opened .f__custom-select__caret.o__invisible,.f__custom-select__box.o__invisible:hover .f__custom-select__caret.o__invisible {
    color: var(--text-default);
    display: inline
}

.f__custom-select.o__fit {
    width: 100%
}

.f__invisible-select,.f__invisible-select__box {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    transition: padding-right .1s ease-in
}

.f__invisible-select {
    font-size: 14px;
    padding-right: 16px;
    outline: 0
}

.f__invisible-select__box {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    width: 100%;
    background-color: transparent;
    cursor: pointer;
    color: var(--text-muted);
    border: 1px solid;
    border-color: transparent
}

.f__invisible-select__box.o__light {
    border-bottom: 1px solid var(--neutral-border)
}

.f__invisible-select__caret {
    color: var(--text-default);
    opacity: 0;
    position: absolute;
    top: 6px;
    right: -4px
}

.f__invisible-select.o__opened,.f__invisible-select:focus,.f__invisible-select:hover {
    padding-right: 0
}

.f__invisible-select.o__opened .f__invisible-select__box,.f__invisible-select:focus .f__invisible-select__box,.f__invisible-select:hover .f__invisible-select__box {
    outline: 0;
    color: var(--text-default);
    box-shadow: none;
    border-bottom: 1px solid var(--neutral-border)!important;
    padding-right: 16px
}

.f__invisible-select.o__opened .f__invisible-select__caret,.f__invisible-select:focus .f__invisible-select__caret,.f__invisible-select:hover .f__invisible-select__caret {
    opacity: 1;
    transition: opacity .1s .1s ease-in
}

.f__expanded-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: bottom;
    cursor: default;
    border: 0
}

.f__expanded-select__item {
    padding: 5px 11px;
    color: var(--text-default);
    cursor: pointer;
    font-weight: 500
}

.f__expanded-select__item.o__disabled {
    cursor: default;
    opacity: .5
}

.f__expanded-select__item.o__disabled:hover {
    color: var(--text-default)
}

.f__expanded-select__item-container,.f__expanded-select__item-container.o__disabled:hover {
    border-color: var(--neutral-border);
    border-bottom-color: transparent
}

.f__expanded-select__item.o__first {
    border-top: 0
}

.f__expanded-select__item.o__selected,.f__expanded-select__item.o__selected:active,.f__expanded-select__item.o__selected:hover {
    cursor: default
}

.f__expanded-select__item:active,.f__expanded-select__item:hover {
    background-color: var(--neutral-container);
    color: var(--accent-fill)
}

.f__expanded-select__item.o__selected {
    background-color: var(--neutral-container)
}

.f__expanded-select__item.o__selected,.f__expanded-select__item.o__selected:active {
    background-color: transparent;
    color: var(--accent-fill)
}

.f__expanded-select__item.o__selected:hover {
    background-color: var(--accent-container);
    color: var(--accent-fill)
}

.f__expanded-select__item.o__selected:hover .t__light-text {
    color: var(--accent-fill)
}

.f__expanded-select__item-container {
    margin-bottom: -1px;
    border: 1px solid
}

.f__expanded-select__item-container:first-child {
    border-top-color: var(--neutral-border);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.f__expanded-select__item-container:first-child .f__expanded-select__item {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.f__expanded-select__item-container:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-color: var(--neutral-border)
}

.f__expanded-select__item-container:last-child .f__expanded-select__item {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.f__expanded-select.o__fit {
    width: 100%
}

.f__expanded-select__item-container:active,.f__expanded-select__item-container:hover {
    border-color: var(--accent-border)
}

.f__expanded-select__item-container:active .t__light-text,.f__expanded-select__item-container:hover .t__light-text {
    color: var(--accent-fill)
}

.f__expanded-select__item-container.o__selected,.f__expanded-select__item-container.o__selected:active {
    background-color: var(--accent-container);
    border-color: var(--accent-border)
}

.f__expanded-select__item-container.o__selected .t__light-text,.f__expanded-select__item-container.o__selected:active .t__light-text,.f__expanded-select__item-container.o__selected:hover .t__light-text {
    color: var(--accent-fill)
}

.f__expanded-select__item-container.o__selected:hover {
    border-color: var(--accent-fill);
    color: var(--accent-fill)
}

.f__date-picker {
    overflow: hidden;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default
}

.f__date-picker__tbl {
    border: 0;
    border-collapse: collapse;
    width: 100%
}

.f__date-picker__date,.f__date-picker__day-of-week {
    font-weight: 500;
    vertical-align: top;
    border: 1px solid;
    border-color: transparent
}

.f__date-picker__date {
    padding: 0
}

.f__date-picker__day-of-week {
    border-bottom-color: var(--neutral-container);
    color: var(--text-muted);
    font-size: 12px;
    padding: 5px 0
}

.f__date-picker__date {
    font-size: 13px;
    border-color: var(--neutral-border)
}

.f__date-picker__date:first-child {
    border-left-color: transparent
}

.f__date-picker__date:last-child {
    border-right-color: transparent
}

.f__date-picker__date-selection {
    color: var(--text-muted);
    background-color: var(--neutral-container-emphasis);
    line-height: 31px;
    height: 31px;
    display: block;
    text-decoration: none;
    text-align: center;
    min-width: 31px
}

.f__date-picker__date-selection.o__disabled,.f__date-picker__date-selection.o__next-week,.f__date-picker__date-selection.o__previous-week {
    pointer-events: none;
    color: var(--text-disabled);
    background-color: var(--neutral-container);
    cursor: default
}

.f__date-picker__date-selection:hover {
    opacity: 1
}

.f__date-picker__date-selection.o__current-day,.f__date-picker__date-selection:hover {
    background-color: var(--neutral-container)
}

.f__date-picker__date-selection.o__selected {
    color: var(--text-on-accent);
    background-color: var(--accent-fill);
    position: relative;
    cursor: default
}

.f__date-picker__date-selection.o__selected:before {
    z-index: 5;
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    content: " ";
    pointer-events: none;
    border: 1px solid;
    border-color: var(--accent-border)
}

.f__date-picker__month {
    display: flex;
    flex-direction: row;
    padding: 2px 0
}

.f__date-picker__next-month,.f__date-picker__prev-month {
    flex: 1;
    text-align: center
}

.f__date-picker__month-label {
    flex: 5;
    text-align: center
}

.f__date-picker__day-of-week__initial,abbr.f__date-picker__day-of-week__initial {
    border-bottom: 0
}

.f__invisible-text {
    padding: 5px 11px;
    border: 1px solid var(--neutral-border);
    border-radius: 6px
}

.f__expanded-select,.f__expanding-textarea-spacer,.f__invisible-select__box,.f__text {
    padding: 5px 11px;
    box-sizing: border-box;
    border: 1px solid var(--neutral-border);
    border-radius: 6px
}

.f__text {
    appearance: none;
    -webkit-appearance: none;
    background-color: unset
}

textarea.f__text {
    resize: vertical
}

textarea.f__expanding-textarea-field {
    resize: none
}

.f__expanding-textarea-wrapper,.f__text {
    width: 100%;
    max-width: 558px
}

.f__expanding-textarea-spacer,.f__text {
    font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    font-size: 14px;
    line-height: 20px
}

.f__expanding-textarea-spacer:hover,.f__text:hover {
    border-color: var(--neutral-border-emphasis)
}

.f__text:focus {
    box-shadow: inset 0 0 0 1px var(--neutral-border-emphasis);
    outline: 0;
    border-color: var(--neutral-border-emphasis)
}

.f__text.o__small {
    padding: 1px 9px
}

.f__text.o__note {
    border-color: var(--notice-border);
    background-color: var(--notice-container)
}

.f__text.o__large-text {
    font-size: 18px;
    line-height: 24px;
    padding-top: 3px;
    padding-bottom: 3px
}

.f__expanding-textarea-field,.f__expanding-textarea-spacer {
    max-width: 100%
}

.f__expanding-textarea-spacer {
    width: 100%;
    margin: 0;
    visibility: hidden
}

.f__expanding-textarea-wrapper {
    position: relative
}

.f__expanding-textarea-field {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    resize: none
}

.f__expanding-textarea-wrapper.o__fit,.f__text.o__fit {
    max-width: 100%;
    transform: translateZ(0)
}

.f__text.o__thin {
    width: 60px;
    margin-right: 5px
}

.f__text.o__search {
    padding-left: 32px
}

.f__text.o__note:focus {
    border-color: var(--notice-border);
    box-shadow: inset 0 0 0 1px var(--notice-border)
}

.f__text.o__error,.f__text:invalid {
    border-color: var(--error-border)
}

.f__text.o__error:focus,.f__text:invalid:focus {
    box-shadow: inset 0 0 0 1px var(--error-border)
}

.f__invisible-text::-webkit-input-placeholder,.f__text::-webkit-input-placeholder {
    color: var(--text-muted)
}

.f__invisible-text::-moz-placeholder,.f__text::-moz-placeholder {
    color: var(--text-muted);
    opacity: 1
}

.f__invisible-text:-ms-input-placeholder,.f__text:-ms-input-placeholder {
    color: var(--text-muted)
}

.f__invisible-text {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    max-width: 558px;
    font-family: "Helvetica Neue",Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    box-shadow: inset 0 0 0 1px var(--neutral-border);
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    box-sizing: content-box
}

.f__invisible-text,.f__invisible-text:focus {
    outline: 0;
    box-shadow: none;
    border: 1px solid;
    border-color: transparent;
    border-radius: initial
}

.f__invisible-text:focus,.f__invisible-text:hover {
    border-bottom: 1px solid var(--neutral-border)!important
}

.f__invisible-text.o__light {
    border-bottom: 1px solid var(--neutral-border)
}

.f__text.o__disabled {
    pointer-events: none;
    resize: none;
    opacity: .7;
    background-color: var(--neutral-container);
    border: 1px solid var(--neutral-border)
}

.f__text.o__invisible {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    box-sizing: content-box
}

.f__text.o__invisible,.f__text.o__invisible:focus {
    outline: 0;
    box-shadow: none;
    border: 1px solid;
    border-color: transparent;
    border-radius: initial
}

.f__text.o__invisible:focus,.f__text.o__invisible:hover {
    border-bottom: 1px solid var(--neutral-border)!important
}

.f__select.o__fit {
    width: 100%
}

.f__group-label {
    display: block;
    padding-bottom: 3px
}

.f__group {
    margin-bottom: 12px
}

.f__group.o__checkbox-list-header,.f__group.o__radio-list-header {
    margin-bottom: 2px
}

.f__group.o__checkbox-group,.f__group.o__radio-group {
    margin-bottom: 8px
}

.f__20px-by-element {
    padding: 6px 0
}

.f__18px-by-element {
    padding: 7px 0
}

.f__checkbox-wrapper,.f__radio-wrapper {
    width: 19px;
    float: left
}

.f__checkbox-content,.f__radio-content {
    display: block;
    margin-left: 19px
}

.f__checkbox-content.o__disabled,.f__radio-content.o__disabled {
    opacity: .5
}

.f__checkbox-label,.f__radio-label {
    display: block
}

.f__hidden-fileupload {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    opacity: 0;
    cursor: pointer
}

.f__horizontal-select-container.o__small {
    height: 65px
}

.f__horizontal-select-container.o__large {
    height: 172px
}

.f__horizontal-select:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left: 1px solid var(--neutral-border)
}

.f__horizontal-select:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.f__horizontal-select {
    cursor: pointer;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid;
    border-color: var(--neutral-border);
    border-left-color: transparent;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    z-index: 1
}

.f__horizontal-select-inner {
    width: 100%
}

.f__horizontal-select:hover {
    z-index: 2;
    border-color: var(--neutral-border)
}

.f__horizontal-select:not(:first-child) {
    margin-left: -1px
}

.f__horizontal-select.o__selected {
    background-color: var(--neutral-container);
    border-color: var(--neutral-border);
    color: var(--text-default)
}

.f__horizontal-select-selected-icon {
    color: var(--text-default);
    position: absolute;
    right: 7px;
    top: 3px
}

.f__v2__group {
    margin: 0 0 20px
}

.f__v2__group.o__major-heading {
    margin-bottom: 15px
}

.f__v2__group.o__minor-heading {
    margin-bottom: 10px
}

.f__v2__checkbox-label,.f__v2__radio-label {
    display: block;
    margin-bottom: 8px
}

.form__input,.form__input-prefix,.form__input-suffix {
    font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    border: 1px solid var(--neutral-border);
    padding: 6px 12px;
    font-size: 14px;
    line-height: 20px
}

.form__input {
    border-radius: 6px
}

.form__input-prefix,.form__input-suffix {
    background-color: unset
}

.form__input {
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    background-color: unset;
    width: 100%;
    z-index: 2
}

.form__input-prefix,.form__input-suffix {
    color: var(--text-muted);
    background-color: var(--neutral-container);
    display: inline-block;
    z-index: 1
}

.form__input-prefix {
    border-right: 0;
    border-radius: 6px 0 0 6px
}

.form__input-suffix {
    border-left: 0;
    border-radius: 0 6px 6px 0
}

.form__input__textarea {
    resize: vertical;
    min-height: 74px
}

.form__input:hover {
    border-color: var(--neutral-border-emphasis)
}

.form__input:focus {
    outline: 0;
    border-color: var(--neutral-border-emphasis);
    box-shadow: inset 0 0 0 1px var(--neutral-border-emphasis)
}

.form__input::placeholder {
    color: var(--text-disabled)
}

.form__input.o__disabled,.form__input:disabled {
    color: var(--text-disabled);
    background-color: var(--neutral-container);
    resize: none;
    cursor: not-allowed;
    pointer-events: unset;
    opacity: .7
}

.form__input.o__disabled:hover,.form__input:disabled:hover {
    border-color: var(--neutral-border)
}

.form__input.o__has-prefix {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form__input.o__has-suffix {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.form__item.o__error .form__input {
    border-color: var(--error-border)
}

.form__item.o__error .form__input:focus {
    box-shadow: 0 0 0 2px var(--error-border)
}

.form__label {
    margin-bottom: 0!important;
    padding-bottom: 4px;
    display: inline-block
}

.form__inline-label.text {
    color: var(--text-default);
    font-weight: 400
}

.form__item.o__error .form__label {
    color: var(--text-error)
}

.form__checkbox-content,.form__radio-button-content {
    max-width: 100%
}

.form__checkbox-content.o__disabled .form__hint,.form__checkbox-content.o__disabled .form__label,.form__radio-button-content.o__disabled .form__hint,.form__radio-button-content.o__disabled .form__label {
    color: var(--text-disabled)
}

.form__checkbox,.form__radio-button {
    margin-top: 0;
    margin-bottom: 0;
    height: 20px
}

.modal__overlay {
    background-color: var(--base-modal-blanket);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    min-width: 100%;
    z-index: 5000;
    overflow: auto;
    box-sizing: border-box
}

.modal__overlay__inner {
    padding: 50px;
    box-sizing: border-box;
    max-height: 100%;
    width: 100%;
    overflow: auto
}

.modal {
    background-color: var(--base-module);
    box-shadow: var(--shadow-lvl-3),0 0 0 1px var(--neutral-border);
    width: 100%;
    max-width: 520px;
    max-height: 100%;
    border-radius: 6px;
    margin: 0 auto
}

.modal.o__confirm {
    max-width: 460px
}

.modal.o__medium {
    max-width: 610px
}

.modal.o__wide {
    max-width: 720px
}

.modal__header {
    padding: 20px 20px 20px 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.modal__header__close,.modal__header__left {
    flex: 1;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content
}

.modal__header__close {
    flex: 1 1 0;
    min-width: auto;
    padding-left: 20px
}

.modal__header__title {
    padding: 0;
    text-align: left
}

.modal__header__close__link {
    padding: 2px 0;
    display: block;
    color: var(--text-default)
}

.modal__header__close__link:hover {
    color: var(--text-accent)
}

.modal__body {
    padding: 10px 30px 30px;
    background-color: transparent;
    box-shadow: none;
    text-align: left
}

.modal__body.o__with-form {
    padding-bottom: 4px
}

.modal__body.o__no-footer {
    border-radius: 0 0 3px 3px
}

.modal__body.o__simple-frame {
    padding: 0
}

.modal__body.o__simple-frame.o__no-footer {
    border-bottom: 0
}

.modal__body__confirmation-text {
    padding: 4px 0 19px;
    min-height: 83px;
    box-sizing: border-box
}

.modal__body__confirmation-buttons {
    padding-bottom: 30px;
    text-align: center
}

.modal__body.o__has-top-border,.table.o__standard tr+tr .table__cell {
    border-top: 1px solid var(--neutral-border)
}

.modal__form-group__left-media-part {
    min-width: 130px;
    padding-right: 20px
}

.modal__footer {
    border-top: 1px solid var(--neutral-border);
    padding: 20px
}

.content>* {
    display: block;
    margin-bottom: 16px
}

.content>:first-child {
    margin-top: 0!important
}

.content>:last-child {
    margin-bottom: 0!important
}

.content>.heading.o__size-1,.content>h1 {
    margin-bottom: 24px;
    margin-top: 48px
}

.content>.heading.o__size-2,.content>.heading.o__size-3,.content>h2,.content>h3 {
    margin-bottom: 16px;
    margin-top: 32px
}

.content>.heading.o__size-4,.content>h4 {
    margin-bottom: 4px;
    margin-top: 8px
}

.content>label {
    margin-bottom: 4px
}

.content>p {
    margin-bottom: 16px
}

.content>.btn__tertiary,.content>.filter-block__container,.content>.form__item,.content>.radio-button-group,.content>.tab-control,.content>button,.content>hr {
    margin-bottom: 24px
}

.content>hr {
    margin-top: 24px
}

.content>.form__checkbox-container,.content>.form__radio-button-container {
    margin-bottom: 8px
}

.content>.form__error-text,.content>.form__hint,.content>.form__input-container,.content>.form__label {
    margin-bottom: 4px
}

.content>.form__label {
    display: inline-block
}

.content>.form__section__heading.o__size-4 {
    margin-top: 32px
}

.content>.form__section__heading+.form__item {
    margin-top: 16px
}

.stage__separator {
    padding: 0 12px 0 11px
}

.symbol__circle {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-clip: padding-box;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    vertical-align: bottom
}

.symbol__circle.o__by-text {
    margin-right: 4px
}

.symbol__circle.o__blue {
    background-color: var(--beta-fill);
    color: var(--text-on-beta)
}

.symbol__circle.o__green {
    background-color: var(--success-fill);
    color: var(--text-on-success)
}

.symbol__circle.o__gray,.symbol__circle.o__inert {
    background-color: var(--neutral-container);
    color: var(--text-muted)
}

.symbol__circle.o__small {
    height: 16px;
    width: 16px;
    font-size: 9px
}

.tabs__full-width-tab {
    border-bottom: 1px solid var(--neutral-border);
    border-left: 1px solid var(--neutral-border);
    background-color: var(--neutral-container)
}

.tabs__full-width-tab.o__selected {
    background-color: var(--neutral-container-emphasis);
    border-bottom-color: var(--neutral-border-emphasis)
}

.tabs__full-width-tab:first-child {
    border-left: 0
}

.tabs__discrete-tab__container {
    padding: 0 6px 0 16px
}

.tabs {
    width: 100%;
    overflow: auto
}

.tabs__discrete-tab,.tabs__tab {
    border-bottom: 2px solid transparent;
    color: var(--text-muted);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    float: left;
    -webkit-touch-callout: none;
    touch-action: none;
    user-select: none
}

.tabs__discrete-tab {
    margin-right: 20px;
    padding: 8px 0
}

.tabs__tab {
    padding: 8px 0 6px;
    margin-right: 30px
}

.tabs__tab.o__in-pane-selector {
    color: var(--text-muted)
}

.tabs__tab:hover {
    opacity: 1
}

.tabs__tab.o__in-pane-selector:hover {
    opacity: 1;
    color: var(--text-default)
}

.tabs__tab.o__in-pane-selector.o__selected {
    color: var(--text-default)
}

.tabs__discrete-tab {
    transition: border-color linear .2s
}

.tabs__tab.o__selected {
    border-bottom-color: var(--accent-fill)
}

.tabs__discrete-tab:hover {
    opacity: 1
}

.tabs__discrete-tab.o__selected {
    pointer-events: none
}

.tabs__discrete-tab.o__selected.o__focused {
    color: var(--text-default);
    border-color: var(--accent-fill);
    pointer-events: none
}

.tabs__discrete-tab.o__selected.o__unfocused {
    pointer-events: auto
}

.tabs__discrete-tab.o__selected.o__unfocused:hover {
    color: var(--text-default);
    border-color: var(--accent-fill)
}

.tabs__discrete-tab.o__static {
    transition: none
}

.tabs__tab__counter {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 400
}

.tabs__discrete-tab.o__selected,.tabs__discrete-tab.o__unfocused.o__selected,.tabs__discrete-tab:hover,.tabs__tab.o__selected,.tabs__tab:hover {
    color: var(--text-accent)
}

.tabs__discrete-tab.o__selected .tabs__tab__counter,.tabs__discrete-tab.o__unfocused.o__selected .tabs__tab__counter,.tabs__discrete-tab:hover .tabs__tab__counter,.tabs__tab.o__selected .tabs__tab__counter,.tabs__tab:hover .tabs__tab__counter {
    color: var(--accent-fill)
}

.tabs__discrete-tab.o__selected,.tabs__discrete-tab.o__unfocused.o__selected {
    border-bottom-color: var(--accent-fill)
}

.nothingness {
    text-align: center
}

.nothingness__visual {
    color: var(--text-muted)
}

.nothingness__description {
    padding-top: 4px
}

.banner {
    padding: 10px 15px;
    border-radius: 6px;
    box-sizing: border-box;
    display: block;
    position: relative;
    font-weight: 500
}

.banner.o__floating {
    box-shadow: var(--shadow-lvl-2)
}

.banner__hide-link {
    margin-left: 20px
}

.banner.o__default {
    color: var(--text-on-neutral);
    fill: var(--text-on-neutral)!important;
    background-color: var(--neutral-fill)
}

.banner.o__confirmation,.banner.o__loading,.banner.o__warning {
    color: var(--text-default);
    background-color: var(--success-container)
}

.banner.o__warning {
    background-color: var(--notice-container)
}

.banner.o__error,.banner.o__help {
    color: var(--text-default);
    background-color: var(--error-container)
}

.banner.o__help {
    fill: var(--text-default)!important;
    background-color: var(--neutral-container)
}

.banner.o__floating.o__confirmation,.banner.o__floating.o__loading {
    color: var(--text-on-success);
    fill: var(--text-on-success)!important;
    background-color: var(--success-fill)
}

.banner.o__floating.o__warning {
    color: var(--text-on-notice);
    fill: var(--text-on-notice)!important;
    background-color: var(--notice-fill)
}

.banner.o__floating.o__error {
    color: var(--text-on-error);
    fill: var(--text-on-error)!important;
    background-color: var(--error-fill)
}

.banner__loading-indicator-wrapper {
    padding-right: 1px
}

.lock__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: var(--neutral-container);
    z-index: 1001;
    overflow: hidden;
    text-align: center
}

.saved-replies__list__item {
    padding: 15px 20px;
    border-bottom: 1px solid var(--neutral-border);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none
}

.saved-replies__list__item.o__active,.saved-replies__list__item:hover {
    background-color: #f8fbfc
}

.saved-replies__list__group-header {
    background-color: var(--neutral-container);
    padding: 2px 20px;
    border-bottom: 1px solid var(--neutral-border)
}

.loading__indicator,.loading__indicator__graphic {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.loading__indicator {
    vertical-align: middle;
    -webkit-animation-name: reveal_loading_indicator;
    animation-name: reveal_loading_indicator;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.loading__indicator.o__tiny {
    width: 15px;
    height: 15px;
    display: inline-block
}

.loading__indicator.o__tiny.o__inline {
    margin: 0 7px 0 0
}

.loading__indicator.o__small {
    width: 20px;
    height: 20px;
    margin: 0 auto
}

.loading__indicator.o__large {
    width: 24px;
    height: 24px
}

.loading__indicator__graphic {
    width: 100%;
    height: 100%;
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 550ms;
    animation-duration: 550ms;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.quick-action {
    height: 32px;
    width: 32px;
    box-sizing: border-box;
    border: 1px solid;
    border-color: transparent;
    border-radius: 2px;
    padding: 5px 0;
    text-align: center;
    color: var(--text-muted);
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
    text-decoration: none
}

.quick-action:active,.quick-action:hover {
    color: var(--text-default);
    opacity: 1
}

.quick-action.o__depressed,.quick-action:active,.quick-action:focus {
    color: var(--text-default);
    opacity: 1
}

.quick-action.o__note {
    color: var(--notice-fill)
}

.quick-action.o__note.o__depressed,.quick-action.o__note:active,.quick-action.o__note:hover {
    color: var(--notice-fill-emphasis)
}

.quick-action.o__disabled {
    opacity: .5;
    pointer-events: none
}

.quick-action.o__destructive:hover path {
    fill: var(--error-fill)!important
}

.emoji__wrapper {
    display: block;
    padding: .1016em 0 0;
    line-height: 1em
}

.interface-icon circle,.interface-icon ellipse,.interface-icon line,.interface-icon path,.interface-icon polygon,.interface-icon polyline,.interface-icon rect {
    fill: currentColor!important
}

.interface-icon.o__palette-unset circle,.interface-icon.o__palette-unset ellipse,.interface-icon.o__palette-unset line,.interface-icon.o__palette-unset path,.interface-icon.o__palette-unset polygon,.interface-icon.o__palette-unset polyline,.interface-icon.o__palette-unset rect {
    fill: unset!important
}

.interface-icon.o__palette-transparent circle,.interface-icon.o__palette-transparent ellipse,.interface-icon.o__palette-transparent line,.interface-icon.o__palette-transparent path,.interface-icon.o__palette-transparent polygon,.interface-icon.o__palette-transparent polyline,.interface-icon.o__palette-transparent rect {
    fill: transparent!important
}

.interface-icon.o__palette-current circle,.interface-icon.o__palette-current ellipse,.interface-icon.o__palette-current line,.interface-icon.o__palette-current path,.interface-icon.o__palette-current polygon,.interface-icon.o__palette-current polyline,.interface-icon.o__palette-current rect {
    fill: currentColor!important
}

.interface-icon.o__palette-base-backdrop circle,.interface-icon.o__palette-base-backdrop ellipse,.interface-icon.o__palette-base-backdrop line,.interface-icon.o__palette-base-backdrop path,.interface-icon.o__palette-base-backdrop polygon,.interface-icon.o__palette-base-backdrop polyline,.interface-icon.o__palette-base-backdrop rect {
    fill: var(--base-backdrop)!important
}

.interface-icon.o__palette-base-module circle,.interface-icon.o__palette-base-module ellipse,.interface-icon.o__palette-base-module line,.interface-icon.o__palette-base-module path,.interface-icon.o__palette-base-module polygon,.interface-icon.o__palette-base-module polyline,.interface-icon.o__palette-base-module rect {
    fill: var(--base-module)!important
}

.interface-icon.o__palette-base-module-subtle circle,.interface-icon.o__palette-base-module-subtle ellipse,.interface-icon.o__palette-base-module-subtle line,.interface-icon.o__palette-base-module-subtle path,.interface-icon.o__palette-base-module-subtle polygon,.interface-icon.o__palette-base-module-subtle polyline,.interface-icon.o__palette-base-module-subtle rect {
    fill: var(--base-module-subtle)!important
}

.interface-icon.o__palette-base-editor circle,.interface-icon.o__palette-base-editor ellipse,.interface-icon.o__palette-base-editor line,.interface-icon.o__palette-base-editor path,.interface-icon.o__palette-base-editor polygon,.interface-icon.o__palette-base-editor polyline,.interface-icon.o__palette-base-editor rect {
    fill: var(--base-editor)!important
}

.interface-icon.o__palette-base-input circle,.interface-icon.o__palette-base-input ellipse,.interface-icon.o__palette-base-input line,.interface-icon.o__palette-base-input path,.interface-icon.o__palette-base-input polygon,.interface-icon.o__palette-base-input polyline,.interface-icon.o__palette-base-input rect {
    fill: var(--base-input)!important
}

.interface-icon.o__palette-base-modal-blanket circle,.interface-icon.o__palette-base-modal-blanket ellipse,.interface-icon.o__palette-base-modal-blanket line,.interface-icon.o__palette-base-modal-blanket path,.interface-icon.o__palette-base-modal-blanket polygon,.interface-icon.o__palette-base-modal-blanket polyline,.interface-icon.o__palette-base-modal-blanket rect {
    fill: var(--base-modal-blanket)!important
}

.illustrative-icon circle,.illustrative-icon ellipse,.illustrative-icon line,.illustrative-icon path,.illustrative-icon polygon,.illustrative-icon polyline,.illustrative-icon rect,.interface-icon.o__palette-text-default circle,.interface-icon.o__palette-text-default ellipse,.interface-icon.o__palette-text-default line,.interface-icon.o__palette-text-default path,.interface-icon.o__palette-text-default polygon,.interface-icon.o__palette-text-default polyline,.interface-icon.o__palette-text-default rect {
    fill: var(--text-default)!important
}

.interface-icon.o__palette-text-muted circle,.interface-icon.o__palette-text-muted ellipse,.interface-icon.o__palette-text-muted line,.interface-icon.o__palette-text-muted path,.interface-icon.o__palette-text-muted polygon,.interface-icon.o__palette-text-muted polyline,.interface-icon.o__palette-text-muted rect {
    fill: var(--text-muted)!important
}

.interface-icon.o__palette-text-disabled circle,.interface-icon.o__palette-text-disabled ellipse,.interface-icon.o__palette-text-disabled line,.interface-icon.o__palette-text-disabled path,.interface-icon.o__palette-text-disabled polygon,.interface-icon.o__palette-text-disabled polyline,.interface-icon.o__palette-text-disabled rect {
    fill: var(--text-disabled)!important
}

.interface-icon.o__palette-text-link circle,.interface-icon.o__palette-text-link ellipse,.interface-icon.o__palette-text-link line,.interface-icon.o__palette-text-link path,.interface-icon.o__palette-text-link polygon,.interface-icon.o__palette-text-link polyline,.interface-icon.o__palette-text-link rect {
    fill: var(--text-link)!important
}

.interface-icon.o__palette-text-error circle,.interface-icon.o__palette-text-error ellipse,.interface-icon.o__palette-text-error line,.interface-icon.o__palette-text-error path,.interface-icon.o__palette-text-error polygon,.interface-icon.o__palette-text-error polyline,.interface-icon.o__palette-text-error rect {
    fill: var(--text-error)!important
}

.ds-new__dropdown__block__item.o__selected .interface-icon path,.interface-icon.o__palette-text-accent circle,.interface-icon.o__palette-text-accent ellipse,.interface-icon.o__palette-text-accent line,.interface-icon.o__palette-text-accent path,.interface-icon.o__palette-text-accent polygon,.interface-icon.o__palette-text-accent polyline,.interface-icon.o__palette-text-accent rect {
    fill: var(--text-accent)!important
}

.interface-icon.o__palette-text-success circle,.interface-icon.o__palette-text-success ellipse,.interface-icon.o__palette-text-success line,.interface-icon.o__palette-text-success path,.interface-icon.o__palette-text-success polygon,.interface-icon.o__palette-text-success polyline,.interface-icon.o__palette-text-success rect {
    fill: var(--text-success)!important
}

.interface-icon.o__palette-text-on-neutral circle,.interface-icon.o__palette-text-on-neutral ellipse,.interface-icon.o__palette-text-on-neutral line,.interface-icon.o__palette-text-on-neutral path,.interface-icon.o__palette-text-on-neutral polygon,.interface-icon.o__palette-text-on-neutral polyline,.interface-icon.o__palette-text-on-neutral rect {
    fill: var(--text-on-neutral)!important
}

.interface-icon.o__palette-text-on-accent circle,.interface-icon.o__palette-text-on-accent ellipse,.interface-icon.o__palette-text-on-accent line,.interface-icon.o__palette-text-on-accent path,.interface-icon.o__palette-text-on-accent polygon,.interface-icon.o__palette-text-on-accent polyline,.interface-icon.o__palette-text-on-accent rect {
    fill: var(--text-on-accent)!important
}

.interface-icon.o__palette-text-on-beta circle,.interface-icon.o__palette-text-on-beta ellipse,.interface-icon.o__palette-text-on-beta line,.interface-icon.o__palette-text-on-beta path,.interface-icon.o__palette-text-on-beta polygon,.interface-icon.o__palette-text-on-beta polyline,.interface-icon.o__palette-text-on-beta rect {
    fill: var(--text-on-beta)!important
}

.interface-icon.o__palette-text-on-success circle,.interface-icon.o__palette-text-on-success ellipse,.interface-icon.o__palette-text-on-success line,.interface-icon.o__palette-text-on-success path,.interface-icon.o__palette-text-on-success polygon,.interface-icon.o__palette-text-on-success polyline,.interface-icon.o__palette-text-on-success rect {
    fill: var(--text-on-success)!important
}

.interface-icon.o__palette-text-on-error circle,.interface-icon.o__palette-text-on-error ellipse,.interface-icon.o__palette-text-on-error line,.interface-icon.o__palette-text-on-error path,.interface-icon.o__palette-text-on-error polygon,.interface-icon.o__palette-text-on-error polyline,.interface-icon.o__palette-text-on-error rect {
    fill: var(--text-on-error)!important
}

.interface-icon.o__palette-text-on-notice circle,.interface-icon.o__palette-text-on-notice ellipse,.interface-icon.o__palette-text-on-notice line,.interface-icon.o__palette-text-on-notice path,.interface-icon.o__palette-text-on-notice polygon,.interface-icon.o__palette-text-on-notice polyline,.interface-icon.o__palette-text-on-notice rect {
    fill: var(--text-on-notice)!important
}

.interface-icon.o__palette-text-on-paywall circle,.interface-icon.o__palette-text-on-paywall ellipse,.interface-icon.o__palette-text-on-paywall line,.interface-icon.o__palette-text-on-paywall path,.interface-icon.o__palette-text-on-paywall polygon,.interface-icon.o__palette-text-on-paywall polyline,.interface-icon.o__palette-text-on-paywall rect {
    fill: var(--text-on-paywall)!important
}

.interface-icon.o__palette-neutral-container circle,.interface-icon.o__palette-neutral-container ellipse,.interface-icon.o__palette-neutral-container line,.interface-icon.o__palette-neutral-container path,.interface-icon.o__palette-neutral-container polygon,.interface-icon.o__palette-neutral-container polyline,.interface-icon.o__palette-neutral-container rect {
    fill: var(--neutral-container)!important
}

.interface-icon.o__palette-neutral-container-emphasis circle,.interface-icon.o__palette-neutral-container-emphasis ellipse,.interface-icon.o__palette-neutral-container-emphasis line,.interface-icon.o__palette-neutral-container-emphasis path,.interface-icon.o__palette-neutral-container-emphasis polygon,.interface-icon.o__palette-neutral-container-emphasis polyline,.interface-icon.o__palette-neutral-container-emphasis rect {
    fill: var(--neutral-container-emphasis)!important
}

.interface-icon.o__palette-neutral-border circle,.interface-icon.o__palette-neutral-border ellipse,.interface-icon.o__palette-neutral-border line,.interface-icon.o__palette-neutral-border path,.interface-icon.o__palette-neutral-border polygon,.interface-icon.o__palette-neutral-border polyline,.interface-icon.o__palette-neutral-border rect {
    fill: var(--neutral-border)!important
}

.interface-icon.o__palette-neutral-border-emphasis circle,.interface-icon.o__palette-neutral-border-emphasis ellipse,.interface-icon.o__palette-neutral-border-emphasis line,.interface-icon.o__palette-neutral-border-emphasis path,.interface-icon.o__palette-neutral-border-emphasis polygon,.interface-icon.o__palette-neutral-border-emphasis polyline,.interface-icon.o__palette-neutral-border-emphasis rect {
    fill: var(--neutral-border-emphasis)!important
}

.interface-icon.o__palette-neutral-fill circle,.interface-icon.o__palette-neutral-fill ellipse,.interface-icon.o__palette-neutral-fill line,.interface-icon.o__palette-neutral-fill path,.interface-icon.o__palette-neutral-fill polygon,.interface-icon.o__palette-neutral-fill polyline,.interface-icon.o__palette-neutral-fill rect {
    fill: var(--neutral-fill)!important
}

.interface-icon.o__palette-neutral-fill-emphasis circle,.interface-icon.o__palette-neutral-fill-emphasis ellipse,.interface-icon.o__palette-neutral-fill-emphasis line,.interface-icon.o__palette-neutral-fill-emphasis path,.interface-icon.o__palette-neutral-fill-emphasis polygon,.interface-icon.o__palette-neutral-fill-emphasis polyline,.interface-icon.o__palette-neutral-fill-emphasis rect {
    fill: var(--neutral-fill-emphasis)!important
}

.interface-icon.o__palette-beta-container circle,.interface-icon.o__palette-beta-container ellipse,.interface-icon.o__palette-beta-container line,.interface-icon.o__palette-beta-container path,.interface-icon.o__palette-beta-container polygon,.interface-icon.o__palette-beta-container polyline,.interface-icon.o__palette-beta-container rect {
    fill: var(--beta-container)!important
}

.interface-icon.o__palette-beta-container-emphasis circle,.interface-icon.o__palette-beta-container-emphasis ellipse,.interface-icon.o__palette-beta-container-emphasis line,.interface-icon.o__palette-beta-container-emphasis path,.interface-icon.o__palette-beta-container-emphasis polygon,.interface-icon.o__palette-beta-container-emphasis polyline,.interface-icon.o__palette-beta-container-emphasis rect {
    fill: var(--beta-container-emphasis)!important
}

.interface-icon.o__palette-beta-border circle,.interface-icon.o__palette-beta-border ellipse,.interface-icon.o__palette-beta-border line,.interface-icon.o__palette-beta-border path,.interface-icon.o__palette-beta-border polygon,.interface-icon.o__palette-beta-border polyline,.interface-icon.o__palette-beta-border rect {
    fill: var(--beta-border)!important
}

.interface-icon.o__palette-beta-border-emphasis circle,.interface-icon.o__palette-beta-border-emphasis ellipse,.interface-icon.o__palette-beta-border-emphasis line,.interface-icon.o__palette-beta-border-emphasis path,.interface-icon.o__palette-beta-border-emphasis polygon,.interface-icon.o__palette-beta-border-emphasis polyline,.interface-icon.o__palette-beta-border-emphasis rect {
    fill: var(--beta-border-emphasis)!important
}

.interface-icon.o__palette-beta-fill circle,.interface-icon.o__palette-beta-fill ellipse,.interface-icon.o__palette-beta-fill line,.interface-icon.o__palette-beta-fill path,.interface-icon.o__palette-beta-fill polygon,.interface-icon.o__palette-beta-fill polyline,.interface-icon.o__palette-beta-fill rect {
    fill: var(--beta-fill)!important
}

.interface-icon.o__palette-beta-fill-emphasis circle,.interface-icon.o__palette-beta-fill-emphasis ellipse,.interface-icon.o__palette-beta-fill-emphasis line,.interface-icon.o__palette-beta-fill-emphasis path,.interface-icon.o__palette-beta-fill-emphasis polygon,.interface-icon.o__palette-beta-fill-emphasis polyline,.interface-icon.o__palette-beta-fill-emphasis rect {
    fill: var(--beta-fill-emphasis)!important
}

.interface-icon.o__palette-accent-container circle,.interface-icon.o__palette-accent-container ellipse,.interface-icon.o__palette-accent-container line,.interface-icon.o__palette-accent-container path,.interface-icon.o__palette-accent-container polygon,.interface-icon.o__palette-accent-container polyline,.interface-icon.o__palette-accent-container rect {
    fill: var(--accent-container)!important
}

.interface-icon.o__palette-accent-container-emphasis circle,.interface-icon.o__palette-accent-container-emphasis ellipse,.interface-icon.o__palette-accent-container-emphasis line,.interface-icon.o__palette-accent-container-emphasis path,.interface-icon.o__palette-accent-container-emphasis polygon,.interface-icon.o__palette-accent-container-emphasis polyline,.interface-icon.o__palette-accent-container-emphasis rect {
    fill: var(--accent-container-emphasis)!important
}

.interface-icon.o__palette-accent-border circle,.interface-icon.o__palette-accent-border ellipse,.interface-icon.o__palette-accent-border line,.interface-icon.o__palette-accent-border path,.interface-icon.o__palette-accent-border polygon,.interface-icon.o__palette-accent-border polyline,.interface-icon.o__palette-accent-border rect {
    fill: var(--accent-border)!important
}

.interface-icon.o__palette-accent-border-emphasis circle,.interface-icon.o__palette-accent-border-emphasis ellipse,.interface-icon.o__palette-accent-border-emphasis line,.interface-icon.o__palette-accent-border-emphasis path,.interface-icon.o__palette-accent-border-emphasis polygon,.interface-icon.o__palette-accent-border-emphasis polyline,.interface-icon.o__palette-accent-border-emphasis rect {
    fill: var(--accent-border-emphasis)!important
}

.interface-icon.o__palette-accent-fill circle,.interface-icon.o__palette-accent-fill ellipse,.interface-icon.o__palette-accent-fill line,.interface-icon.o__palette-accent-fill path,.interface-icon.o__palette-accent-fill polygon,.interface-icon.o__palette-accent-fill polyline,.interface-icon.o__palette-accent-fill rect {
    fill: var(--accent-fill)!important
}

.interface-icon.o__palette-accent-fill-emphasis circle,.interface-icon.o__palette-accent-fill-emphasis ellipse,.interface-icon.o__palette-accent-fill-emphasis line,.interface-icon.o__palette-accent-fill-emphasis path,.interface-icon.o__palette-accent-fill-emphasis polygon,.interface-icon.o__palette-accent-fill-emphasis polyline,.interface-icon.o__palette-accent-fill-emphasis rect {
    fill: var(--accent-fill-emphasis)!important
}

.interface-icon.o__palette-success-container circle,.interface-icon.o__palette-success-container ellipse,.interface-icon.o__palette-success-container line,.interface-icon.o__palette-success-container path,.interface-icon.o__palette-success-container polygon,.interface-icon.o__palette-success-container polyline,.interface-icon.o__palette-success-container rect {
    fill: var(--success-container)!important
}

.interface-icon.o__palette-success-container-emphasis circle,.interface-icon.o__palette-success-container-emphasis ellipse,.interface-icon.o__palette-success-container-emphasis line,.interface-icon.o__palette-success-container-emphasis path,.interface-icon.o__palette-success-container-emphasis polygon,.interface-icon.o__palette-success-container-emphasis polyline,.interface-icon.o__palette-success-container-emphasis rect {
    fill: var(--success-container-emphasis)!important
}

.interface-icon.o__palette-success-border circle,.interface-icon.o__palette-success-border ellipse,.interface-icon.o__palette-success-border line,.interface-icon.o__palette-success-border path,.interface-icon.o__palette-success-border polygon,.interface-icon.o__palette-success-border polyline,.interface-icon.o__palette-success-border rect {
    fill: var(--success-border)!important
}

.interface-icon.o__palette-success-border-emphasis circle,.interface-icon.o__palette-success-border-emphasis ellipse,.interface-icon.o__palette-success-border-emphasis line,.interface-icon.o__palette-success-border-emphasis path,.interface-icon.o__palette-success-border-emphasis polygon,.interface-icon.o__palette-success-border-emphasis polyline,.interface-icon.o__palette-success-border-emphasis rect {
    fill: var(--success-border-emphasis)!important
}

.interface-icon.o__palette-success-fill circle,.interface-icon.o__palette-success-fill ellipse,.interface-icon.o__palette-success-fill line,.interface-icon.o__palette-success-fill path,.interface-icon.o__palette-success-fill polygon,.interface-icon.o__palette-success-fill polyline,.interface-icon.o__palette-success-fill rect {
    fill: var(--success-fill)!important
}

.interface-icon.o__palette-success-fill-emphasis circle,.interface-icon.o__palette-success-fill-emphasis ellipse,.interface-icon.o__palette-success-fill-emphasis line,.interface-icon.o__palette-success-fill-emphasis path,.interface-icon.o__palette-success-fill-emphasis polygon,.interface-icon.o__palette-success-fill-emphasis polyline,.interface-icon.o__palette-success-fill-emphasis rect {
    fill: var(--success-fill-emphasis)!important
}

.interface-icon.o__palette-error-container circle,.interface-icon.o__palette-error-container ellipse,.interface-icon.o__palette-error-container line,.interface-icon.o__palette-error-container path,.interface-icon.o__palette-error-container polygon,.interface-icon.o__palette-error-container polyline,.interface-icon.o__palette-error-container rect {
    fill: var(--error-container)!important
}

.interface-icon.o__palette-error-container-emphasis circle,.interface-icon.o__palette-error-container-emphasis ellipse,.interface-icon.o__palette-error-container-emphasis line,.interface-icon.o__palette-error-container-emphasis path,.interface-icon.o__palette-error-container-emphasis polygon,.interface-icon.o__palette-error-container-emphasis polyline,.interface-icon.o__palette-error-container-emphasis rect {
    fill: var(--error-container-emphasis)!important
}

.interface-icon.o__palette-error-border circle,.interface-icon.o__palette-error-border ellipse,.interface-icon.o__palette-error-border line,.interface-icon.o__palette-error-border path,.interface-icon.o__palette-error-border polygon,.interface-icon.o__palette-error-border polyline,.interface-icon.o__palette-error-border rect {
    fill: var(--error-border)!important
}

.interface-icon.o__palette-error-border-emphasis circle,.interface-icon.o__palette-error-border-emphasis ellipse,.interface-icon.o__palette-error-border-emphasis line,.interface-icon.o__palette-error-border-emphasis path,.interface-icon.o__palette-error-border-emphasis polygon,.interface-icon.o__palette-error-border-emphasis polyline,.interface-icon.o__palette-error-border-emphasis rect {
    fill: var(--error-border-emphasis)!important
}

.interface-icon.o__palette-error-fill circle,.interface-icon.o__palette-error-fill ellipse,.interface-icon.o__palette-error-fill line,.interface-icon.o__palette-error-fill path,.interface-icon.o__palette-error-fill polygon,.interface-icon.o__palette-error-fill polyline,.interface-icon.o__palette-error-fill rect {
    fill: var(--error-fill)!important
}

.interface-icon.o__palette-error-fill-emphasis circle,.interface-icon.o__palette-error-fill-emphasis ellipse,.interface-icon.o__palette-error-fill-emphasis line,.interface-icon.o__palette-error-fill-emphasis path,.interface-icon.o__palette-error-fill-emphasis polygon,.interface-icon.o__palette-error-fill-emphasis polyline,.interface-icon.o__palette-error-fill-emphasis rect {
    fill: var(--error-fill-emphasis)!important
}

.interface-icon.o__palette-notice-container circle,.interface-icon.o__palette-notice-container ellipse,.interface-icon.o__palette-notice-container line,.interface-icon.o__palette-notice-container path,.interface-icon.o__palette-notice-container polygon,.interface-icon.o__palette-notice-container polyline,.interface-icon.o__palette-notice-container rect {
    fill: var(--notice-container)!important
}

.interface-icon.o__palette-notice-container-emphasis circle,.interface-icon.o__palette-notice-container-emphasis ellipse,.interface-icon.o__palette-notice-container-emphasis line,.interface-icon.o__palette-notice-container-emphasis path,.interface-icon.o__palette-notice-container-emphasis polygon,.interface-icon.o__palette-notice-container-emphasis polyline,.interface-icon.o__palette-notice-container-emphasis rect {
    fill: var(--notice-container-emphasis)!important
}

.interface-icon.o__palette-notice-border circle,.interface-icon.o__palette-notice-border ellipse,.interface-icon.o__palette-notice-border line,.interface-icon.o__palette-notice-border path,.interface-icon.o__palette-notice-border polygon,.interface-icon.o__palette-notice-border polyline,.interface-icon.o__palette-notice-border rect {
    fill: var(--notice-border)!important
}

.interface-icon.o__palette-notice-border-emphasis circle,.interface-icon.o__palette-notice-border-emphasis ellipse,.interface-icon.o__palette-notice-border-emphasis line,.interface-icon.o__palette-notice-border-emphasis path,.interface-icon.o__palette-notice-border-emphasis polygon,.interface-icon.o__palette-notice-border-emphasis polyline,.interface-icon.o__palette-notice-border-emphasis rect {
    fill: var(--notice-border-emphasis)!important
}

.interface-icon.o__palette-notice-fill circle,.interface-icon.o__palette-notice-fill ellipse,.interface-icon.o__palette-notice-fill line,.interface-icon.o__palette-notice-fill path,.interface-icon.o__palette-notice-fill polygon,.interface-icon.o__palette-notice-fill polyline,.interface-icon.o__palette-notice-fill rect {
    fill: var(--notice-fill)!important
}

.interface-icon.o__palette-notice-fill-emphasis circle,.interface-icon.o__palette-notice-fill-emphasis ellipse,.interface-icon.o__palette-notice-fill-emphasis line,.interface-icon.o__palette-notice-fill-emphasis path,.interface-icon.o__palette-notice-fill-emphasis polygon,.interface-icon.o__palette-notice-fill-emphasis polyline,.interface-icon.o__palette-notice-fill-emphasis rect {
    fill: var(--notice-fill-emphasis)!important
}

.interface-icon.o__palette-paywall-container circle,.interface-icon.o__palette-paywall-container ellipse,.interface-icon.o__palette-paywall-container line,.interface-icon.o__palette-paywall-container path,.interface-icon.o__palette-paywall-container polygon,.interface-icon.o__palette-paywall-container polyline,.interface-icon.o__palette-paywall-container rect {
    fill: var(--paywall-container)!important
}

.interface-icon.o__palette-paywall-container-emphasis circle,.interface-icon.o__palette-paywall-container-emphasis ellipse,.interface-icon.o__palette-paywall-container-emphasis line,.interface-icon.o__palette-paywall-container-emphasis path,.interface-icon.o__palette-paywall-container-emphasis polygon,.interface-icon.o__palette-paywall-container-emphasis polyline,.interface-icon.o__palette-paywall-container-emphasis rect {
    fill: var(--paywall-container-emphasis)!important
}

.interface-icon.o__palette-paywall-border circle,.interface-icon.o__palette-paywall-border ellipse,.interface-icon.o__palette-paywall-border line,.interface-icon.o__palette-paywall-border path,.interface-icon.o__palette-paywall-border polygon,.interface-icon.o__palette-paywall-border polyline,.interface-icon.o__palette-paywall-border rect {
    fill: var(--paywall-border)!important
}

.interface-icon.o__palette-paywall-border-emphasis circle,.interface-icon.o__palette-paywall-border-emphasis ellipse,.interface-icon.o__palette-paywall-border-emphasis line,.interface-icon.o__palette-paywall-border-emphasis path,.interface-icon.o__palette-paywall-border-emphasis polygon,.interface-icon.o__palette-paywall-border-emphasis polyline,.interface-icon.o__palette-paywall-border-emphasis rect {
    fill: var(--paywall-border-emphasis)!important
}

.interface-icon.o__palette-paywall-fill circle,.interface-icon.o__palette-paywall-fill ellipse,.interface-icon.o__palette-paywall-fill line,.interface-icon.o__palette-paywall-fill path,.interface-icon.o__palette-paywall-fill polygon,.interface-icon.o__palette-paywall-fill polyline,.interface-icon.o__palette-paywall-fill rect {
    fill: var(--paywall-fill)!important
}

.interface-icon.o__palette-paywall-fill-emphasis circle,.interface-icon.o__palette-paywall-fill-emphasis ellipse,.interface-icon.o__palette-paywall-fill-emphasis line,.interface-icon.o__palette-paywall-fill-emphasis path,.interface-icon.o__palette-paywall-fill-emphasis polygon,.interface-icon.o__palette-paywall-fill-emphasis polyline,.interface-icon.o__palette-paywall-fill-emphasis rect {
    fill: var(--paywall-fill-emphasis)!important
}

.interface-icon.o__palette-ai-gradient-step-1 circle,.interface-icon.o__palette-ai-gradient-step-1 ellipse,.interface-icon.o__palette-ai-gradient-step-1 line,.interface-icon.o__palette-ai-gradient-step-1 path,.interface-icon.o__palette-ai-gradient-step-1 polygon,.interface-icon.o__palette-ai-gradient-step-1 polyline,.interface-icon.o__palette-ai-gradient-step-1 rect {
    fill: var(--ai-gradient-step-1)!important
}

.interface-icon.o__palette-ai-gradient-step-2 circle,.interface-icon.o__palette-ai-gradient-step-2 ellipse,.interface-icon.o__palette-ai-gradient-step-2 line,.interface-icon.o__palette-ai-gradient-step-2 path,.interface-icon.o__palette-ai-gradient-step-2 polygon,.interface-icon.o__palette-ai-gradient-step-2 polyline,.interface-icon.o__palette-ai-gradient-step-2 rect {
    fill: var(--ai-gradient-step-2)!important
}

.interface-icon.o__palette-ai-gradient-step-3 circle,.interface-icon.o__palette-ai-gradient-step-3 ellipse,.interface-icon.o__palette-ai-gradient-step-3 line,.interface-icon.o__palette-ai-gradient-step-3 path,.interface-icon.o__palette-ai-gradient-step-3 polygon,.interface-icon.o__palette-ai-gradient-step-3 polyline,.interface-icon.o__palette-ai-gradient-step-3 rect {
    fill: var(--ai-gradient-step-3)!important
}

.interface-icon.o__palette-ai-gradient-step-4 circle,.interface-icon.o__palette-ai-gradient-step-4 ellipse,.interface-icon.o__palette-ai-gradient-step-4 line,.interface-icon.o__palette-ai-gradient-step-4 path,.interface-icon.o__palette-ai-gradient-step-4 polygon,.interface-icon.o__palette-ai-gradient-step-4 polyline,.interface-icon.o__palette-ai-gradient-step-4 rect {
    fill: var(--ai-gradient-step-4)!important
}

.interface-icon.o__palette-avatar-red circle,.interface-icon.o__palette-avatar-red ellipse,.interface-icon.o__palette-avatar-red line,.interface-icon.o__palette-avatar-red path,.interface-icon.o__palette-avatar-red polygon,.interface-icon.o__palette-avatar-red polyline,.interface-icon.o__palette-avatar-red rect {
    fill: var(--avatar-red)!important
}

.interface-icon.o__palette-avatar-orange circle,.interface-icon.o__palette-avatar-orange ellipse,.interface-icon.o__palette-avatar-orange line,.interface-icon.o__palette-avatar-orange path,.interface-icon.o__palette-avatar-orange polygon,.interface-icon.o__palette-avatar-orange polyline,.interface-icon.o__palette-avatar-orange rect {
    fill: var(--avatar-orange)!important
}

.interface-icon.o__palette-avatar-yellow circle,.interface-icon.o__palette-avatar-yellow ellipse,.interface-icon.o__palette-avatar-yellow line,.interface-icon.o__palette-avatar-yellow path,.interface-icon.o__palette-avatar-yellow polygon,.interface-icon.o__palette-avatar-yellow polyline,.interface-icon.o__palette-avatar-yellow rect {
    fill: var(--avatar-yellow)!important
}

.interface-icon.o__palette-avatar-green circle,.interface-icon.o__palette-avatar-green ellipse,.interface-icon.o__palette-avatar-green line,.interface-icon.o__palette-avatar-green path,.interface-icon.o__palette-avatar-green polygon,.interface-icon.o__palette-avatar-green polyline,.interface-icon.o__palette-avatar-green rect {
    fill: var(--avatar-green)!important
}

.interface-icon.o__palette-avatar-purple circle,.interface-icon.o__palette-avatar-purple ellipse,.interface-icon.o__palette-avatar-purple line,.interface-icon.o__palette-avatar-purple path,.interface-icon.o__palette-avatar-purple polygon,.interface-icon.o__palette-avatar-purple polyline,.interface-icon.o__palette-avatar-purple rect {
    fill: var(--avatar-purple)!important
}

.interface-icon.o__palette-avatar-blue circle,.interface-icon.o__palette-avatar-blue ellipse,.interface-icon.o__palette-avatar-blue line,.interface-icon.o__palette-avatar-blue path,.interface-icon.o__palette-avatar-blue polygon,.interface-icon.o__palette-avatar-blue polyline,.interface-icon.o__palette-avatar-blue rect {
    fill: var(--avatar-blue)!important
}

.interface-icon.o__palette-avatar-teal circle,.interface-icon.o__palette-avatar-teal ellipse,.interface-icon.o__palette-avatar-teal line,.interface-icon.o__palette-avatar-teal path,.interface-icon.o__palette-avatar-teal polygon,.interface-icon.o__palette-avatar-teal polyline,.interface-icon.o__palette-avatar-teal rect {
    fill: var(--avatar-teal)!important
}

.interface-icon.o__palette-avatar-pink circle,.interface-icon.o__palette-avatar-pink ellipse,.interface-icon.o__palette-avatar-pink line,.interface-icon.o__palette-avatar-pink path,.interface-icon.o__palette-avatar-pink polygon,.interface-icon.o__palette-avatar-pink polyline,.interface-icon.o__palette-avatar-pink rect {
    fill: var(--avatar-pink)!important
}

.interface-icon.o__palette-avatar-ticket circle,.interface-icon.o__palette-avatar-ticket ellipse,.interface-icon.o__palette-avatar-ticket line,.interface-icon.o__palette-avatar-ticket path,.interface-icon.o__palette-avatar-ticket polygon,.interface-icon.o__palette-avatar-ticket polyline,.interface-icon.o__palette-avatar-ticket rect {
    fill: var(--avatar-ticket)!important
}

.interface-icon.o__palette-border-shadow-dark circle,.interface-icon.o__palette-border-shadow-dark ellipse,.interface-icon.o__palette-border-shadow-dark line,.interface-icon.o__palette-border-shadow-dark path,.interface-icon.o__palette-border-shadow-dark polygon,.interface-icon.o__palette-border-shadow-dark polyline,.interface-icon.o__palette-border-shadow-dark rect {
    fill: rgba(0,0,0,.2)!important
}

.interface-icon.o__palette-border-shadow circle,.interface-icon.o__palette-border-shadow ellipse,.interface-icon.o__palette-border-shadow line,.interface-icon.o__palette-border-shadow path,.interface-icon.o__palette-border-shadow polygon,.interface-icon.o__palette-border-shadow polyline,.interface-icon.o__palette-border-shadow rect {
    fill: rgba(0,0,0,.1)!important
}

.interface-icon.o__palette-border-shadow-light circle,.interface-icon.o__palette-border-shadow-light ellipse,.interface-icon.o__palette-border-shadow-light line,.interface-icon.o__palette-border-shadow-light path,.interface-icon.o__palette-border-shadow-light polygon,.interface-icon.o__palette-border-shadow-light polyline,.interface-icon.o__palette-border-shadow-light rect {
    fill: rgba(0,0,0,.05)!important
}

.interface-icon.o__social,.interface-icon.o__standard {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: bottom
}

.interface-icon.o__social:not(.o__no-margin),.interface-icon.o__standard:not(.o__no-margin) {
    margin-bottom: 2px
}

.interface-icon.o__social.o__by-text:not(.o__no-margin),.interface-icon.o__standard.o__by-text:not(.o__no-margin),.interface-icon.o__tiny.o__by-text:not(.o__no-margin) {
    margin-right: 3px
}

.btn .interface-icon.o__social,.btn .interface-icon.o__standard,.f__custom-select__box .interface-icon.o__social,.f__custom-select__box .interface-icon.o__standard,.pill .interface-icon.o__social,.pill .interface-icon.o__standard,.t__btn-label .interface-icon.o__social,.t__btn-label .interface-icon.o__standard {
    margin-bottom: 0
}

.filter-block__icon .interface-icon.o__social,.filter-block__icon .interface-icon.o__standard {
    margin-bottom: 1px
}

.interface-icon.o__standard.o__24 {
    height: 24px;
    width: 24px;
    margin-bottom: 2px
}

.interface-icon.o__tiny {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: bottom
}

.interface-icon.o__tiny:not(.o__no-margin) {
    margin-bottom: 4px
}

.illustrative-icon {
    display: inline-block;
    vertical-align: bottom
}

.illustrative-icon.o__gray circle,.illustrative-icon.o__gray ellipse,.illustrative-icon.o__gray line,.illustrative-icon.o__gray path,.illustrative-icon.o__gray polygon,.illustrative-icon.o__gray polyline,.illustrative-icon.o__gray rect {
    fill: var(--text-muted)!important
}

.illustrative-icon.o__black circle,.illustrative-icon.o__black ellipse,.illustrative-icon.o__black line,.illustrative-icon.o__black path,.illustrative-icon.o__black polygon,.illustrative-icon.o__black polyline,.illustrative-icon.o__black rect {
    fill: var(--text-default)!important
}

.illustrative-icon,.illustrative-icon svg {
    width: 40px;
    height: 40px
}

.illustrative-icon.o__small,.illustrative-icon.o__small svg {
    width: 20px;
    height: 20px
}

.switch__container {
    padding: 2px
}

.toggle__on-off {
    box-sizing: border-box;
    width: 55px;
    height: 24px;
    border-radius: 3px;
    padding: 0;
    border: 0;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
    transition: background-color .25s ease;
    background-color: var(--neutral-container-emphasis);
    appearance: none;
    -webkit-appearance: none
}

.toggle__on-off:disabled {
    pointer-events: none;
    opacity: .5
}

.toggle__on-off.o__on {
    background-color: var(--success-fill)
}

.toggle__on-off__switch {
    position: absolute;
    top: 3px;
    left: 33px;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    background-color: var(--base-module);
    transition: left .25s ease
}

.toggle__on-off__switch.o__off {
    left: 3px
}

.toggle__on-off__label {
    opacity: 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    min-width: 28px;
    text-align: center;
    transition: opacity .25s ease;
    position: absolute;
    top: 2px;
    appearance: none;
    -webkit-appearance: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.toggle__on-off__label.o__on {
    color: var(--text-on-success);
    left: 2px
}

.toggle__on-off__label.o__off {
    color: var(--text-default);
    right: 2px
}

.table.o__inline.o__can-scroll-up .table__header::after,.toggle__on-off__label.o__active {
    opacity: 1
}

.empty-state {
    padding: 40px
}

.empty-state__title {
    margin: 20px 0 0;
    color: var(--text-muted)
}

.empty-state__description {
    margin: 8px 0 0;
    color: var(--text-muted)
}

.empty-state__button {
    margin: 20px 0 0
}

.main,.main__content,.main__toolbar {
    box-sizing: border-box
}

.main__content {
    padding: 20px 30px
}

.main__content-well.o__under-construction {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAGCAIAAAAOtlpdAAAANElEQVQoz2P4etGEEnRxi0lHFdXQ8slQYxkGoZsochbt3ES+s2jqJjKdRWs3keMsOrgJiAB4ItlirqqJGgAAAABJRU5ErkJggg==)!important;
    background-repeat: repeat-x!important;
    background-size: 25px 3px!important;
    background-position: 19px 0!important
}

.table {
    border-collapse: separate;
    border-spacing: 0;
    box-sizing: border-box
}

.table.o__flex {
    display: flex
}

.table__header {
    display: table
}

.table__body__wrapper {
    display: block;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.table__body__wrapper.o__flexing {
    max-height: 100%
}

.table__cell {
    white-space: nowrap;
    text-align: left;
    padding: 13px 0 12px
}

.table__cell__jammer,.table__cell__measure__element {
    display: inline-block;
    vertical-align: bottom
}

.table__cell__measure__element {
    box-sizing: border-box;
    padding: 0 15px
}

.table__body {
    display: table
}

.table__wrapper {
    width: 100%;
    overflow: hidden
}

.table__loader {
    position: absolute;
    bottom: 1px;
    left: 1px;
    right: 1px;
    pointer-events: none
}

.table__scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px
}

.table__header__sortable-column__toggle {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.table__header__sortable-column__toggle.o__for-sort-column,.table__header__sortable-column__toggle.o__for-sort-column:hover,.table__header__sortable-column__toggle:hover {
    color: var(--text-muted)
}

.table__header__sortable-column__toggle:hover .table__header__sortable-column__label {
    text-decoration: underline
}

.table.o__inline .table__body__wrapper {
    z-index: 1
}

.table.o__inline .table__header {
    z-index: 2
}

.table.o__inline .table__header::after {
    content: " ";
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    height: 5px;
    opacity: 0;
    transition: opacity .3s
}

.table.o__inline tr .table__cell {
    border-bottom: 1px solid var(--neutral-border)
}

.table.o__standard .table__header {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent
}

.table.o__standard .table__body__wrapper {
    border: 1px solid;
    border-color: var(--neutral-border);
    border-radius: 3px;
    transform: translateZ(0)
}

.table__panel {
    opacity: 0
}

.table__panel.o__visible {
    opacity: 1
}

.filter-block__container.o__one-line {
    display: inline-block;
    max-width: 400px
}

.filter-block__container.o__full-description {
    display: inline-block
}

.filter-block {
    background-color: var(--base-module);
    border: 1px solid var(--neutral-border);
    color: var(--text-default);
    border-radius: var(--border-radius-full)
}

.filter-block:has(.filter-block__details:not(.o__one-line)) {
    border-radius: var(--border-radius-large)
}

.filter-block.o__full-description {
    display: inline-block
}

.filter-block__details,.filter-block__details__specific-error,.filter-block__name {
    color: var(--text-default)
}

.filter-block__content {
    padding: 6px 30px 6px 12px
}

.filter-block__content.o__one-line {
    padding: 6px 12px
}

.filter-block__name.o__one-line {
    flex: 1 0 auto;
    max-width: 100%;
    line-height: 20px
}

.filter-block__icon {
    position: relative;
    top: -1px
}

.filter-block__name.o__full-description {
    display: inline
}

.filter-block__details {
    padding-top: 2px;
    font-size: 14px;
    text-overflow: clip
}

.filter-block__details.o__one-line {
    padding-top: 0
}

.filter-block__details.o__full-description {
    display: inline
}

.filter-block__delete {
    position: absolute;
    display: none;
    right: 4px;
    top: 3px;
    border: 1px solid var(--neutral-border);
    color: var(--text-muted)
}

.filter-block.o__deletable.o__open .filter-block__delete,.filter-block.o__deletable:hover .filter-block__delete {
    display: block
}

.filter-block.o__clickable {
    cursor: pointer
}

.filter-block.o__clickable:hover,.filter-block.o__open,.filter-block.o__open.o__deletable,.filter-block.o__open:hover,.filter-block__delete {
    background-color: var(--neutral-container)
}

.filter-block.o__clickable:hover .filter-block__details,.filter-block.o__clickable:hover .filter-block__name,.filter-block.o__open .filter-block__details,.filter-block.o__open .filter-block__name,.filter-block.o__open.o__deletable .filter-block__details,.filter-block.o__open.o__deletable .filter-block__name,.filter-block.o__open:hover .filter-block__details,.filter-block.o__open:hover .filter-block__name {
    color: var(--text-default)
}

.filter-block.o__open,.filter-block.o__open:hover {
    border-color: var(--neutral-border)
}

.filter-block.o__clickable:active,.filter-block.o__open:active {
    border-color: var(--neutral-border-emphasis)
}

.filter-block.o__action {
    background-color: var(--success-container);
    border-color: var(--success-container)
}

.filter-block.o__action.o__deletable .filter-block__details::after {
    background: linear-gradient(to right,rgb(from var(--success-container) r g b/0%) 85%,rgb(from var(--success-container) r g b/100%) 100%)
}

.filter-block.o__action.o__clickable:hover,.filter-block.o__action.o__open,.filter-block.o__action.o__open:hover {
    background-color: var(--success-container-emphasis);
    border-color: var(--success-border)
}

.filter-block.o__action.o__clickable:hover .filter-block__details,.filter-block.o__action.o__clickable:hover .filter-block__details__specific-error,.filter-block.o__action.o__clickable:hover .filter-block__name,.filter-block.o__action.o__open .filter-block__details,.filter-block.o__action.o__open .filter-block__details__specific-error,.filter-block.o__action.o__open .filter-block__name,.filter-block.o__action.o__open:hover .filter-block__details,.filter-block.o__action.o__open:hover .filter-block__details__specific-error,.filter-block.o__action.o__open:hover .filter-block__name {
    color: var(--text-default)
}

.filter-block.o__action.o__clickable:active,.filter-block.o__action.o__open:active {
    border-color: var(--success-border-emphasis)
}

.filter-block.o__error {
    background-color: var(--error-container);
    border-color: var(--error-container)
}

.filter-block.o__error,.filter-block.o__error .filter-block__details,.filter-block.o__error .filter-block__details__specific-error,.filter-block.o__error .filter-block__name {
    color: var(--text-default)
}

.filter-block.o__error.o__clickable:hover,.filter-block.o__error:hover {
    background-color: var(--error-container-emphasis);
    border-color: var(--error-border)
}

.filter-block.o__error.o__open,.filter-block.o__error.o__open:hover {
    background-color: var(--error-container-emphasis)
}

.filter-block.o__error.o__clickable:hover .filter-block__details,.filter-block.o__error.o__clickable:hover .filter-block__details__specific-error,.filter-block.o__error.o__clickable:hover .filter-block__name,.filter-block.o__error.o__open .filter-block__details,.filter-block.o__error.o__open .filter-block__details__specific-error,.filter-block.o__error.o__open .filter-block__name,.filter-block.o__error.o__open:hover .filter-block__details,.filter-block.o__error.o__open:hover .filter-block__details__specific-error,.filter-block.o__error.o__open:hover .filter-block__name,.filter-block.o__error:hover .filter-block__details,.filter-block.o__error:hover .filter-block__details__specific-error,.filter-block.o__error:hover .filter-block__name {
    color: var(--text-default)
}

.filter-block.o__error.o__clickable:hover .filter-block__details::after,.filter-block.o__error.o__open .filter-block__details::after,.filter-block.o__error.o__open:hover .filter-block__details::after,.filter-block.o__error:hover .filter-block__details::after {
    background: linear-gradient(to right,rgb(from var(--error-container-emphasis) r g b/0%) 85%,rgb(from var(--error-container-emphasis) r g b/100%) 100%)
}

.filter-block.o__error.o__clickable:active,.filter-block.o__error.o__open:active,.filter-block.o__error:active {
    border-color: var(--error-border-emphasis)
}

.filter-block.o__error.o__open,.filter-block.o__error.o__open.o__clickable,.filter-block.o__error.o__open:hover {
    border-color: var(--error-container-emphasis)
}

.if-this-then-that,.if-this-then-that__caret,.if-this-then-that__main {
    box-sizing: border-box
}

.if-this-then-that {
    min-width: 63px;
    height: 38px;
    display: inline-block;
    vertical-align: bottom
}

.if-this-then-that__main {
    width: 56px;
    height: 32px;
    border: 1px solid var(--neutral-border);
    border-right: 0;
    border-radius: 6px 0 0 6px;
    display: block;
    text-align: center;
    color: var(--text-muted);
    padding: 5px 0 7px;
    font-size: 14px;
    font-weight: 500
}

.if-this-then-that__caret {
    margin-left: -1px
}

.if-this-then-that__caret svg {
    height: 32px
}

.if-this-then-that__caret__whiteout {
    fill: transparent
}

.if-this-then-that__caret__stroke {
    fill: var(--neutral-border)
}

.ds-new__attribute__option__line {
    padding: 0 0 6px
}

.ds-new__attribute__option__radio {
    width: 23px
}

.ds-new__attribute__option__details {
    box-sizing: border-box;
    padding: 0 0 13px 23px;
    min-width: 196px
}

.ds-new__attribute__option__label {
    white-space: nowrap
}

.ds-new__card {
    border: 1px solid var(--neutral-border);
    border-radius: 6px;
    box-sizing: border-box;
    transition: box-shadow linear .04s,border-color linear .2s;
    position: relative
}

.ds-new__card.o__regular-padding,.ds-new__card__section.o__regular-padding {
    padding: 20px
}

.ds-new__card.o__compact-padding,.ds-new__card__section.o__compact-padding {
    padding: 12px
}

.ds-new__card.o__relaxed-padding,.ds-new__card__section.o__relaxed-padding {
    padding: 32px
}

.ds-new__card.o__interactive {
    cursor: pointer
}

.ds-new__card.o__interactive:hover {
    border-color: var(--neutral-border-emphasis);
    box-shadow: var(--shadow-lvl-1)
}

.ds-new__card.o__selected {
    border-color: transparent;
    box-shadow: 0 0 0 2px var(--accent-border-emphasis);
    cursor: pointer
}

.ds-new__card.o__selected:hover {
    border-color: transparent;
    box-shadow: 0 0 0 2px var(--accent-border-emphasis),var(--shadow-lvl-1)
}

.ds-new__datepicker__month-button {
    border: 0;
    line-height: normal;
    cursor: pointer;
    padding: 0 4px;
    border-radius: 4px
}

.ds-new__datepicker__month-button:hover {
    color: var(--text-default);
    background-color: var(--neutral-container)
}

.ds-new__datepicker__month-button:focus {
    outline: 0;
    box-shadow: 0 0 0 2px var(--neutral-border)
}

.ds-new__datepicker {
    max-width: 210px;
    width: 210px
}

.ds-new__datepicker .ember-power-calendar-week,.ds-new__datepicker .ember-power-calendar-weekdays {
    display: flex;
    justify-content: unset
}

.ds-new__datepicker .ember-power-calendar-weekday {
    color: var(--text-muted);
    display: inline-block;
    font-size: 13px;
    text-align: center;
    width: 30px
}

.ds-new__datepicker .ember-power-calendar-day {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-default);
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    box-sizing: border-box;
    flex: none;
    height: 30px;
    width: 30px;
    padding: 0
}

.ds-new__datepicker .ember-power-calendar-day:focus {
    outline: 0;
    box-shadow: 0 0 0 1px var(--neutral-border)
}

.ds-new__datepicker .ember-power-calendar-day.ember-power-calendar-day--interactive:enabled {
    cursor: pointer
}

.ds-new__datepicker .ember-power-calendar-day.ember-power-calendar-day--interactive:disabled {
    cursor: not-allowed;
    color: var(--text-disabled)
}

.ds-new__datepicker .ember-power-calendar-day.ember-power-calendar-day--interactive:enabled:hover {
    border-color: var(--accent-fill);
    color: var(--accent-fill);
    outline: 0
}

.ds-new__datepicker .ember-power-calendar-day.ember-power-calendar-day--selected,.ds-new__datepicker .ember-power-calendar-day.ember-power-calendar-day--selected:not([disabled]):hover,.ds-new__datepicker .ember-power-calendar-day.ember-power-calendar-day--today {
    color: var(--accent-fill);
    font-weight: 500
}

.ds-new__datepicker .ember-power-calendar-day.ember-power-calendar-day--selected {
    background-color: var(--accent-container);
    border-color: var(--accent-fill)
}

.ds-new__datepicker .ember-power-calendar-week:first-child[data-missing-days="1"] {
    padding-left: 30px
}

.ds-new__datepicker .ember-power-calendar-week:first-child[data-missing-days="2"] {
    padding-left: 60px
}

.ds-new__datepicker .ember-power-calendar-week:first-child[data-missing-days="3"] {
    padding-left: 90px
}

.ds-new__datepicker .ember-power-calendar-week:first-child[data-missing-days="4"] {
    padding-left: 120px
}

.ds-new__datepicker .ember-power-calendar-week:first-child[data-missing-days="5"] {
    padding-left: 150px
}

.ds-new__datepicker .ember-power-calendar-week:first-child[data-missing-days="6"] {
    padding-left: 180px
}

.ds-new__dropdown,.ds-new__dropdown__block__heading,.ds-new__dropdown__block__item,.ds-new__dropdown__block__item__check,.ds-new__dropdown__block__item__object,.ds-new__dropdown__group {
    box-sizing: border-box
}

.ds-new__dropdown {
    max-height: 500px;
    min-height: 50px;
    overflow: auto
}

.ds-new__dropdown.o__has-filter-group-and-main-group {
    overflow: visible
}

.ds-new__dropdown.o__fully-set-up {
    width: 100%
}

.ds-new__dropdown__group {
    border-top: 1px solid var(--neutral-border);
    padding: 8px
}

.ds-new__dropdown__group.o__includes-filter {
    padding: 0
}

.ds-new__dropdown__group.o__includes-filter+.ds-new__dropdown__group,.ds-new__dropdown__group:first-child {
    border-top: 0
}

.ds-new__dropdown__group.o__main {
    overflow: auto
}

.ds-new__dropdown__group__filter {
    margin: -1px -1px 0;
    position: relative
}

.ds-new__dropdown__group__filter__icon {
    padding: 9px 11px 8px;
    color: var(--text-muted)
}

.ds-new__dropdown__group__filter__input {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    height: 38px;
    padding: 8px 16px 8px 36px;
    margin: -37px 0 0;
    background-color: transparent;
    display: block;
    width: 100%;
    border: 1px solid;
    border-color: transparent;
    border-radius: 9px 9px 0 0
}

.ds-new__dropdown__group__filter__input,.ds-new__dropdown__group__filter__input:hover {
    border-bottom: 1px solid var(--neutral-border)
}

.ds-new__dropdown__group__filter__input:focus {
    outline: 0;
    border: 1px solid;
    border-color: var(--neutral-border-emphasis)
}

.ds-new__dropdown__group__filter__input::-webkit-input-placeholder {
    color: var(--text-muted)
}

.ds-new__dropdown__group__filter__input::-moz-placeholder {
    color: var(--text-muted)
}

.ds-new__dropdown__group__filter__input::-ms-input-placeholder {
    color: var(--text-muted)
}

.ds-new__dropdown__block__item {
    cursor: pointer;
    font-weight: 400;
    padding: 8px;
    border-radius: 8px;
    color: var(--text-default)
}

.ds-new__dropdown__block__item:focus {
    outline: 0;
    background-color: var(--neutral-container)
}

.ds-new__dropdown__block__item.o__destructive:focus {
    color: var(--text-error);
    background-color: var(--error-container)
}

.ds-new__dropdown__block__item.o__destructive:focus .interface-icon path {
    fill: var(--text-error)!important
}

.ds-new__dropdown__block__heading {
    cursor: default;
    padding: 8px
}

.ds-new__dropdown__block__heading.o__index-0 {
    padding-top: 6px
}

.ds-new__dropdown__block__item.o__destructive {
    color: var(--text-error)
}

.ds-new__dropdown__block__item.o__disabled {
    opacity: .5
}

.ds-new__dropdown__block__item__object {
    text-overflow: ellipsis;
    cursor: pointer
}

.ds-new__dropdown__block__item__check {
    padding: 0 0 0 10px
}

.ds-new__dropdown__opener {
    display: inline-block;
    vertical-align: bottom;
    max-width: 100%
}

.ds-new__dropdown__opener.o__block {
    display: block
}

.ds-new__dropdown__no-results {
    height: 110px;
    color: var(--text-muted)
}

.ds-new__dropdown__standard {
    flex-basis: auto!important
}

.ds-new__dropdown__block__item__text.o__open {
    font-weight: 500
}

.ds-new__dropdown__block__item.o__selected .f__custom-select__check,.ds-new__dropdown__block__item.o__selected .inbox__inbox-picker__link,.ds-new__dropdown__block__item.o__selected .submenu__sections__section__items__item__count {
    color: var(--text-accent)
}

.ds-new__dropdown__block__item.o__selected .educate__collection__dropdown__icon {
    stroke: var(--text-accent)
}

.ds-new__modal__blanket {
    padding: 32px;
    position: fixed!important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    animation: opacity-animation .3s ease-in-out;
    display: flex;
    flex-direction: column;
    z-index: 10000
}

.ds-new__modal__backdrop {
    background-color: var(--base-modal-blanket);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    z-index: -1
}

.ds-new__modal__wrapper {
    margin: auto;
    animation: motion-animation .3s ease-in-out
}

.ds-new__modal__wrapper.o__internal-scroll {
    max-height: 100%;
    box-sizing: border-box
}

.ds-new__modal__container {
    box-shadow: var(--shadow-lvl-3),0 0 0 1px var(--neutral-border);
    background-color: var(--base-module);
    border-radius: 8px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.ds-new__modal__container.o__s {
    width: 440px
}

.ds-new__modal__container.o__m {
    width: 640px
}

.ds-new__modal__container.o__l {
    width: 800px
}

.ds-new__modal__container.o__xl {
    width: 1000px
}

.ds-new__modal__container.o__vw95 {
    width: 95vw
}

.ds-new__modal__close__container {
    position: relative;
    float: right;
    width: 100%
}

.ds-new__modal__back__icon {
    background: 0 0;
    border: 0;
    padding: 0
}

.ds-new__modal__back__icon:focus,.ds-new__modal__back__icon:hover {
    color: var(--accent-fill);
    outline: 0
}

.ds-new__modal__close__icon {
    position: absolute;
    top: 14px;
    right: 8px;
    background: 0 0;
    border: 0;
    padding: 0;
    height: 32px;
    width: 32px;
    line-height: 16px;
    color: var(--text-default)
}

.ds-new__modal__close__icon:focus,.ds-new__modal__close__icon:hover {
    color: var(--text-accent);
    outline: 0
}

.ds-new__modal__header {
    padding: 16px 48px 16px 24px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ds-new__modal__header.o__with-scroll-indicator {
    border-bottom: 1px solid var(--neutral-border)
}

.ds-new__modal__body {
    padding: 8px 24px 24px
}

.ds-new__modal__body.o__full-bleed {
    padding: 0;
    min-height: 40px
}

.ds-new__modal__body.o__internal-scroll,.ds-new__table__scroll-container.o__scrolls-horizontally {
    overflow-y: auto
}

.ds-new__modal__footer {
    border-top: 1px solid var(--neutral-border);
    padding: 16px 16px 16px 24px;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.ds-new__modal__footer__button-list {
    margin-left: auto
}

.ds-new__modal__iframe {
    height: 560px
}

.ds-new__table__container.o__scrolls-vertically {
    overflow-x: auto
}

.ds-new__table {
    border-spacing: 0;
    width: 100%;
    line-height: 20px;
    font-size: 14px;
    color: var(--text-default)
}

.ds-new__table a {
    text-decoration: none
}

.ds-new__table a:hover {
    text-decoration: underline;
    color: var(--text-link)
}

.ds-new__table__head {
    color: var(--text-muted)
}

.ds-new__table__row {
    height: 48px
}

.ds-new__table__column-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: var(--base-module);
    box-shadow: inset 0 -1px 0 var(--neutral-border);
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
    vertical-align: bottom;
    user-select: none;
    outline: 0
}

.ds-new__table:not(.o__loading) .ds-new__table__column-header.o__sortable {
    cursor: pointer
}

.ds-new__table:not(.o__loading) .ds-new__table__column-header.o__sortable.o__active-sort .ds-new__table__column__sort-icon.o__active-sort-direction {
    fill: var(--accent-fill)
}

.ds-new__table:not(.o__loading) .ds-new__table__column-header.o__has-tooltip-on-label:focus,.ds-new__table:not(.o__loading) .ds-new__table__column-header.o__has-tooltip-on-label:hover,.ds-new__table:not(.o__loading) .ds-new__table__column-header.o__sortable:focus,.ds-new__table:not(.o__loading) .ds-new__table__column-header.o__sortable:hover {
    color: var(--accent-fill)
}

.ds-new__table:not(.o__loading) .ds-new__table__column-header.o__has-tooltip-on-label:focus .ds-new__table__column__sort-icon.o__desc,.ds-new__table:not(.o__loading) .ds-new__table__column-header.o__has-tooltip-on-label:hover .ds-new__table__column__sort-icon.o__desc,.ds-new__table:not(.o__loading) .ds-new__table__column-header.o__sortable.o__active-sort:focus .ds-new__table__column__sort-icon.o__active-sort-direction,.ds-new__table:not(.o__loading) .ds-new__table__column-header.o__sortable.o__active-sort:hover .ds-new__table__column__sort-icon.o__active-sort-direction,.ds-new__table:not(.o__loading) .ds-new__table__column-header.o__sortable:focus .ds-new__table__column__sort-icon.o__desc,.ds-new__table:not(.o__loading) .ds-new__table__column-header.o__sortable:hover .ds-new__table__column__sort-icon.o__desc {
    fill: var(--text-muted)
}

.ds-new__table:not(.o__loading) .ds-new__table__column-header.o__has-tooltip-on-label:focus .ds-new__table__column__sort-icon.o__asc,.ds-new__table:not(.o__loading) .ds-new__table__column-header.o__has-tooltip-on-label:hover .ds-new__table__column__sort-icon.o__asc,.ds-new__table:not(.o__loading) .ds-new__table__column-header.o__sortable.o__active-sort:focus .ds-new__table__column__sort-icon,.ds-new__table:not(.o__loading) .ds-new__table__column-header.o__sortable.o__active-sort:hover .ds-new__table__column__sort-icon,.ds-new__table:not(.o__loading) .ds-new__table__column-header.o__sortable:focus .ds-new__table__column__sort-icon.o__asc,.ds-new__table:not(.o__loading) .ds-new__table__column-header.o__sortable:hover .ds-new__table__column__sort-icon.o__asc {
    fill: var(--accent-fill)
}

.ds-new__table:not(.o__loading) .ds-new__table__column-header.o__has-tooltip-on-label .popover__opener {
    display: inline
}

.ds-new__table__column__label {
    white-space: nowrap;
    margin-bottom: 16px;
    display: inline-block
}

.ds-new__table__column__label.o__can-wrap {
    white-space: normal
}

.ds-new__table__column__sort {
    display: inline-block;
    margin-left: 4px
}

.ds-new__table__column__sort-icon {
    display: block;
    fill: var(--text-muted)
}

.ds-new__table__column__sort-icon.o__desc {
    transform: translateY(1px)
}

.ds-new__table__column__sort-icon.o__asc {
    transform: translateY(-1px)
}

.ds-new__table__cell {
    outline: 0;
    box-shadow: inset 0 -1px 0 var(--neutral-border)
}

.ds-new__table__cell-shim {
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-right: 40px
}

.ds-new__table__column__label {
    margin-right: 40px
}

.ds-new__table__cell:last-child .ds-new__table__cell-shim,.ds-new__table__column-header:last-child .ds-new__table__column__label {
    margin-right: 16px
}

.ds-new__table__cell.o__skeleton .ds-new__table__cell-shim:after,.ds-new__table__cell.o__skeleton .ds-new__table__cell-shim:before {
    content: "";
    display: inline-block;
    background-color: var(--neutral-container);
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.ds-new__table__cell.o__skeleton.o__text .ds-new__table__cell-shim:before {
    height: 8px;
    width: 100%;
    max-width: 112px
}

.ds-new__table__cell.o__skeleton.o__checkbox .ds-new__table__cell-shim:before {
    height: 16px;
    width: 16px;
    border-radius: 10%;
    left: 10%
}

.ds-new__table__cell.o__skeleton.o__number .ds-new__table__cell-shim:before {
    height: 8px;
    width: 32px;
    right: 0
}

.ds-new__table__cell.o__skeleton.o__multiline .ds-new__table__cell-shim {
    height: 32px
}

.ds-new__table__cell.o__skeleton.o__multiline .ds-new__table__cell-shim:before {
    height: 8px;
    width: 100%;
    max-width: 112px;
    top: 12px;
    transform: none
}

.ds-new__table__cell.o__skeleton.o__multiline .ds-new__table__cell-shim:after {
    height: 8px;
    width: 60%;
    max-width: 64px;
    top: 36px;
    transform: none
}

.ds-new__table__cell.o__skeleton.o__avatar .ds-new__table__cell-shim:before,.ds-new__table__cell.o__skeleton.o__avatar-with-text .ds-new__table__cell-shim:before {
    height: 24px;
    width: 24px;
    border-radius: 50%
}

.ds-new__table__cell.o__skeleton.o__avatar-with-text .ds-new__table__cell-shim:after {
    height: 8px;
    max-width: 112px;
    width: calc(100% - 32px);
    left: 32px
}

.ds-new__table__cell.o__skeleton.o__stamp .ds-new__table__cell-shim:before {
    height: 24px;
    width: 48px;
    border-radius: 6px
}

.ds-new__table__cell.o__skeleton.o__stamp .ds-new__table__cell-shim:after {
    height: 4px;
    width: 32px;
    left: 8px;
    background-color: var(--neutral-container)
}

.ds-new__table__action-buttons {
    align-items: center;
    display: none;
    position: absolute;
    background: linear-gradient(90deg,rgb(from var(--base-module) r g b/0) 0,rgb(from var(--base-module) r g b/1) 15%,rgb(from var(--base-module) r g b/1) 100%);
    right: 0;
    padding-left: 36px;
    padding-top: 4px;
    padding-bottom: 4px;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    box-sizing: border-box;
    max-width: 100%;
    min-height: 100%;
    overflow-y: hidden;
    -ms-overflow-style: none
}

.ds-new__table__cell.o__active .ds-new__table__action-buttons,.ds-new__table__cell:focus .ds-new__table__action-buttons,.ds-new__table__row:hover .ds-new__table__action-buttons {
    display: flex
}

.ds-new__table__cell:focus-within .ds-new__table__action-buttons {
    display: flex
}

.ds-new__table__cell.o__number,.ds-new__table__column-header.o__number {
    text-align: right
}

.ds-new__table__column-header.o__number .ds-new__table__column__sort {
    margin-right: -16px
}

.link__opaque,.link__opaque:active,.link__opaque:hover {
    opacity: 1
}

.radio-button-group {
    display: inline-flex;
    border-radius: var(--border-radius-full);
    padding: 2px;
    border: 2px solid var(--neutral-border)
}

.radio-button-group__button {
    padding: 6px 12px!important;
    border-radius: var(--border-radius-full);
    position: relative;
    z-index: 1;
    margin: 0
}

.radio-button-group__button.o__icon {
    padding: 6px 12px!important
}

.radio-button-group__button.btn.o__secondary {
    background-color: transparent!important;
    color: var(--text-default)!important
}

.radio-button-group__button.btn.o__secondary:not(:first-child) {
    margin-left: 2px
}

.radio-button-group__button.btn.o__secondary:hover {
    background-color: var(--neutral-container)!important
}

.radio-button-group__button.btn.o__secondary:focus {
    box-shadow: inset 0 0 0 2px var(--neutral-border-emphasis)!important
}

.radio-button-group__button.btn.o__secondary.o__forced-active {
    box-shadow: none;
    background-color: var(--neutral-container-emphasis)!important
}

.large-radio-button-group {
    height: 172px
}

.tab-control__tab {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: bottom;
    padding: 0 10px;
    margin: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer
}

.tab-control__tab:first-child {
    padding-left: 0
}

.tab-control__tab:last-child {
    padding-right: 0
}

.tab-control__tab__contents {
    line-height: 36px;
    border-bottom: 2px solid transparent
}

.tab-control__tab__label {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-muted)
}

.tab-control__tab__attribute {
    font-size: 13px;
    color: var(--text-muted)
}

.tab-control__tab:focus {
    outline: 0
}

.tab-control__tab:focus .tab-control__tab__contents {
    border-bottom: 2px solid var(--accent-border)
}

.tab-control__tab:focus .tab-control__tab__attribute,.tab-control__tab:focus .tab-control__tab__label {
    color: var(--text-default)
}

.tab-control__tab.o__selected {
    cursor: default
}

.tab-control__tab.o__selected:focus,.tab-control__tab:hover {
    outline: 0
}

.tab-control__tab.o__selected .tab-control__tab__attribute,.tab-control__tab.o__selected .tab-control__tab__label,.tab-control__tab:hover .tab-control__tab__attribute,.tab-control__tab:hover .tab-control__tab__label {
    color: var(--text-default)
}

.tab-control__tab.o__selected .tab-control__tab__contents {
    border-bottom: 2px solid var(--accent-fill)
}

[data-popover-content] {
    z-index: 10000;
    position: absolute
}

.popover__opener {
    display: inline-block
}

.popover__content-container {
    border-radius: 8px;
    box-shadow: 0 0 0 1px var(--neutral-border),var(--shadow-lvl-2);
    transform: translateZ(0);
    transition-property: opacity,transform
}

[data-popper-placement^=top]>.popover__content-container>[data-popper-arrow] {
    bottom: -5px
}

[data-popper-placement^=bottom]>.popover__content-container>[data-popper-arrow] {
    top: -5px
}

[data-popper-placement^=left]>.popover__content-container>[data-popper-arrow] {
    right: -5px
}

[data-popper-placement^=right]>.popover__content-container>[data-popper-arrow] {
    left: -5px
}

.popover__content-container>[data-popper-arrow] {
    width: 10px;
    height: 10px;
    z-index: -1
}

.popover__content-container>[data-popper-arrow]:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    box-shadow: var(--shadow-lvl-2),0 0 0 1px var(--neutral-border);
    background-color: var(--base-module)
}

.popover__content {
    box-sizing: border-box;
    padding: 8px 12px;
    border-radius: 8px;
    background-color: var(--base-module);
    color: var(--text-default);
    font-size: 14px;
    line-height: 20px
}

.popover__content.o__full-bleed {
    padding: 0
}

.tooltip {
    max-width: 300px;
    overflow-wrap: break-word;
    hyphens: none;
    border-radius: 8px
}

[data-tooltip-modifier][data-popper-placement^=top] .popover__content-container {
    margin-bottom: 8px!important
}

[data-tooltip-modifier][data-popper-placement^=bottom] .popover__content-container {
    margin-top: 8px!important
}

[data-tooltip-modifier][data-popper-placement^=left] .popover__content-container {
    margin-right: 8px!important
}

[data-tooltip-modifier][data-popper-placement^=right] .popover__content-container {
    margin-left: 8px!important
}

.a__tooltip {
    opacity: 0
}

.a__tooltip[data-animation-settled] {
    opacity: 1
}

.hero-banner__title-heading {
    line-height: 27px!important
}

.accordion-new__header-action-icon.o__open {
    transform: translateX(-5px) rotate(90deg)
}

.accordion-new__header-action-icon,.settings-accordion__section {
    transition-property: opacity,color,transform,box-shadow,padding-right,margin-right,fill;
    transition-duration: .2s;
    transition-timing-function: ease
}

.settings-accordion__section {
    transition-duration: .4s;
    transition-property: border-color,box-shadow
}

.settings-accordion__section.o__open,.settings-accordion__section:hover:not(.o__disabled) {
    box-shadow: var(--shadow-lvl-1)
}

.settings-accordion__header {
    max-height: 90px
}

.settings-accordion__title {
    line-height: 20px!important
}

.sp__hr {
    height: 0;
    margin: 20px 0;
    border: 0;
    border-top: 1px solid var(--neutral-border);
    background-color: transparent
}

.a__fade-in,.a__part-fade-in {
    -webkit-animation-name: fade_in;
    animation-name: fade_in;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.a__fade-in {
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

.a__slow-fade-in {
    transition: opacity linear 1s;
    opacity: 0
}

.z__0 {
    box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent
}

.z__1 {
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1),0 1px 1px 0 rgba(0,0,0,.06);
    z-index: 100
}

.z__2 {
    box-shadow: 0 1px 15px 0 rgba(0,0,0,.1),0 0 0 0 transparent;
    z-index: 2000
}

.flex-col.gap-1,.flex-row.gap-1 {
    grid-gap: unset;
    gap: unset
}

.flex-row.gap-1>* {
    margin-right: 4px
}

.flex-col.gap-1>* {
    margin-bottom: 4px
}

.flex-row.gap-1>:last-child {
    margin-right: 0
}

.flex-col.gap-1>:last-child {
    margin-bottom: 0
}

.flex-col.gap-2,.flex-row.gap-2 {
    grid-gap: unset;
    gap: unset
}

.flex-row.gap-2>* {
    margin-right: 8px
}

.flex-col.gap-2>* {
    margin-bottom: 8px
}

.flex-row.gap-2>:last-child {
    margin-right: 0
}

.flex-col.gap-2>:last-child {
    margin-bottom: 0
}

.flex-col.gap-3,.flex-row.gap-3 {
    grid-gap: unset;
    gap: unset
}

.flex-row.gap-3>* {
    margin-right: 12px
}

.flex-col.gap-3>* {
    margin-bottom: 12px
}

.flex-row.gap-3>:last-child {
    margin-right: 0
}

.flex-col.gap-3>:last-child {
    margin-bottom: 0
}

.flex-col.gap-4,.flex-row.gap-4 {
    grid-gap: unset;
    gap: unset
}

.flex-row.gap-4>* {
    margin-right: 16px
}

.flex-col.gap-4>* {
    margin-bottom: 16px
}

.flex-row.gap-4>:last-child {
    margin-right: 0
}

.flex-col.gap-4>:last-child {
    margin-bottom: 0
}

.flex-col.gap-5,.flex-row.gap-5 {
    grid-gap: unset;
    gap: unset
}

.flex-row.gap-5>* {
    margin-right: 20px
}

.flex-col.gap-5>* {
    margin-bottom: 20px
}

.flex-row.gap-5>:last-child {
    margin-right: 0
}

.flex-col.gap-5>:last-child {
    margin-bottom: 0
}

.flex-col.gap-6,.flex-row.gap-6 {
    grid-gap: unset;
    gap: unset
}

.flex-row.gap-6>* {
    margin-right: 24px
}

.flex-col.gap-6>* {
    margin-bottom: 24px
}

.flex-row.gap-6>:last-child {
    margin-right: 0
}

.flex-col.gap-6>:last-child {
    margin-bottom: 0
}

.flex-col.gap-7,.flex-row.gap-7 {
    grid-gap: unset;
    gap: unset
}

.flex-row.gap-7>* {
    margin-right: 28px
}

.flex-col.gap-7>* {
    margin-bottom: 28px
}

.flex-row.gap-7>:last-child {
    margin-right: 0
}

.flex-col.gap-7>:last-child {
    margin-bottom: 0
}

.flex-col.gap-8,.flex-row.gap-8 {
    grid-gap: unset;
    gap: unset
}

.flex-row.gap-8>* {
    margin-right: 32px
}

.flex-col.gap-8>* {
    margin-bottom: 32px
}

.flex-row.gap-8>:last-child {
    margin-right: 0
}

.flex-col.gap-8>:last-child {
    margin-bottom: 0
}

.flex-col.gap-10,.flex-row.gap-10 {
    grid-gap: unset;
    gap: unset
}

.flex-row.gap-10>* {
    margin-right: 40px
}

.flex-col.gap-10>* {
    margin-bottom: 40px
}

.flex-row.gap-10>:last-child {
    margin-right: 0
}

.flex-col.gap-10>:last-child {
    margin-bottom: 0
}

.flex-col.gap-16,.flex-row.gap-16 {
    grid-gap: unset;
    gap: unset
}

.flex-row.gap-16>* {
    margin-right: 64px
}

.flex-col.gap-16>* {
    margin-bottom: 64px
}

.flex-row.gap-16>:last-child {
    margin-right: 0
}

.flex-col.gap-16>:last-child {
    margin-bottom: 0
}

.flex-col.gap-px,.flex-row.gap-px {
    grid-gap: unset;
    gap: unset
}

.flex-row.gap-px>* {
    margin-right: 1px
}

.flex-col.gap-px>* {
    margin-bottom: 1px
}

.flex-row.gap-px>:last-child {
    margin-right: 0
}

.flex-col.gap-px>:last-child {
    margin-bottom: 0
}

.bg-ai-gradient {
    background: linear-gradient(45deg,rgba(from var(--ai-gradient-step-2) r g b/.1),rgba(from var(--ai-gradient-step-3) r g b/.1),rgba(from var(--ai-gradient-step-4) r g b/.1))
}

@property --ai-gradient-angle {
    syntax: "<angle>";
    initial-value: 240deg;
    inherits: false
}

.border-ai-gradient,.hover\:border-ai-gradient:hover {
    --ai-conic-gradient: conic-gradient( from var(--ai-gradient-angle) at 50% 50%, var(--ai-gradient-step-2), var(--ai-gradient-step-3), var(--ai-gradient-step-4), var(--ai-gradient-step-3), var(--ai-gradient-step-2) );
    --ai-linear-gradient: linear-gradient( 45deg, var(--ai-gradient-step-2), var(--ai-gradient-step-3), var(--ai-gradient-step-4) );
    background-image: linear-gradient(var(--base-input),var(--base-input)),var(--ai-linear-gradient);
    background-origin: border-box;
    background-clip: padding-box,border-box;
    border-color: transparent
}

.border-ai-gradient.o__active,.border-ai-gradient:focus-within.focus-within\:o__active,.border-ai-gradient:focus.focus\:o__active,.border-ai-gradient:hover.hover\:o__active,.hover\:border-ai-gradient:hover.o__active,.hover\:border-ai-gradient:hover:focus-within.focus-within\:o__active,.hover\:border-ai-gradient:hover:focus.focus\:o__active,.hover\:border-ai-gradient:hover:hover.hover\:o__active {
    background-image: linear-gradient(var(--base-input),var(--base-input)),var(--ai-conic-gradient);
    animation: rotate-ai-gradient-angle 3.6s linear infinite
}

.u__visible {
    visibility: visible!important
}

.u__invisible {
    visibility: hidden!important
}

.u__hidden {
    display: none!important
}

.u__display-inline {
    display: inline!important
}

.u__display-block {
    display: block!important
}

.u__display-inline-block {
    display: inline-block!important
}

.u__center-layout {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important
}

.u__center-layout.o__center-text {
    text-align: center
}

.u__center-item,.u__center-item-vertically {
    position: absolute!important;
    top: 50%!important;
    margin: 0!important
}

.u__center-item {
    left: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important
}

.u__center-item-vertically {
    -webkit-transform: translate(0,-50%)!important;
    transform: translate(0,-50%)!important
}

.u__absolute-shim {
    position: absolute!important;
    left: 0!important;
    right: 0!important;
    top: 0!important;
    bottom: 0!important;
    overflow: auto!important
}

.u__centered-text-block {
    text-align: center!important;
    display: block!important
}

.u__cf:after {
    content: ""!important;
    display: table!important;
    clear: both!important
}

.u__left {
    float: left!important
}

.u__right {
    float: right!important
}

.u__restore-breaks {
    white-space: initial!important;
    word-break: normal!important
}

.u__prevent-breaks {
    white-space: nowrap!important
}

.u__force-breaks {
    word-break: break-word!important
}

.u__one-truncated-line {
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    display: block!important
}

.u__ember-truncated-text {
    min-height: 20px!important
}

.u__truncated-inline-block {
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    display: inline-block!important;
    vertical-align: bottom!important;
    max-width: 100%!important
}

.u__all-pointer-events {
    pointer-events: all!important
}

.u__disable-pointer-events {
    pointer-events: none!important
}

.u__default-cursor {
    cursor: default!important
}

.u__pointer-cursor {
    cursor: pointer!important
}

.u__overflow-visible {
    overflow: visible!important
}

.u__overflow-hidden {
    overflow: hidden!important
}

.u__overflow-x-auto {
    overflow-x: auto!important
}

.u__pad__0 {
    padding: 0!important
}

.u__padt__0 {
    padding-top: 0!important
}

.u__padr__0 {
    padding-right: 0!important
}

.u__padb__0 {
    padding-bottom: 0!important
}

.u__padl__0 {
    padding-left: 0!important
}

.u__pad__5 {
    padding: 5px!important
}

.u__padt__5 {
    padding-top: 5px!important
}

.u__padr__5 {
    padding-right: 5px!important
}

.u__padb__5 {
    padding-bottom: 5px!important
}

.u__padl__5 {
    padding-left: 5px!important
}

.u__pad__10 {
    padding: 10px!important
}

.u__padt__10 {
    padding-top: 10px!important
}

.u__padr__10 {
    padding-right: 10px!important
}

.u__padb__10 {
    padding-bottom: 10px!important
}

.u__padl__10 {
    padding-left: 10px!important
}

.u__pad__15 {
    padding: 15px!important
}

.u__padt__15 {
    padding-top: 15px!important
}

.u__padr__15 {
    padding-right: 15px!important
}

.u__padb__15 {
    padding-bottom: 15px!important
}

.u__padl__15 {
    padding-left: 15px!important
}

.u__pad__20 {
    padding: 20px!important
}

.u__padt__20 {
    padding-top: 20px!important
}

.u__padr__20 {
    padding-right: 20px!important
}

.u__padb__20 {
    padding-bottom: 20px!important
}

.u__padl__20 {
    padding-left: 20px!important
}

.u__pad__25 {
    padding: 25px!important
}

.u__padt__25 {
    padding-top: 25px!important
}

.u__padr__25 {
    padding-right: 25px!important
}

.u__padb__25 {
    padding-bottom: 25px!important
}

.u__padl__25 {
    padding-left: 25px!important
}

.u__pad__30 {
    padding: 30px!important
}

.u__padt__30 {
    padding-top: 30px!important
}

.u__padr__30 {
    padding-right: 30px!important
}

.u__padb__30 {
    padding-bottom: 30px!important
}

.u__padl__30 {
    padding-left: 30px!important
}

.u__pad__35 {
    padding: 35px!important
}

.u__padt__35 {
    padding-top: 35px!important
}

.u__padr__35 {
    padding-right: 35px!important
}

.u__padb__35 {
    padding-bottom: 35px!important
}

.u__padl__35 {
    padding-left: 35px!important
}

.u__pad__40 {
    padding: 40px!important
}

.u__padt__40 {
    padding-top: 40px!important
}

.u__padr__40 {
    padding-right: 40px!important
}

.u__padb__40 {
    padding-bottom: 40px!important
}

.u__padl__40 {
    padding-left: 40px!important
}

.u__pad__45 {
    padding: 45px!important
}

.u__padt__45 {
    padding-top: 45px!important
}

.u__padr__45 {
    padding-right: 45px!important
}

.u__padb__45 {
    padding-bottom: 45px!important
}

.u__padl__45 {
    padding-left: 45px!important
}

.u__pad__50 {
    padding: 50px!important
}

.u__padt__50 {
    padding-top: 50px!important
}

.u__padr__50 {
    padding-right: 50px!important
}

.u__padb__50 {
    padding-bottom: 50px!important
}

.u__padl__50 {
    padding-left: 50px!important
}

.u__pad__55 {
    padding: 55px!important
}

.u__padt__55 {
    padding-top: 55px!important
}

.u__padr__55 {
    padding-right: 55px!important
}

.u__padb__55 {
    padding-bottom: 55px!important
}

.u__padl__55 {
    padding-left: 55px!important
}

.u__pad__60 {
    padding: 60px!important
}

.u__padt__60 {
    padding-top: 60px!important
}

.u__padr__60 {
    padding-right: 60px!important
}

.u__padb__60 {
    padding-bottom: 60px!important
}

.u__padl__60 {
    padding-left: 60px!important
}

.u__p__x0 {
    padding: 0!important
}

.u__p__x1 {
    padding: 4px!important
}

.u__p__x2 {
    padding: 8px!important
}

.u__p__x3 {
    padding: 12px!important
}

.u__p__x4 {
    padding: 16px!important
}

.u__p__x6 {
    padding: 24px!important
}

.u__p__x8 {
    padding: 32px!important
}

.u__p__x10 {
    padding: 40px!important
}

.u__p__x16 {
    padding: 64px!important
}

.u__pt__x0 {
    padding-top: 0!important
}

.u__pr__x0 {
    padding-right: 0!important
}

.u__pb__x0 {
    padding-bottom: 0!important
}

.u__pl__x0 {
    padding-left: 0!important
}

.u__pt__x1 {
    padding-top: 4px!important
}

.u__pr__x1 {
    padding-right: 4px!important
}

.u__pb__x1 {
    padding-bottom: 4px!important
}

.u__pl__x1 {
    padding-left: 4px!important
}

.u__pt__x2 {
    padding-top: 8px!important
}

.u__pr__x2 {
    padding-right: 8px!important
}

.u__pb__x2 {
    padding-bottom: 8px!important
}

.u__pl__x2 {
    padding-left: 8px!important
}

.u__pt__x3 {
    padding-top: 12px!important
}

.u__pr__x3 {
    padding-right: 12px!important
}

.u__pb__x3 {
    padding-bottom: 12px!important
}

.u__pl__x3 {
    padding-left: 12px!important
}

.u__pt__x4 {
    padding-top: 16px!important
}

.u__pr__x4 {
    padding-right: 16px!important
}

.u__pb__x4 {
    padding-bottom: 16px!important
}

.u__pl__x4 {
    padding-left: 16px!important
}

.u__pt__x6 {
    padding-top: 24px!important
}

.u__pr__x6 {
    padding-right: 24px!important
}

.u__pb__x6 {
    padding-bottom: 24px!important
}

.u__pl__x6 {
    padding-left: 24px!important
}

.u__pt__x8 {
    padding-top: 32px!important
}

.u__pr__x8 {
    padding-right: 32px!important
}

.u__pb__x8 {
    padding-bottom: 32px!important
}

.u__pl__x8 {
    padding-left: 32px!important
}

.u__pt__x10 {
    padding-top: 40px!important
}

.u__pr__x10 {
    padding-right: 40px!important
}

.u__pb__x10 {
    padding-bottom: 40px!important
}

.u__pl__x10 {
    padding-left: 40px!important
}

.u__pt__x16 {
    padding-top: 64px!important
}

.u__pr__x16 {
    padding-right: 64px!important
}

.u__pb__x16 {
    padding-bottom: 64px!important
}

.u__pl__x16 {
    padding-left: 64px!important
}

.u__m__0 {
    margin: 0!important
}

.u__mt__0 {
    margin-top: 0!important
}

.u__mr__0 {
    margin-right: 0!important
}

.u__mb__0 {
    margin-bottom: 0!important
}

.u__ml__0 {
    margin-left: 0!important
}

.u__m__5 {
    margin: 5px!important
}

.u__mt__5 {
    margin-top: 5px!important
}

.u__mr__5 {
    margin-right: 5px!important
}

.u__mb__5 {
    margin-bottom: 5px!important
}

.u__ml__5 {
    margin-left: 5px!important
}

.u__m__10 {
    margin: 10px!important
}

.u__mt__10 {
    margin-top: 10px!important
}

.u__mr__10 {
    margin-right: 10px!important
}

.u__mb__10 {
    margin-bottom: 10px!important
}

.u__ml__10 {
    margin-left: 10px!important
}

.u__m__15 {
    margin: 15px!important
}

.u__mt__15 {
    margin-top: 15px!important
}

.u__mr__15 {
    margin-right: 15px!important
}

.u__mb__15 {
    margin-bottom: 15px!important
}

.u__ml__15 {
    margin-left: 15px!important
}

.u__m__20 {
    margin: 20px!important
}

.u__mt__20 {
    margin-top: 20px!important
}

.u__mr__20 {
    margin-right: 20px!important
}

.u__mb__20 {
    margin-bottom: 20px!important
}

.u__ml__20 {
    margin-left: 20px!important
}

.u__m__25 {
    margin: 25px!important
}

.u__mt__25 {
    margin-top: 25px!important
}

.u__mr__25 {
    margin-right: 25px!important
}

.u__mb__25 {
    margin-bottom: 25px!important
}

.u__ml__25 {
    margin-left: 25px!important
}

.u__m__30 {
    margin: 30px!important
}

.u__mt__30 {
    margin-top: 30px!important
}

.u__mr__30 {
    margin-right: 30px!important
}

.u__mb__30 {
    margin-bottom: 30px!important
}

.u__ml__30 {
    margin-left: 30px!important
}

.u__m__35 {
    margin: 35px!important
}

.u__mt__35 {
    margin-top: 35px!important
}

.u__mr__35 {
    margin-right: 35px!important
}

.u__mb__35 {
    margin-bottom: 35px!important
}

.u__ml__35 {
    margin-left: 35px!important
}

.u__m__40 {
    margin: 40px!important
}

.u__mt__40 {
    margin-top: 40px!important
}

.u__mr__40 {
    margin-right: 40px!important
}

.u__mb__40 {
    margin-bottom: 40px!important
}

.u__ml__40 {
    margin-left: 40px!important
}

.u__m__45 {
    margin: 45px!important
}

.u__mt__45 {
    margin-top: 45px!important
}

.u__mr__45 {
    margin-right: 45px!important
}

.u__mb__45 {
    margin-bottom: 45px!important
}

.u__ml__45 {
    margin-left: 45px!important
}

.u__m__50 {
    margin: 50px!important
}

.u__mt__50 {
    margin-top: 50px!important
}

.u__mr__50 {
    margin-right: 50px!important
}

.u__mb__50 {
    margin-bottom: 50px!important
}

.u__ml__50 {
    margin-left: 50px!important
}

.u__m__55 {
    margin: 55px!important
}

.u__mt__55 {
    margin-top: 55px!important
}

.u__mr__55 {
    margin-right: 55px!important
}

.u__mb__55 {
    margin-bottom: 55px!important
}

.u__ml__55 {
    margin-left: 55px!important
}

.u__m__60 {
    margin: 60px!important
}

.u__mt__60 {
    margin-top: 60px!important
}

.u__mr__60 {
    margin-right: 60px!important
}

.u__mb__60 {
    margin-bottom: 60px!important
}

.u__ml__60 {
    margin-left: 60px!important
}

.u__m__x0 {
    margin: 0!important
}

.u__m__x1 {
    margin: 4px!important
}

.u__m__x2 {
    margin: 8px!important
}

.u__m__x3 {
    margin: 12px!important
}

.u__m__x4 {
    margin: 16px!important
}

.u__m__x6 {
    margin: 24px!important
}

.u__m__x8 {
    margin: 32px!important
}

.u__m__x10 {
    margin: 40px!important
}

.u__m__x16 {
    margin: 64px!important
}

.u__mt__x0 {
    margin-top: 0!important
}

.u__mr__x0 {
    margin-right: 0!important
}

.u__mb__x0 {
    margin-bottom: 0!important
}

.u__ml__x0 {
    margin-left: 0!important
}

.u__mt__x1 {
    margin-top: 4px!important
}

.u__mr__x1 {
    margin-right: 4px!important
}

.u__mb__x1 {
    margin-bottom: 4px!important
}

.u__ml__x1 {
    margin-left: 4px!important
}

.u__mt__x2 {
    margin-top: 8px!important
}

.u__mr__x2 {
    margin-right: 8px!important
}

.u__mb__x2 {
    margin-bottom: 8px!important
}

.u__ml__x2 {
    margin-left: 8px!important
}

.u__mt__x3 {
    margin-top: 12px!important
}

.u__mr__x3 {
    margin-right: 12px!important
}

.u__mb__x3 {
    margin-bottom: 12px!important
}

.u__ml__x3 {
    margin-left: 12px!important
}

.u__mt__x4 {
    margin-top: 16px!important
}

.u__mr__x4 {
    margin-right: 16px!important
}

.u__mb__x4 {
    margin-bottom: 16px!important
}

.u__ml__x4 {
    margin-left: 16px!important
}

.u__mt__x6 {
    margin-top: 24px!important
}

.u__mr__x6 {
    margin-right: 24px!important
}

.u__mb__x6 {
    margin-bottom: 24px!important
}

.u__ml__x6 {
    margin-left: 24px!important
}

.u__mt__x8 {
    margin-top: 32px!important
}

.u__mr__x8 {
    margin-right: 32px!important
}

.u__mb__x8 {
    margin-bottom: 32px!important
}

.u__ml__x8 {
    margin-left: 32px!important
}

.u__mt__x10 {
    margin-top: 40px!important
}

.u__mr__x10 {
    margin-right: 40px!important
}

.u__mb__x10 {
    margin-bottom: 40px!important
}

.u__ml__x10 {
    margin-left: 40px!important
}

.u__mt__x16 {
    margin-top: 64px!important
}

.u__mr__x16 {
    margin-right: 64px!important
}

.u__mb__x16 {
    margin-bottom: 64px!important
}

.u__ml__x16 {
    margin-left: 64px!important
}

.u__kill-focus {
    outline: 0!important
}

.u__flippable {
    display: inline-block!important;
    transition: all .2s ease-out!important
}

.u__flippable.o__flipped {
    -webkit-transform: rotate(180deg)!important;
    transform: rotate(180deg)!important
}

.u__3dfix {
    transform: translateZ(0)!important
}

.u__absolute {
    position: absolute!important
}

.u__relative {
    position: relative!important
}

.u__u {
    text-decoration: underline!important
}

.u__normal-weight {
    font-weight: 400!important
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-x-6 {
    left: 24px;
    right: 24px
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.top-0 {
    top: 0
}

.top-1 {
    top: 4px
}

.top-2 {
    top: 8px
}

.top-3 {
    top: 12px
}

.top-4 {
    top: 16px
}

.top-5 {
    top: 20px
}

.top-6 {
    top: 24px
}

.top-8 {
    top: 32px
}

.top-10 {
    top: 40px
}

.top-16 {
    top: 64px
}

.top-18 {
    top: 72px
}

.top-20 {
    top: 80px
}

.top-1\.5 {
    top: 6px
}

.-top-2 {
    top: -8px
}

.-top-8 {
    top: -32px
}

.-top-12 {
    top: -48px
}

.top-1\/2 {
    top: 50%
}

.top-full {
    top: 100%
}

.right-0 {
    right: 0
}

.right-1 {
    right: 4px
}

.right-2 {
    right: 8px
}

.right-3 {
    right: 12px
}

.right-4 {
    right: 16px
}

.right-6 {
    right: 24px
}

.right-7 {
    right: 28px
}

.right-8 {
    right: 32px
}

.-right-1 {
    right: -4px
}

.-right-2 {
    right: -8px
}

.bottom-0 {
    bottom: 0
}

.bottom-1 {
    bottom: 4px
}

.bottom-2 {
    bottom: 8px
}

.bottom-3 {
    bottom: 12px
}

.bottom-4 {
    bottom: 16px
}

.bottom-6 {
    bottom: 24px
}

.bottom-10 {
    bottom: 40px
}

.bottom-12 {
    bottom: 48px
}

.bottom-16 {
    bottom: 64px
}

.bottom-px {
    bottom: 1px
}

.bottom-0\.5 {
    bottom: 2px
}

.-bottom-1 {
    bottom: -4px
}

.-bottom-2 {
    bottom: -8px
}

.-bottom-3 {
    bottom: -12px
}

.bottom-full {
    bottom: 100%
}

.left-0 {
    left: 0
}

.left-1 {
    left: 4px
}

.left-2 {
    left: 8px
}

.left-3 {
    left: 12px
}

.left-4 {
    left: 16px
}

.left-6 {
    left: 24px
}

.left-9 {
    left: 36px
}

.left-px {
    left: 1px
}

.-left-1 {
    left: -4px
}

.-left-8 {
    left: -32px
}

.-left-9 {
    left: -36px
}

.-left-12 {
    left: -48px
}

.left-1\/2 {
    left: 50%
}

.isolate {
    isolation: isolate
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.order-first {
    order: -9999
}

.order-last {
    order: 9999
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-5 {
    grid-column: span 5/span 5
}

.col-span-6 {
    grid-column: span 6/span 6
}

.col-span-7 {
    grid-column: span 7/span 7
}

.col-span-8 {
    grid-column: span 8/span 8
}

.col-span-9 {
    grid-column: span 9/span 9
}

.col-span-10 {
    grid-column: span 10/span 10
}

.col-span-11 {
    grid-column: span 11/span 11
}

.col-span-12 {
    grid-column: span 12/span 12
}

.col-start-1 {
    grid-column-start: 1
}

.col-start-2 {
    grid-column-start: 2
}

.col-start-3 {
    grid-column-start: 3
}

.col-start-4 {
    grid-column-start: 4
}

.col-start-6 {
    grid-column-start: 6
}

.row-span-1 {
    grid-row: span 1/span 1
}

.row-span-2 {
    grid-row: span 2/span 2
}

.row-span-3 {
    grid-row: span 3/span 3
}

.row-span-4 {
    grid-row: span 4/span 4
}

.row-span-5 {
    grid-row: span 5/span 5
}

.row-span-6 {
    grid-row: span 6/span 6
}

.row-start-2 {
    grid-row-start: 2
}

.row-start-3 {
    grid-row-start: 3
}

.row-start-4 {
    grid-row-start: 4
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: 4px
}

.m-2 {
    margin: 8px
}

.m-3 {
    margin: 12px
}

.m-4 {
    margin: 16px
}

.m-5 {
    margin: 20px
}

.m-6 {
    margin: 24px
}

.m-8 {
    margin: 32px
}

.m-12 {
    margin: 48px
}

.m-16 {
    margin: 64px
}

.m-auto {
    margin: auto
}

.m-module {
    margin: var(--module-spacing)
}

.-m-1 {
    margin: -4px
}

.-m-2 {
    margin: -8px
}

.-m-6 {
    margin: -24px
}

.-m-8 {
    margin: -32px
}

.-m-px {
    margin: -1px
}

.-m-module {
    margin: calc(var(--module-spacing) * -1)
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.mx-1 {
    margin-left: 4px;
    margin-right: 4px
}

.mx-2 {
    margin-left: 8px;
    margin-right: 8px
}

.mx-3 {
    margin-left: 12px;
    margin-right: 12px
}

.mx-4 {
    margin-left: 16px;
    margin-right: 16px
}

.mx-5 {
    margin-left: 20px;
    margin-right: 20px
}

.mx-6 {
    margin-left: 24px;
    margin-right: 24px
}

.mx-8 {
    margin-left: 32px;
    margin-right: 32px
}

.mx-9 {
    margin-left: 36px;
    margin-right: 36px
}

.mx-10 {
    margin-left: 40px;
    margin-right: 40px
}

.mx-12 {
    margin-left: 48px;
    margin-right: 48px
}

.mx-14 {
    margin-left: 56px;
    margin-right: 56px
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.-mx-1 {
    margin-left: -4px;
    margin-right: -4px
}

.-mx-2 {
    margin-left: -8px;
    margin-right: -8px
}

.-mx-3 {
    margin-left: -12px;
    margin-right: -12px
}

.-mx-4 {
    margin-left: -16px;
    margin-right: -16px
}

.-mx-6 {
    margin-left: -24px;
    margin-right: -24px
}

.-mx-8 {
    margin-left: -32px;
    margin-right: -32px
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.my-1 {
    margin-top: 4px;
    margin-bottom: 4px
}

.my-2 {
    margin-top: 8px;
    margin-bottom: 8px
}

.my-3 {
    margin-top: 12px;
    margin-bottom: 12px
}

.my-4 {
    margin-top: 16px;
    margin-bottom: 16px
}

.my-5 {
    margin-top: 20px;
    margin-bottom: 20px
}

.my-6 {
    margin-top: 24px;
    margin-bottom: 24px
}

.my-7 {
    margin-top: 28px;
    margin-bottom: 28px
}

.my-8 {
    margin-top: 32px;
    margin-bottom: 32px
}

.my-9 {
    margin-top: 36px;
    margin-bottom: 36px
}

.my-10 {
    margin-top: 40px;
    margin-bottom: 40px
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.my-px {
    margin-top: 1px;
    margin-bottom: 1px
}

.my-0\.5 {
    margin-top: 2px;
    margin-bottom: 2px
}

.my-1\.5 {
    margin-top: 6px;
    margin-bottom: 6px
}

.my-module {
    margin-top: var(--module-spacing);
    margin-bottom: var(--module-spacing)
}

.-my-1 {
    margin-top: -4px;
    margin-bottom: -4px
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: 4px
}

.mt-2 {
    margin-top: 8px
}

.mt-3 {
    margin-top: 12px
}

.mt-4 {
    margin-top: 16px
}

.mt-5 {
    margin-top: 20px
}

.mt-6 {
    margin-top: 24px
}

.mt-7 {
    margin-top: 28px
}

.mt-8 {
    margin-top: 32px
}

.mt-10 {
    margin-top: 40px
}

.mt-11 {
    margin-top: 44px
}

.mt-12 {
    margin-top: 48px
}

.mt-13 {
    margin-top: 52px
}

.mt-14 {
    margin-top: 56px
}

.mt-15 {
    margin-top: 60px
}

.mt-16 {
    margin-top: 64px
}

.mt-18 {
    margin-top: 72px
}

.mt-20 {
    margin-top: 80px
}

.mt-auto {
    margin-top: auto
}

.mt-px {
    margin-top: 1px
}

.mt-0\.5 {
    margin-top: 2px
}

.-mt-1 {
    margin-top: -4px
}

.-mt-2 {
    margin-top: -8px
}

.-mt-3 {
    margin-top: -12px
}

.-mt-4 {
    margin-top: -16px
}

.-mt-5 {
    margin-top: -20px
}

.-mt-6 {
    margin-top: -24px
}

.-mt-7 {
    margin-top: -28px
}

.-mt-8 {
    margin-top: -32px
}

.-mt-9 {
    margin-top: -36px
}

.-mt-10 {
    margin-top: -40px
}

.-mt-16 {
    margin-top: -64px
}

.-mt-18 {
    margin-top: -72px
}

.-mt-px {
    margin-top: -1px
}

.-mt-0\.5 {
    margin-top: -2px
}

.-mt-1\.5 {
    margin-top: -6px
}

.mr-0 {
    margin-right: 0
}

.mr-1 {
    margin-right: 4px
}

.mr-2 {
    margin-right: 8px
}

.mr-3 {
    margin-right: 12px
}

.mr-4 {
    margin-right: 16px
}

.mr-5 {
    margin-right: 20px
}

.mr-6 {
    margin-right: 24px
}

.mr-7 {
    margin-right: 28px
}

.mr-8 {
    margin-right: 32px
}

.mr-9 {
    margin-right: 36px
}

.mr-10 {
    margin-right: 40px
}

.mr-12 {
    margin-right: 48px
}

.mr-15 {
    margin-right: 60px
}

.mr-16 {
    margin-right: 64px
}

.mr-18 {
    margin-right: 72px
}

.mr-20 {
    margin-right: 80px
}

.mr-auto {
    margin-right: auto
}

.mr-px {
    margin-right: 1px
}

.mr-0\.5 {
    margin-right: 2px
}

.mr-1\.5 {
    margin-right: 6px
}

.mr-module {
    margin-right: var(--module-spacing)
}

.-mr-1 {
    margin-right: -4px
}

.-mr-2 {
    margin-right: -8px
}

.-mr-3 {
    margin-right: -12px
}

.-mr-4 {
    margin-right: -16px
}

.-mr-6 {
    margin-right: -24px
}

.-mr-8 {
    margin-right: -32px
}

.-mr-10 {
    margin-right: -40px
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: 4px
}

.mb-2 {
    margin-bottom: 8px
}

.mb-3 {
    margin-bottom: 12px
}

.mb-4 {
    margin-bottom: 16px
}

.mb-5 {
    margin-bottom: 20px
}

.mb-6 {
    margin-bottom: 24px
}

.mb-7 {
    margin-bottom: 28px
}

.mb-8 {
    margin-bottom: 32px
}

.mb-9 {
    margin-bottom: 36px
}

.mb-10 {
    margin-bottom: 40px
}

.mb-11 {
    margin-bottom: 44px
}

.mb-12 {
    margin-bottom: 48px
}

.mb-14 {
    margin-bottom: 56px
}

.mb-15 {
    margin-bottom: 60px
}

.mb-16 {
    margin-bottom: 64px
}

.mb-20 {
    margin-bottom: 80px
}

.mb-auto {
    margin-bottom: auto
}

.mb-px {
    margin-bottom: 1px
}

.mb-0\.5 {
    margin-bottom: 2px
}

.-mb-1 {
    margin-bottom: -4px
}

.-mb-2 {
    margin-bottom: -8px
}

.-mb-3 {
    margin-bottom: -12px
}

.-mb-4 {
    margin-bottom: -16px
}

.-mb-5 {
    margin-bottom: -20px
}

.-mb-6 {
    margin-bottom: -24px
}

.-mb-7 {
    margin-bottom: -28px
}

.-mb-12 {
    margin-bottom: -48px
}

.-mb-20 {
    margin-bottom: -80px
}

.-mb-px {
    margin-bottom: -1px
}

.ml-0 {
    margin-left: 0
}

.ml-1 {
    margin-left: 4px
}

.ml-2 {
    margin-left: 8px
}

.ml-3 {
    margin-left: 12px
}

.ml-4 {
    margin-left: 16px
}

.ml-5 {
    margin-left: 20px
}

.ml-6 {
    margin-left: 24px
}

.ml-7 {
    margin-left: 28px
}

.ml-8 {
    margin-left: 32px
}

.ml-9 {
    margin-left: 36px
}

.ml-10 {
    margin-left: 40px
}

.ml-11 {
    margin-left: 44px
}

.ml-12 {
    margin-left: 48px
}

.ml-13 {
    margin-left: 52px
}

.ml-15 {
    margin-left: 60px
}

.ml-16 {
    margin-left: 64px
}

.ml-20 {
    margin-left: 80px
}

.ml-auto {
    margin-left: auto
}

.ml-px {
    margin-left: 1px
}

.ml-0\.5 {
    margin-left: 2px
}

.ml-1\.5 {
    margin-left: 6px
}

.ml-module {
    margin-left: var(--module-spacing)
}

.ml-navbar-default {
    margin-left: 44px
}

.ml-navbar-expanded {
    margin-left: 196px
}

.ml-standalone-navbar-default {
    margin-left: 212px
}

.-ml-1 {
    margin-left: -4px
}

.-ml-2 {
    margin-left: -8px
}

.-ml-3 {
    margin-left: -12px
}

.-ml-4 {
    margin-left: -16px
}

.-ml-5 {
    margin-left: -20px
}

.-ml-6 {
    margin-left: -24px
}

.-ml-8 {
    margin-left: -32px
}

.-ml-12 {
    margin-left: -48px
}

.-ml-20 {
    margin-left: -80px
}

.-ml-px {
    margin-left: -1px
}

.-ml-0\.5 {
    margin-left: -2px
}

.-ml-module {
    margin-left: calc(var(--module-spacing) * -1)
}

.first\:mt-0:first-child {
    margin-top: 0
}

.first\:mt-2:first-child {
    margin-top: 8px
}

.last\:mr-0:last-child {
    margin-right: 0
}

.last\:mb-0:last-child {
    margin-bottom: 0
}

.last\:mb-2:last-child {
    margin-bottom: 8px
}

.box-border {
    box-sizing: border-box
}

.box-content {
    box-sizing: content-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.table-cell {
    display: table-cell
}

.table-header-group {
    display: table-header-group
}

.table-row-group {
    display: table-row-group
}

.table-row {
    display: table-row
}

.flow-root {
    display: flow-root
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.list-item {
    display: list-item
}

.hidden {
    display: none
}

.h-0 {
    height: 0
}

.h-1 {
    height: 4px
}

.h-2 {
    height: 8px
}

.h-3 {
    height: 12px
}

.h-4 {
    height: 16px
}

.h-5 {
    height: 20px
}

.h-6 {
    height: 24px
}

.h-7 {
    height: 28px
}

.h-8 {
    height: 32px
}

.h-9 {
    height: 36px
}

.h-10 {
    height: 40px
}

.h-11 {
    height: 44px
}

.h-12 {
    height: 48px
}

.h-13 {
    height: 52px
}

.h-14 {
    height: 56px
}

.h-15 {
    height: 60px
}

.h-16 {
    height: 64px
}

.h-17 {
    height: 68px
}

.h-18 {
    height: 72px
}

.h-19 {
    height: 76px
}

.h-20 {
    height: 80px
}

.h-24 {
    height: 96px
}

.h-32 {
    height: 128px
}

.h-40 {
    height: 160px
}

.h-48 {
    height: 192px
}

.h-64 {
    height: 256px
}

.h-96 {
    height: 384px
}

.h-128 {
    height: 512px
}

.h-130 {
    height: 520px
}

.h-auto {
    height: auto
}

.h-px {
    height: 1px
}

.h-0\.5 {
    height: 2px
}

.h-fit {
    height: fit-content
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.max-h-3 {
    max-height: 12px
}

.max-h-4 {
    max-height: 16px
}

.max-h-5 {
    max-height: 20px
}

.max-h-6 {
    max-height: 24px
}

.max-h-8 {
    max-height: 32px
}

.max-h-12 {
    max-height: 48px
}

.max-h-14 {
    max-height: 56px
}

.max-h-16 {
    max-height: 64px
}

.max-h-17 {
    max-height: 68px
}

.max-h-24 {
    max-height: 96px
}

.max-h-40 {
    max-height: 160px
}

.max-h-48 {
    max-height: 192px
}

.max-h-64 {
    max-height: 256px
}

.max-h-96 {
    max-height: 384px
}

.max-h-128 {
    max-height: 512px
}

.max-h-130 {
    max-height: 520px
}

.max-h-192 {
    max-height: 768px
}

.max-h-256 {
    max-height: 1024px
}

.max-h-full {
    max-height: 100%
}

.max-h-screen {
    max-height: 100vh
}

.min-h-0 {
    min-height: 0
}

.min-h-3 {
    min-height: 12px
}

.min-h-4 {
    min-height: 16px
}

.min-h-5 {
    min-height: 20px
}

.min-h-6 {
    min-height: 24px
}

.min-h-7 {
    min-height: 28px
}

.min-h-8 {
    min-height: 32px
}

.min-h-9 {
    min-height: 36px
}

.min-h-10 {
    min-height: 40px
}

.min-h-11 {
    min-height: 44px
}

.min-h-12 {
    min-height: 48px
}

.min-h-13 {
    min-height: 52px
}

.min-h-14 {
    min-height: 56px
}

.min-h-15 {
    min-height: 60px
}

.min-h-16 {
    min-height: 64px
}

.min-h-17 {
    min-height: 68px
}

.min-h-18 {
    min-height: 72px
}

.min-h-20 {
    min-height: 80px
}

.min-h-24 {
    min-height: 96px
}

.min-h-32 {
    min-height: 128px
}

.min-h-40 {
    min-height: 160px
}

.min-h-48 {
    min-height: 192px
}

.min-h-64 {
    min-height: 256px
}

.min-h-96 {
    min-height: 384px
}

.min-h-128 {
    min-height: 512px
}

.min-h-192 {
    min-height: 768px
}

.min-h-256 {
    min-height: 1024px
}

.min-h-full {
    min-height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.w-0 {
    width: 0
}

.w-1 {
    width: 4px
}

.w-2 {
    width: 8px
}

.w-3 {
    width: 12px
}

.w-4 {
    width: 16px
}

.w-5 {
    width: 20px
}

.w-6 {
    width: 24px
}

.w-7 {
    width: 28px
}

.w-8 {
    width: 32px
}

.w-9 {
    width: 36px
}

.w-10 {
    width: 40px
}

.w-11 {
    width: 44px
}

.w-12 {
    width: 48px
}

.w-13 {
    width: 52px
}

.w-14 {
    width: 56px
}

.w-15 {
    width: 60px
}

.w-16 {
    width: 64px
}

.w-17 {
    width: 68px
}

.w-18 {
    width: 72px
}

.w-19 {
    width: 76px
}

.w-20 {
    width: 80px
}

.w-24 {
    width: 96px
}

.w-32 {
    width: 128px
}

.w-40 {
    width: 160px
}

.w-48 {
    width: 192px
}

.w-53 {
    width: 212px
}

.w-64 {
    width: 256px
}

.w-96 {
    width: 384px
}

.w-128 {
    width: 512px
}

.w-130 {
    width: 520px
}

.w-192 {
    width: 768px
}

.w-224 {
    width: 896px
}

.w-256 {
    width: 1024px
}

.w-auto {
    width: auto
}

.w-px {
    width: 1px
}

.w-navbar-default {
    width: 44px
}

.w-navbar-expanded {
    width: 196px
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.333333%
}

.w-2\/3 {
    width: 66.666667%
}

.w-1\/4 {
    width: 25%
}

.w-2\/4 {
    width: 50%
}

.w-3\/4 {
    width: 75%
}

.w-1\/5 {
    width: 20%
}

.w-2\/5 {
    width: 40%
}

.w-3\/5 {
    width: 60%
}

.w-4\/5 {
    width: 80%
}

.w-1\/6 {
    width: 16.666667%
}

.w-2\/6 {
    width: 33.333333%
}

.w-3\/6 {
    width: 50%
}

.w-4\/6 {
    width: 66.666667%
}

.w-5\/6 {
    width: 83.333333%
}

.w-7\/10 {
    width: 70%
}

.w-1\/12 {
    width: 8.333333%
}

.w-2\/12 {
    width: 16.666667%
}

.w-3\/12 {
    width: 25%
}

.w-4\/12 {
    width: 33.333333%
}

.w-5\/12 {
    width: 41.666667%
}

.w-6\/12 {
    width: 50%
}

.w-7\/12 {
    width: 58.333333%
}

.w-8\/12 {
    width: 66.666667%
}

.w-9\/12 {
    width: 75%
}

.w-10\/12 {
    width: 83.333333%
}

.w-11\/12 {
    width: 91.666667%
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.min-w-0 {
    min-width: 0
}

.min-w-2 {
    min-width: 8px
}

.min-w-3 {
    min-width: 12px
}

.min-w-4 {
    min-width: 16px
}

.min-w-5 {
    min-width: 20px
}

.min-w-6 {
    min-width: 24px
}

.min-w-7 {
    min-width: 28px
}

.min-w-8 {
    min-width: 32px
}

.min-w-11 {
    min-width: 44px
}

.min-w-12 {
    min-width: 48px
}

.min-w-13 {
    min-width: 52px
}

.min-w-14 {
    min-width: 56px
}

.min-w-15 {
    min-width: 60px
}

.min-w-16 {
    min-width: 64px
}

.min-w-20 {
    min-width: 80px
}

.min-w-24 {
    min-width: 96px
}

.min-w-32 {
    min-width: 128px
}

.min-w-40 {
    min-width: 160px
}

.min-w-48 {
    min-width: 192px
}

.min-w-64 {
    min-width: 256px
}

.min-w-96 {
    min-width: 384px
}

.min-w-128 {
    min-width: 512px
}

.min-w-175 {
    min-width: 700px
}

.min-w-224 {
    min-width: 896px
}

.min-w-256 {
    min-width: 1024px
}

.min-w-full {
    min-width: 100%
}

.min-w-fit {
    min-width: fit-content
}

.min-w-min {
    min-width: min-content
}

.min-w-max {
    min-width: max-content
}

.min-w-1\/2 {
    min-width: 50%
}

.min-w-1\/3 {
    min-width: 33.333333%
}

.min-w-1\/4 {
    min-width: 25%
}

.min-w-3\/4 {
    min-width: 75%
}

.min-w-3\/5 {
    min-width: 60%
}

.min-w-5\/6 {
    min-width: 83.333333%
}

.min-w-10\/12 {
    min-width: 83.333333%
}

.min-w-11\/12 {
    min-width: 91.666667%
}

.max-w-0 {
    max-width: 0
}

.max-w-4 {
    max-width: 16px
}

.max-w-8 {
    max-width: 32px
}

.max-w-10 {
    max-width: 40px
}

.max-w-14 {
    max-width: 56px
}

.max-w-15 {
    max-width: 60px
}

.max-w-16 {
    max-width: 64px
}

.max-w-17 {
    max-width: 68px
}

.max-w-20 {
    max-width: 80px
}

.max-w-24 {
    max-width: 96px
}

.max-w-32 {
    max-width: 128px
}

.max-w-40 {
    max-width: 160px
}

.max-w-48 {
    max-width: 192px
}

.max-w-64 {
    max-width: 256px
}

.max-w-96 {
    max-width: 384px
}

.max-w-128 {
    max-width: 512px
}

.max-w-130 {
    max-width: 520px
}

.max-w-192 {
    max-width: 768px
}

.max-w-224 {
    max-width: 896px
}

.max-w-225 {
    max-width: 900px
}

.max-w-256 {
    max-width: 1024px
}

.max-w-320 {
    max-width: 1280px
}

.max-w-none {
    max-width: none
}

.max-w-full {
    max-width: 100%
}

.max-w-fit {
    max-width: fit-content
}

.max-w-max {
    max-width: max-content
}

.max-w-1\/2 {
    max-width: 50%
}

.max-w-1\/3 {
    max-width: 33.333333%
}

.max-w-2\/3 {
    max-width: 66.666667%
}

.max-w-1\/4 {
    max-width: 25%
}

.max-w-3\/4 {
    max-width: 75%
}

.max-w-2\/5 {
    max-width: 40%
}

.max-w-3\/5 {
    max-width: 60%
}

.max-w-4\/5 {
    max-width: 80%
}

.max-w-4\/6 {
    max-width: 66.666667%
}

.max-w-5\/6 {
    max-width: 83.333333%
}

.max-w-4\/12 {
    max-width: 33.333333%
}

.max-w-7\/12 {
    max-width: 58.333333%
}

.max-w-9\/12 {
    max-width: 75%
}

.max-w-10\/12 {
    max-width: 83.333333%
}

.max-w-11\/12 {
    max-width: 91.666667%
}

.flex-1 {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.flex-initial {
    flex: 0 1 auto
}

.flex-none {
    flex: none
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-shrink {
    flex-shrink: 1
}

.flex-grow-0 {
    flex-grow: 0
}

.flex-grow-2 {
    flex-grow: 2
}

.flex-grow-3 {
    flex-grow: 3
}

.flex-grow-4 {
    flex-grow: 4
}

.flex-grow-6 {
    flex-grow: 6
}

.flex-grow-10 {
    flex-grow: 10
}

.flex-grow {
    flex-grow: 1
}

.border-collapse {
    border-collapse: collapse
}

.origin-top {
    transform-origin: top
}

.transform {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform-gpu {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-0 {
    --tw-translate-x: 0
}

.translate-x-4 {
    --tw-translate-x: 16px
}

.translate-x-6 {
    --tw-translate-x: 24px
}

.translate-x-px {
    --tw-translate-x: 1px
}

.-translate-x-3 {
    --tw-translate-x: -12px
}

.-translate-x-8 {
    --tw-translate-x: -32px
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.translate-x-full {
    --tw-translate-x: 100%
}

.translate-y-0 {
    --tw-translate-y: 0
}

.translate-y-5 {
    --tw-translate-y: 20px
}

.translate-y-12 {
    --tw-translate-y: 48px
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.translate-y-full {
    --tw-translate-y: 100%
}

.rotate-0 {
    --tw-rotate: 0
}

.rotate-45 {
    --tw-rotate: 45deg
}

.rotate-90 {
    --tw-rotate: 90deg
}

.rotate-180 {
    --tw-rotate: 180deg
}

.-rotate-90 {
    --tw-rotate: -90deg
}

.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes ping {
    100%,75% {
        transform: scale(2);
        opacity: 0
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes bounce {
    0%,100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(.8,0,1,1)
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

.animate-ping {
    animation: ping 1s cubic-bezier(0,0,.2,1) infinite
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite
}

.animate-fade-in {
    animation: fade-in .5s ease-out
}

.cursor-default {
    cursor: default
}

.cursor {
    cursor: default
}

.cursor-pointer {
    cursor: pointer
}

.cursor-text {
    cursor: text
}

.cursor-move {
    cursor: move
}

.cursor-grab {
    cursor: grab
}

.cursor-grabbing {
    cursor: grabbing
}

.cursor-not-allowed {
    cursor: not-allowed
}

.active\:cursor-grabbing:active {
    cursor: grabbing
}

.select-none {
    user-select: none
}

.select-all {
    user-select: all
}

.resize-none {
    resize: none
}

.resize-y {
    resize: vertical
}

.resize {
    resize: both
}

.list-inside {
    list-style-position: inside
}

.list-outside {
    list-style-position: outside
}

.list-none {
    list-style-type: none
}

.list-disc {
    list-style-type: disc
}

.list-decimal {
    list-style-type: decimal
}

.auto-cols-fr {
    grid-auto-columns: minmax(0,1fr)
}

.grid-flow-col {
    grid-auto-flow: column
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr))
}

.grid-cols-5 {
    grid-template-columns: repeat(5,minmax(0,1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6,minmax(0,1fr))
}

.grid-cols-7 {
    grid-template-columns: repeat(7,minmax(0,1fr))
}

.grid-cols-8 {
    grid-template-columns: repeat(8,minmax(0,1fr))
}

.grid-cols-9 {
    grid-template-columns: repeat(9,minmax(0,1fr))
}

.grid-cols-12 {
    grid-template-columns: repeat(12,minmax(0,1fr))
}

.grid-rows-3 {
    grid-template-rows: repeat(3,minmax(0,1fr))
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.flex-nowrap {
    flex-wrap: nowrap
}

.place-content-center {
    place-content: center
}

.place-content-end {
    place-content: end
}

.place-content-between {
    place-content: space-between
}

.place-items-center {
    place-items: center
}

.content-center {
    align-content: center
}

.content-start {
    align-content: flex-start
}

.content-between {
    align-content: space-between
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-items-end {
    justify-items: end
}

.justify-items-center {
    justify-items: center
}

.gap-0 {
    gap: 0
}

.gap-1 {
    gap: 4px
}

.gap-2 {
    gap: 8px
}

.gap-3 {
    gap: 12px
}

.gap-4 {
    gap: 16px
}

.gap-5 {
    gap: 20px
}

.gap-6 {
    gap: 24px
}

.gap-7 {
    gap: 28px
}

.gap-8 {
    gap: 32px
}

.gap-9 {
    gap: 36px
}

.gap-10 {
    gap: 40px
}

.gap-11 {
    gap: 44px
}

.gap-12 {
    gap: 48px
}

.gap-14 {
    gap: 56px
}

.gap-15 {
    gap: 60px
}

.gap-16 {
    gap: 64px
}

.gap-18 {
    gap: 72px
}

.gap-20 {
    gap: 80px
}

.gap-px {
    gap: 1px
}

.gap-0\.5 {
    gap: 2px
}

.gap-1\.5 {
    gap: 6px
}

.gap-module {
    gap: var(--module-spacing)
}

.gap-module\/2 {
    gap: var(--module-spacing\/2)
}

.gap-x-0 {
    column-gap: 0
}

.gap-x-1 {
    column-gap: 4px
}

.gap-x-2 {
    column-gap: 8px
}

.gap-x-3 {
    column-gap: 12px
}

.gap-x-4 {
    column-gap: 16px
}

.gap-x-6 {
    column-gap: 24px
}

.gap-x-8 {
    column-gap: 32px
}

.gap-x-10 {
    column-gap: 40px
}

.gap-x-12 {
    column-gap: 48px
}

.gap-x-17 {
    column-gap: 68px
}

.gap-x-0\.5 {
    column-gap: 2px
}

.gap-y-1 {
    row-gap: 4px
}

.gap-y-2 {
    row-gap: 8px
}

.gap-y-3 {
    row-gap: 12px
}

.gap-y-4 {
    row-gap: 16px
}

.gap-y-5 {
    row-gap: 20px
}

.gap-y-6 {
    row-gap: 24px
}

.gap-y-8 {
    row-gap: 32px
}

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(4px * var(--tw-space-x-reverse));
    margin-left: calc(4px * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(8px * var(--tw-space-x-reverse));
    margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(12px * var(--tw-space-x-reverse));
    margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(16px * var(--tw-space-x-reverse));
    margin-left: calc(16px * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(20px * var(--tw-space-x-reverse));
    margin-left: calc(20px * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(24px * var(--tw-space-x-reverse));
    margin-left: calc(24px * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-7>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(28px * var(--tw-space-x-reverse));
    margin-left: calc(28px * calc(1 - var(--tw-space-x-reverse)))
}

.-space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-4px * var(--tw-space-x-reverse));
    margin-left: calc(-4px * calc(1 - var(--tw-space-x-reverse)))
}

.-space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-8px * var(--tw-space-x-reverse));
    margin-left: calc(-8px * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(4px * var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(8px * var(--tw-space-y-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(12px * var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(16px * var(--tw-space-y-reverse))
}

.space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(20px * var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(24px * var(--tw-space-y-reverse))
}

.space-y-15>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(60px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(60px * var(--tw-space-y-reverse))
}

.divide-x>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

.place-self-center {
    place-self: center
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.self-baseline {
    align-self: baseline
}

.justify-self-start {
    justify-self: start
}

.justify-self-end {
    justify-self: end
}

.justify-self-center {
    justify-self: center
}

.justify-self-stretch {
    justify-self: stretch
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-scroll {
    overflow: scroll
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-y-visible {
    overflow-y: visible
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-y-scroll {
    overflow-y: scroll
}

.overscroll-contain {
    overscroll-behavior: contain
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.overflow-ellipsis {
    text-overflow: ellipsis
}

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-line {
    white-space: pre-line
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.break-normal {
    overflow-wrap: normal;
    word-break: normal
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.rounded-none {
    border-radius: 0
}

.rounded-xxs {
    border-radius: 2px
}

.rounded-xs {
    border-radius: 4px
}

.rounded-sm {
    border-radius: 5px
}

.rounded {
    border-radius: 6px
}

.rounded-lg {
    border-radius: 7px
}

.rounded-xl {
    border-radius: 8px
}

.rounded-2xl {
    border-radius: 10px
}

.rounded-3xl {
    border-radius: 12px
}

.rounded-small {
    border-radius: var(--border-radius-small)
}

.rounded-medium {
    border-radius: var(--border-radius-medium)
}

.rounded-large {
    border-radius: var(--border-radius-large)
}

.rounded-full {
    border-radius: var(--border-radius-full)
}

.rounded-module {
    border-radius: var(--border-radius-module)
}

.rounded-t-xs {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.rounded-t {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.rounded-t-lg {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px
}

.rounded-t-xl {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.rounded-t-2xl {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.rounded-t-3xl {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.rounded-t-module {
    border-top-left-radius: var(--border-radius-module);
    border-top-right-radius: var(--border-radius-module)
}

.rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.rounded-r-xs {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.rounded-r-lg {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px
}

.rounded-r-xl {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.rounded-r-2xl {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.rounded-r-3xl {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px
}

.rounded-r-full {
    border-top-right-radius: var(--border-radius-full);
    border-bottom-right-radius: var(--border-radius-full)
}

.rounded-r-module {
    border-top-right-radius: var(--border-radius-module);
    border-bottom-right-radius: var(--border-radius-module)
}

.rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-b-xs {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.rounded-b {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.rounded-b-lg {
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px
}

.rounded-b-xl {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.rounded-b-3xl {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

.rounded-b-module {
    border-bottom-right-radius: var(--border-radius-module);
    border-bottom-left-radius: var(--border-radius-module)
}

.rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-l-xs {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.rounded-l-lg {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px
}

.rounded-l-2xl {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.rounded-l-3xl {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px
}

.rounded-l-full {
    border-top-left-radius: var(--border-radius-full);
    border-bottom-left-radius: var(--border-radius-full)
}

.rounded-l-module {
    border-top-left-radius: var(--border-radius-module);
    border-bottom-left-radius: var(--border-radius-module)
}

.first\:rounded-t:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.first\:rounded-t-module:first-child {
    border-top-left-radius: var(--border-radius-module);
    border-top-right-radius: var(--border-radius-module)
}

.last\:rounded-b:last-child {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.last\:rounded-b-module:last-child {
    border-bottom-right-radius: var(--border-radius-module);
    border-bottom-left-radius: var(--border-radius-module)
}

.rounded-tl-none {
    border-top-left-radius: 0
}

.rounded-tl {
    border-top-left-radius: 6px
}

.rounded-tl-lg {
    border-top-left-radius: 7px
}

.rounded-tl-3xl {
    border-top-left-radius: 12px
}

.rounded-tr-none {
    border-top-right-radius: 0
}

.rounded-tr {
    border-top-right-radius: 6px
}

.rounded-tr-3xl {
    border-top-right-radius: 12px
}

.rounded-br-none {
    border-bottom-right-radius: 0
}

.rounded-br {
    border-bottom-right-radius: 6px
}

.rounded-br-3xl {
    border-bottom-right-radius: 12px
}

.rounded-bl-none {
    border-bottom-left-radius: 0
}

.rounded-bl {
    border-bottom-left-radius: 6px
}

.rounded-bl-lg {
    border-bottom-left-radius: 7px
}

.rounded-bl-3xl {
    border-bottom-left-radius: 12px
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

.border {
    border-width: 1px
}

.hover\:border-0:hover {
    border-width: 0
}

.focus\:border-0:focus {
    border-width: 0
}

.border-t-0 {
    border-top-width: 0
}

.border-t-2 {
    border-top-width: 2px
}

.border-t-4 {
    border-top-width: 4px
}

.border-t-8 {
    border-top-width: 8px
}

.border-t {
    border-top-width: 1px
}

.border-r-0 {
    border-right-width: 0
}

.border-r-2 {
    border-right-width: 2px
}

.border-r {
    border-right-width: 1px
}

.border-b-0 {
    border-bottom-width: 0
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-b-4 {
    border-bottom-width: 4px
}

.border-b {
    border-bottom-width: 1px
}

.border-l-0 {
    border-left-width: 0
}

.border-l-2 {
    border-left-width: 2px
}

.border-l-4 {
    border-left-width: 4px
}

.border-l {
    border-left-width: 1px
}

.focus\:border-b-2:focus {
    border-bottom-width: 2px
}

.first\:border-t-0:first-child {
    border-top-width: 0
}

.last\:border-b-0:last-child {
    border-bottom-width: 0
}

.last\:border-b:last-child {
    border-bottom-width: 1px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-none {
    border-style: none
}

.hover\:border-dashed:hover {
    border-style: dashed
}

.hover\:border-none:hover {
    border-style: none
}

.focus\:border-dashed:focus {
    border-style: dashed
}

.focus\:border-none:focus {
    border-style: none
}

.border-current {
    border-color: currentColor
}

.border-transparent {
    border-color: transparent
}

.border-base-backdrop {
    border-color: var(--base-backdrop)
}

.border-base-module {
    border-color: var(--base-module)
}

.border-neutral-container {
    border-color: var(--neutral-container)
}

.border-neutral-container-emphasis {
    border-color: var(--neutral-container-emphasis)
}

.border-neutral-border {
    border-color: var(--neutral-border)
}

.border-neutral-border-emphasis {
    border-color: var(--neutral-border-emphasis)
}

.border-neutral-fill {
    border-color: var(--neutral-fill)
}

.border-neutral-fill-emphasis {
    border-color: var(--neutral-fill-emphasis)
}

.border-accent-container {
    border-color: var(--accent-container)
}

.border-accent-border {
    border-color: var(--accent-border)
}

.border-accent-border-emphasis {
    border-color: var(--accent-border-emphasis)
}

.border-accent-fill {
    border-color: var(--accent-fill)
}

.border-beta-container-emphasis {
    border-color: var(--beta-container-emphasis)
}

.border-beta-border {
    border-color: var(--beta-border)
}

.border-beta-border-emphasis {
    border-color: var(--beta-border-emphasis)
}

.border-success-container {
    border-color: var(--success-container)
}

.border-success-container-emphasis {
    border-color: var(--success-container-emphasis)
}

.border-success-border {
    border-color: var(--success-border)
}

.border-error-container {
    border-color: var(--error-container)
}

.border-error-container-emphasis {
    border-color: var(--error-container-emphasis)
}

.border-error-border {
    border-color: var(--error-border)
}

.border-error-border-emphasis {
    border-color: var(--error-border-emphasis)
}

.border-notice-container {
    border-color: var(--notice-container)
}

.border-notice-container-emphasis {
    border-color: var(--notice-container-emphasis)
}

.border-notice-border {
    border-color: var(--notice-border)
}

.border-notice-border-emphasis {
    border-color: var(--notice-border-emphasis)
}

.border-paywall-border {
    border-color: var(--paywall-border)
}

.border-vis-violet-50 {
    border-color: var(--vis-violet-50)
}

.border-vis-blue-50 {
    border-color: var(--vis-blue-50)
}

.border-vis-green-50 {
    border-color: var(--vis-green-50)
}

.border-shadow {
    border-color: rgba(0,0,0,.15)
}

.border-shadow-light {
    border-color: rgba(0,0,0,.05)
}

.border-shadow-dark {
    border-color: rgba(0,0,0,.3)
}

.hover\:border-neutral-border:hover {
    border-color: var(--neutral-border)
}

.hover\:border-neutral-border-emphasis:hover {
    border-color: var(--neutral-border-emphasis)
}

.hover\:border-neutral-fill:hover {
    border-color: var(--neutral-fill)
}

.hover\:border-accent-border:hover {
    border-color: var(--accent-border)
}

.hover\:border-beta-border-emphasis:hover {
    border-color: var(--beta-border-emphasis)
}

.hover\:border-success-border:hover {
    border-color: var(--success-border)
}

.hover\:border-error-border:hover {
    border-color: var(--error-border)
}

.hover\:border-error-border-emphasis:hover {
    border-color: var(--error-border-emphasis)
}

.hover\:border-notice-border-emphasis:hover {
    border-color: var(--notice-border-emphasis)
}

.focus\:border-neutral-border:focus {
    border-color: var(--neutral-border)
}

.focus\:border-neutral-border-emphasis:focus {
    border-color: var(--neutral-border-emphasis)
}

.focus\:border-accent-border:focus {
    border-color: var(--accent-border)
}

.focus\:border-accent-border-emphasis:focus {
    border-color: var(--accent-border-emphasis)
}

.focus\:border-accent-fill:focus {
    border-color: var(--accent-fill)
}

.focus\:border-error-border:focus {
    border-color: var(--error-border)
}

.focus\:border-notice-border-emphasis:focus {
    border-color: var(--notice-border-emphasis)
}

.active\:border-neutral-border-emphasis:active {
    border-color: var(--neutral-border-emphasis)
}

.first\:border-transparent:first-child {
    border-color: transparent
}

.border-opacity-0 {
    --tw-border-opacity: 0
}

.border-opacity-10 {
    --tw-border-opacity: 0.1
}

.border-opacity-15 {
    --tw-border-opacity: 0.15
}

.border-opacity-20 {
    --tw-border-opacity: 0.2
}

.border-opacity-30 {
    --tw-border-opacity: 0.3
}

.border-opacity-50 {
    --tw-border-opacity: 0.5
}

.border-opacity-80 {
    --tw-border-opacity: 0.8
}

.focus\:border-opacity-30:focus {
    --tw-border-opacity: 0.3
}

.bg-transparent {
    background-color: transparent
}

.bg-unset {
    background-color: unset
}

.bg-base-backdrop {
    background-color: var(--base-backdrop)
}

.bg-base-module {
    background-color: var(--base-module)
}

.bg-base-module-subtle {
    background-color: var(--base-module-subtle)
}

.bg-base-editor {
    background-color: var(--base-editor)
}

.bg-base-input {
    background-color: var(--base-input)
}

.bg-neutral-container {
    background-color: var(--neutral-container)
}

.bg-neutral-container-emphasis {
    background-color: var(--neutral-container-emphasis)
}

.bg-neutral-border {
    background-color: var(--neutral-border)
}

.bg-neutral-border-emphasis {
    background-color: var(--neutral-border-emphasis)
}

.bg-neutral-fill {
    background-color: var(--neutral-fill)
}

.bg-neutral-fill-emphasis {
    background-color: var(--neutral-fill-emphasis)
}

.bg-accent-container {
    background-color: var(--accent-container)
}

.bg-accent-container-emphasis {
    background-color: var(--accent-container-emphasis)
}

.bg-accent-fill {
    background-color: var(--accent-fill)
}

.bg-beta-container {
    background-color: var(--beta-container)
}

.bg-beta-container-emphasis {
    background-color: var(--beta-container-emphasis)
}

.bg-beta-fill {
    background-color: var(--beta-fill)
}

.bg-beta-fill-emphasis {
    background-color: var(--beta-fill-emphasis)
}

.bg-success-container {
    background-color: var(--success-container)
}

.bg-success-container-emphasis {
    background-color: var(--success-container-emphasis)
}

.bg-success-border {
    background-color: var(--success-border)
}

.bg-success-fill {
    background-color: var(--success-fill)
}

.bg-success-fill-emphasis {
    background-color: var(--success-fill-emphasis)
}

.bg-error-container {
    background-color: var(--error-container)
}

.bg-error-container-emphasis {
    background-color: var(--error-container-emphasis)
}

.bg-error-fill {
    background-color: var(--error-fill)
}

.bg-error-fill-emphasis {
    background-color: var(--error-fill-emphasis)
}

.bg-notice-container {
    background-color: var(--notice-container)
}

.bg-notice-container-emphasis {
    background-color: var(--notice-container-emphasis)
}

.bg-notice-fill {
    background-color: var(--notice-fill)
}

.bg-notice-fill-emphasis {
    background-color: var(--notice-fill-emphasis)
}

.bg-paywall-container {
    background-color: var(--paywall-container)
}

.bg-paywall-container-emphasis {
    background-color: var(--paywall-container-emphasis)
}

.bg-vis-salmon-50 {
    background-color: var(--vis-salmon-50)
}

.bg-vis-pink-50 {
    background-color: var(--vis-pink-50)
}

.bg-vis-violet-50 {
    background-color: var(--vis-violet-50)
}

.bg-vis-violet-60 {
    background-color: var(--vis-violet-60)
}

.bg-vis-violet-70 {
    background-color: var(--vis-violet-70)
}

.bg-vis-blue-50 {
    background-color: var(--vis-blue-50)
}

.bg-vis-mint-50 {
    background-color: var(--vis-mint-50)
}

.bg-vis-green-50 {
    background-color: var(--vis-green-50)
}

.bg-vis-green-70 {
    background-color: var(--vis-green-70)
}

.bg-vis-mantis-40 {
    background-color: var(--vis-mantis-40)
}

.bg-vis-mantis-70 {
    background-color: var(--vis-mantis-70)
}

.bg-vis-mantis-80 {
    background-color: var(--vis-mantis-80)
}

.bg-vis-olive-60 {
    background-color: var(--vis-olive-60)
}

.hover\:bg-transparent:hover {
    background-color: transparent
}

.hover\:bg-base-module:hover {
    background-color: var(--base-module)
}

.hover\:bg-base-module-subtle:hover {
    background-color: var(--base-module-subtle)
}

.hover\:bg-base-input:hover {
    background-color: var(--base-input)
}

.hover\:bg-neutral-container:hover {
    background-color: var(--neutral-container)
}

.hover\:bg-neutral-container-emphasis:hover {
    background-color: var(--neutral-container-emphasis)
}

.hover\:bg-neutral-border:hover {
    background-color: var(--neutral-border)
}

.hover\:bg-neutral-fill:hover {
    background-color: var(--neutral-fill)
}

.hover\:bg-neutral-fill-emphasis:hover {
    background-color: var(--neutral-fill-emphasis)
}

.hover\:bg-accent-fill:hover {
    background-color: var(--accent-fill)
}

.hover\:bg-beta-container:hover {
    background-color: var(--beta-container)
}

.hover\:bg-beta-container-emphasis:hover {
    background-color: var(--beta-container-emphasis)
}

.hover\:bg-success-fill-emphasis:hover {
    background-color: var(--success-fill-emphasis)
}

.hover\:bg-error-fill-emphasis:hover {
    background-color: var(--error-fill-emphasis)
}

.hover\:bg-vis-violet-70:hover {
    background-color: var(--vis-violet-70)
}

.hover\:bg-vis-blue-70:hover {
    background-color: var(--vis-blue-70)
}

.hover\:bg-vis-green-70:hover {
    background-color: var(--vis-green-70)
}

.focus\:bg-transparent:focus {
    background-color: transparent
}

.focus\:bg-neutral-container:focus {
    background-color: var(--neutral-container)
}

.focus\:bg-neutral-container-emphasis:focus {
    background-color: var(--neutral-container-emphasis)
}

.group:hover .group-hover\:bg-base-module {
    background-color: var(--base-module)
}

.group:hover .group-hover\:bg-neutral-container {
    background-color: var(--neutral-container)
}

.group:hover .group-hover\:bg-neutral-container-emphasis {
    background-color: var(--neutral-container-emphasis)
}

.group:hover .group-hover\:bg-neutral-border {
    background-color: var(--neutral-border)
}

.group:hover .group-hover\:bg-neutral-fill {
    background-color: var(--neutral-fill)
}

.group:hover .group-hover\:bg-neutral-fill-emphasis {
    background-color: var(--neutral-fill-emphasis)
}

.active\:bg-base-input:active {
    background-color: var(--base-input)
}

.active\:bg-neutral-container-emphasis:active {
    background-color: var(--neutral-container-emphasis)
}

.active\:bg-neutral-fill-emphasis:active {
    background-color: var(--neutral-fill-emphasis)
}

.active\:bg-accent-fill:active {
    background-color: var(--accent-fill)
}

.active\:bg-success-fill-emphasis:active {
    background-color: var(--success-fill-emphasis)
}

.active\:bg-error-fill-emphasis:active {
    background-color: var(--error-fill-emphasis)
}

.bg-opacity-10 {
    --tw-bg-opacity: 0.1
}

.bg-opacity-30 {
    --tw-bg-opacity: 0.3
}

.bg-opacity-40 {
    --tw-bg-opacity: 0.4
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top,var(--tw-gradient-stops))
}

.to-transparent {
    --tw-gradient-to: transparent
}

.bg-cover {
    background-size: cover
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-current {
    fill: currentColor
}

.fill-neutral-fill {
    fill: var(--neutral-fill)
}

.fill-accent-container-emphasis {
    fill: var(--accent-container-emphasis)
}

.stroke-current {
    stroke: currentColor
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.object-bottom {
    object-position: bottom
}

.object-center {
    object-position: center
}

.object-left-top {
    object-position: left top
}

.object-right {
    object-position: right
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: 4px
}

.p-2 {
    padding: 8px
}

.p-3 {
    padding: 12px
}

.p-4 {
    padding: 16px
}

.p-5 {
    padding: 20px
}

.p-6 {
    padding: 24px
}

.p-7 {
    padding: 28px
}

.p-8 {
    padding: 32px
}

.p-10 {
    padding: 40px
}

.p-12 {
    padding: 48px
}

.p-13 {
    padding: 52px
}

.p-14 {
    padding: 56px
}

.p-16 {
    padding: 64px
}

.p-18 {
    padding: 72px
}

.p-px {
    padding: 1px
}

.p-0\.5 {
    padding: 2px
}

.p-1\.5 {
    padding: 6px
}

.p-module {
    padding: var(--module-spacing)
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-1 {
    padding-left: 4px;
    padding-right: 4px
}

.px-2 {
    padding-left: 8px;
    padding-right: 8px
}

.px-3 {
    padding-left: 12px;
    padding-right: 12px
}

.px-4 {
    padding-left: 16px;
    padding-right: 16px
}

.px-5 {
    padding-left: 20px;
    padding-right: 20px
}

.px-6 {
    padding-left: 24px;
    padding-right: 24px
}

.px-7 {
    padding-left: 28px;
    padding-right: 28px
}

.px-8 {
    padding-left: 32px;
    padding-right: 32px
}

.px-9 {
    padding-left: 36px;
    padding-right: 36px
}

.px-10 {
    padding-left: 40px;
    padding-right: 40px
}

.px-11 {
    padding-left: 44px;
    padding-right: 44px
}

.px-12 {
    padding-left: 48px;
    padding-right: 48px
}

.px-13 {
    padding-left: 52px;
    padding-right: 52px
}

.px-14 {
    padding-left: 56px;
    padding-right: 56px
}

.px-15 {
    padding-left: 60px;
    padding-right: 60px
}

.px-16 {
    padding-left: 64px;
    padding-right: 64px
}

.px-20 {
    padding-left: 80px;
    padding-right: 80px
}

.px-px {
    padding-left: 1px;
    padding-right: 1px
}

.px-0\.5 {
    padding-left: 2px;
    padding-right: 2px
}

.px-1\.5 {
    padding-left: 6px;
    padding-right: 6px
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-1 {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-2 {
    padding-top: 8px;
    padding-bottom: 8px
}

.py-3 {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-4 {
    padding-top: 16px;
    padding-bottom: 16px
}

.py-5 {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-6 {
    padding-top: 24px;
    padding-bottom: 24px
}

.py-7 {
    padding-top: 28px;
    padding-bottom: 28px
}

.py-8 {
    padding-top: 32px;
    padding-bottom: 32px
}

.py-9 {
    padding-top: 36px;
    padding-bottom: 36px
}

.py-10 {
    padding-top: 40px;
    padding-bottom: 40px
}

.py-12 {
    padding-top: 48px;
    padding-bottom: 48px
}

.py-13 {
    padding-top: 52px;
    padding-bottom: 52px
}

.py-14 {
    padding-top: 56px;
    padding-bottom: 56px
}

.py-15 {
    padding-top: 60px;
    padding-bottom: 60px
}

.py-19 {
    padding-top: 76px;
    padding-bottom: 76px
}

.py-20 {
    padding-top: 80px;
    padding-bottom: 80px
}

.py-px {
    padding-top: 1px;
    padding-bottom: 1px
}

.py-0\.5 {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-1\.5 {
    padding-top: 6px;
    padding-bottom: 6px
}

.py-module {
    padding-top: var(--module-spacing);
    padding-bottom: var(--module-spacing)
}

.pt-0 {
    padding-top: 0
}

.pt-1 {
    padding-top: 4px
}

.pt-2 {
    padding-top: 8px
}

.pt-3 {
    padding-top: 12px
}

.pt-4 {
    padding-top: 16px
}

.pt-5 {
    padding-top: 20px
}

.pt-6 {
    padding-top: 24px
}

.pt-7 {
    padding-top: 28px
}

.pt-8 {
    padding-top: 32px
}

.pt-9 {
    padding-top: 36px
}

.pt-10 {
    padding-top: 40px
}

.pt-12 {
    padding-top: 48px
}

.pt-14 {
    padding-top: 56px
}

.pt-15 {
    padding-top: 60px
}

.pt-16 {
    padding-top: 64px
}

.pt-20 {
    padding-top: 80px
}

.pt-px {
    padding-top: 1px
}

.pt-0\.5 {
    padding-top: 2px
}

.pt-1\.5 {
    padding-top: 6px
}

.pr-0 {
    padding-right: 0
}

.pr-1 {
    padding-right: 4px
}

.pr-2 {
    padding-right: 8px
}

.pr-3 {
    padding-right: 12px
}

.pr-4 {
    padding-right: 16px
}

.pr-5 {
    padding-right: 20px
}

.pr-6 {
    padding-right: 24px
}

.pr-7 {
    padding-right: 28px
}

.pr-8 {
    padding-right: 32px
}

.pr-9 {
    padding-right: 36px
}

.pr-10 {
    padding-right: 40px
}

.pr-11 {
    padding-right: 44px
}

.pr-12 {
    padding-right: 48px
}

.pr-14 {
    padding-right: 56px
}

.pr-15 {
    padding-right: 60px
}

.pr-16 {
    padding-right: 64px
}

.pr-17 {
    padding-right: 68px
}

.pr-20 {
    padding-right: 80px
}

.pr-0\.5 {
    padding-right: 2px
}

.pr-module {
    padding-right: var(--module-spacing)
}

.pb-0 {
    padding-bottom: 0
}

.pb-1 {
    padding-bottom: 4px
}

.pb-2 {
    padding-bottom: 8px
}

.pb-3 {
    padding-bottom: 12px
}

.pb-4 {
    padding-bottom: 16px
}

.pb-5 {
    padding-bottom: 20px
}

.pb-6 {
    padding-bottom: 24px
}

.pb-7 {
    padding-bottom: 28px
}

.pb-8 {
    padding-bottom: 32px
}

.pb-9 {
    padding-bottom: 36px
}

.pb-10 {
    padding-bottom: 40px
}

.pb-12 {
    padding-bottom: 48px
}

.pb-13 {
    padding-bottom: 52px
}

.pb-14 {
    padding-bottom: 56px
}

.pb-16 {
    padding-bottom: 64px
}

.pb-17 {
    padding-bottom: 68px
}

.pb-18 {
    padding-bottom: 72px
}

.pb-20 {
    padding-bottom: 80px
}

.pb-px {
    padding-bottom: 1px
}

.pb-0\.5 {
    padding-bottom: 2px
}

.pl-0 {
    padding-left: 0
}

.pl-1 {
    padding-left: 4px
}

.pl-2 {
    padding-left: 8px
}

.pl-3 {
    padding-left: 12px
}

.pl-4 {
    padding-left: 16px
}

.pl-5 {
    padding-left: 20px
}

.pl-6 {
    padding-left: 24px
}

.pl-7 {
    padding-left: 28px
}

.pl-8 {
    padding-left: 32px
}

.pl-9 {
    padding-left: 36px
}

.pl-10 {
    padding-left: 40px
}

.pl-11 {
    padding-left: 44px
}

.pl-12 {
    padding-left: 48px
}

.pl-13 {
    padding-left: 52px
}

.pl-14 {
    padding-left: 56px
}

.pl-15 {
    padding-left: 60px
}

.pl-16 {
    padding-left: 64px
}

.pl-px {
    padding-left: 1px
}

.pl-0\.5 {
    padding-left: 2px
}

.pl-1\.5 {
    padding-left: 6px
}

.pl-module {
    padding-left: var(--module-spacing)
}

.first\:pt-0:first-child {
    padding-top: 0
}

.first\:pt-2:first-child {
    padding-top: 8px
}

.last\:pb-0:last-child {
    padding-bottom: 0
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.align-baseline {
    vertical-align: baseline
}

.align-top {
    vertical-align: top
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.align-text-top {
    vertical-align: text-top
}

.align-text-bottom {
    vertical-align: text-bottom
}

.font-sans {
    font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif
}

.font-serif {
    font-family: Ivory,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif
}

.font-mono {
    font-family: JetBrains Mono,ui-monospace,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Roboto Mono,Oxygen Mono,Ubuntu Mono,Source Code Pro,Fira Mono,Droid Sans Mono,Consolas,Courier New,monospace
}

.text-8px {
    font-size: 8px
}

.text-10px {
    font-size: 10px
}

.text-11px {
    font-size: 11px
}

.text-12px {
    font-size: 12px
}

.text-sm {
    font-size: 13px
}

.text-base {
    font-size: 14px
}

.text-md {
    font-size: 16px
}

.text-lg {
    font-size: 18px
}

.text-20px {
    font-size: 20px
}

.text-xl {
    font-size: 22px
}

.text-2xl {
    font-size: 32px
}

.text-3xl {
    font-size: 36px
}

.text-4xl {
    font-size: 38px
}

.text-h1 {
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -.02em
}

.text-h2 {
    font-size: 18px;
    line-height: 140%;
    letter-spacing: -.01em
}

.text-h3 {
    font-size: 16px;
    line-height: 150%
}

.text-support {
    font-size: 13px;
    line-height: 150%
}

.text-caption {
    font-size: 12px;
    line-height: 135%
}

.text-editorial-h1 {
    font-size: 48px;
    line-height: 100%;
    letter-spacing: -.03em
}

.text-editorial-h2 {
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -.03em
}

.text-editorial-h3 {
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -.03em
}

.text-editorial-subtitle-1 {
    font-size: 24px;
    line-height: 115%;
    letter-spacing: -.03em
}

.text-data-body {
    font-size: 14px;
    line-height: 145%;
    letter-spacing: -.03em
}

.text-data-caption {
    font-size: 12px;
    line-height: 135%
}

.text-data-detail {
    font-size: 10px;
    line-height: 135%
}

.font-light {
    font-weight: 300
}

.font-normal {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.normal-case {
    text-transform: none
}

.italic {
    font-style: italic
}

.not-italic {
    font-style: normal
}

.ordinal {
    --tw-ordinal: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-slashed-zero: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-numeric-figure: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-numeric-spacing: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-numeric-fraction: var(--tw-empty, );
    /*!*/
    /*!*/
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.ordinal {
    --tw-ordinal: ordinal
}

.leading-4 {
    line-height: 16px
}

.leading-5 {
    line-height: 20px
}

.leading-6 {
    line-height: 24px
}

.leading-8 {
    line-height: 32px
}

.leading-none {
    line-height: 1
}

.leading-tight {
    line-height: 1.25
}

.leading-snug {
    line-height: 1.375
}

.leading-normal {
    line-height: 1.5
}

.leading-relaxed {
    line-height: 1.625
}

.leading-4\.5 {
    line-height: 18px
}

.tracking-tighter {
    letter-spacing: -.05em
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-widest {
    letter-spacing: .1em
}

.text-current {
    color: currentColor
}

.text-transparent {
    color: transparent
}

.text-default {
    color: var(--text-default)
}

.text-muted {
    color: var(--text-muted)
}

.text-disabled {
    color: var(--text-disabled)
}

.text-link {
    color: var(--text-link)
}

.text-error {
    color: var(--text-error)
}

.text-accent {
    color: var(--text-accent)
}

.text-success {
    color: var(--text-success)
}

.text-on-neutral {
    color: var(--text-on-neutral)
}

.text-on-accent {
    color: var(--text-on-accent)
}

.text-on-beta {
    color: var(--text-on-beta)
}

.text-on-success {
    color: var(--text-on-success)
}

.text-on-error {
    color: var(--text-on-error)
}

.text-on-notice {
    color: var(--text-on-notice)
}

.text-on-paywall {
    color: var(--text-on-paywall)
}

.hover\:text-current:hover {
    color: currentColor
}

.hover\:text-default:hover {
    color: var(--text-default)
}

.hover\:text-muted:hover {
    color: var(--text-muted)
}

.hover\:text-link:hover {
    color: var(--text-link)
}

.hover\:text-error:hover {
    color: var(--text-error)
}

.hover\:text-accent:hover {
    color: var(--text-accent)
}

.hover\:text-on-neutral:hover {
    color: var(--text-on-neutral)
}

.focus\:text-default:focus {
    color: var(--text-default)
}

.focus\:text-link:focus {
    color: var(--text-link)
}

.focus\:text-accent:focus {
    color: var(--text-accent)
}

.group:hover .group-hover\:text-default {
    color: var(--text-default)
}

.group:hover .group-hover\:text-accent {
    color: var(--text-accent)
}

.active\:text-link:active {
    color: var(--text-link)
}

.active\:text-accent:active {
    color: var(--text-accent)
}

.text-opacity-80 {
    --tw-text-opacity: 0.8
}

.underline {
    text-decoration: underline
}

.line-through {
    text-decoration: line-through
}

.no-underline {
    text-decoration: none
}

.hover\:underline:hover {
    text-decoration: underline
}

.hover\:no-underline:hover {
    text-decoration: none
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.placeholder-opacity-50::placeholder {
    --tw-placeholder-opacity: 0.5
}

.placeholder-opacity-75::placeholder {
    --tw-placeholder-opacity: 0.75
}

.opacity-0 {
    opacity: 0
}

.opacity-15 {
    opacity: .15
}

.opacity-20 {
    opacity: .2
}

.opacity-25 {
    opacity: .25
}

.opacity-30 {
    opacity: .3
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-75 {
    opacity: .75
}

.opacity-80 {
    opacity: .8
}

.opacity-95 {
    opacity: .95
}

.opacity-100 {
    opacity: 1
}

.hover\:opacity-50:hover {
    opacity: .5
}

.hover\:opacity-75:hover {
    opacity: .75
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:opacity-100:hover {
    opacity: 1
}

.focus\:opacity-100:focus {
    opacity: 1
}

.group:focus .group-focus\:opacity-100 {
    opacity: 1
}

.group:hover .group-hover\:opacity-0 {
    opacity: 0
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

*,::after,::before {
    --tw-shadow: 0 0 #0000
}

.shadow-lvl-0 {
    --tw-shadow: var(--shadow-lvl-0);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-lvl-1 {
    --tw-shadow: var(--shadow-lvl-1);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-lvl-2 {
    --tw-shadow: var(--shadow-lvl-2);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-lvl-3 {
    --tw-shadow: var(--shadow-lvl-3);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-lvl-0:hover {
    --tw-shadow: var(--shadow-lvl-0);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-lvl-1:hover {
    --tw-shadow: var(--shadow-lvl-1);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-lvl-2:hover {
    --tw-shadow: var(--shadow-lvl-2);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-none:hover {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.focus\:shadow-none:focus {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

*,::after,::before {
    --tw-ring-inset: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.ring-4 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus\:ring-1:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus\:ring:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus-within\:ring-2:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.active\:ring-1:active {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.ring-base-module-subtle {
    --tw-ring-color: var(--base-module-subtle)
}

.ring-neutral-border {
    --tw-ring-color: var(--neutral-border)
}

.ring-neutral-border-emphasis {
    --tw-ring-color: var(--neutral-border-emphasis)
}

.ring-accent-fill {
    --tw-ring-color: var(--accent-fill)
}

.ring-success-border {
    --tw-ring-color: var(--success-border)
}

.ring-error-border {
    --tw-ring-color: var(--error-border)
}

.focus\:ring-neutral-border-emphasis:focus {
    --tw-ring-color: var(--neutral-border-emphasis)
}

.focus\:ring-accent-container:focus {
    --tw-ring-color: var(--accent-container)
}

.focus\:ring-accent-border-emphasis:focus {
    --tw-ring-color: var(--accent-border-emphasis)
}

.focus-visible\:ring-neutral-border:focus-visible {
    --tw-ring-color: var(--neutral-border)
}

.focus-visible\:ring-neutral-border-emphasis:focus-visible {
    --tw-ring-color: var(--neutral-border-emphasis)
}

.ring-opacity-50 {
    --tw-ring-opacity: 0.5
}

.focus-within\:ring-opacity-30:focus-within {
    --tw-ring-opacity: 0.3
}

.focus\:ring-opacity-30:focus {
    --tw-ring-opacity: 0.3
}

.focus\:ring-offset-1:focus {
    --tw-ring-offset-width: 1px
}

.filter {
    --tw-blur: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-brightness: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-contrast: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-grayscale: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-hue-rotate: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-invert: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-saturate: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-sepia: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-drop-shadow: var(--tw-empty, );
    /*!*/
    /*!*/
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur {
    --tw-blur: blur(8px)
}

.brightness-75 {
    --tw-brightness: brightness(.75)
}

.brightness-100 {
    --tw-brightness: brightness(1)
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.invert {
    --tw-invert: invert(100%)
}

.dark .dark\:invert {
    --tw-invert: invert(100%)
}

.backdrop-filter {
    --tw-backdrop-blur: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-backdrop-brightness: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-backdrop-contrast: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-backdrop-grayscale: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-backdrop-hue-rotate: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-backdrop-invert: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-backdrop-opacity: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-backdrop-saturate: var(--tw-empty, );
    /*!*/
    /*!*/
    --tw-backdrop-sepia: var(--tw-empty, );
    /*!*/
    /*!*/
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-contrast-75 {
    --tw-backdrop-contrast: contrast(.75)
}

.transition-all {
    transition-property: all
}

.transition {
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform
}

.transition-colors {
    transition-property: background-color,border-color,color,fill,stroke
}

.transition-opacity {
    transition-property: opacity
}

.transition-shadow {
    transition-property: box-shadow
}

.duration-100 {
    transition-duration: .1s
}

.duration-150 {
    transition-duration: 150ms
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.duration-1000 {
    transition-duration: 1s
}

.ease-linear {
    transition-timing-function: linear
}

.ease-in {
    transition-timing-function: cubic-bezier(.4,0,1,1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0,0,.2,1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5
}

.line-clamp-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6
}

.\? {
    animation: wobble .5s ease-in-out alternate infinite
}

.animate-arrow-right {
    animation: animate-arrow-right 1s ease infinite
}

.pl_map {
    width: 100%;
    height: 100%;
    position: absolute
}

.pl_map .leaflet-overlay-pane,.pl_map .mapbox-control-info {
    display: none!important
}

.displayed_attribute_dropdown {
    max-height: 400px;
    overflow: auto;
    margin-top: -1px
}

.keyboard_selected a,a.keyboard_selected {
    background: var(--success-container);
    color: var(--text-default);
    text-shadow: 0 1px 0 #fff
}

.pl_admin_selector_list .js_keyboard_selected {
    background: var(--neutral-container)
}

.modal__overlay__inner.show_overflow {
    overflow: visible
}

.application__embercom-root,body,html {
    /* height:100%; */
    /* overflow:hidden; */
    /* overscroll-behavior-x:auto; */
    /* overscroll-behavior-y:none; */
}

.application__component {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: hidden;
    overflow-x: auto;
    overscroll-behavior-x: auto;
    overscroll-behavior-y: none
}

.app__wrapper {
    height: 100%;
    min-width: 1024px
}

.revision-banner {
    z-index: 1000000
}

.legacy-browser-banner {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1)
}

@media print {
    body,html {
        overflow-y: visible!important
    }

    .app__wrapper,.application__component {
        position: static;
        overflow: visible;
        display: block;
        height: auto
    }
}

.overflow-hidden {
    overflow: hidden!important
}

.modal__body__confirmation-buttons {
    display: flex;
    justify-content: center
}

.modal__body__confirmation-buttons__button {
    margin: 0 5px
}

.office-hours__create-or-update-modal__container .ds-new__modal__header {
    border-bottom: 1px solid var(--Utility-Border-light,rgba(0,0,0,.05))
}

.office-hours__create-or-update-modal__container .ds-new__modal__body {
    padding: 24px
}

.office-hours__create-or-update-modal__container .form__label {
    font-size: 16px
}

.office-hours__create-or-update-modal__container .office-hours__modal-form__form-label-description {
    margin-bottom: 12px!important
}

.email-settings__dependency-warning-modal .ds-new__modal__body {
    padding-bottom: 8px
}

.pl_admin_selector {
    flex-direction: column;
    display: flex
}

.pl_admin_selector .pl_admin_selector_search_box {
    padding: 5px 5px 10px;
    box-sizing: border-box;
    overflow: hidden
}

.pl_admin_selector .pl_admin_selector_search_box input {
    flex: 1;
    height: 30px;
    padding: 6px 0 4px 34px;
    font-size: 13px;
    border-radius: 15px;
    background: url(https://static.intercomassets.com/ember/assets/images/search-box-icon-6bb66d434e7aabca69e50f5fc05d0f0b.png) no-repeat top left;
    background-size: 29px 23px;
    background-clip: padding-box
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:15/10),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx) {
    .pl_admin_selector .pl_admin_selector_search_box input {
        background-image:url(https://static.intercomassets.com/ember/assets/images/search-box-icon-2x-ea43a27a62f547fa7ead9cb8de0e2f4e.png)
    }
}

.pl_admin_selector .pl_admin_selector_list {
    min-width: 245px;
    overflow-y: scroll;
    flex: 2;
    max-height: 318px
}

.pl_admin_selector .pl_invite_team_mates {
    min-width: 245px;
    text-align: center;
    height: 26px;
    padding: 15px 10px;
    vertical-align: center;
    font-weight: 500;
    color: var(--text-link);
    cursor: default
}

.pl_admin_selector:focus {
    outline: 0
}

.pl_admin_selector_list_not_found {
    padding-left: 16px
}

.conversations_inbox {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    outline: 0
}

.js_conversation_control_form div[gramm]+textarea {
    height: 100%!important
}

.btn .assignee-selector__assignment {
    display: none
}

@media screen and (max-width: 1500px) {
    .inbox__card__header .assignee-selector__avatar-unassigned .o__standard__unassigned {
        margin-right:0!important
    }

    .inbox__card__header .assignee-selector__opener-item:not(.assignee-selector__avatar-unassigned) {
        padding-left: 16px!important
    }

    .inbox__card__header .btn .assignee-selector__assignee-name {
        display: none!important
    }
}

.ic_message_wrapper {
    width: 100%
}

.ic_ios_preview .ic_message {
    max-width: 284px
}

.email_preview {
    margin: 20px auto
}

.email_preview:not(.ic_ios_preview) {
    box-sizing: border-box;
    width: -moz-fit-content;
    width: intrinsic;
    max-width: 1000px;
    min-width: 660px;
    padding-bottom: 1px;
    background-color: var(--THEME-EJECTION__CONTENT-PREVIEW__WHITE-COLOR);
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px var(--neutral-border),0 0 5px 1px rgba(0,0,0,.1)
}

.wizard_template_has_max_width .email_preview {
    max-width: 660px
}

.wizard_email_subject {
    position: relative;
    padding: 1px 1px 0;
    margin-bottom: 5px
}

.wizard_email_subject input {
    font-weight: 700
}

.wizard_email_subject input,.wizard_email_subject>span {
    display: inline-block;
    border: 0;
    padding: 4px 15px;
    border-bottom: 1px solid var(--neutral-border);
    max-width: 100%;
    width: 100%;
    box-sizing: border-box
}

.wizard_email_subject input::-webkit-input-placeholder,.wizard_email_subject>span::-webkit-input-placeholder {
    font-weight: 400;
    color: var(--text-muted)
}

.wizard_email_subject input:-ms-input-placeholder,.wizard_email_subject>span:-ms-input-placeholder {
    font-weight: 400;
    color: var(--text-muted)
}

.wizard_email_subject input::-moz-placeholder,.wizard_email_subject>span::-moz-placeholder {
    font-weight: 400;
    opacity: 1;
    color: var(--text-muted)
}

.wizard_email_subject>span {
    font-weight: 500
}

.wizard_email_subject.o__error {
    border: 1px solid var(--error-border)
}

.email_preview .email_template {
    min-height: 100px;
    margin: 1px;
    border-top: none;
    background-color: var(--neutral-container);
    position: relative
}

.email_preview.ic_ios_preview .email_template {
    margin: 0;
    position: static
}

.wizard_email_reply_to,.wizard_email_sender_and_date {
    padding: 0 15px;
    margin-bottom: 2px
}

.wizard_email_sender {
    font-weight: 500;
    color: var(--text-default)
}

.wizard_email_date {
    color: var(--text-muted)
}

.wizard_email_reply_to {
    font-size: 12px
}

.email_preview iframe {
    width: 100%;
    height: 100%;
    min-height: 437px;
    border: 0
}

.ic_ios_preview {
    box-sizing: border-box;
    width: 322px;
    padding: 0;
    position: relative
}

.ic_ios_preview .ic_message_wrapper {
    box-sizing: border-box;
    border-radius: 0 0 3px 3px;
    border: 1px solid var(--neutral-border);
    width: 100%;
    padding: 8px
}

.ic_ios_preview .ic_message_wrapper .email_template {
    display: inline-block;
    vertical-align: bottom;
    width: -moz-available;
    width: intrinsic;
    min-width: 100%;
    border: 0
}

.ic_ios_preview .wizard_email_subject,.ic_ios_preview.email_preview .ic_message_wrapper {
    background-color: var(--neutral-container);
    padding: 0
}

.ic_ios_preview .wizard_email_subject {
    position: relative;
    margin-bottom: 0
}

.ic_ios_preview .wizard_email_subject input {
    width: 320px
}

.ic_ios_preview .wizard_email_sender_and_date {
    padding: 5px 15px 2px;
    background-color: var(--neutral-container);
    margin-bottom: 0
}

.ic_ios_preview .email_template {
    max-width: 320px
}

.ic_ios_preview .ic_message {
    position: relative;
    margin: 0
}

.ic_ios_preview .comment_wrapper_table.admin_comment,.ic_ios_preview .embercom-composer .composer-template-container .message_footer_table {
    width: 289px!important;
    margin: 0 15px!important
}

.ic_ios_preview .comment_wrapper_table.admin_comment .comment_body_table,.ic_ios_preview .embercom-composer .composer-template-container .mail_footer,.ic_ios_preview .embercom-composer .composer-template-container .message_footer_table .comment_body_table,.ic_ios_preview .embercom-composer .composer-template-container .message_wrapper_table .message_body_table {
    width: 100%!important
}

.ic_ios_preview .embercom-composer .composer-template-container .message_wrapper_table {
    width: 288px!important;
    margin-left: 7px!important
}

.osx_style_controls {
    border-radius: 3px 3px 0 0;
    padding: 7px 10px!important;
    background: linear-gradient(#f0f0f0,#e9e9e9);
    border: 1px solid var(--neutral-border)
}

.osx_style_controls ul {
    margin: 0!important;
    padding: 0!important
}

.osx_style_controls ul li {
    border-radius: 50%;
    height: 10px!important;
    width: 10px!important;
    background: var(--error-fill);
    display: inline-block!important;
    margin-right: 6px!important
}

.osx_style_controls ul li:nth-of-type(2) {
    background: #ffc109
}

.osx_style_controls ul li:nth-of-type(3) {
    background: #0ed439
}

.ic_message_wrapper.ios_preview {
    padding: 0!important
}

.new_pattern_area a.ic-unsubscribe-link:hover {
    opacity: 1
}

.csv_file_component {
    margin: 0
}

.tooltip-style,.tooltip-style a {
    color: var(--text-on-neutral);
    font-size: 12px;
    line-height: 18px
}

.tooltip-style {
    box-shadow: 0 1px 15px 0 rgba(0,0,0,.1);
    padding: 12px 10px;
    background-color: var(--neutral-fill);
    border-radius: 3px;
    background-clip: padding-box;
    border-color: rgba(0,0,0,.1);
    max-width: 300px
}

.tooltip-style:before {
    color: rgba(0,0,0,.28)
}

.tooltip-style:after {
    color: var(--text-default)
}

[class*=tooltip-above]:after,[class*=tooltip-above]:before {
    left: 50%;
    content: "▾";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

[class*=tooltip-above]:before {
    bottom: -11px;
    text-shadow: 0 2px 1px rgba(0,0,0,.1)
}

[class*=tooltip-above]:after {
    bottom: -10px
}

@-moz-document url-prefix() {
    [class*=tooltip-above]:before {
        bottom: -10px;
        text-shadow: 0 1px 0 rgba(0,0,0,.3)
    }

    [class*=tooltip-above]:after {
        bottom: -10px
    }
}

.tooltip-style a {
    font-weight: 400;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    hyphens: auto
}

.pl_profile_outer_container {
    overflow: auto;
    width: 100%;
    box-sizing: border-box
}

.pl_profile_mapbox_container {
    height: 226px;
    width: 100%
}

.pl_profile_mapbox_container .mapbox-info-toggle {
    display: none
}

.pl_profile_sidebar_header {
    min-height: 186px;
    background-color: var(--neutral-container)
}

.pl_profile_sidebar_header .pl_profile_facetile_overlay {
    opacity: .7;
    background-color: var(--neutral-container)
}

.pl_profile_facetile_overlay,.pl_profile_map_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 292px;
    height: 226px;
    opacity: 0
}

.pl_profile_facetile_container {
    overflow: hidden;
    height: 226px;
    width: 100%;
    padding: 20px 0 20px 20px;
    box-sizing: border-box
}

#ProfileMapBox {
    height: 100%;
    width: 100%
}

#email_template .ic_button_in_content a {
    min-height: 20px;
    padding: 9px 15px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    background-clip: padding-box;
    font-size: 15px
}

#email_template .ic_button_in_content a input {
    box-sizing: border-box;
    border: 0;
    padding: 3px 6px;
    position: absolute;
    left: 15px;
    top: 8px;
    width: calc(100% - 30px)
}

#email_template .pl_composer h1 {
    font-size: 26px
}

#email_template .pl_composer h2 {
    font-size: 20px
}

.email_preview.custom_email_template #email_template .ic_button_in_content input {
    color: inherit;
    text-decoration: inherit;
    font-weight: inherit;
    text-size: inherit;
    font-family: inherit;
    left: 0;
    padding: 3px 0;
    width: 100%
}

.email_preview.custom_email_template #email_template .ic_button_in_content a,.email_preview.custom_email_template #email_template .ic_button_in_content span {
    padding: 0
}

.comment_wrapper_table.admin_comment #email_template .ic_button_in_content a,.message_wrapper_table .message_body_table #email_template .ic_button_in_content a {
    text-shadow: 0 0 1px rgba(0,0,0,.2)!important
}

.comment_wrapper_table.admin_comment #email_template .ic_button_in_content a,.comment_wrapper_table.admin_comment #email_template .ic_button_in_content input,.comment_wrapper_table.admin_comment #email_template .ic_button_in_content span,.message_wrapper_table .message_body_table #email_template .ic_button_in_content a,.message_wrapper_table .message_body_table #email_template .ic_button_in_content input,.message_wrapper_table .message_body_table #email_template .ic_button_in_content span {
    color: var(--text-on-neutral)!important
}

.plain_template {
    font-family: Arial,sans-serif
}

.embercom-composer .plain_template .intercom-h2b-button a,.plain_template #email_template .ic_button_in_content a {
    color: var(--text-link)!important;
    padding: 0!important
}

.embercom-composer .plain_template .intercom-h2b-button input,.embercom-composer .plain_template .intercom-h2b-button span,.plain_template #email_template .ic_button_in_content input,.plain_template #email_template .ic_button_in_content span {
    padding: 0!important;
    left: 0!important;
    text-decoration: underline!important;
    font-weight: 400!important;
    font-size: 14px!important;
    color: var(--text-link)!important;
    width: 100%!important
}

.component-invoice-section {
    margin: 0 40px
}

.component-invoice-section table {
    text-align: left;
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px
}

.component-invoice-section th {
    border-bottom: 1px solid var(--neutral-border);
    color: var(--text-muted);
    font-weight: 500;
    padding: 10px 0;
    text-transform: uppercase
}

.component-invoice-section td {
    padding: 10px 0;
    vertical-align: middle
}

.component-invoice-section td span {
    display: inline-block;
    vertical-align: middle
}

.component-invoice-section td.user-count,.component-invoice-section th.user-count {
    width: 180px;
    padding: 0 10px
}

.component-invoice-section td.time-period,.component-invoice-section th.time-period {
    width: 200px
}

.component-invoice-section td.amount,.component-invoice-section th.amount {
    width: 70px;
    text-align: right;
    padding-left: 10px
}

@media print {
    .component-invoice-section table {
        page-break-inside: avoid
    }
}

.component-invoice__product-section,.component-invoice__product-section.o__per-product {
    border-top: 1px solid var(--neutral-border)
}

.component-invoice-section.o__per-product th {
    border-bottom: none;
    font-weight: 400;
    padding-bottom: 0
}

.invoice-totals {
    padding-top: 10px
}

.invoice-total-item {
    margin: 10px 40px 0;
    font-size: 1.4em;
    text-align: right
}

.invoice-total-item--per-product {
    margin-top: 0;
    text-align: right
}

.invoice-total-item--paid .invoice-total-item-label:before,.invoice-total-paid-label {
    border: 2px solid var(--success-border-emphasis);
    border-radius: 4px;
    color: var(--text-default);
    content: "PAID";
    font-size: 16px;
    line-height: 1;
    padding: .25em .5em;
    position: relative;
    right: 20px;
    display: inline-block
}

.invoice-total-item--bold {
    font-weight: 500
}

.invoice-total-item-label {
    display: inline-block
}

.invoice-total-item-amount {
    display: inline-block;
    padding-left: 10px;
    width: 110px
}

.invoice-billing-period-heading {
    margin-left: 40px;
    margin-right: 40px;
    border-bottom: 3px solid var(--neutral-border);
    font-size: 1.4em;
    padding: 20px 0 10px
}

.invoice-billing-period-annual-contract-heading>small,.invoice-billing-period-heading>small {
    margin-left: 10px
}

.invoice-billing-period-annual-contract-heading {
    margin-left: 40px;
    margin-right: 40px;
    font-size: 1.4em;
    padding: 30px 0 10px
}

.invoice-billing-period-annual-contract-terms {
    padding: 0 0 10px
}

.invoice-billing-period-annual-contract-terms,.invoice-billing-period-usage-limits {
    margin-left: 40px;
    margin-right: 40px;
    font-size: 1em
}

.invoice-billing-period-hr {
    border-top: 1px solid var(--neutral-border);
    border-bottom: none;
    margin: 0 40px 10px
}

.invoice-billing-period-thick-hr {
    border-bottom: none;
    margin: 0 40px
}

.invoice-billing-period-hr.o__per-product,.invoice-billing-period-thick-hr,.invoice-billing-period-thick-hr.o__per-product {
    border-top: 3px solid var(--neutral-border)
}

.invoice-billing-period-post-subtotal {
    margin-left: 40px;
    margin-right: 40px;
    display: flex;
    flex-wrap: wrap
}

.invoice-billing-period-post-subtotal-wrapper {
    flex: none
}

.invoice-billing-period-post-subtotal-space {
    flex: 1
}

.invoice-billing-period-figure {
    margin-bottom: 10px
}

.invoice-billing-period-figure.o__per-product {
    width: 660px
}

.invoice-billing-period-figure-subtotal {
    font-weight: 500
}

.invoice-billing-period-figure-subtotal.o__per-product {
    font-size: 1.2em
}

.invoice-billing-period-figure-key {
    width: 200px
}

.invoice-billing-period-figure-value {
    text-align: right;
    padding-left: 10px;
    white-space: nowrap
}

.invoice-billing-period-total {
    font-weight: 500;
    font-size: 1.4em;
    padding: 20px 0 20px 20px;
    text-align: right;
    margin: 10px 40px auto
}

.invoice-billing-period-total.o__per-product {
    font-size: 1.4em;
    padding-top: 0;
    margin-top: 10px;
    display: flex
}

.invoice-billing-period-subtotal-container {
    width: 660px
}

.m__team-member-selector__search-input {
    border: 0!important;
    outline: 0!important;
    box-shadow: none!important;
    background: 0 0;
    font-size: 14px;
    color: var(--text-default);
    padding: 8px 0;
    width: 100%;
    height: 20px
}

.m__team-member-selector__search-input::placeholder {
    font-weight: 400;
    color: var(--text-muted)
}

.m__team-member-selector__search {
    padding: 0 12px;
    border-radius: 3px;
    border: 1px solid var(--neutral-border);
    background-color: var(--neutral-container)
}

.m__team-member-selector.o__expanded .m__team-member-selector__search {
    border-radius: 3px 3px 0 0
}

.m__team-member-selector.o__disabled {
    opacity: .5
}

.new-settings__teams__section-content .m__team-member-selector {
    width: max-content
}

.pl_user_profile_loading_container {
    padding: 20px;
    max-width: 640px;
    height: 20px
}

.activity-feed .pl_user_profile_loading_container {
    padding: 8px
}

.embercom-composer-editor {
    -webkit-font-smoothing: antialiased
}

.inbox__conversation-composer__wrapper .embercom-composer-editor {
    min-height: 50px
}

.embercom-composer {
    border-radius: 3px
}

.composer-inbox {
    overflow: auto;
    height: 100%
}

.composer-inbox pre {
    margin: 0;
    padding: 0
}

.composer-inbox p {
    margin-top: 0
}

.composer-inbox .composer-attachment-list {
    overflow: hidden
}

.embercom-composer-placeholder {
    left: 10px;
    top: 9px;
    padding-right: 24px
}

.embercom-composer a.intercom-interblocks-link {
    max-width: 308px;
    text-decoration: none
}

.hljs-built_in,.hljs-builtin-name {
    color: var(--text-link)
}

.tbl__cell {
    vertical-align: middle
}

.conversation__part__avatar a {
    display: inline-block;
    width: 32px;
    height: 32px
}

.overlay .js_keyboard_selected .dropdown__list-item {
    background: var(--neutral-container)
}

.shim__composer-max {
    max-height: calc(50vh - 90px)
}

.shim__composer-max p {
    margin: 0 0 14px
}

.conversation__card__in-list .shim__composer-max {
    max-height: 190px
}

.shim__activity-feed {
    overflow: auto
}

.flex-auto.min-w-0,.l__full__col,.l__full__horizontal,.l__full__row,.l__full__vertical {
    -ms-flex-preferred-size: auto
}

.conversation__list__item .flex-auto.min-w-0,.shim__company-profile__main,.shim__company-profile__main .flex-auto.min-w-0 {
    -ms-flex-preferred-size: 0
}

.conversation__card .card__expanded-content.conversation__stream {
    -ms-flex-preferred-size: 200px
}

.shim__checkbox-selected .tbl__cell {
    background-color: var(--neutral-container-emphasis)
}

.shim__force-cell-button-width {
    width: 40px
}

.shim__overflow-area {
    overflow: auto
}

.composer-attribute-editor {
    width: auto
}

.pill__delete,.pill__icon {
    top: 2px
}

a.nav__link:active {
    opacity: 1
}

.start__button .loading__indicator.o__inline {
    margin-left: -20px;
    margin-right: 5px;
    margin-top: -3px
}

.loading__indicator.o__inline .loading__indicator__graphic {
    display: inline-block
}

input[disabled],select[disabled],textarea[disabled] {
    pointer-events: none
}

.embercom-composer .entity_mention span {
    background-color: transparent!important;
    padding: 0;
    font-weight: 500!important;
    font-size: 14px;
    border: 0!important
}

.composer__if-else-statement-block-editor__input-with-attribute-inserter b,.conversation__part b,.early-stage__progression-summary-and-action-banner strong,.inbox__conversation-composer__wrapper .embercom-prosemirror-composer-editor b,.intercom-interblocks-imagetext-title b,.saved-replies__saved-replies-new-modal__editor .embercom-prosemirror-composer-editor b,.settings__saved-replies__preview__editor .embercom-prosemirror-composer-editor b,.update__subscription__banner-description strong,b,strong {
    font-weight: 600
}

.application__component {
    color: var(--text-default);
    height: 100%
}

.conversion-success-confetti-canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    bottom: 0;
    left: 0;
    z-index: 10000
}

.layout__module__top-slot,.top-level-banners {
    display: flex;
    flex-direction: column;
    gap: var(--module-spacing)
}

:is(.top-level-banners,.layout__module__top-slot):not(:has(*)) {
    display: none
}

.layout__module__left-slot {
    transition: margin 150ms ease-in-out
}

.layout__module__left-slot:has(>.layout__module__left-slot-item:not([data-hidden])) {
    margin-inline-end:var(--module-spacing);transition: unset
}

.layout__module__left-slot-item {
    transition: padding 150ms ease-in-out,margin 150ms ease-in-out,opacity 150ms ease-in-out,flex-basis 150ms ease-in-out;
    opacity: 1;
    flex-basis: var(--slot-width);
    width: var(--slot-width)
}

.layout__module__left-slot-item:not(:first-child) {
    margin-inline-start:0}

.layout__module__left-slot-item[data-hidden] {
    flex-basis: 0;
    opacity: 0;
    margin-inline-start:0;padding-inline:0;width: 0
}

.account__notifications__specific-page-editor-opener {
    position: relative;
    top: -8px
}

.accordion__section {
    padding-right: 0;
    border: 1px solid var(--neutral-border);
    margin-bottom: 10px;
    width: fit-content;
    min-width: 100%
}

.accordion__section-error {
    border: 1px solid var(--error-border)
}

.accordion__section.o__fullscreen {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    margin-bottom: 0;
    overflow-y: auto;
    background-color: var(--base-module);
    border-color: transparent!important
}

.accordion__section.o__lightweight:hover:not(.o__disabled),.accordion__section:hover:not(.o__disabled) {
    border: 1px solid var(--neutral-border-emphasis)
}

.accordion__section.o__open,.accordion__section.o__open:hover {
    border: 1px solid var(--accent-border-emphasis);
    box-shadow: var(--shadow-lvl-2);
    margin-right: 0
}

.accordion__section.o__lightweight {
    border: 1px solid transparent;
    box-shadow: none;
    border-radius: 8px
}

.accordion__section.o__lightweight.o__open,.accordion__section.o__lightweight.o__open:hover {
    box-shadow: var(--shadow-lvl-2);
    border: 1px solid var(--accent-border-emphasis)
}

.accordion__section.o__lightweight.o__closed {
    box-shadow: none
}

.accordion__section:not(.o__disabled) .accordion__header {
    opacity: 1;
    cursor: pointer
}

.accordion__section.o__disabled {
    opacity: .5
}

.accordion__section:not(.o__disabled) .accordion__header.o__closed,.accordion__section:not(.o__disabled) .accordion__header__opener {
    cursor: pointer
}

.accordion__toggle-button {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 10px
}

.accordion__toggle-button.o__open {
    transform: translateX(-5px) rotate(90deg);
    cursor: pointer;
    fill: var(--text-default)
}

.accordion__toggle-button.o__closed {
    fill: var(--text-muted)
}

.accordion__section:not(.o__disabled) .accordion__toggle-button.o__hover {
    fill: var(--text-default)
}

.accordion__header,.accordion__section,.accordion__toggle-button {
    transition-property: opacity,color,transform,box-shadow,padding-right,margin-right,fill;
    transition-duration: .2s;
    transition-timing-function: ease
}

.accordion__blue-header,.accordion__white-header {
    background: var(--base-module)
}

.accordion__blue-header,.accordion__lightweight-header,.accordion__white-header {
    align-items: center;
    min-height: 60px
}

.accordion__lightweight-header__yield-container {
    margin: auto;
    width: 100%
}

.accordion__lightweight-header.o__open {
    box-sizing: border-box;
    min-height: 61px;
    border-bottom: 1px solid var(--neutral-border)
}

.accordion__blue-header-title__container,.accordion__white-header-title__container {
    max-height: 90px;
    box-sizing: border-box
}

.accordion__white-header-title__symbol {
    margin-top: -17px
}

.accordion__blue-header-title.o__open,.accordion__white-header-title__symbol.o__open {
    color: var(--text-default)
}

.accordion__section.o__closed:hover:not(.o__disabled) .accordion__white-header-title-text {
    color: var(--text-default)
}

.accordion__body-button__feature-flagged {
    margin-left: -10px
}

.accordion__section__link:after {
    content: "";
    border-left: 1px solid var(--neutral-border);
    display: block;
    position: absolute;
    left: 40px;
    top: -10px;
    width: 100px;
    height: 10px
}

.accordion__blue-header-title__animated-index-error-color {
    background-color: var(--error-container);
    color: var(--text-default)
}

.accordion__section__wrapper__content {
    margin: 0 70px 30px
}

.file-upload__preview {
    margin: 0 auto
}

.file-upload__preview-image {
    border-radius: 5px;
    height: 150px
}

.t__cap-first-letter::first-letter {
    text-transform: uppercase
}

.t__centered {
    text-align: center
}

.t__left {
    text-align: left
}

.t__right {
    text-align: right
}

.t__select-group-label {
    min-width: 30px
}

.t__no-decoration {
    text-decoration: none
}

.t__lowercase {
    text-transform: lowercase
}

.t__h1-associated-text {
    line-height: 20px;
    padding: 4px 0 3px;
    display: inline-block;
    vertical-align: bottom
}

.t__breadcrumb-link {
    transition: border-bottom .2s ease;
    border-bottom: 1px solid transparent
}

.t__breadcrumb-link:hover {
    border-bottom: 1px solid var(--neutral-border)
}

.t__content-editor-stat,.t__message-editor-stat {
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    margin: 8px 0 4px
}

.t__conversation-summary {
    color: var(--text-default)
}

.t__medium {
    font-weight: 500
}

.text-xs {
    font-size: 11px
}

.mini-expander {
    cursor: pointer;
    height: 8px;
    margin-top: 3px;
    width: 19px;
    border: 0;
    color: var(--text-muted);
    padding-left: 1px;
    position: relative
}

.mini-expander:hover {
    color: var(--text-link);
    background-color: transparent
}

.mini-expander__icon {
    position: absolute;
    top: -5px;
    left: 2px
}

.emoji__popover {
    width: 340px;
    height: 360px
}

.emoji__popover.o__spaced {
    margin-top: 4px
}

.emoji__popover .emoji-component-wrapper {
    height: 100%
}

.emoji__popover__icon {
    font-size: 24px;
    text-align: center;
    color: var(--text-muted);
    padding: 5px
}

.emoji__popover__icon.o__in-tab {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400!important
}

.emoji__popover__icon.o__in-panel {
    width: 30px;
    line-height: 30px;
    display: inline-table;
    cursor: pointer;
    vertical-align: middle
}

.emoji__popover__icon.o__in-panel:hover {
    transform: scale(1.1)
}

.emoji__popover__header {
    margin: 20px 10px 0
}

.emoji__popover__icons {
    margin-left: 15px
}

.emoji__popover__icons:last-child {
    margin-bottom: 20px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .emoji__popover__icon {
        font-size:28px
    }
}

.emoji__image {
    cursor: pointer;
    background-image: url(https://js.intercomcdn.com/images/emoji-spritemap-16.png);
    background-size: 464px 464px;
    background-repeat: no-repeat
}

@media (min-device-pixel-ratio: 1.3),(min-resolution:1.3dppx) {
    .emoji__image {
        background-image:url(https://js.intercomcdn.com/images/emoji-spritemap-32.png)
    }
}

.avatar__emoji__image {
    display: block!important
}

.ProseMirror img[data-class-name=custom-emoji],.inbox2__composer img[data-class-name=custom-emoji] {
    width: 16px;
    height: 16px;
    padding-bottom: 1px;
    object-fit: contain;
    display: inline-block;
    vertical-align: text-bottom
}

.inbox2__renderable-part .custom-emoji,.inbox2__renderable-part img[data-class-name=custom-emoji],.inbox2__renderable-part img[data-class-name=custom-emoji].custom-emoji {
    width: 16px;
    height: 16px;
    padding-bottom: 3px;
    object-fit: contain;
    display: inline-block;
    vertical-align: center;
    border-radius: 0;
    margin: 0
}

.custom-emoji,.emoji__popover .custom-emoji {
    width: 22px;
    height: 22px;
    object-fit: contain;
    display: inline-block;
    vertical-align: center
}

.embercom-prosemirror-composer-emoji-typeahead .custom-emoji,.embercom-prosemirror-composer-emoji-typeahead img.custom-emoji {
    width: 16px;
    height: 16px;
    padding-bottom: 1px;
    object-fit: contain;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 8px
}

.inbox2__renderable-part .custom-emoji:hover {
    box-shadow: none
}

.break-all .custom-emoji,.line-clamp-1 .custom-emoji {
    width: 16px;
    height: 16px;
    object-fit: contain;
    display: inline-block;
    vertical-align: text-bottom
}

.popover-fade__mask {
    height: 30px;
    width: 100%;
    position: absolute;
    left: 0;
    content: "";
    border-radius: 0 3px;
    pointer-events: none;
    display: block;
    z-index: 2
}

.gif__popover {
    width: 360px;
    height: 360px
}

.gif__popover.o__spaced {
    margin-top: 4px
}

.gif__popover__panel {
    overflow-y: scroll;
    height: 310px;
    position: relative;
    z-index: 1;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center
}

.gif__popover__panel__no__results {
    text-align: center;
    padding-top: 132px
}

.gif__popover__header {
    margin-left: 25px;
    margin-right: 30px;
    margin-top: 25px
}

.gif__popover__image:last-child {
    margin-bottom: 20px
}

.gif__popover__image.o__in-panel {
    display: inline-block
}

.gif__popover__image__gif {
    width: 155px;
    height: 120px;
    margin-bottom: 5px
}

.gif__popover__mask {
    height: 30px;
    width: 100%;
    position: absolute;
    left: 0;
    content: "";
    border-radius: 0 3px;
    pointer-events: none;
    display: block;
    z-index: 2
}

.gif__popover__mask__bottom {
    background: linear-gradient(rgba(from var(--base-module) r g b/0%),var(--base-module) 20px);
    bottom: 0
}

.gif__list-item {
    padding: 8px 12px;
    border-bottom: 1px solid var(--neutral-border)
}

.gif__list-item.o__active,.gif__popover__image__gif:hover {
    cursor: pointer
}

.gif__list-item.o__hoverable:hover,.gif__list-item.o__keyboard-selected {
    background-color: var(--neutral-container-emphasis);
    cursor: pointer
}

.gif__list-item.o__suggested {
    background-color: var(--accent-container)
}

.gif__list-item.o__suggested.o__active,.gif__list-item.o__suggested.o__hoverable:hover,.gif__list-item.o__suggested.o__keyboard-selected {
    background-color: var(--accent-container-emphasis)
}

.gif__list-item.o__active {
    background-color: var(--neutral-container-emphasis)
}

.gif__list-item__content {
    width: calc(100% - 12px)
}

.gif__list-item__name {
    padding-left: 12px;
    max-width: calc(100% - 12px)
}

.gif__list-item__summary {
    max-width: 40%
}

.gif__list-item__search {
    height: 36px;
    padding: 0
}

.gif__list-item__search-input {
    height: 36px;
    border: 0;
    padding: 0 38px;
    position: absolute;
    z-index: 1;
    outline: 0
}

.gif__list-item__search-input::placeholder {
    color: var(--text-muted)
}

.gif__list-item__search-icon {
    position: absolute;
    z-index: 2;
    top: 8px;
    left: 12px
}

.gif__list-item__search-clear {
    position: absolute;
    top: 8px;
    right: 12px;
    z-index: 2
}

.gif__list-item__search-clear .interface-icon,.gif__list-item__search-icon .interface-icon {
    color: var(--text-muted)!important
}

.gif__no-results-found {
    text-align: center;
    padding-top: 20px
}

.avatar__proxy {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: -2px
}

.composer__if-else-statement-block-editor__input-with-attribute-inserter {
    min-height: 4em
}

.composer__if-else-statement-block-editor__input-with-attribute-inserter a {
    color: var(--text-link)
}

.composer__if-else-statement-block-editor__input-with-attribute-inserter .intercom-h2b-button::selection {
    color: inherit
}

.composer__if-else-statement-block-editor__input-with-attribute-inserter img {
    max-width: 100%
}

.composer__if-else-statement-block-editor__input-with-attribute-inserter .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted)
}

.composer__if-else-statement-block-editor__input-with-attribute-inserter .intercom-h2b-button {
    padding: 12px 35px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 3px;
    display: inline-block;
    text-decoration: none;
    background-color: #333;
    color: #fff;
    border: 0
}

.embercom-prosemirror-composer-if-else-statement-block::after {
    transition: all .2s ease-in-out;
    position: absolute;
    top: -1px;
    left: -2px;
    right: -2px;
    bottom: -1px;
    content: "";
    pointer-events: none;
    border-radius: 4px;
    border: solid transparent 1px
}

.embercom-prosemirror-composer-if-else-statement-block:hover :hover::after {
    border: solid transparent 1px
}

.embercom-prosemirror-composer-block-selected,.embercom-prosemirror-composer-if-else-statement-block {
    position: relative
}

.embercom-prosemirror-composer-block-selected::after {
    border: solid 1px var(--beta-fill)!important
}

.embercom-prosemirror-composer-if-else-statement-block::before {
    position: absolute;
    left: -22px;
    content: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="20" rx="10" fill="white"/><path d="M10.2097 16.7525L15.2523 10.4492C15.6517 9.94995 15.8515 9.70029 15.8517 9.49019C15.8519 9.30746 15.7688 9.13461 15.626 9.02061C15.4618 8.88954 15.1421 8.88954 14.5027 8.88954H11.5001V3.62629C11.5001 2.78694 11.5001 2.36727 11.3431 2.19541C11.2073 2.04665 11.0058 1.976 10.8068 2.00729C10.5769 2.04345 10.3148 2.37116 9.79043 3.02658L4.74783 9.32983C4.34839 9.82914 4.14867 10.0788 4.14844 10.2889C4.14824 10.4716 4.23132 10.6445 4.37413 10.7585C4.53833 10.8895 4.85804 10.8895 5.49746 10.8895L9.91697 10.8895C10.2212 10.8895 10.3322 11.2902 10.0713 11.4468L8.50006 12.3895V16.1528C8.50006 16.9921 8.50006 17.4118 8.657 17.5837C8.79285 17.7324 8.99428 17.8031 9.19328 17.7718C9.42319 17.7356 9.68537 17.4079 10.2097 16.7525Z" fill="%23B5BCFD"/></svg>');
    pointer-events: none;
    top: 50%;
    transform: translateY(-10px);
    z-index: 100
}

.embercom-prosemirror-composer-if-else-statement-block.embercom-prosemirror-composer-block-selected::before {
    content: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="20" rx="10" fill="white"/><path d="M10.2097 16.7525L15.2523 10.4492C15.6517 9.94995 15.8515 9.70029 15.8517 9.49019C15.8519 9.30746 15.7688 9.13461 15.626 9.02061C15.4618 8.88954 15.1421 8.88954 14.5027 8.88954H11.5001V3.62629C11.5001 2.78694 11.5001 2.36727 11.3431 2.19541C11.2073 2.04665 11.0058 1.976 10.8068 2.00729C10.5769 2.04345 10.3148 2.37116 9.79043 3.02658L4.74783 9.32983C4.34839 9.82914 4.14867 10.0788 4.14844 10.2889C4.14824 10.4716 4.23132 10.6445 4.37413 10.7585C4.53833 10.8895 4.85804 10.8895 5.49746 10.8895L9.91697 10.8895C10.2212 10.8895 10.3322 11.2902 10.0713 11.4468L8.50006 12.3895V16.1528C8.50006 16.9921 8.50006 17.4118 8.657 17.5837C8.79285 17.7324 8.99428 17.8031 9.19328 17.7718C9.42319 17.7356 9.68537 17.4079 10.2097 16.7525Z" fill="%231D31ED"/></svg>')
}

.conversation__is-typing-animation {
    position: relative;
    background-position: center bottom;
    height: 18px;
    width: 38px
}

.conversation__is-typing-animation__dot-01,.conversation__is-typing-animation__dot-02,.conversation__is-typing-animation__dot-03 {
    animation: is-typing-dot 1s infinite ease-in;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--neutral-fill);
    position: absolute;
    top: 6px
}

.conversation__is-typing-animation__dot-01 {
    left: 6px
}

.conversation__is-typing-animation__dot-02 {
    animation-delay: .15s;
    left: 16px
}

.conversation__is-typing-animation__dot-03 {
    animation-delay: .3s;
    left: 26px
}

.conversation__part__avatar.o__is-typing-on,.m__conversation-card__is-typing__avatar.o__is-typing-on {
    animation: animate-is-typing-avatar .1s ease-in;
    transition: transform .1s
}

.conversation__part__avatar.o__is-typing-off,.m__conversation-card__is-typing__avatar.o__is-typing-off {
    animation: animate-is-typing-avatar .1s .2s ease-in reverse
}

.conversation__bubble-container {
    display: flex;
    align-items: flex-start
}

.conversation__bubble-container.o__user-comment {
    flex-direction: row
}

.conversation__bubble-container.o__admin-comment,.conversation__bubble-container.o__admin-note {
    flex-direction: row-reverse
}

.conversation__group-bubbles {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.conversation__group-bubbles.o__admin {
    align-items: flex-end
}

.conversation__group-bubbles.o__user {
    align-items: flex-start
}

.conversation__bubble-meta-error {
    cursor: pointer
}

.conversation__action.o__immediate-send {
    visibility: hidden
}

.conversation__part.o__immediate-send {
    animation-name: admin_part_immediate_send_animation;
    animation-duration: 250ms;
    animation-timing-function: ease-in-out
}

.conversation__part__avatar.o__not-persisted {
    opacity: .7
}

.composer-box .conversation__messenger-card,.conversation__link,.conversation__link__container,.conversation__part .conversation__messenger-card,.conversation__text .intercom-interblocks-link,.intercom-interblocks .intercom-interblocks-messenger-card {
    width: 308px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 6px;
    font-size: 15px;
    background-color: var(--neutral-container);
    border: 1px solid rgba(var(--neutral-border),.9);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.03);
    text-decoration: none
}

.conversation__text .embercom-composer-editor {
    min-height: 0
}

.conversation__text .embercom-composer-editor .ic-block,.settings__saved-replies__composer-wrapper .embercom-composer-editor ic-block {
    cursor: auto
}

.conversation__text .embercom-composer-editor [data-type=html] .block-html {
    pointer-events: all;
    line-height: 18px
}

.conversation__text .intercom-interblocks>div {
    margin-bottom: 1.3em
}

.conversation__text .intercom-interblocks>div:last-child {
    margin-bottom: 0
}

.conversation__text a.intercom-interblocks-link:last-child {
    margin: 5px 0
}

.conversation__text a.intercom-interblocks-link {
    margin: 5px 0 1.5em
}

.conversation__link__container .intercom-interblocks-link {
    border-bottom: 1px solid rgba(var(--neutral-border),.9)
}

.conversation__link__container .intercom-interblocks-link:last-child {
    border-bottom: 0
}

.conversation__link__container .intercom-interblocks-link-author,.conversation__text p+br {
    display: none
}

.conversation__link__container .intercom-interblocks-link-title {
    margin: 0
}

.conversation__link.o__message {
    margin: auto;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.08)
}

.conversation__link__caption {
    text-align: center;
    margin: 1px 0
}

.conversation__notification-channels__card {
    width: 260px;
    padding: 16px 20px 20px;
    color: var(--text-default);
    opacity: .6;
    position: relative;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 5px;
    text-align: left;
    background-color: var(--neutral-container)
}

.conversation__notification-channels__card.o__success {
    padding: 16px 20px 12px
}

.conversation__notification-channels__title {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 14px;
    color: var(--text-muted)
}

.conversation__notification-channels__existing-value {
    font-size: 15px;
    line-height: 19px;
    color: var(--text-muted)
}

.conversation__notification-channels__option-container {
    height: 30px
}

.conversation__notification-channels__option {
    margin-right: 22px;
    font-size: 13px;
    line-height: 20px;
    color: var(--text-muted)
}

.conversation__notification-channels__option.o__selected {
    color: var(--text-muted);
    border-bottom: 1px solid
}

.conversation__notification-channels__input-container input {
    width: 220px;
    float: left;
    box-sizing: border-box;
    line-height: 32px;
    color: var(--text-muted);
    height: 40px;
    padding: 0 12px;
    border: 1px solid var(--success-border-emphasis);
    border-right: 0;
    border-radius: 6px 0 0 6px;
    font-size: 15px
}

.conversation__notification-channels__input-container button {
    padding: 0;
    background-position: center;
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 0 4px 4px 0;
    border: 0;
    background-color: var(--success-fill-emphasis);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
    background-image: url(https://static.intercomassets.com/ember/assets/images/cards/forward-icon-38f8f7d6304e7c4b5b805d8b7be18499.png)
}

@media (min-device-pixel-ratio: 1.3),(min-resolution:1.3dppx) {
    .conversation__notification-channels__input-container button {
        background-image:url(https://static.intercomassets.com/ember/assets/images/cards/forward-icon@2x-f9f16c3bbab4983b5346383449f9a230.png)
    }
}

.conversation__notification-channels__input-container button {
    background-size: 8px 13px;
    background-repeat: no-repeat
}

.conversation__part {
    position: relative
}

.conversation__part-wrapper.o__admin {
    margin-right: 46px
}

.conversation__part-wrapper.o__user {
    margin-left: 46px
}

.conversation__part__avatar {
    position: absolute;
    top: 9px
}

.conversation__part__avatar.o__for-user {
    left: 0
}

.conversation__part__avatar.o__for-admin {
    right: 0
}

.conversation__part__avatar.o__for-bot {
    right: 0;
    background-color: var(--neutral-container);
    border-radius: 50%;
    border: 1px solid var(--neutral-border);
    color: #425b67;
    width: 30px;
    height: 30px;
    line-height: 30px
}

.conversation__bubble {
    min-width: 100px;
    border-radius: 6px;
    border: 1px solid
}

.conversation__bubble.o__is-typing-on {
    min-width: 0
}

.conversation__bubble.o__user-comment.o__is-typing-on {
    animation-name: scale_in_from_left;
    animation-duration: 150ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 150ms;
    opacity: 0;
    background-color: var(--neutral-container);
    border-color: var(--neutral-border)
}

.conversation__bubble.o__user-comment.o__in-card-with-avatar.o__is-typing-on,.conversation__bubble.o__user-comment.o__is-typing-off,.conversation__bubble.o__user-comment.o__without-avatar.o__is-typing-on {
    animation-name: scale_in;
    animation-duration: 150ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards
}

.conversation__bubble.o__user-comment.o__is-typing-off {
    animation-name: scale_out_to_left
}

.conversation__bubble.o__admin-comment.o__is-typing-on,.conversation__bubble.o__admin-note.o__is-typing-on {
    animation-name: scale_in_from_right;
    animation-duration: 150ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 150ms;
    opacity: 0
}

.conversation__bubble.o__admin-comment.o__is-typing-off,.conversation__bubble.o__admin-note.o__is-typing-off {
    animation-name: scale_out_to_right;
    animation-duration: 150ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards
}

.conversation__bubble,.conversational-messenger__conversation__bubble {
    box-sizing: border-box;
    position: relative
}

.conversation__bubble.o__bot-comment,.conversation__bubble.o__user-comment {
    border-color: var(--neutral-border);
    background-color: var(--neutral-container)
}

.conversation__bubble.o__user-comment {
    color: var(--text-default)
}

.conversation__bubble.o__redacted,.conversation__bubble.o__user-comment.o__redacted {
    border-color: var(--neutral-border);
    background: var(--neutral-container);
    color: var(--text-muted)
}

.conversation__bubble.o__admin-comment,.conversation__bubble.o__admin-comment.o__is-typing-on {
    border-color: var(--beta-border);
    background-color: var(--beta-container)
}

.conversation__bubble.o__admin-comment.o__redacted {
    background: var(--neutral-container);
    color: var(--text-muted);
    border-color: var(--neutral-border)
}

.conversation__bubble.o__admin-note {
    border-color: var(--notice-border);
    background-color: var(--notice-container)
}

.conversation__bubble.o__operator-comment {
    border-color: var(--neutral-border);
    background-color: var(--neutral-container);
    color: var(--text-default)
}

.conversation__bubble,.conversation__bubble__meta,.conversation__group-bubbles {
    max-width: calc(100% - 69px)
}

.conversation__bubble.o__fit,.conversation__group-bubbles .conversation__bubble {
    max-width: 100%
}

.conversation__bubble.o__in-card-with-avatar {
    margin-left: 6px;
    position: absolute;
    top: -4px
}

.conversation__bubble__spacer {
    width: 5px
}

.conversation__bubble__lwr {
    padding: 5px 16px;
    text-align: center;
    border-top: 1px solid var(--neutral-border-emphasis);
    color: var(--text-default)
}

.conversation__bubble__inner.o__has-tools {
    padding-right: 40px
}

.conversation__bubble__inner {
    padding: 14px
}

.conversation__bubble__inner.o__thin {
    padding: 7px 10px
}

.conversation__bubble__tools {
    display: flex;
    padding: 7px 0
}

.conversation__bubble__tools.o__admin-comment,.conversation__bubble__tools.o__admin-note {
    flex-direction: row-reverse
}

.conversation__bubble__tools__item.o__flipped {
    transform: rotate(90deg)
}

.conversation__bubble.o__highlighted {
    animation-name: highlighted_shadow_fade;
    animation-duration: 10s;
    animation-timing-function: ease-out
}

.conversation__bubble.o__not-persisted {
    opacity: .7
}

.conversation__bubble__channel-icon {
    vertical-align: bottom;
    margin-bottom: 4px
}

.o__highlighted__persisted {
    box-shadow: 0 0 0 3px var(--neutral-border)
}

.conversation__card.o__full {
    display: flex;
    flex-direction: column
}

.conversation__card__title__text {
    font-weight: 400;
    font-size: 18px
}

.conversation__card__deleted-title {
    color: var(--text-default);
    font-weight: 500;
    font-size: 14px
}

.conversation__card__title__em-link {
    color: var(--text-default);
    font-weight: 600
}

.conversation__card__title__em-link:hover {
    color: var(--text-link);
    opacity: 1
}

.conversation__card__centered-row {
    display: flex;
    flex-direction: row;
    align-items: center
}

.conversation__card__comment-count {
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    vertical-align: bottom;
    padding: 0 5px
}

.conversation__card__description {
    margin-left: 4px
}

.conversation__card__upload-progress {
    background-color: var(--neutral-container);
    height: 6px;
    width: calc(100% - 8px)
}

.conversation__card__upload-progress__bar {
    height: 100%;
    background-color: var(--beta-fill);
    width: 0;
    transition: width .15s linear
}

.conversation__card__roll-up {
    margin-left: 10px;
    cursor: pointer
}

.conversation__card.o__full {
    height: 600px
}

.conversation__card__divider.o__mentions {
    margin: 16px 0
}

.conversation__card__content-collapsed {
    z-index: 1;
    position: absolute;
    width: 100%;
    border-radius: 6px;
    box-sizing: border-box;
    bottom: 0;
    padding: 8px 16px 16px
}

.conversation__card__content-collapsed.o__collapse {
    transition: all .15s ease-out;
    height: 58px;
    box-sizing: border-box
}

.conversation__card__content-collapsed-with-title.o__collapse {
    height: auto;
    line-height: 20px
}

.conversation__card__content-collapsed.o__collapse.o__reduced-height {
    height: 48px;
    box-sizing: border-box
}

.conversation__card__content-collapsed.o__expand {
    transition: all .15s ease-out;
    height: 0;
    padding: 0
}

.conversation__card__content-collapsed-inner.o__collapse {
    transition: all .15s ease-out;
    transition-delay: .15s;
    opacity: 1
}

.conversation__card__content-collapsed-inner.o__expand {
    opacity: 0
}

.m__conversation-card__summary__avatar.o__ml__0 {
    margin-left: 0
}

.conversation__card__content-expanded.o__fully-collapsed {
    height: 0
}

.conversation__card__content-expanded.o__collapse {
    height: 62px
}

.conversation__card__content-expanded.o__collapse.o__reduced-height {
    height: 51px
}

.conversation__card__content-expanded.o__expand.o__max-height-screen {
    height: calc(100vh - 114px)
}

.conversation__card__content-expanded__controls.o__overlay-background {
    background: var(--neutral-container);
    z-index: 1
}

.conversation__card__content-expanded__controls.o__collapse {
    transition: all .15s ease-out;
    opacity: 0
}

.conversation__card__content-expanded__controls.o__expand {
    transition: all .15s ease-out;
    opacity: 1
}

.conversation__card__header {
    padding: 11px 20px 15px
}

.conversation__card__header__with__title {
    padding: 16px 16px 12px
}

.conversation__list__item__title__text {
    color: var(--text-muted)
}

.conversation__card__header__with__title-empty-title .conversation__list__item__title__text {
    height: 20px
}

.conversation__card__header__admin-selector {
    display: inline-block;
    white-space: nowrap;
    margin-right: 10px;
    outline: 0
}

.conversation__card__actions-wrapper {
    text-align: right
}

.conversation__card__header__avatar-wrapper {
    min-height: 38px!important;
    overflow: hidden
}

.conversation__card__header__avatar {
    margin: 3px 14px 3px -1px;
    box-sizing: border-box;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid transparent
}

.conversation__card__header__avatar__with__title {
    margin-right: 12px
}

.conversation__card__header__avatar.o__checkbox-wrapper {
    border-color: var(--neutral-border)
}

.conversation__card__header__username-with-no-company {
    margin-top: 0
}

.conversation__card__header__company-name {
    color: var(--text-muted);
    font-weight: 500;
    font-size: 13px
}

.conversation__card__title__attribute__editor {
    line-height: 14px
}

.conversation__mini-card__summary-bar {
    width: 2px;
    height: 17px;
    margin-top: 5px;
    margin-right: 8px;
    background-color: var(--beta-fill)
}

.conversation__mini-card__summary-bar.o__admin-note {
    background-color: var(--notice-fill)
}

.conversation__mini-card__rating {
    width: 14px;
    height: 14px;
    background-size: 14px;
    display: inline-block;
    position: relative;
    top: 2px
}

.conversation__mini-card__link {
    width: 100%;
    margin-top: 5px;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--text-muted)
}

.conversation__mini-card__app-sidebar {
    padding-top: 8px;
    padding-bottom: 8px
}

.conversation__mini-card__app-sidebar:hover {
    background-color: var(--neutral-container);
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
    padding-right: 12px;
    cursor: pointer
}

.conversation__inbox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: hidden
}

.conversation__inbox__content-outlet {
    position: absolute;
    top: 66px;
    left: 0;
    right: 0;
    bottom: 0
}

.conversation__inbox__list__spinner {
    height: 60px
}

.conversation__inbox__list__selection-info {
    position: absolute;
    left: 23.09%;
    width: calc(100% - 23.09%);
    height: 100%;
    background-color: var(--neutral-container);
    z-index: 20
}

.conversation__inbox__list-wrapper {
    border-right: 1px solid rgba(0,0,0,.2);
    box-sizing: border-box;
    width: 23.09%;
    top: 0;
    left: 0;
    bottom: 0;
    position: absolute
}

.conversation__inbox__list-filter {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 5px 6px;
    background-color: var(--neutral-container)
}

.conversation__inbox__list-filter.o__search {
    padding-left: 20px
}

.conversation__inbox__list__multi-select {
    margin-left: 14px
}

.conversation__inbox__list {
    overflow: auto;
    top: 108px;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
    background-color: var(--neutral-container)
}

.conversation__inbox__list.o__no-sortable-conversations {
    top: 180px
}

.conversation__inbox__list__no-sortable-conversation-banner {
    text-align: center;
    padding: 15px 25px;
    color: var(--text-muted);
    border-bottom: 1px solid var(--neutral-border)
}

.conversation__inbox__current-conversation {
    background-color: var(--neutral-container)
}

.conversation__inbox__user-profile-container {
    box-sizing: border-box;
    position: relative;
    padding-top: 40px;
    overflow: unset
}

.conversation__inbox__user-profile-container.o__group-conversation {
    padding-top: 60px
}

.conversation__inbox__current-conversation__header {
    background-color: var(--neutral-container);
    border-bottom: 1px solid rgba(0,0,0,.2);
    padding: 16px 20px;
    text-align: center;
    box-sizing: border-box
}

.conversation__inbox__outlet {
    left: 23.09%;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    background-color: var(--neutral-container)
}

.conversation__inbox__list-header {
    border-bottom: 1px solid var(--neutral-border);
    font-size: 18px;
    font-weight: 400;
    box-sizing: border-box;
    height: 65px;
    padding: 0 20px
}

.conversation__inbox__list-header__inbox-name:hover,.conversation__inbox__list-header__inbox-name:hover .t__h1 {
    color: var(--text-link)
}

@media screen and (max-width: 1280px) {
    .conversation__inbox__list-wrapper {
        width:28.55%
    }

    .conversation__inbox__outlet {
        left: 28.55%
    }

    .conversation__inbox__list__selection-info {
        left: 28.55%;
        width: calc(100% - 28.55%)
    }
}

.conversation__list__item__main-participant__name {
    color: var(--text-default);
    font-size: 14px;
    font-weight: 600
}

.conversation__list__item {
    text-decoration: none;
    display: block;
    height: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0,0,0,.1);
    background-color: var(--neutral-container)
}

.conversation__list__item__with__title .conversation__card__header {
    border-left: 2px solid transparent;
    padding-left: 16px
}

.conversation__list__item:hover {
    opacity: 1
}

.conversation__list__item.o__selected,.conversation__list__item.o__selected:hover,.conversation__list__item:hover {
    background-color: var(--neutral-container)
}

.conversation__list__item.o__active,.conversation__list__item.o__active:hover {
    background-color: var(--neutral-container-emphasis)
}

.conversation__list__item.o__active .conversation__list__item__main-participant__name,.conversation__list__item.o__selected .conversation__list__item__main-participant__name,.conversation__list__item:hover .conversation__list__item__main-participant__name,.conversation__list__timestamp.o__text-color-blue {
    color: var(--text-link)
}

.conversation__list__item.o__active .conversation__card__header {
    border-left: 2px solid var(--neutral-border)
}

.conversation__list__item.o__active .conversation__card__header__company-name,.conversation__list__item.o__active .conversation__list__item__title__text,.conversation__list__item.o__selected .conversation__card__header__company-name,.conversation__list__item.o__selected .conversation__list__item__title__text,.conversation__list__item:hover .conversation__card__header__company-name,.conversation__list__item:hover .conversation__list__item__title__text {
    color: var(--text-default)
}

.conversation__list__item.o__selected .avatar__badge,.conversation__list__item.o__selected:hover .avatar__badge,.conversation__list__item:hover .avatar__badge {
    border-color: var(--neutral-border)
}

.conversation__list__item.o__active .avatar__badge,.conversation__list__item.o__active:hover .avatar__badge {
    border-color: var(--neutral-border-emphasis)
}

.conversation__list__item.o__active:not(.o__selected) {
    border-left-color: var(--neutral-border)
}

.conversation__list__timestamp {
    color: var(--text-muted)
}

.conversation__list__item.o__active .conversation__list__item__summary.o__new-convo-list:not(.o__unread),.conversation__list__item.o__active:not(.o__selected) .conversation__list__timestamp {
    color: var(--text-default)
}

.conversation__list__item.o__active .conversation__list__item__summary,.conversation__list__item.o__active .conversation__list__timestamp,.conversation__list__item.o__selected .conversation__list__item__summary,.conversation__list__item.o__selected .conversation__list__timestamp,.conversation__list__item:hover .conversation__list__item__summary {
    color: var(--text-default)
}

.conversation__list__indicators-container {
    position: absolute;
    top: 10px;
    left: -17px
}

.conversation__list__item__summary {
    font-weight: 500;
    line-height: 20px;
    color: var(--text-muted)
}

.conversation__list__item__summary.o__in-card {
    margin-top: 0;
    line-height: 18px
}

.conversation__list__item__summary.o__admin-is-typing,.conversation__list__item__summary__content {
    margin-top: 13px
}

.conversation__list__item__summary.o__clamped {
    word-wrap: break-word;
    -ms-word-break: keep-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: none;
    hyphens: auto
}

.conversation__list__item__summary.o__new-convo-list {
    color: var(--text-muted);
    margin-left: 0
}

.conversation__list__item__summary__content__with__title {
    margin-top: 6px
}

.conversation__list__item__title__text {
    line-height: 20px;
    margin-bottom: 2px
}

.conversation__list__item__summary__text {
    font-weight: 400
}

.conversation__list__item__summary__is-typing {
    height: 16px;
    margin-left: -6px
}

.conversation__list__item__summary__avatar {
    margin-right: 8px
}

.conversation__list__item__note-summary-bar {
    width: 2px;
    height: 16px;
    margin-top: 2px;
    margin-right: 8px;
    background-color: var(--notice-fill)
}

.conversation__list__item__summary.o__reduced-height {
    height: inherit
}

.conversation__list__badge-wrapper__list {
    align-items: flex-end;
    margin-top: -8px;
    margin-right: -4px
}

.conversation__list__badge-wrapper__list-with-title {
    margin-right: 0;
    margin-top: 8px;
    margin-left: 5px
}

.conversation__list__badge-wrapper__list-with-title .interface-icon {
    margin-bottom: 1px
}

.conversation__list__badge-wrapper__list-with-title .interface-icon.o__standard__star {
    margin-bottom: 2px
}

.conversation__list__badge-wrapper {
    height: 20px;
    min-width: 20px;
    text-align: center
}

.conversation__list__badge-wrapper-priority-badge {
    margin-left: 4px
}

.conversation__list__badge {
    background-clip: padding-box;
    margin-top: 4px;
    border-radius: 50%;
    height: 6px;
    padding: 2px;
    width: 6px;
    box-sizing: border-box
}

.conversation__list__badge.o__unsnoozed {
    background-color: var(--neutral-container)
}

.conversation__list__badge.o__unread {
    background-color: var(--beta-fill)
}

.conversation__list__badge.o__reduce-mt {
    margin-top: 2px
}

.conversation__list__deleted-item {
    font-size: 13px;
    font-style: italic
}

.conversation__text {
    word-wrap: break-word;
    -ms-word-break: keep-all;
    word-break: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    line-height: 18px
}

.conversation__text .intercom-interblocks,.conversation__text .intercom-interblocks-ordered-list,.conversation__text .intercom-interblocks-paragraph,.conversation__text .intercom-interblocks-unordered-list,.conversation__text blockquote,.conversation__text ol,.conversation__text p,.conversation__text pre,.conversation__text ul {
    margin: 0 0 1.3em
}

.conversation__text .intercom-interblocks-ordered-list:last-child,.conversation__text .intercom-interblocks-paragraph:last-child,.conversation__text .intercom-interblocks-unordered-list:last-child,.conversation__text .intercom-interblocks:last-child,.conversation__text blockquote:last-child,.conversation__text ol:last-child,.conversation__text p:last-child,.conversation__text pre:last-child,.conversation__text ul:last-child {
    margin-bottom: 0
}

.conversation__text ol,.conversation__text ul {
    padding: 0 0 0 40px
}

.conversation__text blockquote {
    padding: 0 0 0 1em;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: var(--neutral-border);
    color: var(--text-muted)
}

.conversation__text ul {
    list-style-type: disc
}

.conversation__text h1 {
    font-size: 1.38em;
    padding-bottom: 12px;
    line-height: 25px
}

.conversation__text h2 {
    font-size: 1.23em;
    padding: 1px 0 11px
}

.conversation__text h3,.conversation__text h4,.conversation__text h5,.conversation__text h6 {
    font-size: 1em;
    padding-bottom: 10px
}

.conversation__text em {
    font-style: italic
}

.conversation__text pre {
    font-size: 1em;
    white-space: pre-wrap;
    padding: 0
}

.conversation__text img {
    max-width: 100%;
    height: auto
}

.conversation__text .ic_sticker>img {
    width: 96px;
    height: 96px
}

.conversation__text .ic_sticker>span {
    position: absolute;
    top: -9999px;
    left: -9999px
}

.conversation__text a {
    text-decoration: underline
}

.conversation__text ol+p,.conversation__text ol:last-child+p,.conversation__text ul+p,.conversation__text ul:last-child+p {
    margin-top: 1.3em
}

.conversation__text .intercom-align-right {
    text-align: right
}

.conversation__text .intercom-align-center {
    text-align: center
}

.conversation__text .intercom-align-left {
    text-align: left
}

.conversation__text .intercom-interblocks-paragraph.no-margin {
    margin-bottom: 0;
    min-height: 1.3em
}

.conversation__text .intercom-interblocks-paragraph.no-margin+.intercom-interblocks-image {
    margin-top: 1.3em
}

.conversation__text table {
    width: auto!important
}

.conversation__text .entity_mention {
    background-color: var(--notice-fill);
    border-radius: 4px;
    padding: 1px 6px 2px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-default);
    text-decoration: none;
    display: inline-block
}

.conversation__text .entity_mention:hover {
    cursor: pointer;
    text-decoration: underline
}

.conversation__text.o__with-image p:last-of-type {
    margin-bottom: 14px
}

.conversation__stream .intercom-interblocks-link-title,.conversation__text a,.conversation__text.o__admin-comment a,.conversation__text.o__operator-comment a {
    color: var(--text-link)
}

.conversation__bubble__inner .conversation__text .intercom-interblocks-messenger-card {
    margin: 0 0 1.3em
}

.conversation__bubble__inner .conversation__text .intercom-interblocks-messenger-card:last-child {
    margin-bottom: 0
}

.conversation__video {
    width: 320px;
    height: 240px;
    max-width: 100%;
    max-height: 100%
}

.conversation__video video {
    width: 100%;
    height: 100%;
    background-color: var(--neutral-fill)
}

.conversation__video__abort-upload-button {
    margin-top: 30px
}

.conversation__video__uploading-status {
    padding-top: 115px
}

.conversation__video__uploading-status__progress-bar {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    height: 6px;
    background: var(--neutral-container)
}

.conversation__video__uploading-status__progress-bar__inner {
    background: rgba(var(--beta-fill),.7);
    display: block;
    width: 0;
    height: 100%
}

.conversation__stream {
    overflow-y: auto;
    padding: 15px;
    flex: 8;
    -ms-flex-preferred-size: auto
}

.conversation__stream__operator-warning {
    position: absolute;
    top: 66px;
    left: 0;
    right: 0;
    margin: 8px 8px 0;
    z-index: 1
}

.conversation__action {
    position: relative;
    min-height: 20px;
    text-align: center
}

.conversation__action__text {
    padding: 0 16px;
    background-color: transparent;
    display: inline-block;
    position: relative;
    max-width: 80%
}

.conversation__lwr {
    padding-top: 8px
}

.conversation__preview {
    display: none;
    background-color: var(--neutral-container);
    border: 1px solid rgba(0,0,0,.2);
    padding: 5px 11px;
    overflow: scroll;
    box-sizing: border-box
}

.conversation__controls__pane-selector {
    text-decoration: none;
    padding: 0 20px
}

.conversation__controls__pane-selector:hover {
    color: var(--text-default);
    opacity: 1
}

.conversation__outlet__inner__background {
    opacity: .65;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute
}

.conversation__outlet__inner__background.o__background-gray {
    background-color: var(--neutral-container);
    opacity: 1
}

.conversation__outlet__inner__background.o__background-gray+.conversation__stream .conversation__bubble.o__user-comment {
    background-color: var(--neutral-container);
    border-color: rgba(0,0,0,.1)
}

.conversation__outlet__inner__background.o__background-gray+.conversation__stream .conversation__bubble.o__admin-comment {
    background-color: var(--neutral-container-emphasis);
    border-color: rgba(0,0,0,.1)
}

.conversation__outlet__inner__background.o__background-gray+.conversation__stream .conversation__bubble.o__admin-note {
    background-color: var(--notice-container);
    border-color: rgba(0,0,0,.1)
}

.conversation__outlet__inner__background.o__background-gray+.conversation__stream .conversation__bubble.o__operator-comment {
    background-color: var(--neutral-container);
    border-color: rgba(0,0,0,.1)
}

.conversation__outlet__inner__background.o__background-1 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-backgrounds/background-1-99a36524645be823aabcd0e673cb47f8.png)
}

.conversation__outlet__inner__background.o__background-2 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-backgrounds/background-2-2485d699199b1b892df363c92428ec4a.png)
}

.conversation__outlet__inner__background.o__background-3 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-backgrounds/background-3-e38c8c9ac38f35d90dbfb31c411a75e7.png)
}

.conversation__outlet__inner__background.o__background-4 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-backgrounds/background-4-e7753b64fa0dcc18569403e9b3527a78.png)
}

.conversation__outlet__inner__background.o__background-5 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-backgrounds/background-5-455d21f370cfa03f6b11f822562eab85.png)
}

.conversation__outlet__inner__background.o__background-6 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-backgrounds/background-6-02234de96bbe5533922545582cbc514e.png)
}

.conversation__outlet__inner__background.o__background-7 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-backgrounds/background-7-f2270912d0ba2bc4c313fc7d0bbe82ac.png)
}

.conversation__outlet__inner__background.o__background-8 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-backgrounds/background-8-9f2b25b36352093a6b1e826dd56dc029.png)
}

.conversation__view__stream-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 70%;
    bottom: 0
}

.conversation__deleted-stream__empty-state {
    width: 298px
}

@media screen and (max-width: 1280px) {
    .conversation__view__stream-wrapper {
        width:60%
    }
}

.conversation__close-button__popover {
    width: 300px
}

.conversation__close-button__popover__body {
    padding: 16px 16px 8px;
    overflow-y: auto;
    height: 100%;
    max-height: 360px
}

.conversation__close-button__popover__close-button {
    border-radius: 0;
    padding-top: 12px;
    padding-bottom: 12px
}

.confetti-item {
    animation-fill-mode: both;
    animation-name: confetti-fall;
    animation-timing-function: ease-in;
    top: 0;
    position: fixed;
    will-change: transform;
    z-index: 15000
}

.confetti-item.o__snowflake {
    animation-name: snowfall,snowflakes-shake;
    animation-duration: 2s,3s;
    animation-timing-function: linear,ease-in-out;
    animation-iteration-count: 1,infinite;
    animation-play-state: running,running;
    color: var(--text-muted);
    font-size: 55px;
    font-weight: 700;
    text-shadow: 0 1px 3px #7caeff
}

.c__warning {
    color: var(--vis-yellow-30)
}

.dropdown.o__align-right {
    right: 0;
    left: auto
}

.dropdown.o__auto-width {
    min-width: 0
}

.dropdown__list-item.o__disabled {
    pointer-events: none;
    opacity: .5
}

.dropdown__list-item.o__faded {
    opacity: .5
}

.admin-dropdown-opener {
    line-height: 20px
}

.dropdown__list-item:active .inbox__snooze-until__dropdown__item-meta-name,.dropdown__list-item:focus .inbox__snooze-until__dropdown__item-meta-name,.dropdown__list-item:hover .inbox__snooze-until__dropdown__item-meta-name {
    color: inherit
}

.dropdown__list-item.o__selected,.dropdown__list-item.o__selected .f__custom-select__check,.dropdown__list-item.o__selected .m__inbox__saved-reply-dropdown-name,.dropdown__list-item.o__selected .m__inbox__saved-reply-dropdown-summary,.dropdown__list-item.o__selected .nav__search__result__type,.dropdown__list-item.o__selected .submenu__sections__section__items__item__count,.dropdown__list-item.o__selected .text-muted {
    color: var(--text-accent)
}

.dropdown__list-item.o__selected .educate__collection__dropdown__icon {
    stroke: var(--neutral-border)
}

.dropdown__list-item.o__selected .interface-icon path {
    fill: var(--text-accent)!important
}

.a__pop-in,.a__pulse {
    animation-name: pop_in;
    animation-duration: 1.2s;
    animation-iteration-count: 1
}

.a__pulse {
    animation-name: fade_in;
    animation-direction: alternate;
    animation-iteration-count: infinite
}

.a__new-activity-feed-conversation {
    max-height: 0;
    opacity: 0;
    animation: new_activity_feed_conversation .4s ease forwards
}

.a__note-composer-saving {
    animation: note_composer_saving .3s ease forwards
}

.a__new-profile-note {
    animation: new_profile_note .3s ease forwards
}

.a__left-nav-tooltip {
    opacity: 0;
    transform: translateX(10px)
}

.a__left-nav-tooltip[data-animation-settled] {
    opacity: 1;
    transform: translateX(0)
}

.a__menu-popover {
    opacity: 0;
    transform: translateX(20px);
    transition-delay: .2s
}

.a__menu-popover[data-animation-settled] {
    opacity: 1;
    transform: translateX(10px);
    transition-delay: 0s
}

.stamp-in-button-fix {
    margin: -4px -2px -2px 4px;
    vertical-align: unset
}

.stamp-in-menu-fix {
    margin-top: -4px;
    margin-right: -2px;
    margin-left: 4px
}

.keyboard-shortcuts-key,.keyboard-shortcuts-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.keyboard-shortcuts-key {
    width: 51%;
    box-sizing: border-box;
    margin-right: 15px;
    padding: 4px 0;
    float: left
}

.keyboard-shortcuts-value {
    display: block
}

.shortcut,.shortcut.o__dark {
    border: 1px solid var(--neutral-border);
    box-shadow: 0 2px 0 0 var(--neutral-border)
}

.shortcut {
    font-size: 12px;
    background: var(--neutral-container);
    border-radius: 6px;
    display: inline-block;
    vertical-align: middle;
    padding: 2px 4px;
    min-width: 28px;
    box-sizing: border-box;
    color: var(--text-default);
    text-align: center
}

.shortcut.o__dark {
    background: var(--neutral-fill);
    color: var(--text-on-neutral)
}

.disabled-advanced-shortcut {
    opacity: .4
}

.m__composer-shortcuts .keyboard-shortcuts-key {
    width: 100px
}

.f__expanding-one-way-input {
    min-width: 10px;
    max-width: 500px
}

.f__expanding-one-way-input::placeholder {
    color: var(--text-muted)
}

.f__date-picker__day-of-week {
    text-align: center
}

.f__date-picker__day-of-week__initial {
    cursor: default
}

.f__custom-select__dropdown-grouped {
    padding-top: 0;
    cursor: default;
    font-weight: 400;
    overflow-y: scroll
}

.f__custom-select__box.o__grouped {
    position: relative
}

.f__custom-select__box.o__discreet {
    font-weight: 400;
    font-size: 13px;
    color: var(--text-muted)
}

.f__custom-select__box.o__subtle.o__discreet:hover {
    background-color: transparent;
    box-shadow: none;
    border-color: transparent;
    color: var(--text-muted)
}

.f__custom-select__caret.o__discreet {
    right: 10px
}

.f__custom-select__dropdown-separator {
    height: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: rgba(0,0,0,.2)
}

.f__custom-select__dropdown-separator:first-child {
    background-color: transparent;
    margin-top: 0;
    margin-bottom: 4px
}

.f__dropdown-group-rows {
    padding: 5px 0
}

.f__dropdown-group-rows:first-child {
    padding-top: 0
}

.f__checkbox-label.o__inline {
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px
}

.f__text-error-wrapper .f__text:not(:focus) {
    border: 1px solid var(--error-border)
}

.f__custom-select__check {
    margin-left: 10px;
    color: var(--text-accent)
}

.f__text.o__no-resize {
    resize: none
}

.f__text.o__min-two-lines {
    min-height: 52px
}

.f__text.o__min-three-lines {
    min-height: 78px
}

.f__text.o__min-four-lines {
    min-height: 104px
}

.loading__main-application {
    background-color: var(--neutral-container);
    padding: 20px
}

.loading__main-application__text {
    color: var(--text-default)
}

@media (prefers-color-scheme: light) {
    .loading__main-application.match-system-theme {
        background-color:var(--neutral-container)
    }

    .loading__main-application__text.match-system-theme {
        color: var(--text-default)
    }
}

@media (prefers-color-scheme: dark) {
    .loading__main-application.match-system-theme {
        background-color:var(--neutral-fill)
    }

    .loading__main-application__text.match-system-theme {
        color: var(--text-default)
    }
}

.loading__main-application__logo__container {
    width: 60px;
    height: 60px;
    margin: 0 auto 20px
}

.loading__main-application__logo__loaded,.loading__main-application__logo__loading {
    position: absolute;
    width: 60px;
    height: 60px;
    fill: var(--neutral-fill);
    animation: fade_in .5s ease-in 0s 1 normal backwards
}

.loading__main-application__logo__loaded {
    animation: fade_out .5s ease-in 0s 1 normal both
}

.loading__main-application__spinner__container {
    animation: fade_in .5s ease-in 0s 1 normal both
}

.loading__main-application__spinner {
    position: absolute;
    width: 60px;
    height: 60px;
    animation: rotate .5s linear 0s infinite;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAABtUlEQVR4AezBIQEAAAgDMCT9C949ByGw2wYAAAAAAAAAAHhKsm2v3bKGmhqIojBuFe49HQ3W4O600Be4VLhVVLj0He5Sb0mLNv+65k0283be4E4ezrpGzpl7Tjy539yMjvAUKgROB0mPAfUzC2m1V1xA2uRyX7vc9xaqrZ4F5rAC9TfeGF6wcV6vmVaxtMjlffzN5eDeBUb9lKF/Q5PMF/W0XvHYWyDhv0whdd67wE5pgwv9UhY6DgDju81iT4EU+4fF2+fyruRFs97D8LK/ngNHLekWQ0i1zPUslHMsh3Z4lbM89DkuQNn2FSSdjkajQ9v1ffny5RBL0in2KvcHpPO+TRHHjx8fAKjvVAnNBUuAow5lHWdKs345KacKSUcAKVXD8/7169cH+jovRiKRQWU1Xb59BkmPBKot4NAcIcQErn2eT5O2PRH4Hj9Desjv1vJhBrMCsyAApI2A2ubCdXMDqQV7B3IVlE6rUQLpEs/NnQZlD/Ziz+Av/7ipoj4BSOnWg1Kav2WPUK59C0U100K1DyRdBalfuBtw7bnHd0Jq6+c9usLv8Lv9jIyMjIyMjIyMQqrv/X/AzTedqvsAAAAASUVORK5CYII=);
    background-size: 60px 60px
}

.i.o__16.o__with-h2 {
    margin-bottom: 3px
}

.icon__popover {
    width: 380px;
    margin-top: 0
}

.icon__popover__icon {
    font-size: 24px;
    text-align: center;
    padding: 5px
}

.icon__popover__icon.o__in-panel {
    width: 30px;
    line-height: 30px;
    display: inline-table;
    cursor: pointer;
    vertical-align: middle
}

.activity-feed {
    width: 640px;
    margin: 0 auto
}

.packaging__nav__person__link {
    display: inline-block;
    vertical-align: bottom
}

.packaging__nav__person__image__avatar-wrapper,.packaging__nav__person__image__avatar-wrapper:hover {
    opacity: 1
}

.packaging__nav__person__image__background {
    border-radius: 50%;
    background-clip: padding-box;
    display: block;
    background-color: var(--neutral-container)
}

.left-nav {
    background: var(--neutral-container);
    width: 44px;
    height: 100%;
    z-index: 4000;
    position: relative
}

.left-nav.o__restricted-banner-popup {
    z-index: 3001
}

.left-nav.o__under-construction {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAGCAIAAAAOtlpdAAAANElEQVQoz2P4etGEEnRxi0lHFdXQ8slQYxkGoZsochbt3ES+s2jqJjKdRWs3keMsOrgJiAB4ItlirqqJGgAAAABJRU5ErkJggg==);
    background-repeat: repeat-x;
    background-size: 25px 3px;
    background-position: 2px 0
}

.left-nav__bottom {
    z-index: 100;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.left-nav__top .left-nav__icon {
    box-sizing: content-box
}

.left-nav__bottom .left-nav__link.o__hidden {
    display: none
}

.left-nav__link.o__bottom__item .left-nav__icon,.left-nav__top .left-nav__icon {
    padding-top: 14px;
    padding-bottom: 14px
}

.left-nav__overflow-menu .left-nav__overflow-item {
    padding: 0
}

.left-nav__overflow-menu .left-nav__overflow-item:hover {
    background: 0 0
}

.left-nav__overflow-menu .interface-icon {
    margin-right: 9px
}

.left-nav__overflow-menu .left-nav__link.o__selected {
    background-color: transparent
}

.left-nav__overflow__unread-container {
    width: 6px;
    height: 6px
}

.left-nav__overflow__unread-container.o__appstore .left-nav__unread,.left-nav__overflow__unread-container.o__intershop .left-nav__unread,.left-nav__overflow__unread-container.o__messenger .left-nav__unread,.left-nav__overflow__unread-container.o__operator .left-nav__unread,.left-nav__overflow__unread-container.o__product-tours .left-nav__unread {
    border: 0;
    right: auto;
    left: auto;
    top: auto
}

.left-nav__unread-container.o__overflow-menu .left-nav__unread {
    right: 2px;
    border: 0
}

.left-nav__icon__purchasable {
    position: absolute;
    top: 1px;
    left: 8px
}

.left-nav__icon__purchasable svg {
    position: absolute;
    border-radius: 50%;
    background-color: var(--neutral-container)
}

.left-nav__icon__purchasable svg circle {
    fill: var(--neutral-fill)
}

.left-nav__icon__purchasable svg path,.left-nav__link {
    fill: var(--neutral-container)
}

.left-nav__link {
    display: block;
    width: 100%;
    position: relative
}

.left-nav__link:hover {
    opacity: 1
}

.left-nav__link .left-nav__icon {
    transition-duration: .3s;
    transition-property: fill;
    transition-timing-function: ease-in-out
}

.left-nav__overflow-menu .left-nav__icon {
    transition: none
}

.left-nav__link.o__overflow-menu .left-nav__icon {
    height: 16px;
    width: 16px;
    margin: 0 auto
}

.left-nav__link.o__appstore .left-nav__icon,.left-nav__link.o__intershop .left-nav__icon,.left-nav__link.o__messenger .left-nav__icon,.left-nav__link.o__operator .left-nav__icon,.left-nav__link.o__overflow-menu .left-nav__icon,.left-nav__link.o__product .left-nav__icon,.left-nav__link.o__product-changes .left-nav__icon,.left-nav__link.o__product-tours .left-nav__icon,.left-nav__link.o__reporting .left-nav__icon,.left-nav__link.o__tours .left-nav__icon {
    fill: var(--neutral-container)!important
}

.left-nav__icon.o__active svg path,.left-nav__link:hover .left-nav__icon,.overlay__list-item.o__hoverable:hover .visibility__icon .interface-icon circle,.overlay__list-item.o__hoverable:hover .visibility__icon .interface-icon ellipse,.overlay__list-item.o__hoverable:hover .visibility__icon .interface-icon line,.overlay__list-item.o__hoverable:hover .visibility__icon .interface-icon path,.overlay__list-item.o__hoverable:hover .visibility__icon .interface-icon polygon,.overlay__list-item.o__hoverable:hover .visibility__icon .interface-icon polyline,.overlay__list-item.o__hoverable:hover .visibility__icon .interface-icon rect {
    fill: var(--text-accent)!important
}

.left-nav__link.o__logo {
    fill: var(--text-accent);
    position: relative
}

.left-nav__link.o__selected {
    fill: var(--base-module)
}

.left-nav__link.o__logo.o__selected {
    fill: var(--text-accent)
}

.left-nav__link.o__selected .left-nav__icon__purchasable:after,.left-nav__link.o__selected .left-nav__icon__purchasable:before {
    background-color: var(--base-module)
}

.left-nav__icon__purchasable svg,.left-nav__link.o__selected .left-nav__icon__purchasable svg,.left-nav__link.o__selected .unread.o__in-primary-nav svg {
    border: 2px solid var(--neutral-border);
    box-sizing: content-box
}

.left-nav__link.o__selected .unread.o__in-primary-nav {
    border-color: var(--neutral-border)
}

.left-nav__link.o__logo .left-nav__icon {
    position: relative;
    margin: 0 auto;
    height: 20px;
    width: 20px
}

.left-nav__link.o__logo {
    display: flex;
    margin: 10px 0;
    height: 44px
}

.left-nav__link:not(.o__logo) .left-nav__icon {
    height: 16px;
    width: 16px;
    margin: 0 auto;
    box-sizing: content-box
}

.left-nav__overflow-menu-opener .left-nav__icon {
    transition: none
}

.left-nav__link .left-nav__unread-container.o__product-changes {
    height: 16px
}

.left-nav__icon {
    position: relative
}

.left-nav__icon__loading {
    display: none
}

.left-nav__icon__spinner {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    transform-origin: 50%;
    animation: rotate .5s linear 0s infinite;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAABtUlEQVR4AezBIQEAAAgDMCT9C949ByGw2wYAAAAAAAAAAHhKsm2v3bKGmhqIojBuFe49HQ3W4O600Be4VLhVVLj0He5Sb0mLNv+65k0283be4E4ezrpGzpl7Tjy539yMjvAUKgROB0mPAfUzC2m1V1xA2uRyX7vc9xaqrZ4F5rAC9TfeGF6wcV6vmVaxtMjlffzN5eDeBUb9lKF/Q5PMF/W0XvHYWyDhv0whdd67wE5pgwv9UhY6DgDju81iT4EU+4fF2+fyruRFs97D8LK/ngNHLekWQ0i1zPUslHMsh3Z4lbM89DkuQNn2FSSdjkajQ9v1ffny5RBL0in2KvcHpPO+TRHHjx8fAKjvVAnNBUuAow5lHWdKs345KacKSUcAKVXD8/7169cH+jovRiKRQWU1Xb59BkmPBKot4NAcIcQErn2eT5O2PRH4Hj9Desjv1vJhBrMCsyAApI2A2ubCdXMDqQV7B3IVlE6rUQLpEs/NnQZlD/Ziz+Av/7ipoj4BSOnWg1Kav2WPUK59C0U100K1DyRdBalfuBtw7bnHd0Jq6+c9usLv8Lv9jIyMjIyMjIyMQqrv/X/AzTedqvsAAAAASUVORK5CYII=);
    background-size: 20px 20px
}

body.global-loading .left-nav__icon__loading,body.global-loading .left-nav__icon__spinner {
    display: block
}

body.global-loading .left-nav__icon__loaded {
    display: none
}

.left-nav__unread-container {
    display: block;
    height: 20px
}

.left-nav__unread-container.o__product-changes .left-nav__unread {
    top: -3px
}

.left-nav__unread-container__guide-library {
    display: inline-block;
    height: 20px
}

.left-nav__platform-divider {
    border-top: 1px solid rgba(0,0,0,.1);
    margin: 20px auto 10px;
    width: 16px
}

.left-nav__icon__loaded,.left-nav__icon__loading,.left-nav__icon__spinner {
    width: 20px;
    height: 20px
}

.left-nav__icon__loading svg path,.left-nav__icon__spinner svg path {
    fill: var(--neutral-fill)
}

.left-nav__icon__loaded svg {
    margin: 2px 0!important;
    transform: scale(1.25)
}

.left-nav .unread.o__in-primary-nav,.left-nav__link.o__selected.nav-item__not-focused .left-nav__icon__purchasable svg {
    border: 2px solid var(--neutral-border)
}

.left-nav__unread-container.o__appstore .left-nav__unread,.left-nav__unread-container.o__intershop .left-nav__unread,.left-nav__unread-container.o__messenger .left-nav__unread,.left-nav__unread-container.o__operator .left-nav__unread,.left-nav__unread-container.o__product-changes .left-nav__unread,.left-nav__unread-container.o__product-tours .left-nav__unread {
    right: 2px;
    border: 0
}

.left-nav__link.ember-transitioning-in .left-nav__icon__purchasable svg circle,.left-nav__link.o__selected:not(.ember-transitioning-out) .left-nav__icon__purchasable svg circle {
    fill: var(--beta-fill)!important
}

.left-nav__link.ember-transitioning-in .left-nav__icon__purchasable,.left-nav__link.o__selected:not(.ember-transitioning-out) .left-nav__icon__purchasable {
    top: 1px;
    left: 8px
}

.left-nav__link.o__logo.o__selected .left-nav__free-text {
    color: var(--text-link)
}

.left-nav__secondary-icon__stroke {
    stroke: var(--neutral-border);
    stroke-width: 2
}

.left-nav__secondary-icon__fill {
    fill: #c4c4c4
}

.left-nav__link:hover .left-nav__secondary-icon__stroke {
    stroke: var(--neutral-border)!important
}

.left-nav__link:hover .left-nav__secondary-icon__fill,.left-nav__link:hover .left-nav__secondary-icon__intershop {
    fill: var(--beta-fill)!important
}

.left-nav__secondary-icon__appstore {
    stroke-width: 1
}

.left-nav__secondary-icon__messenger {
    stroke-linecap: round
}

.left-nav__secondary-icon__intershop {
    stroke-width: .5
}

.left-nav__secondary-icon__product-changes {
    mask-type: alpha
}

.left-nav__link:hover .left-nav__icon__purchasable svg circle {
    fill: var(--neutral-fill)
}

.left-nav__terminating-el-border {
    height: 0
}

.left-nav__link.nav-item__not-focused:hover,.left-nav__link:hover {
    background-color: var(--neutral-container)
}

.left-nav__link.o__selected {
    position: relative
}

.left-nav__link.o__selected .o__selected-left-tab {
    z-index: 1;
    height: 100%;
    width: 2px;
    position: absolute;
    top: 0;
    background-color: var(--text-link)
}

.article-inserter__panel__header-back-button:hover .interface-icon circle,.article-inserter__panel__header-back-button:hover .interface-icon ellipse,.article-inserter__panel__header-back-button:hover .interface-icon line,.article-inserter__panel__header-back-button:hover .interface-icon path,.article-inserter__panel__header-back-button:hover .interface-icon polygon,.article-inserter__panel__header-back-button:hover .interface-icon polyline,.article-inserter__panel__header-back-button:hover .interface-icon rect,.left-nav__link.o__selected svg path {
    fill: var(--text-link)!important
}

.left-nav__link.nav-item__not-focused,.left-nav__link.o__selected {
    background-color: var(--neutral-container)
}

.left-nav__link[data-focus-visible-added]:after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    pointer-events: none;
    border-radius: 8px;
    box-shadow: 0 0 0 2px var(--accent-border);
    border: 2px solid var(--accent-border)
}

.left-nav__link.o__selected .left-nav__icon__purchasable svg circle {
    fill: var(--beta-fill)!important
}

.left-nav__link.o__selected .left-nav__icon__purchasable svg path {
    fill: var(--base-module)!important
}

.left-nav__restricted-messenger-popup {
    background: var(--neutral-container);
    box-shadow: 0 12px 48px 0 rgba(62,67,108,.35);
    min-height: 50px;
    border-radius: 12px
}

.left-nav__restricted-messenger-popup.banner {
    width: 1109px;
    max-width: 1109px;
    padding: 0!important
}

.left-nav__restricted-messenger-popup.installation-popup {
    width: 771px;
    max-width: 771px
}

.left-nav__restricted-banner-image {
    width: 502px;
    max-width: 502px
}

.left-nav__restricted-messenger-header {
    width: 100%;
    height: 40px;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,.05);
    box-sizing: border-box
}

.left-nav__restricted-messenger-header .phils-head-container {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: flex-end;
    border-radius: 12px 12px 0 0;
    padding-left: 48px;
    height: 40px;
    top: 0;
    gap: 16px
}

.intercom-interblocks-inbox-card .intercom-card-component.image-component img,.intercom-interblocks-messenger-card .intercom-card-component.image-component img,.left-nav__restricted-messenger-header .phils-head-img {
    max-width: 100%;
    height: auto
}

.left-nav__restricted-messenger-header .dismiss-button {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 0;
    width: 2rem;
    height: 2rem;
    background: 0 0;
    border: 0;
    outline: 0;
    margin-top: .25rem;
    margin-right: .5rem;
    color: var(--text-muted)
}

.left-nav__restricted-messenger-heading {
    width: 496px!important
}

.left-nav__restricted-messenger-desc {
    width: 428px!important
}

.main {
    background-color: transparent
}

.main__content-outlet:not(.layout__module) {
    border-radius: var(--border-radius-module);
    transition: left 150ms ease-in-out;
    will-change: left;
    position: absolute;
    left: calc(230px + var(--module-spacing));
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 3000
}

.main__content-outlet:not(.layout__module).o__without-submenu {
    left: 0
}

.standalone__settings-override {
    left: 0!important
}

@media print {
    .main__content-outlet:not(.layout__module) {
        position: static!important
    }
}

.profile {
    border: 0;
    overflow-x: hidden;
    width: 100%
}

.profile__users-companies {
    max-width: 300px
}

.profile__content {
    padding: 20px 30px;
    display: flex;
    margin-top: 0
}

.profile__user-data {
    height: 100%;
    box-sizing: border-box;
    position: relative
}

.profile__events__container,.profile__sidebar__container {
    width: 25%;
    min-width: 25%;
    max-width: 25%;
    flex: 1 1 25%
}

.profile__sidebar__container .ds-new__card {
    overflow: visible
}

.profile__sidebar__editable-email {
    max-width: calc(100% - 26px)
}

.profile__conversations__container {
    width: 50%;
    flex: 2 2 50%;
    padding: 0 20px;
    box-sizing: border-box
}

.profile__admin__conversations__container {
    box-sizing: border-box;
    width: 75%;
    flex: 3 3 75%;
    padding: 0 0 0 20px
}

.profile__hr {
    margin: 3px 0 14px
}

.profile__static-map-container {
    position: relative;
    width: 1280px;
    height: 186px;
    margin: 0 auto
}

.profile__styled-map-container {
    min-height: 186px;
    position: relative;
    border-bottom: 1px solid var(--neutral-border);
    background-color: var(--base-module);
    overflow: hidden
}

.profile__map-overlay,.profile__static-map-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.profile__static-map-overlay {
    background: linear-gradient(to right,rgb(from var(--base-module) r g b/1) 0,rgb(from var(--base-module) r g b/1) 15%,rgb(from var(--base-module) r g b/0) 25%,rgb(from var(--base-module) r g b/0) 75%,rgb(from var(--base-module) r g b/1) 85%,rgb(from var(--base-module) r g b/1) 100%)
}

.profile__map-overlay {
    box-sizing: border-box;
    padding: 30px
}

.profile__dot-map-marker {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 13px;
    height: 13px;
    line-height: 13px;
    text-align: center;
    border-radius: 50%;
    background-color: var(--beta-fill);
    border: 2px solid var(--neutral-border);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.2)
}

.profile__location,.profile__location__container {
    display: inline-block
}

.profile__location {
    color: var(--text-default);
    margin-right: 10px
}

.profile__location.o__admin,.profile__location__link {
    color: #ced1d1
}

.profile__location.o__country {
    margin-left: -3px;
    margin-right: 5px
}

.profile__location.o__country-with-company {
    margin-left: -7px;
    margin-right: 5px
}

.profile__location__country-and-city {
    margin-left: -3px
}

.profile__conversation-header {
    line-height: 32px
}

.profile__details-spacer {
    height: 15px
}

.profile__details-spacer.o__small {
    height: 18px
}

.profile__details-spacer.o__medium {
    height: 26px
}

.profile__details-spacer.o__large {
    height: 31px
}

.profile__events-count {
    text-align: right;
    margin: 0 10px;
    max-width: 30%
}

.profile__events-summary {
    padding-left: 22px
}

.profile__user-data__avatar {
    margin: 0 20px 0 0;
    width: 77px;
    height: 77px;
    display: block;
    position: absolute;
    bottom: 0;
    border-radius: 50%
}

.profile__user-data__avatar.o__in-user-profile-header {
    margin-right: 16px;
    border: 0;
    bottom: 2px;
    left: 2px
}

.profile__user-data__avatar.o__in-user-profile-header.o__on-admins-own-page {
    bottom: 0;
    left: 0
}

.profile__sidebar {
    padding: 20px 0;
    box-sizing: border-box
}

.profile__bounced-status-wrapper {
    color: var(--text-default);
    padding-top: 4px;
    padding-left: 10px
}

.profile__unsubscribed-status-wrapper {
    color: var(--text-muted);
    padding-top: 12px;
    padding-left: 10px
}

.profile__user-data__name-container {
    position: absolute;
    bottom: 30px;
    left: 91px
}

.profile__user-data__name {
    margin-right: 0!important;
    color: var(--text-default)!important
}

.profile__user-data__salesforce-type {
    color: var(--text-muted)!important;
    position: relative;
    top: 4px
}

.profile__user-data__stamp {
    position: relative;
    top: 10px
}

.profile__user-data__stamp.o__admin-profile {
    margin-left: 10px
}

.profile__user-data__location-container {
    position: absolute;
    bottom: 4px;
    left: 91px;
    font-weight: 500
}

.profile__user-data__location-container__owner-id {
    min-height: 32px;
    top: 100px
}

.profile__user-data__actions {
    position: absolute;
    bottom: 0;
    right: 0
}

.profile__note-textarea {
    padding: 5px 8px;
    background-color: var(--notice-container);
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px
}

.profile__note-textarea.o__focused {
    background: var(--notice-container)
}

.profile__conversation-bubble.o__editing textarea,.profile__note-textarea.o__focused .m__conversation-expanding-textarea {
    box-shadow: none
}

.profile__note {
    position: relative;
    padding-left: 0;
    margin-bottom: 8px
}

.profile__conversation-bubble {
    max-width: 100%;
    width: 100%
}

.profile__conversation-bubble:hover,.profile__note-textarea.o__focused {
    border: 1px solid var(--neutral-border)
}

.profile__conversation-bubble.o__editing {
    min-width: 100%;
    border: 1px solid var(--neutral-border)
}

.profile__conversation-bubble-inner {
    min-height: 20px;
    padding: 5px 8px
}

.profile__404__sad-intercom {
    background-image: url(https://static.intercomassets.com/ember/assets/images/intershrug@1x-ebb7d6837ca6bc7fa3830abfd4d4662c.png);
    background-size: 744px 160px;
    background-repeat: no-repeat;
    width: 744px;
    height: 160px;
    margin: 0 auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .profile__404__sad-intercom {
        background-image:url(/assets/images/cdn-import/intershrug@2x.png)
    }
}

.profile__user-avatar-tile {
    width: 24px;
    height: 24px;
    margin-right: 9px;
    float: left
}

.profile__empty-team {
    padding: 0;
    margin: 0
}

.profile__empty-team-edit {
    margin-top: -6px
}

.profile__team-container {
    margin-bottom: 12px;
    margin-right: -9px
}

.profile__exited-campaign {
    opacity: .5
}

.profile__calendar-checkbox,.profile__location-checkbox {
    margin-top: 4px;
    margin-left: 24px;
    margin-bottom: 12px
}

.profile__card__non-clickable {
    border-color: var(--neutral-border)
}

.profile__conversations__container .feed__date-ago-card__container {
    width: 100%;
    max-width: none
}

.profile__events-count.o__event-frequency {
    color: var(--text-muted)
}

.profile__recent-events {
    margin-top: 42px
}

.profile__sticky {
    position: sticky;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3000;
    transition: width .25s,left .25s
}

.profile__sticky__settings-overrides {
    transition: width 150ms,left 150ms;
    border-top-left-radius: 0
}

.tbl__cell.o__summary-row,.tbl__row:first-child .tbl__cell.o__summary-row {
    background-color: var(--neutral-container-emphasis)
}

.tbl__cell.o__normal-spaced {
    white-space: normal
}

.tbl__cell.o__centered-text {
    text-align: center
}

.tbl__cell.o__getting-started-header {
    background-color: var(--neutral-container)!important;
    color: var(--text-on-neutral)
}

.tbl__cell.o__in-reporting-team-row {
    background-color: var(--neutral-container)
}

.tbl__body.o__like-card tr:first-child .tbl__cell:first-child {
    border-top-left-radius: 3px
}

.tbl__body.o__like-card tr:first-child .tbl__cell {
    border-top-color: rgba(0,0,0,.2)
}

.tbl__body.o__like-card tr:first-child .tbl__cell:last-child {
    border-top-right-radius: 3px
}

.tbl__body.o__like-card tr .tbl__cell:first-child {
    border-left-color: rgba(0,0,0,.2)
}

.tbl__body.o__like-card tr .tbl__cell:last-child {
    border-right-color: rgba(0,0,0,.2)
}

.tbl__body.o__like-card tr:last-child .tbl__cell:first-child {
    border-bottom-left-radius: 3px
}

.tbl__body.o__like-card tr:last-child .tbl__cell:last-child {
    border-bottom-right-radius: 3px
}

.tbl__body.o__like-card tr:last-child .tbl__cell {
    border-bottom-color: rgba(0,0,0,.2)
}

.tbl__body.o__like-card tr.o__sortable-fallback .tbl__cell {
    border-top: 1px solid rgba(0,0,0,.2)
}

.tbl__fixed__portal {
    min-width: max-content
}

.tbl__fixed__wrapper {
    min-height: 520px
}

.tbl__user-list-avatar-checkbox-label {
    position: absolute;
    left: 6px;
    bottom: -1px
}

.tbl__user-list-checkbox-label {
    display: inline-block;
    width: 18px;
    padding: 9px 4px;
    margin: -9px -4px -9px -12px
}

.tbl__user-list-checkbox,.tbl__user-list-checkbox-ghost {
    display: inline-block;
    visibility: hidden;
    margin: 3px
}

.tbl__message-list-checkbox-label {
    display: inline-block;
    padding: 27px 15px;
    margin: -27px -15px
}

.tbl__user-list-checkbox.o__in-header {
    visibility: visible;
    margin-left: -5px;
    margin-right: 5px
}

.tbl__user-list-checkbox:checked {
    visibility: visible
}

.tbl__user-list-row:hover .tbl__user-list-checkbox {
    visibility: visible
}

.table__cell__room-maker__editable-text {
    margin: -6px 0 -6px -11px
}

.table__body__wrapper {
    max-height: 100%;
    box-sizing: border-box
}

.tbl__reporting__table .table__cell__measure__element,.tbl__reporting__table .tbl__cell {
    padding-left: 0
}

.tbl__reporting__table .tbl__row-gap {
    height: 20px
}

.tbl__cell.o__sticky-header-cell {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    background-color: var(--base-module);
    z-index: 10
}

.tbl__data-row.o__row-before-gap .tbl__cell,.tbl__data-row:last-of-type .tbl__cell {
    border-bottom: 0
}

.email-templates-settings__email-template-container {
    margin: 0 20px 20px 0
}

.email-templates-settings__email-template-iframe {
    position: absolute;
    width: 620px;
    height: 460px;
    border: 0;
    z-index: 1;
    top: 0;
    left: 0;
    transform: scale(.4);
    transform-origin: 0 0
}

.email-templates-settings__email-template-link {
    border: 1px solid var(--neutral-border);
    display: block;
    width: 248px;
    height: 184px;
    overflow: hidden;
    margin: 0 0 10px;
    position: relative
}

.email-templates-settings__email-title-link {
    max-width: 248px
}

.email-templates-settings__email-template-link::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: " ";
    z-index: 2
}

.unread.o__in-primary-nav {
    background-color: var(--error-fill);
    color: var(--text-on-neutral);
    font-size: 10px;
    line-height: 7px;
    padding: 3px;
    height: 16px;
    border: 1.5px solid var(--neutral-border);
    border-radius: 12px;
    top: -11px;
    right: -7px;
    box-shadow: none;
    min-width: 12px;
    font-weight: 600
}

.unread.o__in-primary-nav.o__home {
    padding: 0;
    height: 8px;
    min-width: 8px;
    max-width: 8px;
    border-radius: 50%;
    top: -4px;
    right: -4px
}

.unread.o__in-primary-nav.o__hidden,.unread__small.o__in-primary-nav.o__hidden {
    opacity: 0
}

.unread__small.o__in-primary-nav {
    background-color: var(--error-fill);
    color: var(--text-muted);
    top: -5px;
    right: -5px;
    left: auto;
    border: 2px solid var(--neutral-border-emphasis);
    border-radius: 50%
}

.unread.o__in-messenger-preview {
    background-color: #d22628;
    color: var(--text-on-neutral);
    font-size: 10px;
    line-height: 15px;
    padding: 0 3px;
    height: 16px;
    border-radius: 9px;
    top: 0;
    right: 0;
    box-shadow: none;
    min-width: 16px;
    font-weight: 600
}

.editable-text__text-itself {
    padding: 11px 12px;
    display: block;
    border: 0;
    width: 100%;
    line-height: unset;
    word-break: break-word
}

.editable-text__text-input {
    margin: 5px 10px;
    max-width: none
}

.overlay__cover-parent {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.overlay.o__dark {
    background-color: var(--neutral-fill);
    color: var(--text-on-neutral)
}

.overlay__popover-caret.o__dark .overlay__popover-caret__vector {
    fill: var(--neutral-fill)
}

.overlay.o__down-left {
    right: auto
}

.overlay__list-item.o__dark.o__hoverable:hover,.overlay__list-item.o__dark.o__selected {
    background-color: var(--neutral-container-emphasis)
}

.overlay__popover-caret.o__left {
    transform: rotate(180deg);
    top: 50%;
    left: -4px;
    margin-left: -4px
}

.overlay__list-item.o__disabled {
    color: var(--text-muted)
}

.overlay__list-item.o__hoverable:hover {
    background-color: var(--neutral-container)
}

.overlay__list-item.o__hoverable:hover .f__custom-select__check,.overlay__list-item.o__hoverable:hover .tag_or_segment_name,.overlay__list-item.o__hoverable:hover .text-muted {
    color: var(--text-accent)!important
}

.attribute__fixed-width-cell {
    width: 400px
}

.attribute__fixed-width-cell__overflow {
    overflow: auto;
    width: 400px
}

.attribute__description-tooltip__description.o__no-name {
    font-size: 13px
}

.attribute__info-tooltip__edited-by,.attribute__info-tooltip__uneditable {
    font-size: 12px;
    margin-top: 10px
}

.attribute__info-tooltip .attribute__info-tooltip__email-domain {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.attribute__fit-content {
    max-width: fit-content
}

.attribute__dropdown__fit-content {
    min-height: fit-content
}

.attribute__collapsable-name {
    transition: max-width .1s ease-out;
    max-width: 50%;
    margin-right: 10px
}

.attribute__collapsable-name.o__collapsed {
    max-width: 70px;
    margin-right: 0;
    color: var(--text-link)
}

.attribute__editor-component {
    width: 100%;
    padding-left: 10px;
    margin-left: -5px
}

.attribute__editor-row {
    height: 32px;
    margin-right: -10px;
    padding-right: 10px
}

.inbox__conversation-sidebar__section__body .attribute__editor-row {
    height: 20px;
    margin-bottom: 8px
}

.attribute__edit-icon,.attribute__link-icon,.attribute__resync-icon {
    box-sizing: unset;
    border: 0;
    height: unset;
    width: unset;
    opacity: 0;
    margin: -5px -5px -5px 5px;
    padding: 5px;
    transition-property: opacity,max-width,margin-left;
    transition-duration: .2s;
    transition-timing-function: ease;
    max-width: 0;
    overflow: hidden
}

.attribute__edit-icon.o__takes-space {
    max-width: 20px
}

.attribute__editor-row:not(.o__disabled):hover .attribute__edit-icon,.attribute__editor-row:not(.o__disabled):hover .attribute__link-icon,.attribute__editor-row:not(.o__disabled):hover .attribute__resync-icon {
    max-width: 20px;
    opacity: 1
}

.attribute__editor-row:not(.o__disabled):hover .attribute__edit-icon {
    margin-right: 5px
}

.attribute__completion {
    transition: background-color .2s ease;
    height: 20px;
    width: 20px;
    border-radius: 50px;
    background-color: var(--neutral-container);
    transform: scale(.7);
    color: var(--text-on-neutral)
}

.attribute__completion.o__complete {
    background-color: var(--success-fill)
}

.attribute__completion.o__complete.o__event-part {
    display: inline-block;
    margin: 0;
    transform: scale(.6)
}

.attribute__completion.o__complete .attribute__completion-icon {
    transform: scale(1)
}

.attribute__completion-icon {
    width: 20px;
    height: 22px;
    transform: scale(0);
    transition: transform .3s ease
}

.attribute__label-wrapper {
    width: 100%
}

.attribute__qualification-list .attribute__label-wrapper:not(.o__disabled):hover {
    margin-left: -5px;
    margin-right: -5px;
    padding: 1px 4px;
    border: 1px solid rgba(var(--beta-fill),.4);
    background-color: rgba(255,255,255,.4);
    border-radius: 2px;
    justify-content: space-between
}

.attribute__qualification-list .attribute__label-wrapper.o__dropdown:not(.o__disabled):hover {
    border: 1px solid rgba(var(--neutral-container),.4)
}

.attribute__dropdown-caret {
    visibility: hidden;
    color: var(--text-muted)
}

.attribute__label-wrapper:hover .attribute__dropdown-caret {
    visibility: visible
}

.attribute__operator-icon {
    margin-left: 3px;
    color: var(--text-muted)
}

.attribute__user-profile-header .attribute__edit-icon {
    height: 100%
}

.attribute__user-profile-header .attribute__label-wrapper {
    pointer-events: none
}

.attribute__add-value-label:hover {
    opacity: .8
}

.attribute__editor-text-field {
    height: 24px;
    line-height: 14px;
    background-color: transparent;
    border-color: transparent;
    transition-property: background-color,border-color;
    transition-timing-function: ease;
    transition-duration: .1s;
    padding: 2px 4px;
    width: calc(100% - 30px);
    transition: width 40ms ease-in
}

.inbox__conversation-sidebar__section__body .attribute__editor-text-field {
    height: 20px
}

.attribute__editor-text-field:focus {
    background-color: var(--neutral-container);
    border-color: var(--neutral-border);
    width: 100%
}

.attribute__editor-dropdown.o__opened {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 200px;
    width: calc(100% - 10px);
    padding-bottom: 0
}

.attribute__date-editor-dropdown.o__opened {
    min-width: 250px
}

.attribute__editor-company-dropdown {
    min-height: 40px
}

.attribute__multiple-choice-editor-dropdown {
    color: var(--text-muted)
}

.attribute__editor-action {
    margin-top: 10px;
    padding: 10px 16px;
    border-top: 1px solid var(--neutral-border);
    display: flex
}

.article-inserter__list-item-simplified:hover,.article-inserter__list-item:hover,.attribute__editor-action:hover {
    cursor: pointer;
    background-color: var(--neutral-container)
}

.attribute__multiple-choice-editor-select-text {
    padding-right: 10px
}

.attribute__multiple-choice-editor-select-arrow {
    position: absolute;
    right: 0
}

.article-inserter {
    width: 480px;
    height: 460px;
    padding: 0;
    justify-content: center
}

.article-inserter__panel {
    overflow: auto;
    height: 405px
}

.article-inserter__list-item,.article-inserter__list-label {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.article-inserter__list-item-simplified:hover .article-inserter__target-audience-locked-icon,.article-inserter__list-item:hover .article-inserter__target-audience-locked-icon {
    background-color: var(--neutral-container)
}

.article-inserter__list-label-text {
    font-size: 14px
}

.article-inserter__search {
    height: 49px;
    border-bottom: 1px solid rgba(0,0,0,.2);
    box-sizing: border-box
}

.article-inserter__search__input {
    width: 100%;
    height: 48px;
    border: 0;
    padding: 0 24px 0 48px;
    position: absolute;
    z-index: 1;
    outline: 0
}

.article-inserter__search__input::placeholder {
    color: var(--text-muted)
}

.article-inserter__search__icon {
    position: absolute;
    z-index: 2;
    top: 14px;
    left: 16px
}

.article-inserter__target-audience-locked-icon {
    position: absolute;
    bottom: -6px;
    left: 8px;
    background-color: var(--neutral-container);
    border-top-left-radius: 35%;
    line-height: 16px
}

.article-inserter__panel__bottom-bar {
    min-height: 57px;
    box-sizing: border-box;
    background-color: var(--neutral-container);
    border-top: 1px solid rgba(0,0,0,.1)
}

.article-inserter__panel__header {
    height: 48px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    color: var(--text-muted)
}

.article-inserter__panel__header .interface-icon circle,.article-inserter__panel__header .interface-icon ellipse,.article-inserter__panel__header .interface-icon line,.article-inserter__panel__header .interface-icon path,.article-inserter__panel__header .interface-icon polygon,.article-inserter__panel__header .interface-icon polyline,.article-inserter__panel__header .interface-icon rect,.dropdown__list-item:hover .visibility__icon.o__visible .interface-icon circle,.dropdown__list-item:hover .visibility__icon.o__visible .interface-icon ellipse,.dropdown__list-item:hover .visibility__icon.o__visible .interface-icon line,.dropdown__list-item:hover .visibility__icon.o__visible .interface-icon path,.dropdown__list-item:hover .visibility__icon.o__visible .interface-icon polygon,.dropdown__list-item:hover .visibility__icon.o__visible .interface-icon polyline,.dropdown__list-item:hover .visibility__icon.o__visible .interface-icon rect {
    fill: var(--text-muted)!important
}

.article-inserter__panel__header-back-button:hover {
    cursor: pointer
}

.article-inserter__panel__preview {
    max-height: 405px;
    overflow: hidden
}

.article-inserter__panel__preview-content {
    overflow: auto;
    min-height: 288px
}

.article-inserter__panel__preview-content-text {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale
}

.quick-action.o__inbox-composer-help-opener {
    border-color: transparent;
    background: 0 0;
    box-shadow: none
}

.quick-action.o__overflow-hidden {
    overflow: hidden
}

.inbox__conversation-controls {
    margin: 0 15px 15px
}

.inbox__conversation-controls:not(:hover,.o__selected) {
    box-shadow: var(--shadow-lvl-2)
}

.inbox__conversation-controls.o__hoverable {
    cursor: default
}

.inbox__conversation-controls .composer-inbox {
    cursor: text
}

.inbox__conversation-controls__internal-part {
    background-color: var(--notice-container)
}

.inbox__conversation-controls__info-area {
    padding: 0 5px 5px;
    margin-left: 3px
}

.inbox__conversation-controls__inserter {
    height: 32px;
    width: 32px;
    box-sizing: border-box;
    padding: 6px 8px;
    display: block;
    float: left;
    text-decoration: none
}

.inbox__conversation-controls__additional-inserters-opener,.inbox__conversation-controls__inserter-opener {
    color: var(--text-muted)
}

.inbox__conversation-controls__additional-inserters-opener:not(.o__disabled),.inbox__conversation-controls__inserter-opener:not(.o__disabled) {
    cursor: pointer
}

.inbox__conversation-controls__additional-inserters-opener:hover,.inbox__conversation-controls__inserter-opener:hover,.inbox__conversation-controls__inserter.o__depressed {
    color: var(--text-muted);
    opacity: 1
}

.inbox__conversation-controls__inserter-popover {
    border: 1px solid rgba(0,0,0,.2);
    position: fixed;
    width: 100%;
    max-width: 340px;
    height: 360px;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 10px 0;
    background-color: var(--neutral-container);
    box-shadow: var(--shadow-lvl-2);
    z-index: 2000;
    text-align: left
}

.inbox__conversation-controls__inserter-file {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    bottom: 5px;
    opacity: 0;
    pointer-events: none
}

.inbox__conversation-controls__article-suggestions {
    position: relative;
    margin: 0 12px 10px;
    height: 50px
}

.inbox__conversation-controls__composer-opener {
    color: var(--text-muted)
}

.inbox__conversation-controls__invisible-composer {
    visibility: hidden;
    position: fixed
}

.inbox__conversation-controls__pane-selector {
    box-sizing: border-box
}

.inbox__conversation-controls__pane-selector.o__note-selected {
    background-color: var(--notice-container);
    border-radius: 6px
}

.inbox__conversation-controls__pane-selector .tabs__tab {
    margin-right: 14px
}

.inbox__conversation-controls__pane-selector__dropdown-item:focus {
    color: var(--text-default)
}

.inbox__conversation-controls__pane-selector__dropdown-item:focus.o__selected {
    color: var(--text-accent)
}

.inbox__conversation-controls__inserter.o__depressed .interface-icon {
    color: var(--text-default)
}

.inbox__conversation-controls__inserter-opener:not(.o__disabled):hover .interface-icon {
    color: var(--text-accent)
}

@media screen and (max-width: 1280px) {
    .inbox__conversation-controls__inserter {
        width:27px
    }

    .inbox__conversation-controls__inserter.o__overlay {
        width: auto
    }
}

.inbox__conversation-controls__inserter-opener__icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 2px
}

.inbox__conversation-composer__wrapper {
    padding: 0 0 10px 5px
}

.inbox__conversation-composer__wrapper .embercom-prosemirror-composer.composer-style-basic,.settings__saved-replies__preview__editor .embercom-prosemirror-composer.composer-style-basic {
    padding: 0
}

.inbox__conversation-composer__wrapper .embercom-prosemirror-composer-editor {
    min-height: 50px
}

.inbox__conversation-composer__wrapper .embercom-prosemirror-composer-editor,.saved-replies__saved-replies-new-modal__editor .embercom-prosemirror-composer-editor,.settings__saved-replies__preview__editor .embercom-prosemirror-composer-editor {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    line-height: 22px
}

.embercom-prosemirror-composer-saved-reply-popover .embercom-prosemirror-composer-typeahead-collection>div,.inbox__conversation-composer__wrapper .embercom-prosemirror-composer-editor p,.settings__saved-replies__preview__editor .embercom-prosemirror-composer-editor p {
    margin: 0
}

.inbox__conversation-composer__wrapper .embercom-prosemirror-composer-editor .intercom-card-component.button-component button,.inbox__conversation-composer__wrapper .embercom-prosemirror-composer-editor .intercom-card-component.button-component button[data-action-type=url],.saved-replies__saved-replies-new-modal__editor .embercom-prosemirror-composer-editor .intercom-card-component.button-component button,.saved-replies__saved-replies-new-modal__editor .embercom-prosemirror-composer-editor .intercom-card-component.button-component button[data-action-type=url],.settings__saved-replies__preview__editor .embercom-prosemirror-composer-editor .intercom-card-component.button-component button,.settings__saved-replies__preview__editor .embercom-prosemirror-composer-editor .intercom-card-component.button-component button[data-action-type=url] {
    pointer-events: none!important
}

.inbox__conversation-composer__wrapper .embercom-prosemirror-composer-editor p+.embercom-prosemirror-composer-image,.saved-replies__saved-replies-new-modal__editor .embercom-prosemirror-composer-editor p+.embercom-prosemirror-composer-image,.settings__saved-replies__preview__editor .embercom-prosemirror-composer-editor p+.embercom-prosemirror-composer-image {
    margin-top: 1.3em
}

.inbox__conversation-composer__wrapper .embercom-prosemirror-composer-editor .embercom-prosemirror-composer-image,.saved-replies__saved-replies-new-modal__editor .embercom-prosemirror-composer-editor .embercom-prosemirror-composer-image,.settings__saved-replies__preview__editor .embercom-prosemirror-composer-editor .embercom-prosemirror-composer-image {
    margin-bottom: 1.3em
}

.inbox__conversation-composer__wrapper .embercom-prosemirror-composer-mention,.saved-replies__saved-replies-new-modal__editor .embercom-prosemirror-composer-mention,.settings__saved-replies__preview__editor .embercom-prosemirror-composer-mention {
    background-color: var(--notice-fill);
    border-radius: 4px;
    padding: 1px 6px 2px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-on-notice);
    text-decoration: none;
    display: inline-block
}

.inbox__conversation-composer__wrapper .embercom-prosemirror-composer-mention:hover,.saved-replies__saved-replies-new-modal__editor .embercom-prosemirror-composer-mention:hover,.settings__saved-replies__preview__editor .embercom-prosemirror-composer-mention:hover {
    cursor: pointer;
    text-decoration: underline
}

.inbox__conversation-composer__wrapper .embercom-prosemirror-composer-editor {
    padding: 8px 24px 4px 10px;
    max-height: calc(50vh - 90px);
    overflow: auto
}

.inbox__conversation-composer__wrapper .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.inbox__conversation-composer__wrapper .embercom-prosemirror-composer-attachment-list {
    padding-left: 8px
}

.inbox__conversation-composer__wrapper .embercom-prosemirror-composer-attachment {
    padding-left: 5px;
    margin-top: 8px
}

.inbox__conversation-composer__wrapper .embercom-prosemirror-composer-attachment a,.saved-replies__saved-replies-new-modal__editor .embercom-prosemirror-composer-attachment a {
    color: var(--text-default);
    text-decoration: none
}

.inbox__conversation-composer__wrapper .embercom-prosemirror-composer-placeholder {
    padding: 9px 24px 4px 10px;
    line-height: 20px
}

.inbox__conversation-composer__wrapper.o__disabled .embercom-prosemirror-composer-editor {
    color: rgba(var(--neutral-container),.5)
}

.embercom-prosemirror-composer-saved-reply-popover {
    border-radius: 4px;
    overflow: hidden
}

.embercom-prosemirror-composer-saved-reply-popover .embercom-prosemirror-composer-typeahead-item {
    border: solid 1px var(--neutral-border);
    border-width: 0 0 1px
}

.embercom-prosemirror-composer-saved-reply-popover .embercom-prosemirror-composer-typeahead-item.last {
    border: 0
}

.embercom-prosemirror-composer-typeahead-item.selected {
    color: var(--text-link);
    background-color: var(--neutral-container-emphasis)
}

.embercom-prosemirror-composer-typeahead-item.selected .embercom-prosemirror-composer-saved-reply-item-actions-pill {
    background-color: var(--neutral-container-emphasis)
}

.embercom-prosemirror-composer-saved-reply-item-actions-pill {
    border: 1px solid rgba(var(--neutral-fill),.1);
    padding-left: 6px;
    padding-right: 6px;
    margin: 0;
    overflow: visible;
    font-weight: 400
}

.inbox__draft-info {
    margin-right: 4px;
    min-width: 50px
}

.inbox__draft-info.o__on-line-above {
    position: absolute;
    right: 10px;
    bottom: 42px
}

.inbox__conversation-list-item {
    transition: all .2s ease-in-out;
    position: absolute;
    width: 100%
}

.inbox__conversation-list-item__close-button:hover {
    background-color: transparent!important
}

@media screen and (max-width: 1064px) {
    .inbox__controls-info {
        max-width:58%
    }
}

.inbox__sticker {
    font-size: 96px
}

.inbox__sticker-image {
    width: 96px;
    height: 96px
}

.inbox__assignee-dropdown__help-text {
    padding: 10px 12px
}

.inbox__assignee-dropdown__help-text:first-of-type {
    padding-top: 0!important
}

.inbox__conversation-composer__wrapper .composer-inbox {
    padding-top: 8px
}

.inbox__conversation-composer__wrapper .composer-attachment-list {
    overflow: hidden
}

.m__inbox__emoji-dropdown,.m__inbox__mention-dropdown,.m__inbox__saved-reply-dropdown {
    position: fixed;
    min-width: 245px;
    max-width: 450px;
    max-height: 300px;
    overflow-y: scroll
}

.m__inbox__saved-reply-dropdown-summary {
    max-width: 40%
}

.m__inbox__saved-reply-dropdown-name {
    max-width: 50%
}

.inbox__admin-avatar__team-avatar-container {
    width: 35px;
    height: 35px;
    position: relative
}

.inbox__admin-avatar__team-avatar {
    border-radius: 50%;
    position: absolute;
    border: 2px solid var(--neutral-border);
    background-color: var(--beta-fill-emphasis);
    color: var(--text-on-neutral);
    text-align: center;
    font-size: 17.5px;
    font-weight: 500
}

.inbox__admin-avatar__team-avatar.o__s-team-avatar {
    width: 20px;
    height: 20px;
    line-height: 20px
}

.inbox__admin-avatar__team-avatar.o__l-team-avatar {
    width: 100%;
    height: 100%;
    line-height: 35px;
    position: relative;
    top: -3px
}

.inbox__admin-avatar__team-avatar.o__first-of-two-admins {
    top: 5px;
    left: -2px
}

.inbox__admin-avatar__team-avatar.o__second-of-two-admins {
    top: 5px;
    right: -2px
}

.inbox__admin-avatar__team-avatar.o__first-of-three-admins {
    top: 11px;
    left: 14px
}

.inbox__admin-avatar__team-avatar.o__second-of-three-admins {
    top: -5px;
    left: 6px
}

.inbox__admin-avatar__team-avatar.o__third-of-three-admins {
    top: 11px;
    right: 14px
}

.inbox__team-avatar__link {
    text-decoration: none
}

.inbox__full-height {
    height: 100%
}

.inbox__conversation-state__dropdown-list-item,.inbox__sort-by__dropdown-list-item {
    width: 140px;
    display: flex;
    justify-content: space-between
}

.inbox__sort-by__dropdown-list-item {
    width: 170px
}

.inbox__snooze-until__dropdown {
    max-width: 254px;
    min-width: 200px!important;
    position: absolute;
    right: -1px;
    top: 100%;
    padding: 5px 0
}

.inbox__snooze-until__item__link {
    text-decoration: none;
    cursor: pointer
}

.inbox__snooze-until__dropdown__item-meta {
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.inbox__snooze-until__dropdown__item-name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 89%;
    padding-bottom: 1px;
    padding-top: 2px;
    padding-right: 4px
}

.inbox__snooze-until__dropdown__item-name.snooze-by-hours {
    line-height: 1;
    display: flex;
    overflow: visible;
    align-items: left;
    justify-content: space-between
}

.inbox__snooze-until__dropdown__item-name.snooze-by-hours .textbox {
    color: var(--text-default);
    margin-top: -4px;
    height: 24px;
    width: 64px
}

.inbox__snooze-until__dropdown__item-meta-name {
    color: var(--text-muted);
    font-size: 13px
}

.inbox__snooze-until__dropdown__item-meta-name.snooze-by-hours {
    width: 50%
}

.inbox__conversation-header__add-participants-popover-content {
    width: 300px
}

.inbox__conversation-header__participants-list {
    max-width: 300px;
    max-height: calc(100vh - 64px);
    overflow-x: auto
}

.inbox__conversation-header__participant-item {
    cursor: pointer;
    padding: 5px 15px
}

.inbox__conversation-header__participant-item:hover {
    background-color: var(--beta-fill);
    color: var(--text-on-neutral)
}

.inbox__snooze-until__item__div {
    height: 20px;
    min-width: 200px
}

.inbox__rule-action__then__wrapper {
    height: 38px
}

.inbox__conversation-controls__internal-part .intercom-interblocks-messenger-card {
    background-color: var(--THEME-EJECTION__CONTENT-PREVIEW__WHITE-COLOR);
    color: var(--THEME-EJECTION__CONTENT-PREVIEW__BLACK-COLOR)
}

.inbox__card__header-collapsed {
    z-index: 1;
    position: absolute;
    width: 100%;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 16px 16px 8px
}

.inbox__card__header-collapsed.o__collapse {
    transition: all .15s ease-out;
    opacity: 1
}

.inbox__card__header-collapsed.o__expand {
    transition: all .1s linear;
    opacity: 0;
    pointer-events: none
}

.inbox__card__header-expanded.o__collapse {
    opacity: 0
}

.inbox__card__header-expanded.o__expand {
    transition: all .1s linear;
    opacity: 1
}

.inbox__card__header {
    position: relative;
    background-color: var(--base-module);
    border-bottom: 1px solid var(--neutral-border);
    padding: 10px;
    box-sizing: border-box;
    min-height: 66px;
    z-index: 1
}

.inbox__card__header.o__with-title {
    padding: 16px
}

.inbox__card__header.o__no-border {
    border-bottom-width: 0
}

.inbox__card__header.o__in-modal {
    z-index: unset;
    position: unset;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding-right: 64px
}

.inbox__card__header.o__hide-assignee-name .assignee-selector__avatar-unassigned .o__standard__unassigned {
    margin-right: 0!important
}

.inbox__card__header.o__hide-assignee-name .assignee-selector__opener-item:not(.assignee-selector__avatar-unassigned) {
    padding-left: 18px!important
}

.inbox__card__header.o__hide-assignee-name .assignee-selector__opener-item .assignee-selector__assignee-name {
    display: none!important
}

.inbox__card__header.o__collapsable {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.inbox__card__header.o__collapsable:hover {
    cursor: pointer
}

.inbox__card__header__actions {
    white-space: nowrap
}

.inbox__card__header__title {
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 40px;
    min-height: 20px;
    flex: 1;
    flex-wrap: wrap
}

.inbox__card__header__title__name {
    padding-bottom: 2px
}

.inbox__card__header__title__name__with__convo__title.heading {
    line-height: 20px
}

.inbox__card__header__title__brand {
    width: 100%
}

.inbox__card__header__operator-warning {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: 0 8px
}

.inbox__conversations__blank-content {
    margin-bottom: 6px
}

.inbox__conversations__modal-content {
    height: 605px;
    box-sizing: border-box
}

.inbox__conversations__blank-content__app-section {
    margin-bottom: 12px
}

.inbox__conversation-side-drawer__body {
    padding-bottom: 96px
}

.inbox__conversation-side-drawer__card {
    flex: 1 1 0;
    display: flex;
    flex-direction: column
}

.inbox__conversation-side-drawer__header {
    flex: 0 0 auto
}

.inbox__conversation-side-drawer__stream-container {
    flex: 1 1 0;
    display: flex;
    flex-direction: column
}

.inbox__conversation-side-drawer__stream {
    flex: 1 1 0
}

.inbox__custom-snooze-until__subcontent {
    top: -1px;
    padding: 10px;
    width: 230px;
    position: absolute;
    left: 100%;
    text-align: left;
    box-shadow: 0 1px 15px 0 rgba(0,0,0,.1),0 0 0 0 transparent;
    border: 1px solid rgba(0,0,0,.2)
}

.inbox__custom-snooze-until__subcontent.inbox__custom-snooze-until__subcontent__left {
    left: auto;
    right: 100%
}

.inbox__custom-snooze-until__time-dropdown {
    width: 200px;
    padding: 0 5px;
    margin-top: 10px;
    margin-bottom: 10px
}

.inbox__custom-snooze-until__button {
    margin: 2px 6px
}

.inbox__custom-snooze-until__button.o__disabled,.inbox__custom-snooze-until__button.o__disabled:hover {
    color: rgba(0,0,0,.2);
    cursor: default
}

.inbox__custom-snooze-until__subcontent-caret {
    position: absolute;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    left: -8px;
    margin-top: 164px
}

.inbox__custom-snooze-until__subcontent-caret.snooze-by-hours-offset {
    margin-top: 198px
}

.inbox__custom-snooze-until__subcontent__left .inbox__custom-snooze-until__subcontent-caret {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    right: -8px;
    left: auto
}

.inbox__custom-snooze-until__subcontent-caret__vector {
    fill: var(--neutral-container);
    stroke: rgba(0,0,0,.2)
}

.inbox__send-and-change-state__dropdown .inbox__custom-snooze-until__subcontent {
    top: inherit;
    bottom: -1px;
    left: inherit;
    right: 100%
}

.inbox__send-and-change-state__dropdown .inbox__custom-snooze-until__subcontent-caret {
    left: inherit;
    right: -8px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    bottom: 20px
}

.inbox__send-and-change-state__dropdown .inbox__custom-snooze-until__subcontent .f__custom-select__dropdown {
    position: absolute;
    bottom: 100%;
    top: inherit;
    left: 5px
}

.inbox__send-and-change-state .btn,.saved-replies__saved-replies-new-modal__editor .embercom-prosemirror-composer-editor p {
    margin: 0
}

.inbox__send-and-change-state .btn.o__secondary:focus {
    box-shadow: none
}

.inbox__send-and-change-state.o__disabled {
    opacity: .5;
    pointer-events: none
}

.inbox__send-and-change-state__dropdown__header {
    padding: 3px 12px 6px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 500;
    cursor: default
}

.inbox__send-and-change-state__primary-action {
    padding-right: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 1px solid var(--neutral-border)
}

.inbox__send-and-change-state__opener {
    margin: 0;
    padding-left: 8px;
    padding-right: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.inbox__send-and-change-state__dropdown {
    position: absolute;
    bottom: 30px;
    right: -1px;
    font-weight: 400;
    font-size: 14px
}

.inbox__slas__dropdown .ds-new__dropdown__opener {
    width: 130px
}

.inbox__slas__response-times {
    font-size: 14px
}

.inbox__slas__hover-remove-button:hover {
    color: red
}

.inbox__slas__side-drawer-select {
    width: 105px
}

.inbox__user-profile__name-editor .attribute__editor-row {
    height: 20px
}

.inbox__user-profile__name-editor .attribute__editor-component {
    margin-left: 0
}

.inbox__next-breach-time {
    display: inline-block;
    margin-left: 5px;
    padding: 0 4px;
    cursor: auto;
    color: var(--text-muted);
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 3px;
    font-weight: 400;
    white-space: nowrap;
    word-break: normal
}

.inbox__new-next-breach-time {
    font-weight: 500
}

.inbox__new-next-breach-time .interface-icon.o__standard.o__by-text {
    margin-right: 0
}

.inbox__card__header .inbox__new-next-breach-time {
    font-size: 13px
}

.inbox__conversation-sidebar__shopify__hoverable {
    padding: 12px 8px;
    cursor: pointer
}

.inbox__conversation-sidebar__shopify__hoverable:hover {
    background-color: var(--neutral-container)
}

.inbox__conversation-sidebar__shopify__inbox-app-search-input {
    height: 20px;
    line-height: 14px;
    background-color: transparent;
    border-color: transparent;
    transition-property: background-color,border-color;
    transition-timing-function: ease;
    transition-duration: .1s;
    padding: 2px 4px;
    width: calc(100% - 30px);
    transition: width 40ms ease-in
}

.inbox__conversation-sidebar__shopify__inbox-app-search-input:focus {
    background-color: var(--neutral-container);
    border-color: var(--neutral-border)
}

.inbox__conversation-sidebar__shopify__tab {
    padding: 8px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: var(--text-muted)
}

.inbox__conversation-sidebar__shopify__tab.o__with-right-border {
    border-right: 1px solid rgba(0,0,0,.1)
}

.inbox__conversation-sidebar__shopify__tab.o__selected:hover,.inbox__conversation-sidebar__shopify__tab:hover {
    color: var(--text-link)
}

.inbox__conversation-sidebar__shopify__tab.o__selected {
    color: var(--text-default)
}

.inbox__conversation-sidebar__shopify__product-image {
    width: 75px;
    height: 100%
}

.inbox__conversation-sidebar__shopify__create-order-price-summary-section {
    width: 200px;
    text-align: end
}

.inbox__conversation-sidebar__shopify__modal-input {
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    padding: 5px;
    width: 200px
}

.inbox__conversation-sidebar__shopify__modal-input.o__wide {
    width: 300px
}

.inbox__conversation-sidebar__shopify__modal-input.o__narrow {
    width: 100px
}

.inbox__conversation-sidebar__shopify__modal-input.o__super-narrow {
    width: 50px
}

.inbox__conversation-sidebar__shopify__create-order-popover {
    width: 220px
}

.inbox__conversation-sidebar__shopify__small-text {
    font-size: 13px
}

.dropdown__list-item.o__selected .inbox__conversation-sidebar__shopify__product-subtitle,.dropdown__list-item.o__selected .inbox__conversation-sidebar__shopify__product-title {
    color: var(--text-on-neutral)
}

.dropdown__list-item.o__hoverable:hover {
    background-color: var(--neutral-container-emphasis)
}

.inbox__conversation-sidebar__add-card-ghost {
    border: 1px dashed rgba(0,0,0,.2);
    background-color: var(--neutral-container)
}

.inbox__conversation-sidebar__add-card-ghost:hover {
    border: 1px dashed var(--beta-fill)
}

.inbox__conversation-sidebar__add-card-ghost:hover .inbox__conversation-sidebar__add-card-ghost-text,.message__editor__panel.o__editing.o__minimized:hover .message__editor__panel__heading {
    color: var(--text-link)
}

.inbox__conversation-sidebar__add-card-ghost-text {
    font-weight: 600;
    margin: 0 auto;
    display: table
}

.inbox__conversation-sidebar__add-card-subtext {
    color: var(--text-muted);
    margin: 0 auto;
    display: table
}

.inbox__conversation-sidebar__add-card-notification-dot {
    background-color: var(--error-fill);
    height: 7px;
    width: 7px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 4px 1px 0
}

.inbox__conversation-sidebar__app-inserter {
    width: 284px;
    height: 408px
}

.inbox__conversation-sidebar__app-inserter__item-list {
    height: 347px
}

.inbox__conversation-sidebar__app-inserter__item {
    padding: 8px;
    height: 24px;
    cursor: pointer;
    border-bottom: 1px solid rgba(0,0,0,.05)
}

.inbox__conversation-sidebar__app-inserter__item:hover {
    background-color: var(--neutral-container)
}

.inbox__conversation-sidebar__app-inserter__item-icon {
    position: relative;
    margin: 0 4px
}

.inbox__conversation-sidebar__app-inserter__item-icon .interface-icon {
    width: 20px;
    height: 20px
}

.inbox__conversation-sidebar__app-inserter__item-text {
    margin-left: 8px
}

.inbox__conversation-sidebar__app-inserter__mask-bottom {
    height: 46px;
    width: 100%;
    position: absolute;
    bottom: 53px;
    left: 0;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(rgba(255,255,255,.0001),#fff 42px)
}

.inbox__conversation-sidebar__app-inserter__space-to-avoid-mask {
    height: 14px
}

.inbox__conversation-sidebar__app-inserter__app-store-cta {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 36px;
    padding: 12px;
    z-index: 3;
    border-top: 1px solid rgba(0,0,0,.05);
    background-color: var(--neutral-container);
    border-radius: 0 0 3px 3px;
    text-decoration: none
}

.inbox__conversation-sidebar__app-inserter__app-store-cta:hover {
    background-color: var(--neutral-container);
    cursor: pointer;
    opacity: 1
}

.inbox__conversation-sidebar__app-inserter__app-store-cta-text {
    font-weight: 500
}

.inbox__conversation-sidebar__app-inserter__empty-state {
    width: 100%
}

.inbox__conversation-sidebar__edit-mode {
    height: 20px
}

.inbox__conversation-sidebar__edit-mode.o__with-padding {
    padding-top: 12px;
    padding-right: 12px
}

.inbox__conversation-sidebar__section__edit-mode {
    box-shadow: 0 4px 14px 0 rgba(0,0,0,.1);
    outline: 0;
    outline-color: var(--neutral-border);
    max-height: 400px
}

.inbox__conversation-sidebar__section__disabled-content {
    opacity: .5;
    pointer-events: none
}

.inbox__conversation-sidebar__section__mask-bottom {
    height: 40px;
    width: 100%;
    position: absolute;
    top: 360px;
    left: 0;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(rgba(255,255,255,.0001),#fff 40px)
}

.inbox__conversation-sidebar__separator {
    background-color: var(--neutral-container);
    height: 1px;
    margin: 0 -12px
}

.inbox__conversation-sidebar__separator.o__with-vertical-spacing {
    margin: 12px -12px
}

.inbox__conversation-sidebar__space {
    height: 12px
}

.inbox__conversation-sidebar__default-top-margin {
    margin-top: 12px
}

.inbox__conversation-sidebar__tags__top-offset {
    margin-top: -10px
}

.inbox__conversation-sidebar__padding-none-title {
    display: inline-block;
    padding-left: 12px;
    padding-top: 12px;
    height: 32px;
    box-sizing: border-box
}

.inbox__conversation-sidebar__body-custom-padding {
    padding-left: 12px;
    padding-right: 12px
}

.inbox__conversation-sidebar__section {
    padding: 4px 8px
}

.inbox__conversation-sidebar {
    padding-top: 4px;
    padding-bottom: 74px
}

.inbox__conversation-sidebar.o__is-reordering .sortable-item {
    transition: all .2s
}

.inbox__conversation-sidebar .sortable-item .sidebar-card__drag-handle {
    cursor: grab
}

.inbox__conversation-sidebar .sortable-item .sidebar-card__drag-handle:active,.inbox__conversation-sidebar .sortable-item.is-dragging .sidebar-card__drag-handle {
    cursor: grabbing
}

.inbox__conversation-sidebar .sortable-item.is-dragging {
    transition-duration: .1s;
    z-index: 10;
    position: relative;
    cursor: grabbing
}

.inbox__conversation-sidebar .sortable-item.is-dragging .inbox__conversation-sidebar__section__edit-mode,.inbox__conversation-sidebar__section__edit-mode:hover {
    box-shadow: 0 4px 14px 0 rgba(0,0,0,.2)
}

.inbox__conversation-sidebar .ds-new__card {
    border: 1px solid rgba(0,0,0,.1)
}

.inbox__conversation-sidebar__company-details-title,.reporting__non-sticky-table tr {
    height: 40px
}

.inbox__conversation-sidebar__error-text {
    color: var(--text-error)
}

.inbox__recent-page-views__list {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: hidden
}

.inbox__recent-page-views__list::before {
    content: "";
    border-left: 1px solid var(--neutral-border);
    top: 13px;
    bottom: 15px;
    left: 52px;
    position: absolute
}

.inbox__recent-page-views__list>li::before {
    content: "•";
    position: absolute;
    left: 49px;
    color: var(--text-muted)
}

.inbox__recent-page-views__list .inbox__event-list-item__title {
    color: var(--text-default)
}

.inbox__event-list-item__relative-time {
    width: 40px
}

.inbox__event-list-item__timeline {
    min-width: 50px;
    display: block;
    text-align: right;
    color: var(--text-muted)
}

.inbox__event-list-item__title {
    margin-left: 64px;
    line-height: 20px;
    margin-bottom: 8px;
    display: block
}

.inbox__event-list-item__title.o__event {
    color: var(--text-muted)
}

.inbox__event-list-item__expanded-content {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0 0 0 64px
}

.inbox__event-list-item__expanded-content-value {
    display: block;
    color: var(--text-default)
}

.inbox__event-list-item__tooltip {
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    hyphens: none
}

.inbox__event-list-item__expander {
    min-width: 16px
}

.lock__overlay {
    bottom: 1px
}

.lock__overlay-inner {
    width: 90%
}

.lock__overlay-icon {
    display: inline-block;
    margin: 6px 10px
}

.assignee-selector .o__dropdown-opener {
    border-radius: var(--border-radius-large)
}

.assignee-selector__assignee-name {
    max-width: 140px
}

.assignee-selector__opener-item {
    letter-spacing: -.2px
}

.assignee-selector__opener-item:first-child:not(:last-child) {
    margin-right: 8px!important
}

.assignee-selector__opener-item.assignee-selector__avatar-unassigned {
    padding-left: 0
}

.assignee-selector__opener-item.assignee-selector__avatar-unassigned .o__standard__unassigned {
    margin-bottom: 0;
    margin-right: 4px
}

.inbound-email__page {
    flex: 1
}

.inbound-email {
    max-width: 980px;
    width: 100%;
    margin: 0 auto
}

.inbound-email__raw-content {
    padding: 0
}

.team__emoji-selector,.team__emoji-selector:active {
    padding: 14px 8px;
    height: 48px;
    box-sizing: border-box
}

.team__emoji-selector__image {
    height: 16px;
    width: 16px
}

.team__emoji-selector__image.o__animate,.team__emoji-selector__image.o__collapsed.o__animate {
    animation-name: slide_avatar_left;
    animation-duration: .15s;
    animation-timing-function: ease-in
}

.team__emoji-selector__icon-container.o__animate {
    animation-name: make_icon_visible;
    animation-duration: .17s;
    animation-timing-function: linear
}

.team__emoji-selector__image.o__collapsed {
    margin-top: 1px
}

.team__emoji-selector__image.o__collapsed.o__animate {
    animation-name: slide_avatar_right
}

.team__emoji-selector__container.o__interactive {
    padding: 7px
}

.team__emoji-selector__container.o__interactive:hover,.team__icon-selector__container.o__interactive:hover {
    box-shadow: none
}

.team__icon-selector__container.o__interactive {
    padding: 5px
}

.unsubscribe-integration__expanded {
    padding: 20px 0 0
}

.saved-replies__popover {
    height: 390px;
    width: 540px
}

.saved-replies__popover__header {
    padding: 8px 12px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.saved-replies__popover__banner {
    background-color: var(--neutral-container);
    box-sizing: border-box;
    position: relative;
    cursor: default
}

.saved-replies__popover__banner__close-button {
    position: absolute;
    top: 11px;
    right: 11px
}

.saved-replies__popover__list {
    border-right: 1px solid var(--neutral-border);
    height: 295px;
    overflow: auto
}

.saved-replies__popover__content {
    height: 295px;
    overflow: auto
}

.saved-replies__popover__list-content {
    max-width: 50%
}

.message__editor__audience__filter-selector-row span,.saved-replies__popover__content {
    color: var(--text-default)
}

.saved-replies__popover__preview [data-type=messengerCard] .intercom-interblocks-messenger-card {
    width: auto
}

.saved-replies__saved-replies-new-modal .ds-new__modal__body {
    padding: 0 24px 24px
}

.saved-replies__saved-replies-new-modal__form {
    min-width: 100%
}

.saved-replies__saved-replies-new-modal__form .form__item {
    margin-bottom: 22px
}

.saved-replies__saved-replies-new-modal__editor {
    min-width: 100%;
    padding: 0
}

.saved-replies__saved-replies-new-modal__editor .embercom-prosemirror-composer.composer-style-basic {
    padding: 0
}

.saved-replies__saved-replies-new-modal__editor .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted)
}

.saved-replies__saved-replies-new-modal__editor .embercom-prosemirror-composer-attachment-list {
    padding-left: 8px
}

.saved-replies__saved-replies-new-modal__editor .embercom-prosemirror-composer-attachment {
    padding-left: 5px;
    margin-top: 8px
}

.saved-replies__saved-replies-new-modal__editor .embercom-prosemirror-composer-editor {
    max-height: 200px;
    min-height: 100px;
    height: calc(60vh - 260px);
    overflow: auto
}

.saved-replies__saved-replies-new-modal__composer-edit:not(.embercom-prosemirror-composer),.saved-replies__saved-replies-new-modal__preview__editor:not(.embercom-prosemirror-composer) {
    max-height: calc(60vh - 260px)
}

.saved-replies__saved-replies-new-modal__preview__editor {
    margin-bottom: 0;
    max-width: 100%;
    padding: 9px 10px 4px 16px;
    z-index: 11
}

.saved-replies__saved-replies-new-modal__preview__editor>div:first-child {
    overflow: auto;
    flex: 1
}

.saved-replies__saved-replies-new-modal__composer-edit {
    overflow: auto
}

.saved-replies__saved-replies-new-modal .team-list-filter {
    max-width: 606px
}

.saved-replies__modal__contents {
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 0!important
}

.saved-replies__modal__contents__left {
    box-sizing: border-box;
    min-width: 40%;
    max-width: 40%;
    border-right: 1px solid rgba(0,0,0,.1)
}

.saved-replies__modal__footer {
    box-sizing: border-box;
    padding: 20px;
    height: 73px;
    border-top: 1px solid rgba(0,0,0,.1)
}

.saved-replies__inserters {
    position: relative;
    z-index: 12;
    background: var(--neutral-container);
    margin: -33px 2px 0
}

.saved-replies__content {
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 0;
    position: relative;
    overflow: auto;
    height: 296px
}

.message__composer-help__link {
    position: absolute;
    bottom: 10px;
    right: 20px
}

.message__creation-modal__channel-card {
    width: 231px;
    height: 170px
}

.message__creation-modal__channel-card.o__disabled {
    opacity: .5
}

.message__creation-modal__constrained-svg {
    max-height: 60px;
    max-width: 142px
}

.message__creation-modal__illustrative-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: bottom
}

.message__creation-modal__header-border-bottom {
    border-bottom: 1px solid var(--neutral-border)
}

.message__creation-modal__templates-selector {
    width: 100%;
    height: 592px;
    max-height: 70vh
}

.message__creation-modal__template-cell-list {
    border-right: 1px solid var(--neutral-border);
    overflow-y: scroll
}

.message__creation-modal__template-cell-list:last-child {
    border-bottom: none
}

.message__creation-modal__templates-cell {
    width: 334px;
    border-left: 2px solid transparent;
    border-bottom: 1px solid var(--neutral-border);
    box-sizing: border-box
}

.message__creation-modal__templates-cell:hover {
    background-color: var(--neutral-container);
    cursor: pointer
}

.message__creation-modal__templates-cell-active {
    width: 334px;
    background-color: var(--neutral-container-emphasis);
    border-left: 2px solid var(--neutral-border);
    border-bottom: 1px solid var(--neutral-border);
    box-sizing: border-box
}

.message__creation-modal__templates-preview {
    overflow: scroll
}

.message__creation-modal__use-a-template-header {
    border-left: 2px solid transparent;
    border-bottom: 1px solid var(--neutral-border);
    width: 334px;
    box-sizing: border-box
}

.message__creation-modal__templates-preview-editor {
    height: 100%
}

.message__list__tabs {
    padding: 0 30px
}

.message__editor__container__wrapper {
    min-width: 980px
}

.message__editor__container {
    transition: opacity .3s ease;
    position: relative;
    padding: 13px 30px 0
}

@media screen and (max-width: 1280px) {
    .message__editor__container {
        max-width:920px
    }
}

@media screen and (max-width: 1366px) {
    #embedded_messenger .mobile__messenger__device-shell {
        padding-left:0;
        padding-right: 0
    }
}

.message__editor__container.o__half-opaque {
    opacity: .5
}

.message__editor__container__loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.message__editor__container .content-editor__content {
    min-height: initial
}

.message__editor__container .liquid-child:not(.velocity-animating) {
    transform: none!important;
    overflow: visible
}

.message__editor__container .liquid-child.velocity-animating {
    transform: inherit
}

.message__editor__container .liquid-container:not(.liquid-animating) {
    transform: none!important;
    overflow: visible
}

.message__editor__container .liquid-container.liquid-animating {
    transform: inherit
}

.message__editor__content__email__chrome-wrapper {
    width: calc(100% - 1px)
}

.message__editor__content__email__chrome {
    margin: 20px auto;
    background-color: var(--neutral-container);
    padding-bottom: 1px;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px var(--neutral-border),0 0 5px 1px rgba(0,0,0,.1)
}

.message__editor__content__email__chrome.o__desktop {
    box-sizing: border-box;
    width: fit-content;
    max-width: 1000px
}

.message__editor__content__email__chrome.o__mobile {
    box-sizing: border-box;
    width: 322px
}

.message__editor__content__email__chrome.o__hide-unsubscribe .ic-unsubscribe-link {
    display: none
}

.message__editor__content__email__chrome.o__with-max-width {
    max-width: 660px
}

.message__editor__content__email__subject {
    position: relative;
    padding: 1px 1px 0;
    margin-bottom: 5px
}

.message__editor__content__email__subject-input {
    display: inline-block;
    border: 0;
    font-weight: 500;
    padding: 4px 15px;
    border-bottom: 1px solid var(--neutral-border);
    max-width: 100%;
    width: calc(100% - 1px);
    box-sizing: border-box;
    height: 40px
}

.message__editor__content__email__subject-input:focus {
    padding-right: 50px
}

.message__editor__content__email__subject-input::-webkit-input-placeholder {
    font-weight: 400;
    color: var(--text-muted)
}

.message__editor__content__email__subject-input:-ms-input-placeholder {
    font-weight: 400;
    color: var(--text-muted)
}

.message__editor__content__email__subject-input::-moz-placeholder {
    font-weight: 400;
    opacity: 1;
    color: var(--text-muted)
}

.message__editor__content__email__subject-input.o__error {
    border: 1px solid var(--error-border)
}

.message__editor__content__email__template {
    min-height: 100px;
    margin: 1px;
    border-top: 0;
    background-color: var(--neutral-container);
    position: relative
}

.message__editor__content__email__template.o__mobile {
    margin: 0;
    position: static
}

.message__editor__content__email__template pre.code {
    margin: 0 0 10px;
    padding: 10px;
    background-color: #f5f5f5;
    overflow: auto;
    font-family: Courier,monospace;
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap
}

.message__editor__content__email__chrome-meta {
    padding: 0 15px;
    margin-bottom: 2px;
    font-weight: 500;
    color: var(--text-default)
}

.message__editor__content__email__chrome-date {
    color: var(--text-muted)
}

.message__editor__content__email__chrome-reply-to {
    font-size: 12px
}

.message__editor__content__email__chrome__controls {
    border-radius: 3px 3px 0 0;
    padding: 7px 10px!important;
    background: linear-gradient(#f0f0f0,#e9e9e9);
    border: 1px solid var(--neutral-border)
}

.message__editor__content__email__chrome__controls-wrapper {
    margin: 0!important;
    padding: 0!important
}

.message__editor__content__email__chrome__controls-item {
    border-radius: 50%;
    height: 10px!important;
    width: 10px!important;
    display: inline-block!important;
    margin-right: 6px!important
}

.message__editor__content__email__chrome__controls-item.o__close {
    background: var(--error-fill)
}

.message__editor__content__email__chrome__controls-item.o__minimize {
    background: #ffc109
}

.message__editor__content__email__chrome__controls-item.o__maximize {
    background: #0ed439
}

.message__editor__content__sidebar__admin-selector {
    padding-top: 3px;
    padding-bottom: 3px
}

.message__editor__content__sidebar__admin-selector__label-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%
}

.message__editor__content__sidebar__admin-selector-item.o__disabled {
    opacity: .5
}

.message__editor__content__sidebar__admin-selector-item.o__selected {
    padding-right: 35px
}

.message__editor__content__sidebar__admin-selector__item-container {
    display: flex;
    align-items: center
}

.message__editor__content__sidebar__admin-selector__item {
    flex: 1;
    position: relative
}

.message__editor__content__sidebar__admin-selector-check {
    position: absolute;
    right: 16px
}

.message__editor__content__sidebar__inner-wrapper {
    width: 350px;
    min-height: 500px;
    height: 100%;
    border-right: 1px solid var(--neutral-border);
    box-sizing: border-box
}

.message__editor__content__sidebar__inner-wrapper .overlay__opener,.message__editor__content__sidebar__inner-wrapper .popover__opener {
    display: block
}

.message__editor__content__sidebar__css-picker-domain-select .message__editor__content__sidebar__domain-opener {
    width: 100%
}

.message__editor__content__sidebar__fallback {
    border-left: 2px solid rgba(0,0,0,.1)
}

.message__editor__content__test-email-modal__body {
    padding: 12px 60px
}

#embedded_messenger .intercom-note [data-type=button][data-align] .intercom-h2b-button,#embedded_messenger .intercom-post [data-type=button][data-align] .intercom-h2b-button,.message__editor__content__test-email-modal__column {
    display: inline-block
}

.message__editor__content__test-email-modal__column.o__input {
    width: 335px
}

.message__editor__content__container {
    min-height: 200px;
    overflow: hidden
}

.message__editor__content__upload-indicator {
    position: absolute;
    top: 10px;
    right: 15px;
    opacity: .5;
    pointer-events: none
}

.message__editor__content__control-group-info {
    height: 300px
}

.message__editor__content__control-group-description {
    width: 400px;
    text-align: center
}

.message__editor__content__follow-up-actions {
    height: 145px;
    border-top: 1px solid var(--neutral-border)
}

.content-editor__push-editor .embercom-composer-editor,.message__editor__push__editor .embercom-composer-editor {
    min-height: 20px!important
}

.content-editor__push-editor .embercom-composer-placeholder,.message__editor__push__editor .embercom-composer-placeholder {
    top: 0;
    left: 0
}

.message__editor__push__chrome {
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-position: center
}

.message__editor__push__ios-preview .message__editor__push__chrome {
    width: 474px;
    height: 579px;
    padding: 118px 54px 0 41px;
    position: relative
}

.message__editor__push__ios-preview .message__editor__push__chrome:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 474px;
    height: 579px;
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/message-editor/iphone-xr-dba96b41bf6412d6e03f487e193ec0e1.svg);
    mask-image: linear-gradient(to bottom,#000 ,#000 80%,transparent)
}

.message__editor__push__android-preview .message__editor__push__chrome {
    width: 403px;
    max-width: 403px;
    height: 579px;
    padding: 74px 20px 0;
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/message-editor/android-04816fc7811b02dd6e0c035438c2fdf5.svg);
    mask-image: linear-gradient(to bottom,#000 ,#000 80%,transparent)
}

.message__editor__push__chrome-lock-screen-time {
    margin-bottom: 40px
}

.message__editor__push__ios-preview .message__editor__push__chrome-lock-screen-time-text {
    padding: 0 30px 30px;
    font-size: 72px;
    font-weight: 100;
    color: var(--text-muted);
    font-family: -apple-system,BlinkMacSystemFont,sans-serif
}

.message__editor__push__android-preview .message__editor__push__chrome-lock-screen-time-text {
    padding: 40px 30px 30px;
    font-size: 79px;
    font-weight: 100;
    color: var(--text-muted);
    font-family: Roboto,sans-serif
}

.message__editor__push__ios-preview .message__editor__push__chrome-card {
    margin: 0 8px;
    flex-direction: column;
    position: relative
}

.message__editor__push__ios-preview .message__editor__push__chrome-card:before {
    position: absolute;
    overflow: hidden;
    content: "";
    border-radius: 12px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--neutral-container)
}

.message__editor__push__android-preview .message__editor__push__chrome-card {
    border-radius: 4px;
    background-color: var(--neutral-container);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    margin: 0 11px;
    padding: 11px;
    flex-direction: column
}

.message__editor__push__ios-preview .message__editor__push__chrome-card-secondary {
    color: var(--text-muted);
    padding: 8px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: -apple-system,BlinkMacSystemFont,sans-serif;
    z-index: 1
}

.message__editor__push__ios-preview .message__editor__push__chrome-card-app-icon {
    height: 20px;
    width: 20px;
    border-radius: 4px;
    background: var(--neutral-border-emphasis);
    margin-right: 8px
}

.message__editor__push__android-preview .message__editor__push__chrome-card-app-icon {
    height: 38px;
    width: 38px;
    border-radius: 50%;
    background: var(--neutral-border-emphasis);
    margin-right: 12px
}

.message__editor__push__ios-preview .message__editor__push__chrome-card-main {
    padding: 7px 15px 10px
}

.message__editor__push__ios-preview .message__editor__push__body-text p,.message__editor__push__ios-preview .message__editor__push__title-text h1,.message__editor__push__ios-preview .message__editor__push__title-text p {
    font-size: 16px;
    font-family: -apple-system,BlinkMacSystemFont,sans-serif
}

.message__editor__push__ios-preview .message__editor__push__title-text h1,.message__editor__push__ios-preview .message__editor__push__title-text p {
    font-weight: 500;
    word-break: break-all
}

.message__editor__push__android-preview .message__editor__push__body-text p,.message__editor__push__android-preview .message__editor__push__title-text h1,.message__editor__push__android-preview .message__editor__push__title-text p {
    font-family: Roboto,sans-serif
}

.message__editor__push__android-preview .message__editor__push__body-text p {
    font-size: 12px;
    color: #737373
}

.message__editor__push__android-preview .message__editor__push__title-text h1,.message__editor__push__android-preview .message__editor__push__title-text p {
    font-size: 15px;
    font-weight: 400;
    color: #222221;
    word-break: break-all
}

.message__editor__push__preview-device-label {
    margin: auto
}

.message__editor__push__body-content-image {
    text-align: center
}

.message__editor__push__body-img {
    max-width: 307px;
    max-height: 154px
}

.message__editor__push__ios-preview .message__editor__push__body-expanded-img {
    max-width: 363px;
    max-height: 250px
}

.message__editor__push__android-preview .message__editor__push__body-expanded-img {
    width: 341px;
    height: 171px
}

.message__editor__header__button {
    margin: auto;
    max-height: 32px
}

.message__editor__header__state-stamp {
    margin: 0 0 4px 5px
}

.message__editor__header__title-input {
    border: 0;
    outline: 0;
    padding: 0 5px 0 0;
    background-color: transparent;
    border-bottom: 1px dashed transparent;
    transition: border-bottom-color .2s ease;
    font-weight: 600
}

.message__editor__header__title-input:focus,.message__editor__header__title-input:hover {
    border-bottom: 1px dashed rgba(0,0,0,.2)
}

.message__editor__header__title-text {
    border-bottom: 1px dashed transparent;
    padding-right: 12px
}

.message__editor__header__title-input.o__truncated,.message__editor__header__title-text.o__truncated {
    white-space: nowrap;
    line-height: 30px;
    max-width: 340px;
    overflow: hidden;
    text-overflow: ellipsis
}

.message__editor__header__title-text.o__truncated {
    max-width: 350px
}

.message__editor__header__title.o__has-breadcrumb .breadcrumb__container {
    min-height: 22px;
    padding-left: 36px
}

.message__editor__header__tags-container {
    border-top: 1px solid rgba(0,0,0,.05);
    border-bottom: 1px solid rgba(0,0,0,.05);
    margin: 0 -30px;
    padding: 12px 30px
}

.message__editor__panel {
    border-bottom: 1px solid rgba(0,0,0,.2);
    transition-property: margin-bottom,border-color;
    transition-duration: .2s;
    transition-timing-function: ease
}

.message__editor__panel.o__is-hidden {
    display: none
}

.message__editor__panel.o__editing {
    margin-bottom: 10px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px
}

.message__editor__panel.o__editing.o__last {
    border: 1px solid rgba(0,0,0,.2)
}

.message__editor__panel.o__editing.o__minimized {
    cursor: pointer
}

.message__editor__panel.o__editing .message__editor__panel__heading {
    min-width: 272px
}

.message__editor__panel__heading {
    min-width: 165px;
    margin-right: 20px
}

.message__editor__panel.o__editing:hover,.message__editor__panel.o__maximized {
    box-shadow: 0 4px 14px 0 rgba(13,36,209,.1);
    border: 1px solid var(--neutral-border)
}

.message__editor__panel.o__first {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.message__editor__panel.o__last {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: 0
}

.message__editor__panel__title {
    padding: 25px 21px 25px 0;
    transition: background-color .2s ease
}

.message__editor__panel__title.o__editing {
    cursor: pointer;
    padding: 16px 10px 16px 20px
}

.message__editor__panel__title.o__expanded {
    background-color: var(--beta-fill);
    max-height: 54px;
    box-sizing: border-box
}

.message__editor__panel__title.o__content {
    max-height: 54px;
    box-sizing: border-box
}

.message__editor__panel__content-title {
    display: inline-block;
    vertical-align: top
}

.message__editor__panel__fadable-text {
    color: var(--text-default);
    transition: color .2s linear
}

.message__editor__audience__filter-selector-row:hover span,.message__editor__panel__fadable-text.o__expanded {
    color: var(--text-on-neutral)
}

.message__editor__panel__hideable-content {
    opacity: 1;
    transition: opacity .2s linear
}

.message__editor__panel__hideable-content.o__expanded {
    opacity: 0;
    pointer-events: none
}

.message__editor__panel__done-button {
    transition-property: width,tranform,opacity;
    transition-timing-function: ease;
    transition-duration: .2s;
    opacity: 0;
    width: 0;
    margin: -5px 0;
    transform-origin: right;
    transform: scaleX(0)
}

.message__editor__panel__done-button.o__visible {
    opacity: 1;
    width: 60px;
    transform: scaleX(1)
}

.message__editor__panel__start-ab-test,.message__editor__panel__start-ab-test-paywall {
    pointer-events: none
}

.message__editor__panel__content-title-wrapper.o__expanded .message__editor__panel__start-ab-test,.message__editor__panel__content-title-wrapper.o__expanded .message__editor__panel__start-ab-test-paywall,.message__editor__panel__start-ab-test-paywall.o__standalone {
    pointer-events: all
}

.message__editor__panel__start-ab-test {
    margin-top: -5px;
    margin-left: 10px;
    opacity: 0;
    transition: opacity .2s ease
}

.message__editor__panel__ab-dropdown {
    width: 360px
}

.message__editor__panel__content-title-wrapper.o__expanded .message__editor__panel__start-ab-test {
    opacity: 1
}

.message__editor__panel__audience-expansion {
    max-height: 100px;
    transition: max-height .2s linear
}

.message__editor__panel__container-content {
    max-width: 520px
}

.message__editor__panel__description .message__editor__panel__fadable-text {
    font-size: 14px
}

.message__editor__audience__predicate {
    display: inline-block;
    vertical-align: bottom;
    max-width: 360px;
    margin-right: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.message__editor__audience__main {
    background: var(--neutral-container);
    min-height: 244px
}

.message__editor__audience__attribute-item {
    display: block;
    padding: 5px 16px;
    margin: 0 -16px;
    text-decoration: none
}

.message__editor__audience__predicate-boolean {
    margin-right: 6px
}

.message__editor__audience__pending-search-overlay {
    background-color: var(--neutral-container);
    opacity: .5;
    transition: opacity .2s ease;
    position: absolute;
    top: 0;
    left: 336px;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 5
}

.message__editor__audience__pending-search-overlay.o__full-width {
    left: 0
}

.message__editor__audience__filter__select-editor-empty-state {
    max-width: 157px
}

.message__editor__channel__time-on-page {
    width: 150px
}

.message__editor__stats__container {
    padding-top: 20px;
    opacity: 1;
    transform-origin: top;
    transform: scaleY(1)
}

.message__editor__stats__container.o__collapsed {
    transform: scaleY(0);
    opacity: 0
}

.message__editor__stats__spacer {
    min-width: 30px
}

.message__editor__stats__tab {
    padding: 12px 35px;
    cursor: pointer
}

.message__editor__stats__tab:hover:not(.o__disabled):not(.o__active) {
    background-color: var(--neutral-container);
    border-color: var(--neutral-border)
}

.message__editor__stats__tab:hover:not(.o__disabled):not(.o__active) .message__editor__stats__tab-label {
    color: var(--text-default)
}

.message__editor__stats__tab.o__disabled {
    cursor: default
}

.message__editor__stats__tab.o__active {
    border-color: transparent;
    border-bottom: 2px solid var(--accent-border-emphasis);
    cursor: default;
    padding-top: 10px
}

.message__editor__stats__tab.o__active .message__editor__stats__tab-label {
    color: var(--text-default)
}

.message__editor__stats__tab.o__active+.message__editor__stats__tab:hover:not(.o__disabled),.message__editor__stats__tab:hover:not(.o__disabled)+.message__editor__stats__tab.o__active {
    border-left-color: transparent
}

.message__editor__stats__tab__reactions {
    display: flex;
    align-items: center
}

.message__editor__stats__tab__reaction {
    padding-top: 4px
}

.message__editor__stats__conversation-card-container {
    width: 700px;
    min-height: 156px;
    margin: 0 auto
}

.message__editor__stats__user-list-container {
    min-height: 156px;
    padding: 0 20px 20px
}

.message__editor__stats__user-list-container .message__editor__stats__user-list-header {
    background-color: var(--THEME-EJECTION__CONTENT-PREVIEW__WHITE-COLOR);
    border: 0
}

.message__editor__stats__user-list-container.o__disable-bulk-actions [type=checkbox] {
    visibility: hidden
}

.message__editor__stats__user-list-clicked-url {
    width: 80%;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.message__editor__stats__user-list-clicks {
    width: 20%
}

.message__editor__stats__user-list-clicked-url-dropdown {
    max-width: 300px
}

.message__editor__stats__user-list-clicked-url-dropdown-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.message__editor__stats__temp-link {
    padding-top: 8px
}

.message__editor__stats__user-list-load-additional {
    background-color: var(--neutral-container)!important
}

.message__editor__stats__user-list .tbl__cell {
    border-right: 0;
    border-left: 0;
    padding-top: 14px;
    padding-bottom: 14px
}

.message__editor__stats__select-all-tooltip {
    position: absolute;
    margin-top: 4px;
    margin-left: -2px;
    line-height: normal;
    width: 16px;
    height: 16px;
    cursor: auto
}

.message__editor__stats__pre-send-info+.message__editor__stats__spacer {
    flex: 0
}

.message__editor__stats__pre-send-info-text {
    padding-right: 126px;
    margin-top: -20px;
    border-bottom: 1px solid var(--neutral-border)
}

.message__editor__variation-switcher__container {
    border-bottom: 1px solid var(--neutral-border);
    padding: 0 10px
}

.message__editor__variation-switcher__button {
    margin: 0 5px;
    padding: 15px 10px 13px;
    box-sizing: border-box;
    cursor: pointer;
    border-bottom: 2px solid transparent
}

.message__editor__variation-switcher__button.o__active,.message__editor__variation-switcher__button:hover {
    border-bottom-color: var(--neutral-border)
}

.message__editor__variation-switcher__button.o__active {
    cursor: default
}

.message__editor__variation-switcher__button:hover:not(.o__active) .message__editor__variation-switcher__label {
    color: #546e79
}

.message__editor__variation-switcher__learn-more {
    text-align: right
}

.message__editor__review__panel {
    background-color: var(--neutral-container)
}

.message__editor__review__inner-component {
    max-width: 450px;
    padding: 60px
}

.message__editor__review__inner-component.o__campaign {
    max-width: 560px
}

.message__editor__review__users {
    display: flex;
    flex-wrap: wrap;
    max-width: 225px
}

.message__editor__review__user {
    width: 32px;
    height: 32px;
    margin-right: 4px;
    margin-bottom: 4px
}

.message__editor__review__user.o__empty {
    background-color: var(--neutral-container);
    border: 1px solid var(--neutral-border);
    box-sizing: border-box;
    border-radius: 50%;
    color: var(--text-muted)
}

.message__editor__review__validation-message {
    background: var(--neutral-container);
    width: 600px;
    min-height: 40px;
    border: solid 1px rgba(0,0,0,.2);
    border-radius: 3px
}

.message__editor__review__validation-message-step {
    padding-top: 10px;
    padding-bottom: 10px
}

.message__editor__review__validation-message-step-text {
    flex: 1 0 0
}

.message__editor__review__validation-message__open-step {
    white-space: nowrap
}

.message__editor__index-badge {
    width: 0;
    transform: scale(0);
    transform-origin: left;
    transition-property: width,transform;
    transition-timing-function: ease;
    transition-duration: .2s;
    margin-right: 0
}

.message__editor__index-badge.o__expanded {
    width: 25px;
    transform: scale(1);
    margin-right: 5px
}

.message__editor__in-app-editor {
    max-width: 1000px;
    margin: auto;
    padding-bottom: 14px
}

#embedded_messenger .intercom-chat-avatar .intercom-avatar,#embedded_messenger .intercom-team-avatar.intercom-team-avatar-large {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 18px
}

#embedded_messenger .embercom-composer-editor {
    min-height: 40px
}

.intercom-embed-note #intercom_composer [data-type=button][data-align=left],.intercom-note [data-type=button][data-align=left] {
    margin-left: 7.31%
}

.intercom-embed-post #intercom_composer [data-type=button][data-align=left],.intercom-post [data-type=button][data-align=left] {
    margin-left: 15.27%
}

#embedded_messenger .intercom-chat-snippet .intercom-snippet-body {
    margin-top: 10px
}

#embedded_messenger .intercom-chat-snippet .intercom-snippet-body>div,#embedded_messenger .intercom-note-body.o__preview,#embedded_messenger .intercom-snippet-body>div {
    padding-top: 2px
}

#embedded_messenger .intercom-snippet-preview {
    position: absolute;
    bottom: 0;
    right: 0
}

#embedded_messenger .intercom-chat-snippet.o__with-reply-options {
    padding: 10px 5px 0 10px;
    max-height: 300px;
    bottom: 86px
}

#embedded_messenger .intercom-chat-snippet-avatar.o__with-reply-options {
    bottom: auto
}

#embedded_messenger .intercom-chat-snippet-reply-options {
    margin: 15px 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end
}

#embedded_messenger .intercom-chat-snippet-reply-option {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 10px 5px;
    padding: 10px;
    border-radius: 6px;
    border: 0;
    background-color: var(--quick_reply_background_color);
    color: var(--quick_reply_text_color)
}

#embedded_messenger .mobile__messenger .intercom-chat-snippet-reply-options {
    margin-top: 32px;
    margin-right: 6px
}

#embedded_messenger .mobile__messenger .intercom-chat-snippet-reply-option {
    border-radius: 20px;
    height: 12px;
    margin-right: 10px;
    margin-left: 0;
    padding: 6px 16px 12px
}

#embedded_messenger.o__messenger-align-left {
    align-items: flex-start
}

#embedded_messenger.o__messenger-align-left .intercom-chat {
    margin-left: 50px
}

.message__editor__html-mode__subject {
    display: inline-block;
    border: 0;
    max-width: 100%;
    box-sizing: border-box
}

.message__editor__html-mode__subject.o__editing {
    border: 1px solid rgba(0,0,0,.2);
    border-bottom-width: 0;
    position: relative;
    padding: 1px 1px 0
}

.message__editor__html-mode__unsubscribe {
    padding: 10px;
    border: 1px solid rgba(0,0,0,.2);
    background-color: var(--neutral-container)
}

.message__editor__html-mode__unsubscribe-code {
    display: inline-block;
    padding: 1px 4px;
    background-color: var(--neutral-container);
    border-radius: 3px
}

.message__editor__html-mode__from {
    margin-bottom: 10px
}

.message__editor__html-mode__preview {
    box-shadow: 0 0 20px -5px rgba(0,0,0,.6)
}

.message__editor__html-mode__preview.o__mobile-mode {
    width: 375px;
    margin-left: 30%
}

.message__editor__html-mode__text-area {
    position: relative
}

.message__editor__goal__block {
    width: 250px
}

.message__editor__video {
    position: relative;
    margin: 20px 20px 20px auto;
    width: 300px;
    height: auto
}

.message__editor__video__card,.message__editor__video__card-screen {
    height: 420px;
    border-radius: 8px;
    box-sizing: border-box
}

.message__editor__video__card {
    position: relative;
    box-shadow: 0 2px 32px rgba(0,0,0,.15)
}

.message__editor__video__card-screen {
    background-color: rgba(29,53,73,.95)
}

.message__editor__video__card-content {
    padding: 155px 30px 0
}

.message__editor__video__sp {
    border-color: rgba(255,255,255,.35)
}

.message__editor__video__composer {
    box-sizing: border-box;
    padding: 17px 20px;
    margin-top: 20px;
    pointer-events: none;
    background-color: var(--neutral-container);
    border-radius: 8px;
    font-size: 15px;
    color: var(--text-muted);
    box-shadow: 0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16)
}

.message__editor__video__no-video-content {
    padding: 205px 20px 20px
}

.message__editor__follow-on__operator-icon {
    margin-right: 15px;
    margin-top: 5px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: var(--neutral-container);
    color: var(--text-on-neutral)
}

.message__editor__follow-on__operator-icon svg {
    margin: 7px;
    width: 26px;
    height: 26px;
    fill: var(--neutral-container)
}

.message__editor__follow-on__conjunction {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 500!important
}

.message__editor__delivery-conditions__time-on-page {
    line-height: 32px
}

.message__editor__delivery-conditions__page-target-summary {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 6px
}

.message__editor__event-editor__add-event-rule {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    white-space: nowrap
}

.message__editor__event-editor__event-name .filter-block {
    border-radius: 6px 0 0 6px
}

.message__editor__event-editor__add-rule .btn {
    border-radius: 0 6px 6px 0;
    vertical-align: middle
}

.message__editor__event-editor__predicates,.reporting__custom__see-conversations-title-tooltip svg.interface-icon.o__standard {
    vertical-align: middle
}

.message__modal__move__container {
    width: 370px
}

.message__modal__move__dropdown-container {
    flex-direction: column;
    min-width: 330px
}

.reporting__chart__transition {
    transition: fill .2s ease
}

.reporting__chart__bar-comparison,.reporting__chart__bar-comparison:hover,.upgrade__arrow svg path {
    fill: var(--neutral-container)
}

.reporting__chart__axis-label {
    fill: var(--text-muted);
    line-height: 20px;
    font-size: 11px
}

.reporting__chart__grid-line {
    stroke: var(--neutral-border)
}

.reporting__bubble-chart__axis path,.reporting__chart__bar-chart .domain,.reporting__chart__line-chart .domain,.reporting__chart__stacked-bar-chart .domain {
    display: none
}

.reporting__chart__line-container {
    height: 250px
}

.reporting__chart__line {
    stroke: var(--beta-fill);
    fill: none;
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-width: 1.5
}

.reporting__chart__line.o__hovers:hover,.reporting__chart__line.o__selected {
    stroke-width: 4
}

.reporting__chart__bar.o__vis-azure-40,.reporting__chart__cell.o__vis-azure-40,.reporting__chart__point.o__vis-azure-40,.reporting__chart__rule.o__vis-azure-40 {
    background: var(--vis-azure-40)
}

.reporting__chart__legend.o__vis-azure-40 {
    fill: var(--vis-azure-40)
}

.reporting__chart__line.o__vis-azure-40 {
    stroke: var(--vis-azure-40)
}

.reporting__chart__bar.o__vis-azure-80,.reporting__chart__cell.o__vis-azure-80,.reporting__chart__point.o__vis-azure-80,.reporting__chart__rule.o__vis-azure-80 {
    background: var(--vis-azure-80)
}

.reporting__chart__legend.o__vis-azure-80 {
    fill: var(--vis-azure-80)
}

.reporting__chart__line.o__vis-azure-80 {
    stroke: var(--vis-azure-80)
}

.reporting__chart__bar.o__vis-mint-40,.reporting__chart__cell.o__vis-mint-40,.reporting__chart__point.o__vis-mint-40,.reporting__chart__rule.o__vis-mint-40 {
    background: var(--vis-mint-40)
}

.reporting__chart__legend.o__vis-mint-40 {
    fill: var(--vis-mint-40)
}

.reporting__chart__line.o__vis-mint-40 {
    stroke: var(--vis-mint-40)
}

.reporting__chart__bar.o__vis-mint-80,.reporting__chart__cell.o__vis-mint-80,.reporting__chart__point.o__vis-mint-80,.reporting__chart__rule.o__vis-mint-80 {
    background: var(--vis-mint-80)
}

.reporting__chart__legend.o__vis-mint-80 {
    fill: var(--vis-mint-80)
}

.reporting__chart__line.o__vis-mint-80 {
    stroke: var(--vis-mint-80)
}

.reporting__chart__bar.o__vis-green-30,.reporting__chart__cell.o__vis-green-30,.reporting__chart__point.o__vis-green-30,.reporting__chart__rule.o__vis-green-30 {
    background: var(--vis-green-30)
}

.reporting__chart__legend.o__vis-green-30 {
    fill: var(--vis-green-30)
}

.reporting__chart__line.o__vis-green-30 {
    stroke: var(--vis-green-30)
}

.reporting__chart__bar.o__vis-green-40,.reporting__chart__cell.o__vis-green-40,.reporting__chart__point.o__vis-green-40,.reporting__chart__rule.o__vis-green-40 {
    background: var(--vis-green-40)
}

.reporting__chart__legend.o__vis-green-40 {
    fill: var(--vis-green-40)
}

.reporting__chart__line.o__vis-green-40 {
    stroke: var(--vis-green-40)
}

.reporting__chart__bar.o__vis-green-60,.reporting__chart__cell.o__vis-green-60,.reporting__chart__point.o__vis-green-60,.reporting__chart__rule.o__vis-green-60 {
    background: var(--vis-green-60)
}

.reporting__chart__legend.o__vis-green-60 {
    fill: var(--vis-green-60)
}

.reporting__chart__line.o__vis-green-60 {
    stroke: var(--vis-green-60)
}

.reporting__chart__bar.o__vis-green-70,.reporting__chart__cell.o__vis-green-70,.reporting__chart__point.o__vis-green-70,.reporting__chart__rule.o__vis-green-70 {
    background: var(--vis-green-70)
}

.reporting__chart__legend.o__vis-green-70 {
    fill: var(--vis-green-70)
}

.reporting__chart__line.o__vis-green-70 {
    stroke: var(--vis-green-70)
}

.reporting__chart__bar.o__vis-green-80,.reporting__chart__cell.o__vis-green-80,.reporting__chart__point.o__vis-green-80,.reporting__chart__rule.o__vis-green-80 {
    background: var(--vis-green-80)
}

.reporting__chart__legend.o__vis-green-80 {
    fill: var(--vis-green-80)
}

.reporting__chart__line.o__vis-green-80 {
    stroke: var(--vis-green-80)
}

.reporting__chart__bar.o__vis-blue-30,.reporting__chart__cell.o__vis-blue-30,.reporting__chart__point.o__vis-blue-30,.reporting__chart__rule.o__vis-blue-30 {
    background: var(--vis-blue-30)
}

.reporting__chart__legend.o__vis-blue-30 {
    fill: var(--vis-blue-30)
}

.reporting__chart__line.o__vis-blue-30 {
    stroke: var(--vis-blue-30)
}

.reporting__chart__bar.o__vis-blue-40,.reporting__chart__cell.o__vis-blue-40,.reporting__chart__point.o__vis-blue-40,.reporting__chart__rule.o__vis-blue-40 {
    background: var(--vis-blue-40)
}

.reporting__chart__legend.o__vis-blue-40 {
    fill: var(--vis-blue-40)
}

.reporting__chart__line.o__vis-blue-40 {
    stroke: var(--vis-blue-40)
}

.reporting__chart__bar.o__vis-blue-60,.reporting__chart__cell.o__vis-blue-60,.reporting__chart__point.o__vis-blue-60,.reporting__chart__rule.o__vis-blue-60 {
    background: var(--vis-blue-60)
}

.reporting__chart__legend.o__vis-blue-60 {
    fill: var(--vis-blue-60)
}

.reporting__chart__line.o__vis-blue-60 {
    stroke: var(--vis-blue-60)
}

.reporting__chart__bar.o__vis-blue-70,.reporting__chart__cell.o__vis-blue-70,.reporting__chart__point.o__vis-blue-70,.reporting__chart__rule.o__vis-blue-70 {
    background: var(--vis-blue-70)
}

.reporting__chart__legend.o__vis-blue-70 {
    fill: var(--vis-blue-70)
}

.reporting__chart__line.o__vis-blue-70 {
    stroke: var(--vis-blue-70)
}

.reporting__chart__bar.o__vis-blue-80,.reporting__chart__cell.o__vis-blue-80,.reporting__chart__point.o__vis-blue-80,.reporting__chart__rule.o__vis-blue-80 {
    background: var(--vis-blue-80)
}

.reporting__chart__legend.o__vis-blue-80 {
    fill: var(--vis-blue-80)
}

.reporting__chart__line.o__vis-blue-80 {
    stroke: var(--vis-blue-80)
}

.reporting__chart__bar.o__vis-magenta-30,.reporting__chart__cell.o__vis-magenta-30,.reporting__chart__point.o__vis-magenta-30,.reporting__chart__rule.o__vis-magenta-30 {
    background: var(--vis-magenta-30)
}

.reporting__chart__legend.o__vis-magenta-30 {
    fill: var(--vis-magenta-30)
}

.reporting__chart__line.o__vis-magenta-30 {
    stroke: var(--vis-magenta-30)
}

.reporting__chart__bar.o__vis-magenta-40,.reporting__chart__cell.o__vis-magenta-40,.reporting__chart__point.o__vis-magenta-40,.reporting__chart__rule.o__vis-magenta-40 {
    background: var(--vis-magenta-40)
}

.reporting__chart__legend.o__vis-magenta-40 {
    fill: var(--vis-magenta-40)
}

.reporting__chart__line.o__vis-magenta-40 {
    stroke: var(--vis-magenta-40)
}

.reporting__chart__bar.o__vis-magenta-60,.reporting__chart__cell.o__vis-magenta-60,.reporting__chart__point.o__vis-magenta-60,.reporting__chart__rule.o__vis-magenta-60 {
    background: var(--vis-magenta-60)
}

.reporting__chart__legend.o__vis-magenta-60 {
    fill: var(--vis-magenta-60)
}

.reporting__chart__line.o__vis-magenta-60 {
    stroke: var(--vis-magenta-60)
}

.reporting__chart__bar.o__vis-magenta-70,.reporting__chart__cell.o__vis-magenta-70,.reporting__chart__point.o__vis-magenta-70,.reporting__chart__rule.o__vis-magenta-70 {
    background: var(--vis-magenta-70)
}

.reporting__chart__legend.o__vis-magenta-70 {
    fill: var(--vis-magenta-70)
}

.reporting__chart__line.o__vis-magenta-70 {
    stroke: var(--vis-magenta-70)
}

.reporting__chart__bar.o__vis-magenta-80,.reporting__chart__cell.o__vis-magenta-80,.reporting__chart__point.o__vis-magenta-80,.reporting__chart__rule.o__vis-magenta-80 {
    background: var(--vis-magenta-80)
}

.reporting__chart__legend.o__vis-magenta-80 {
    fill: var(--vis-magenta-80)
}

.reporting__chart__line.o__vis-magenta-80 {
    stroke: var(--vis-magenta-80)
}

.reporting__chart__bar.o__vis-salmon-30,.reporting__chart__cell.o__vis-salmon-30,.reporting__chart__point.o__vis-salmon-30,.reporting__chart__rule.o__vis-salmon-30 {
    background: var(--vis-salmon-30)
}

.reporting__chart__legend.o__vis-salmon-30 {
    fill: var(--vis-salmon-30)
}

.reporting__chart__line.o__vis-salmon-30 {
    stroke: var(--vis-salmon-30)
}

.reporting__chart__bar.o__vis-salmon-40,.reporting__chart__cell.o__vis-salmon-40,.reporting__chart__point.o__vis-salmon-40,.reporting__chart__rule.o__vis-salmon-40 {
    background: var(--vis-salmon-40)
}

.reporting__chart__legend.o__vis-salmon-40 {
    fill: var(--vis-salmon-40)
}

.reporting__chart__line.o__vis-salmon-40 {
    stroke: var(--vis-salmon-40)
}

.reporting__chart__bar.o__vis-salmon-60,.reporting__chart__cell.o__vis-salmon-60,.reporting__chart__point.o__vis-salmon-60,.reporting__chart__rule.o__vis-salmon-60 {
    background: var(--vis-salmon-60)
}

.reporting__chart__legend.o__vis-salmon-60 {
    fill: var(--vis-salmon-60)
}

.reporting__chart__line.o__vis-salmon-60 {
    stroke: var(--vis-salmon-60)
}

.reporting__chart__bar.o__vis-salmon-70,.reporting__chart__cell.o__vis-salmon-70,.reporting__chart__point.o__vis-salmon-70,.reporting__chart__rule.o__vis-salmon-70 {
    background: var(--vis-salmon-70)
}

.reporting__chart__legend.o__vis-salmon-70 {
    fill: var(--vis-salmon-70)
}

.reporting__chart__line.o__vis-salmon-70 {
    stroke: var(--vis-salmon-70)
}

.reporting__chart__bar.o__vis-salmon-80,.reporting__chart__cell.o__vis-salmon-80,.reporting__chart__point.o__vis-salmon-80,.reporting__chart__rule.o__vis-salmon-80 {
    background: var(--vis-salmon-80)
}

.reporting__chart__legend.o__vis-salmon-80 {
    fill: var(--vis-salmon-80)
}

.reporting__chart__line.o__vis-salmon-80 {
    stroke: var(--vis-salmon-80)
}

.reporting__chart__bar.o__vis-yellow-30,.reporting__chart__cell.o__vis-yellow-30,.reporting__chart__point.o__vis-yellow-30,.reporting__chart__rule.o__vis-yellow-30 {
    background: var(--vis-yellow-30)
}

.reporting__chart__legend.o__vis-yellow-30 {
    fill: var(--vis-yellow-30)
}

.reporting__chart__line.o__vis-yellow-30 {
    stroke: var(--vis-yellow-30)
}

.reporting__chart__bar.o__vis-yellow-50,.reporting__chart__cell.o__vis-yellow-50,.reporting__chart__point.o__vis-yellow-50,.reporting__chart__rule.o__vis-yellow-50 {
    background: var(--vis-yellow-50)
}

.reporting__chart__legend.o__vis-yellow-50 {
    fill: var(--vis-yellow-50)
}

.reporting__chart__line.o__vis-yellow-50 {
    stroke: var(--vis-yellow-50)
}

.reporting__chart__bar.o__vis-yellow-60,.reporting__chart__cell.o__vis-yellow-60,.reporting__chart__point.o__vis-yellow-60,.reporting__chart__rule.o__vis-yellow-60 {
    background: var(--vis-yellow-60)
}

.reporting__chart__legend.o__vis-yellow-60 {
    fill: var(--vis-yellow-60)
}

.reporting__chart__line.o__vis-yellow-60 {
    stroke: var(--vis-yellow-60)
}

.reporting__chart__bar.o__vis-yellow-70,.reporting__chart__cell.o__vis-yellow-70,.reporting__chart__point.o__vis-yellow-70,.reporting__chart__rule.o__vis-yellow-70 {
    background: var(--vis-yellow-70)
}

.reporting__chart__legend.o__vis-yellow-70 {
    fill: var(--vis-yellow-70)
}

.reporting__chart__line.o__vis-yellow-70 {
    stroke: var(--vis-yellow-70)
}

.reporting__chart__bar.o__vis-yellow-80,.reporting__chart__cell.o__vis-yellow-80,.reporting__chart__point.o__vis-yellow-80,.reporting__chart__rule.o__vis-yellow-80 {
    background: var(--vis-yellow-80)
}

.reporting__chart__legend.o__vis-yellow-80 {
    fill: var(--vis-yellow-80)
}

.reporting__chart__line.o__vis-yellow-80 {
    stroke: var(--vis-yellow-80)
}

.reporting__chart__bar.o__vis-pink-50,.reporting__chart__cell.o__vis-pink-50,.reporting__chart__point.o__vis-pink-50,.reporting__chart__rule.o__vis-pink-50 {
    background: var(--vis-pink-50)
}

.reporting__chart__legend.o__vis-pink-50 {
    fill: var(--vis-pink-50)
}

.reporting__chart__line.o__vis-pink-50 {
    stroke: var(--vis-pink-50)
}

.reporting__chart__bar.o__vis-slateblue-50,.reporting__chart__cell.o__vis-slateblue-50,.reporting__chart__point.o__vis-slateblue-50,.reporting__chart__rule.o__vis-slateblue-50 {
    background: var(--vis-slateblue-50)
}

.reporting__chart__legend.o__vis-slateblue-50 {
    fill: var(--vis-slateblue-50)
}

.reporting__chart__line.o__vis-slateblue-50 {
    stroke: var(--vis-slateblue-50)
}

.reporting__chart__legend.o__vis-turquoise-50 {
    fill: var(--vis-turquoise-50)
}

.reporting__chart__legend.o__vis-turquoise-80 {
    fill: var(--vis-turquoise-80)
}

.reporting__chart__legend.o__vis-pink-40 {
    fill: var(--vis-pink-40)
}

.reporting__chart__legend.o__vis-pink-80 {
    fill: var(--vis-pink-80)
}

.reporting__chart__legend.o__vis-yellow-40 {
    fill: var(--vis-yellow-40)
}

.reporting__chart__bar.o__answer-bot-green,.reporting__chart__rule.o__answer-bot-green {
    background: var(--success-fill)
}

.reporting__chart__legend.o__answer-bot-green,.upgrade__arrow svg circle {
    fill: var(--success-fill)
}

.reporting__chart__bar.o__answer-bot-green:hover {
    background: var(--success-fill-emphasis)
}

.reporting__chart__icon.o__0 {
    color: var(--vis-blue-30)
}

.reporting__chart__line.o__0 {
    stroke: var(--vis-blue-30)
}

.reporting__chart__point.o__0 {
    fill: var(--vis-blue-30)
}

.reporting__chart__icon.o__1 {
    color: var(--vis-salmon-30)
}

.reporting__chart__line.o__1 {
    stroke: var(--vis-salmon-30)
}

.reporting__chart__point.o__1 {
    fill: var(--vis-salmon-30)
}

.reporting__chart__icon.o__2 {
    color: var(--vis-green-30)
}

.reporting__chart__line.o__2 {
    stroke: var(--vis-green-30)
}

.reporting__chart__point.o__2 {
    fill: var(--vis-green-30)
}

.reporting__chart__icon.o__3 {
    color: var(--vis-magenta-30)
}

.reporting__chart__line.o__3 {
    stroke: var(--vis-magenta-30)
}

.reporting__chart__point.o__3 {
    fill: var(--vis-magenta-30)
}

.reporting__chart__icon.o__4 {
    color: var(--vis-yellow-30)
}

.reporting__chart__line.o__4 {
    stroke: var(--vis-yellow-30)
}

.reporting__chart__point.o__4 {
    fill: var(--vis-yellow-30)
}

.reporting__chart__icon.o__5 {
    color: var(--vis-blue-40)
}

.reporting__chart__line.o__5 {
    stroke: var(--vis-blue-40)
}

.reporting__chart__point.o__5 {
    fill: var(--vis-blue-40)
}

.reporting__chart__icon.o__6 {
    color: var(--vis-salmon-40)
}

.reporting__chart__line.o__6 {
    stroke: var(--vis-salmon-40)
}

.reporting__chart__point.o__6 {
    fill: var(--vis-salmon-40)
}

.reporting__chart__icon.o__7 {
    color: var(--vis-green-40)
}

.reporting__chart__line.o__7 {
    stroke: var(--vis-green-40)
}

.reporting__chart__point.o__7 {
    fill: var(--vis-green-40)
}

.reporting__chart__icon.o__8 {
    color: var(--vis-magenta-40)
}

.reporting__chart__line.o__8 {
    stroke: var(--vis-magenta-40)
}

.reporting__chart__point.o__8 {
    fill: var(--vis-magenta-40)
}

.reporting__chart__icon.o__9 {
    color: var(--vis-yellow-50)
}

.reporting__chart__line.o__9 {
    stroke: var(--vis-yellow-50)
}

.reporting__chart__point.o__9 {
    fill: var(--vis-yellow-50)
}

.reporting__chart__icon.o__10 {
    color: var(--vis-blue-60)
}

.reporting__chart__line.o__10 {
    stroke: var(--vis-blue-60)
}

.reporting__chart__point.o__10 {
    fill: var(--vis-blue-60)
}

.reporting__chart__icon.o__11 {
    color: var(--vis-salmon-60)
}

.reporting__chart__line.o__11 {
    stroke: var(--vis-salmon-60)
}

.reporting__chart__point.o__11 {
    fill: var(--vis-salmon-60)
}

.reporting__chart__icon.o__12 {
    color: var(--vis-green-60)
}

.reporting__chart__line.o__12 {
    stroke: var(--vis-green-60)
}

.reporting__chart__point.o__12 {
    fill: var(--vis-green-60)
}

.reporting__chart__icon.o__13 {
    color: var(--vis-magenta-60)
}

.reporting__chart__line.o__13 {
    stroke: var(--vis-magenta-60)
}

.reporting__chart__point.o__13 {
    fill: var(--vis-magenta-60)
}

.reporting__chart__icon.o__14 {
    color: var(--vis-yellow-60)
}

.reporting__chart__line.o__14 {
    stroke: var(--vis-yellow-60)
}

.reporting__chart__point.o__14 {
    fill: var(--vis-yellow-60)
}

.reporting__chart__icon.o__15 {
    color: var(--vis-blue-70)
}

.reporting__chart__line.o__15 {
    stroke: var(--vis-blue-70)
}

.reporting__chart__point.o__15 {
    fill: var(--vis-blue-70)
}

.reporting__chart__icon.o__16 {
    color: var(--vis-salmon-70)
}

.reporting__chart__line.o__16 {
    stroke: var(--vis-salmon-70)
}

.reporting__chart__point.o__16 {
    fill: var(--vis-salmon-70)
}

.reporting__chart__icon.o__17 {
    color: var(--vis-green-70)
}

.reporting__chart__line.o__17 {
    stroke: var(--vis-green-70)
}

.reporting__chart__point.o__17 {
    fill: var(--vis-green-70)
}

.reporting__chart__icon.o__18 {
    color: var(--vis-magenta-70)
}

.reporting__chart__line.o__18 {
    stroke: var(--vis-magenta-70)
}

.reporting__chart__point.o__18 {
    fill: var(--vis-magenta-70)
}

.reporting__chart__icon.o__19 {
    color: var(--vis-yellow-70)
}

.reporting__chart__line.o__19 {
    stroke: var(--vis-yellow-70)
}

.reporting__chart__point.o__19 {
    fill: var(--vis-yellow-70)
}

.reporting__chart__icon.o__20 {
    color: var(--vis-blue-80)
}

.reporting__chart__line.o__20 {
    stroke: var(--vis-blue-80)
}

.reporting__chart__point.o__20 {
    fill: var(--vis-blue-80)
}

.reporting__chart__icon.o__21 {
    color: var(--vis-salmon-80)
}

.reporting__chart__line.o__21 {
    stroke: var(--vis-salmon-80)
}

.reporting__chart__point.o__21 {
    fill: var(--vis-salmon-80)
}

.reporting__chart__icon.o__22 {
    color: var(--vis-green-80)
}

.reporting__chart__line.o__22 {
    stroke: var(--vis-green-80)
}

.reporting__chart__point.o__22 {
    fill: var(--vis-green-80)
}

.reporting__chart__icon.o__23 {
    color: var(--vis-magenta-80)
}

.reporting__chart__line.o__23 {
    stroke: var(--vis-magenta-80)
}

.reporting__chart__point.o__23 {
    fill: var(--vis-magenta-80)
}

.reporting__chart__icon.o__24 {
    color: var(--vis-yellow-80)
}

.reporting__chart__line.o__24 {
    stroke: var(--vis-yellow-80)
}

.reporting__chart__point.o__24 {
    fill: var(--vis-yellow-80)
}

.reporting__chart__point.o__html {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    transform-origin: center;
    transition: transform .1s ease;
    transform: scale(.5)
}

.reporting__chart__point-opener {
    width: 14px;
    height: 14px
}

.reporting__chart__point-opener:hover .reporting__chart__point {
    transform: scale(1)
}

.reporting__chart__point-container {
    animation-name: fade_in;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    top: -7px;
    left: -7px;
    max-width: 14px;
    max-height: 14px;
    display: flex;
    align-items: flex-end
}

.reporting__chart__heatmap-area {
    fill: var(--neutral-container);
    stroke: var(--neutral-border);
    stroke-width: 1px
}

.reporting__chart__heatmap-label {
    fill: var(--neutral-container);
    font-size: 10px;
    font-weight: 500;
    cursor: default
}

.reporting__chart__legend-label-filler:after {
    width: 0;
    white-space: nowrap;
    color: var(--text-muted);
    float: left;
    content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."
}

.reporting__chart__legend-label-container,.reporting__chart__legend-label-text {
    background: #fff
}

.reporting__chart__legend-label {
    background: 0 0;
    word-break: break-all;
    padding-right: 14px
}

.reporting__chart__legend-label,.reporting__chart__legend-label-container {
    overflow: hidden;
    height: 24px
}

.reporting__chart__legend-label-separator {
    border-top: 1px solid rgba(0,0,0,.05)
}

.reporting__chart__bar-chart .tick line:not(.reporting__chart__grid-line),.reporting__chart__line-chart .tick line:not(.reporting__chart__grid-line),.reporting__chart__stacked-bar-chart .tick line:not(.reporting__chart__grid-line) {
    display: none
}

.reporting__chart__heatmap-chart {
    overflow: visible
}

.reporting__chart__runner {
    background: var(--neutral-container);
    height: 20px
}

.reporting__chart__bar-container {
    transform-origin: left bottom;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.reporting__chart__bar-animation-container {
    animation-name: scale_in_from_0_left;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-fill-mode: forwards
}

.reporting__chart__bar-group .reporting__chart__bar-animation-container {
    animation: none
}

.reporting__chart__bar-group .reporting__chart__bar-container {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0
}

.reporting__chart__transform {
    transition: transform 1s cubic-bezier(.215,.61,.355,1)
}

.reporting__chart__bar.o__horizontal {
    height: 20px
}

.reporting__chart__bar.o__horizontal.o__small {
    height: 12px
}

.reporting__chart__bar.o__rounded {
    border-radius: 2px
}

.reporting__chart {
    height: 250px
}

.reporting__chart__bar.o__vertical {
    width: 20px;
    height: 100%
}

.reporting__chart__rule {
    width: 2px;
    height: 34px;
    transition: opacity 1s ease-in-out
}

.reporting__chart__bar-group-container.o__vertical {
    left: 0;
    bottom: 0;
    top: 0;
    max-width: 20px
}

.reporting__chart__bar-group-container.o__vertical.o__comparison {
    max-width: 42px
}

.reporting__chart__bar-group {
    left: 0;
    right: 0
}

.reporting__chart__bar-group.o__vertical {
    transform-origin: bottom;
    top: 0;
    bottom: 0;
    position: absolute
}

.reporting__chart__bar-group.o__current {
    right: 0;
    left: initial;
    width: 20px
}

.reporting__chart__bar-group.o__comparison {
    left: 0;
    right: initial;
    width: 20px
}

.reporting__chart__rule-container {
    top: -7px;
    z-index: 0;
    left: -2px
}

.reporting__chart__fade-in {
    animation-name: fade_in;
    animation-duration: 1s;
    animation-iteration-count: 1
}

.reporting__chart__cell {
    cursor: default;
    box-sizing: border-box;
    font-size: 10px;
    font-weight: 500;
    line-height: 11px;
    min-height: 11px;
    transition: background 1s ease;
    border: 1px solid;
    color: var(--text-on-neutral)
}

.reporting__chart__cell.o__empty,.reporting__chart__cell.o__empty:hover {
    background: var(--neutral-container);
    border-color: var(--neutral-border)
}

.reporting__chart__cell-container {
    margin-bottom: 2px;
    max-height: 11px
}

.reporting__chart__cell-column {
    margin-right: 2px
}

.reporting__chart__cell-column:last-of-type {
    margin-right: 0
}

.reporting__chart__cell-column-label-container {
    height: 39px;
    text-align: right
}

.reporting__chart__heatmap-axis {
    margin-top: 15px
}

.reporting__chart__heatmap-axis-label {
    line-height: 10px
}

.reporting__bubble-chart__node {
    text-decoration: none
}

.reporting__bubble-chart__bubble.o__accepted {
    fill: var(--beta-fill);
    stroke: var(--beta-fill-emphasis)
}

.reporting__bubble-chart__bubble.o__suggested {
    fill: var(--beta-container);
    stroke: var(--beta-border)
}

.reporting__bubble-chart__label {
    font-size: 10px;
    letter-spacing: .7px;
    font-weight: 400
}

.reporting__bubble-chart__label.o__accepted {
    fill: var(--text-on-beta)
}

.reporting__bubble-chart__label.o__suggested {
    fill: var(--text-default)
}

.reporting__bubble-chart__external-label {
    fill: var(--text-default);
    font-size: 8px;
    letter-spacing: .7px;
    font-weight: 400
}

.reporting__bubble-chart__axis text,.reporting__bubble-chart__external-label.o__with-csat {
    fill: var(--text-muted)
}

.reporting__bubble-chart__axis .tick line {
    opacity: .2;
    stroke-dasharray: 1 3
}

.reporting__bubble-chart__axis-label {
    fill: var(--text-muted);
    font-weight: 500;
    font-size: 10px
}

.reporting__color-picker__circle {
    height: 24px;
    width: 24px;
    border-radius: 50%
}

.reporting__color-picker__trash {
    padding: 7px 8px!important
}

.reporting__color-picker__checkmark svg,.reporting__color-picker__trash svg {
    height: 16px!important;
    width: 16px!important
}

.reporting__color-picker__checkmark {
    position: relative;
    top: -31px;
    left: 12px
}

.reporting__color-picker__container {
    width: 24px;
    height: 24px
}

.reporting__color-picker__circle.bg-transparent::after {
    content: "";
    display: block;
    position: relative;
    width: 24px;
    height: 2px;
    background-color: var(--neutral-border);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(135deg)
}

.reporting__color-picker__circle.bg-transparent:hover::after {
    background-color: var(--neutral-border-emphasis)
}

.reporting__banner-transparent.bg-transparent {
    padding: 8px
}

.reporting__banner-heading {
    padding-top: 8px!important;
    padding-bottom: 8px!important
}

.reporting__banner-component {
    min-height: 22px;
    height: inherit
}

.reporting__banner-component h1 {
    font-size: 2em;
    font-weight: 400
}

.reporting__banner-component h2 {
    font-size: 1.5em;
    font-weight: 400
}

.reporting__banner-component h3 {
    font-size: 1.17em;
    font-weight: 400
}

.reporting__composer-text-size-heading {
    font-size: 2em
}

.reporting__composer-text-size-subheading {
    font-size: 1.5em
}

.reporting__composer-text-size-subheading3 {
    font-size: 1.17em
}

.reporting__color-picker-divider {
    height: 24px!important;
    width: 1px!important;
    background: var(--neutral-border);
    margin: unset
}

.reporting__color-picker__trash:hover {
    border-radius: 8px
}

.reporting__axes__x-axis {
    min-height: 20px
}

.reporting__axes__x-axis-rule {
    border: 1px solid var(--neutral-border);
    border-bottom: 0;
    height: 8px
}

.reporting__axes__x-axis-group {
    animation-name: fade_in;
    animation-duration: 1s;
    animation-iteration-count: 1;
    left: 0
}

.reporting__axes__x-axis-group.o__fixed-width {
    min-width: 46px;
    max-width: 46px
}

.reporting__axes__x-axis-group .reporting__axes__x-axis-tick {
    border-left: 1px solid var(--neutral-border);
    top: -18px;
    height: 8px
}

.reporting__axes__x-axis-group:first-of-type .reporting__axes__x-axis-tick,.reporting__axes__x-axis-group:last-of-type .reporting__axes__x-axis-tick {
    display: none
}

.reporting__axes__y-axis-row {
    bottom: 0;
    left: 0;
    right: 0
}

.reporting__axes__y-axis-label-container {
    min-width: 52px
}

.reporting__axes__y-axis-label {
    max-width: 42px;
    text-align: right
}

.reporting__axes__y-axis-line {
    border-bottom: 1px solid rgba(0,0,0,.05)
}

.reporting__axes__y-axis-container {
    margin-left: 52px;
    height: 280px
}

.reporting__axes__label-text {
    font-size: 11px
}

.reporting__conversation-remarks__emoji {
    width: 20px;
    background-size: 20px;
    height: 20px;
    margin: auto;
    vertical-align: text-bottom
}

.reporting__conversation-remarks__remark-column {
    width: 50%
}

.reporting__conversation-remarks__remark-cell {
    max-width: 0;
    word-wrap: break-word;
    white-space: normal;
    position: relative
}

.reporting__conversation-remarks__assignee-name,.reporting__conversation-remarks__user-cell {
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.reporting__conversation-remarks__assignee-name {
    display: inline-block;
    max-width: 200px;
    vertical-align: bottom
}

.reporting__conversation-remarks__transition {
    transition: opacity .3s ease
}

.reporting__conversation-remarks__table-container {
    max-height: 500px
}

.reporting__conversational-insights__date-range-block {
    padding: 6px 12px
}

.reporting__conversational-insights__visualization-card {
    border: 1px solid var(--neutral-border)
}

.reporting__conversational-insights__visualization-loading-state {
    height: 440px
}

.reporting__conversational-insights__visualization-container {
    height: 420px
}

.reporting__conversational-insights__visualization-legend-label {
    font-size: 12px
}

.reporting__conversational-insights__visualization-legend-satisfaction {
    width: 120px;
    height: 10px;
    background: linear-gradient(90deg,#eb9082 2.84%,#fbba6a 26.32%,#f8e78c 49.81%,#adedbd 73.75%,#7cdc95 97.92%);
    border-radius: 6px
}

.reporting__conversational-insights__visualization-legend-tooltip {
    hyphens: none
}

.reporting__conversational-insights__subtitle {
    margin-left: 31px
}

.reporting__conversational-insights__topic-list-name {
    max-width: calc(50vw - 400px)
}

.reporting__conversational-insights__topic-title {
    margin-bottom: 8px!important
}

.reporting__conversational-insights__topic-list-keyphrases span:after {
    content: ", "
}

.reporting__conversational-insights__topic-list-keyphrases span:last-child:after {
    content: ""
}

.reporting__conversational-insights__topic-edit-card {
    border: 1px solid var(--neutral-border)
}

.reporting__conversational-insights__keyphrase-input {
    padding: 0 6px 2px
}

.reporting__conversational-insights__keyphrase-input.o__focus {
    border-color: var(--neutral-border);
    box-shadow: 0 0 0 3px rgba(var(--beta-fill),.2)
}

.reporting__conversational-insights__keyphrase-input__pill-list {
    margin-top: 4px;
    margin-bottom: 2px
}

.reporting__conversational-insights__keyphrase-input__input {
    border: 0;
    outline: 0;
    min-width: 400px;
    display: flex;
    flex-basis: 30%;
    margin-top: 6px;
    margin-bottom: 4px;
    align-self: end
}

.reporting__conversational-insights__topic-hr {
    margin-top: 0!important;
    margin-bottom: 40px!important
}

.reporting__conversational-insights__conversation-preview-note {
    width: 2px
}

.reporting__conversational-insights__conversation-card .conversation__card__content-expanded {
    max-height: 32px
}

.reporting__conversational-insights__empty-state-text {
    max-width: 525px;
    text-align: center
}

.reporting__conversational-insights__graphic-placeholder {
    height: 500px
}

.reporting__conversational-insights__empty-state-icon {
    margin-top: 128px
}

.reporting__date-range-filter__selected-check {
    position: absolute;
    right: 16px
}

.reporting__empty-state {
    width: 100%;
    position: absolute;
    text-align: center;
    color: var(--text-muted);
    font-size: 14px;
    background: -webkit-linear-gradient(rgba(255,255,255,.2),#fff)
}

.reporting__empty-state__salesforce {
    top: 80px;
    height: 250px
}

.reporting__empty-state__line-chart {
    height: 100%;
    padding-top: 30px
}

.reporting__empty-state__loading {
    height: 250px
}

.reporting__empty-state__table,.reporting__non-sticky-table th {
    position: relative
}

.reporting__empty-state__table-loading {
    position: absolute;
    z-index: 1;
    height: 250px;
    bottom: 0;
    width: 100%
}

.reporting__empty-state__card {
    background: rgba(var(--neutral-border),.5);
    text-align: center
}

.reporting__empty-state__salesforce__banner {
    background: var(--neutral-container);
    border: 0
}

.reporting__empty-state__salesforce__feature {
    width: 321px;
    height: 215px;
    position: absolute;
    left: 570px;
    top: -15px
}

.reporting__empty-state__salesforce__text-box {
    max-width: 500px
}

.reporting__empty-state__button-link {
    text-decoration: none
}

.reporting__empty-state__summary {
    height: 315px
}

.export__schedule-sidebar {
    max-width: 320px
}

.reporting__signal-card__legend {
    margin: 30px 20px 10px 0
}

.reporting__summary__change.o__improved {
    color: var(--success-fill)
}

.reporting__summary__change.o__worsened {
    color: var(--text-error)
}

.reporting__summary__change-icon {
    display: inline-block
}

.reporting__summary__change.o__small-arrow .reporting__summary__change-icon {
    margin-right: -5px
}

.reporting__report-sharing-table-cell:last-child td {
    box-shadow: none
}

.reporting__navigation__tabs::before {
    content: "";
    height: 1px;
    display: block;
    background-color: rgba(0,0,0,.1);
    margin: -1px 30px 25px
}

.reporting__legend__heatmap-color-container {
    position: relative;
    top: 3px;
    margin-left: 10px;
    margin-right: 10px
}

.reporting__flexible__chart:hover .reporting__flexible__chart__edit-button-container.o__show-only-on-hover {
    visibility: visible
}

.reporting__flexible__chart-comparison-counter {
    display: flex;
    flex-flow: column
}

.reporting__flexible__chart__comparison-counter-card {
    display: flex;
    flex: 1;
    flex-flow: column;
    justify-content: space-between
}

.reporting__flexible__chart__tooltip {
    vertical-align: text-bottom;
    padding-bottom: 1px
}

.reporting__flexible__chart__placeholder {
    min-height: 325px
}

.reporting__flexible__chart__placeholder-custom {
    min-height: 400px
}

.reporting__flexible__chart__empty-state {
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

.reporting__flexible__chart__edit-button-container {
    box-shadow: 0 0 16px 16px var(--base-module)
}

.reporting__flexible__chart__edit-button-container.o__show-only-on-hover {
    visibility: hidden
}

.reporting__flexible__table__cell {
    max-width: 200px
}

#bespoke-knowledge-content-table .reporting__flexible__table__cell {
    max-width: 100%
}

.reporting__flexible__article__top__views .ds-new__table {
    line-height: 24px
}

.reporting__flexible__article__top__views .ds-new__table__column-header {
    font-weight: 400
}

.reporting__flexible__article__top__views .reporting__flexible__table__cell {
    max-width: 350px
}

.reporting__flexible__article__top__views a.t__h3 {
    font-weight: 400;
    font-size: 14px
}

.reporting-articles-delete-action {
    cursor: pointer
}

.banner-link-to-conversation-data::before {
    content: "↗"
}

.banner-link-to-conversation-data span {
    margin-left: 4px
}

.reporting__list-filter-options__opener {
    width: 100%;
    min-width: 160px
}

.btn.download-report__loading-spinner {
    width: 90px
}

.filter-block__container.reporting__custom__date-range-filter {
    max-width: 500px
}

.reporting__custom__report-empty-state {
    height: calc(100% - 100px)
}

.reporting__custom__side-panel {
    min-width: 510px;
    width: 33%
}

.reporting__custom__chart-title:hover {
    max-width: 75%
}

.reporting__custom__chart-dragging * {
    pointer-events: none
}

.reporting__custom__topic-updated-banner,.reporting__custom__topic-updated-banner-report {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.reporting__custom__topic-updated-banner-report {
    top: 5%
}

.reporting__custom__chart-x-small {
    height: 144px
}

.reporting__custom__chart-small {
    height: 196px
}

.reporting__custom__chart-tall {
    height: 440px
}

.reporting__custom__chart-x-tall {
    max-height: 696px
}

.reporting__custom__chart-shrink {
    max-height: 440px
}

.reporting__custom__view-by-select .content>div {
    margin-bottom: 8px
}

.reporting__custom__see-conversations-title-tooltip path {
    fill: var(--neutral-container)!important
}

.reporting__report-grid {
    background-image: radial-gradient(var(--neutral-border),1px,transparent 0);
    background-size: 16px 16px;
    background-position: 7px 7px
}

.reporting__overview__ai-chatbot__empty-state-icon svg {
    width: 24px!important;
    height: 24px!important
}

.reporting__overview__ai-chatbot__chart-grid-layout:has(.reporting__overview__ai-chatbot__empty-state-icon) {
    height: calc(100vh - 162px);
    overflow: hidden
}

.reporting__overview__ai-chatbot__chart-grid-layout:has(.top-level-banners) {
    height: calc(100vh - 218px);
    overflow: hidden
}

.reporting__content {
    width: 980px;
    margin: 0 auto
}

.reporting__content.o__fluid {
    box-sizing: border-box;
    width: 100%;
    min-width: 1040px;
    max-width: 1280px
}

.reporting__report-card.o__top {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.reporting__report-card-filters {
    z-index: 3;
    position: sticky;
    top: 0;
    background-color: #fff
}

.reporting__conversation-ratings-emoji {
    width: 20px;
    background-size: 20px;
    height: 20px;
    margin: auto;
    display: inline-block
}

.reporting__conversation-ratings-emoji.o__small {
    width: 12px;
    background-size: 12px;
    height: 12px
}

.reporting__line-chart-legend-value {
    font-weight: 500
}

.reporting__report-tabs {
    border-bottom: 1px solid rgba(var(--neutral-fill),.1)
}

.reporting__ds__dropdown {
    min-width: 200px;
    max-width: 240px;
    max-height: 498px
}

.reporting__drill-in-metrics-dropdown {
    min-width: 200px;
    max-width: 300px;
    overflow: auto;
    max-height: 440px
}

.btn.reporting__chart-action-button-margin {
    margin-left: 4px
}

.btn.reporting__chart-action-button-no-margin {
    margin-left: 0
}

#report-grid-layout .grid-stack-item-content {
    overflow: unset
}

#popper[data-popper-reference-hidden] {
    visibility: hidden;
    pointer-events: none
}

.reporting__report-tab {
    text-decoration: none;
    display: block;
    min-width: 150px;
    padding-bottom: 10px;
    border-bottom: 2px solid transparent
}

.reporting__report-tab.o__active,.reporting__report-tab.o__active .display-text,.reporting__report-tab.o__active .reporting__report-tab__title,.reporting__report-tab:hover,.reporting__report-tab:hover .reporting__report-tab__title {
    color: var(--text-link)
}

.reporting__report-tab.o__active,.reporting__report-tab:hover {
    border-bottom: 2px solid var(--neutral-border)
}

.reporting__report-tab__title {
    color: var(--text-muted)
}

.reporting__report-tab__value {
    font-size: 1.7em;
    margin-right: 3px;
    font-weight: 500
}

.reporting__report-tab .reporting__report-tab__hover {
    opacity: 0
}

.reporting__report-tab:hover .reporting__report-tab__hover {
    opacity: 1
}

.reporting__funnel-percentage {
    margin-right: 20px;
    display: flex;
    align-items: center;
    height: 100%
}

.reporting__funnel-percentage__text {
    fill: var(--text-muted)
}

.reporting__report-tab-tooltip,.reporting__suggested-metric-text {
    font-size: 13px
}

.reporting__default-charts {
    vertical-align: middle;
    padding-left: 16px;
    padding-right: 16px;
    word-wrap: normal;
    text-align: center;
    height: 160px
}

.reporting__default-charts-with-templating {
    padding-left: 32px;
    padding-right: 16px;
    word-wrap: normal;
    height: 160px
}

.reporting__report-tab-tooltip__value {
    font-weight: 700
}

.reporting__report-table__tooltip {
    word-wrap: break-word
}

.reporting__tag-line-chart__legend .reporting__tag-line-chart__legend-row {
    height: auto
}

.reporting__vertical-divider {
    border-right: 1px solid rgba(0,0,0,.1)
}

.reporting__single-stat__icon {
    width: 30px;
    height: 30px
}

.reporting__horizontal-bar-chart__fixed-metric__container {
    position: absolute;
    top: -35px;
    width: 1px
}

.reporting__horizontal-bar-chart__fixed-metric__marker {
    stroke: var(--neutral-border)
}

.reporting__horizontal-bar-chart__fixed-metric__label {
    border-radius: 4px;
    white-space: nowrap;
    border: 1px solid rgba(0,0,0,.1)
}

.reporting__metric-picker-button button,.reporting__metric-picker-button.o__secondary {
    background-color: var(--neutral-container)!important;
    font-weight: 400!important
}

.reporting__team-impact__grid-item {
    min-width: calc(33% - 8.5px);
    max-width: calc(33% - 8.5px)
}

.reporting__dummy-tab {
    min-height: 66px
}

.reporting__table-data-row__title-small {
    max-width: 250px
}

.reporting__card-text-max-width {
    max-width: 75%
}

.reporting__fixed-height-empty-state {
    height: 300px
}

.reporting__summary-comparison,.reporting__summary-comparison__not-changed {
    font-size: 12px
}

.reporting__sticky-bevel__container {
    margin: 0 -1px;
    position: sticky;
    top: 0;
    z-index: 20;
    max-height: 7px;
    overflow: visible
}

.reporting__sticky-bevel__container::after,.reporting__sticky-bevel__container::before {
    position: absolute;
    content: "";
    top: 0;
    width: 1px;
    background: var(--neutral-container);
    z-index: 19;
    height: 7px
}

.reporting__sticky-bevel__container::before {
    left: 0
}

.reporting__sticky-bevel__container:after {
    right: 0
}

.reporting__sticky-bevel {
    height: 6px;
    border: 1px solid var(--neutral-border);
    border-radius: 6px;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 20;
    position: relative
}

.reporting__sticky__card {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: 100%
}

.reporting__sticky__card-borderless {
    border: 0;
    height: 100%
}

.reporting__non-sticky-table .ds-new__table__cell-shim {
    padding-top: 10px;
    padding-bottom: 10px
}

.reporting__highcharts-tooltip {
    padding: 9px 12px!important
}

.reporting__conversational-support-paragraph {
    max-width: 450px
}

.reporting__conversational-support-paywall-image {
    max-width: 1566px
}

.educate__article-composer li img,.reporting__filters-container>* {
    margin-bottom: 8px
}

.reporting__filter {
    max-width: 300px
}

.reporting__paywall-icon .interface-icon.o__standard {
    height: 32px;
    width: 32px
}

.reporting__paywall-upgrade-btn {
    --tw-text-opacity: 1;
    color: var(--text-default)!important
}

.reporting__paywall-upgrade-btn:hover {
    color: var(--text-link)!important
}

.reporting__paywall-template-upgrade-btn {
    background-color: var(--paywall-container)!important;
    color: var(--text-default)!important;
    border-radius: 12px;
    cursor: pointer!important;
    pointer-events: auto
}

.reporting__paywall-template-upgrade-btn:focus {
    box-shadow: none!important
}

.report__paywall-report-template {
    font-weight: 400!important;
    font-size: 13px!important
}

.reporting__paywall-chart-template {
    font-weight: 500!important;
    font-size: 11px!important
}

.reporting__team-performance__banner-text {
    width: 344px
}

.reporting__team-performance__banner-text .o__standalone-link {
    color: var(--text-link)
}

.reporting__horizontal-bar-chart__empty-state * {
    padding: 1px;
    margin: 1px
}

.reporting__chart-card__description-text {
    color: var(--text-muted)!important
}

.placeholder-content {
    border: 1px solid var(--accent-border-emphasis);
    border-radius: 6px
}

.ui-resizable-se {
    content: "";
    transform: none!important;
    z-index: 48!important;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-image: url(https://static.intercomassets.com/ember/assets/images/reporting/mono-directional-resize-ec0a2cc3e758813bf47eba8af5a6ccfd.svg)!important;
    -webkit-mask-image: url(https://static.intercomassets.com/ember/assets/images/reporting/mono-directional-resize-ec0a2cc3e758813bf47eba8af5a6ccfd.svg)!important;
    background-color: var(--text-default)!important
}

.reporting__flexible-submenu .is-dragging {
    opacity: .5
}

.reporting__draggable-metric.sortable-item.is-dragging {
    z-index: 100000;
    cursor: grabbing;
    position: relative
}

.reporting__report__beta-pill {
    border-radius: 16px!important;
    background: var(--neutral-container-emphasis)!important;
    color: var(--text-link)!important
}

.reporting__report__teammate-share-pill {
    border-radius: 24px!important
}

.reporting__template-modal-header {
    border-bottom: 0!important
}

.reporting__folder-left-border {
    border-left: 2px solid;
    border-color: var(--neutral-border)
}

.reporting__folder-left-border:hover {
    border-color: var(--neutral-border-emphasis)
}

.reporting__folder-left-border:has(.o__selected) {
    border-color: var(--neutral-border-emphasis)
}

.reporting__template-empty-state-icon svg {
    width: 32px!important;
    height: 32px!important
}

.reporting__add-report-button.btn {
    background-color: transparent;
    border: 1px solid var(--neutral-border)
}

.reporting-template-inner-card {
    width: 409px;
    height: 224px;
    border: 1px solid var(--neutral-border-emphasis);
    background-color: var(--base-module);
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    text-align: left;
    cursor: grabbing;
    transform: translateY(-20%)
}

.reporting-template-inner-card img {
    flex-grow: 1;
    width: auto;
    height: auto;
    margin-top: 8px;
    align-self: center
}

.reporting-template-inner-card p {
    margin-top: 32px;
    margin-left: 16px;
    font-size: 16px;
    font-weight: 500;
    color: var(--text-muted)
}

.reporting__overview-banner {
    background-color: var(--neutral-container);
    border: 1px solid var(--neutral-border);
    border-radius: 8px
}

.reporting__overview-banner-text .o__standalone-link {
    color: var(--text-default);
    font-weight: 600
}

.reporting__overview-banner-text .a {
    text-decoration: none!important;
    text-decoration-line: none!important
}

.reporting__overview-banner-close {
    height: 24px;
    width: 24px
}

.reporting__overview-banner-close .interface-icon {
    margin-right: 0!important
}

.reporting__data-export-banner-link .o__standalone-link {
    color: var(--text-on-beta);
    font-weight: 600
}

.reporting__deprecation-banner-link .o__standalone-link {
    color: var(--text-default);
    font-weight: 600
}

.reporting__deprecation-banner-link .a {
    text-decoration: none!important;
    text-decoration-line: none!important
}

.reporting__reports-table table.ds-new__table,.reporting__schedules-table table.ds-new__table {
    table-layout: fixed!important
}

:has(>.reporting__chart-actions-popover-content) {
    box-shadow: none!important
}

.reporting__data-table-open-in-inbox-icon.btn {
    padding: 6px 4px
}

.reporting__admin-data-table-cell .ds-new__table__cell-shim {
    display: flex;
    gap: 8px
}

.reporting-data-table-chart .ds-new__table__cell-shim,.reporting-data-table-chart .ds-new__table__column__label {
    margin-right: 10px
}

.reporting-data-table-chart .ds-new__table__column-header {
    min-width: unset!important
}

.reporting__data-table .ds-new__table__column__label {
    white-space: nowrap!important
}

.reporting__share-modal-title {
    max-width: 500px
}

.reporting__share-externally-modal-title {
    max-width: 600px
}

.reporting__edit-interval-drawer {
    width: 35%
}

@media (min-width: 1600px) {
    .reporting__edit-interval-drawer {
        max-width:750px;
        width: 29%;
        min-width: 500px
    }
}

.reporting__header-width {
    width: 207px
}

.reporting__interval-input {
    width: 55%
}

@media (min-width: 1600px) {
    .reporting__interval-input {
        width:58%
    }
}

.reporting__share-modal {
    width: 700px
}

.reporting__add-teammate-input {
    height: 42px
}

.btn.o__icon.reporting__ellipsis-button {
    padding: 2px
}

.reporting__sharing-footer-hr {
    width: calc(100% + 64px)
}

.reporting__share-table-title {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--base-module)
}

#reporting__report-access-list thead {
    position: sticky;
    top: 48px;
    z-index: 1
}

.reporting__delete-share-option {
    margin-right: 2px
}

.reporting__fin-performance-chart-section {
    padding-left: 10px;
    padding-right: 10px
}

.reporting__custom-frequency-popover .popover__content-container {
    margin-left: 24px!important;
    margin-bottom: -16px!important
}

.reporting__schedule-export-popover .form__item {
    margin-bottom: 10px
}

.reporting__underlying-data-modal-view-selector {
    border-top: 1px dashed var(--neutral-border);
    border-bottom: 1px solid var(--neutral-border)
}

.reporting__radio-button-group {
    background-color: var(--neutral-container);
    border: 0
}

.reporting__radio-button-group .btn {
    font-weight: 400;
    height: 32px;
    min-width: 140px;
    border: 1px solid transparent
}

.reporting__radio-button-group .radio-button-group__button.btn.o__secondary {
    color: var(--text-muted)!important;
    transition: color .2s ease-in-out
}

.reporting__radio-button-group .radio-button-group__button.btn.o__secondary:hover {
    color: var(--text-default)!important
}

.reporting__radio-button-group .radio-button-group__button.btn.o__secondary:focus {
    box-shadow: var(--shadow-lvl-0)!important
}

.reporting__radio-button-group .radio-button-group__button.btn.o__secondary.o__forced-active {
    color: var(--text-default)!important;
    background-color: var(--base-module)!important;
    box-shadow: var(--shadow-lvl-0);
    transition: border-color .2s ease-in-out
}

.reporting__radio-button-group .radio-button-group__button.btn.o__secondary.o__forced-active:hover {
    border: 1px solid var(--neutral-border-emphasis)
}

.reporting__text-vis-violet-50 {
    color: var(--vis-violet-30)
}

.reporting__text-vis-blue-50 {
    color: var(--vis-blue-30)
}

.reporting__text-vis-mint-50 {
    color: var(--vis-mint-30)
}

.reporting__text-vis-salmon-50 {
    color: var(--vis-salmon-30)
}

.reporting__text-vis-pink-50 {
    color: var(--vis-pink-30)
}

.reporting__muted-stars-icon svg {
    transform: scale(1.5)!important
}

.highcharts-legend-item.highcharts-line-series .highcharts-graph {
    display: none
}

.highcharts-tooltip-container {
    z-index: 10000!important
}

.btn {
    max-width: 100%
}

.btn.o__saving {
    cursor: wait;
    pointer-events: all
}

.btn__tertiary.o__destructive,.btn__tertiary.o__destructive:hover {
    color: var(--text-error)
}

.btn__tertiary__deemphasized.o__disabled,.btn__tertiary__deemphasized.o__disabled:hover {
    color: var(--text-muted)
}

.btn__tertiary,.btn__tertiary__deemphasized {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn__tertiary.o__smaller,.btn__tertiary__deemphasized.o__smaller {
    font-size: 13px
}

.btn .assignee-selector__assignee-name {
    padding: 2px 0 0;
    display: inline-block
}

.btn .avatar__container {
    margin: -1px 0
}

.content-editor__step {
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,.2);
    border-bottom-color: var(--neutral-border);
    border-top: 0;
    margin-left: 10px;
    margin-right: 10px;
    position: relative
}

.content-editor__step.o__fill-main-edges {
    margin-left: -30px;
    margin-right: -30px;
    border: 0!important
}

.content-editor__step.o__fill-main-edges:first-child {
    margin-top: -20px
}

.content-editor__step.o__fill-main-edges:last-child {
    margin-bottom: -20px
}

.content-editor__step.o__show-page {
    border-radius: 0;
    opacity: 1
}

.content-editor__step.o__edit-page {
    margin-bottom: 10px;
    border: 1px solid var(--neutral-border)
}

.content-editor__step.o__edit-page.o__faded,.content-editor__step.o__edit-page.o__review-hover {
    opacity: .5
}

.content-editor__step.o__edit-page.o__hoverable:hover {
    opacity: 1;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    border: 1px solid var(--neutral-border)
}

.content-editor__step.o__edit-page.o__complete.o__hoverable:hover {
    background-color: var(--neutral-container)
}

.content-editor__step.o__edit-page.o__review-hover:hover {
    opacity: 1
}

.content-editor__step.o__edit-page.o__maximized {
    background-color: var(--neutral-container);
    border-color: var(--neutral-border)
}

.content-editor__step.o__show-page:first-of-type {
    border-radius: 3px 3px 0 0;
    border-top: 1px solid rgba(0,0,0,.2)
}

.content-editor__step.o__show-page:last-of-type {
    border-radius: 0 0 3px 3px;
    border-bottom-color: rgba(0,0,0,.2)
}

.content-editor__headers__view-mode__standard-header__title {
    width: 70%
}

@media screen and (min-width: 1280px) {
    .content-editor__headers__view-mode__standard-header__title {
        max-width:700px
    }
}

@media screen and (min-width: 1920px) {
    .content-editor__headers__view-mode__standard-header__title {
        max-width:900px
    }
}

.content-editor__headers__tags-container {
    margin: 0 -30px;
    padding: 12px 30px 12px 60px
}

.content-editor__headers__version-number {
    padding-right: 4px
}

.content-editor__headers__validation-tooltip ul {
    margin: 0;
    padding-left: 20px
}

.content-editor__panels__content__run-experiment__container {
    height: 38px;
    border-bottom: 1px solid var(--neutral-border)
}

.content-editor__panels__content__sidebar__fallback {
    border-left: 2px solid var(--neutral-border)
}

.content-editor__panels__content__ruleset-link-switcher__container {
    border-bottom: 1px solid var(--neutral-border)
}

.content-editor__panels__content__footer {
    position: relative;
    min-height: 54px
}

.webhook__key-value {
    width: 470px
}

.content-editor__panels__custom__triggerable-custom-bot__channel-targeting-group {
    min-width: 230px
}

.content-editor__panels__custom__triggerable-custom-bot__channel-targeting-group__channel-targeting-dropdown-item.o__disabled {
    opacity: 1;
    cursor: default
}

.content-editor__panels__custom__triggerable-custom-bot__channel-targeting-group__channel-targeting-dropdown-item.o__disabled>.ds-new__dropdown__block__item__check {
    display: none
}

.content-editor__panels__custom__triggerable-custom-bot__channel-targeting-group__channel-targeting-dropdown-item.o__disabled>.ds-new__dropdown__block__item__object {
    cursor: default;
    display: flex;
    justify-content: space-between
}

.content-editor__panels__intro-text {
    max-width: 500px
}

.content-editor__summaries__standard-summary {
    padding: 8px 0
}

.content-editor__summaries__standard-summary__yield-container {
    align-items: stretch
}

.content-editor__summaries__content__condition {
    margin-left: -24px
}

.content-editor__summaries__content__webhook {
    border-radius: 8px;
    font-family: monospace;
    padding: 10px;
    background-color: var(--neutral-container);
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word
}

.content-editor__tabs__wrapper {
    position: relative;
    height: 80px;
    min-height: 80px;
    border-bottom: 1px solid var(--neutral-border)
}

.content-editor__tabs__tab {
    padding: 12px 35px;
    cursor: pointer;
    transition: transform 250ms;
    padding-left: 0!important
}

.content-editor__tabs__tab-icon {
    margin: 8px 0 4px
}

.content-editor__tabs__tab.o__disabled {
    cursor: default
}

.content-editor__tabs__tab.o__active .content-editor__tabs__tab-icon,.content-editor__tabs__tab.o__active .content-editor__tabs__tab-label,.content-editor__tabs__tab.o__active .content-editor__tabs__tab-title,.content-editor__tabs__tab.o__active .content-editor__tabs__tab-value,.content-editor__tabs__tab:hover:not(.o__disabled) .content-editor__tabs__tab-icon,.content-editor__tabs__tab:hover:not(.o__disabled) .content-editor__tabs__tab-label,.content-editor__tabs__tab:hover:not(.o__disabled) .content-editor__tabs__tab-title,.content-editor__tabs__tab:hover:not(.o__disabled) .content-editor__tabs__tab-value {
    color: var(--text-default)
}

.content-editor__content__stats-cell.o__clickable:hover .content-editor__content__stats-cell__title,.content-editor__tabs__tab.is__selected .content-editor__tabs__tab-icon,.content-editor__tabs__tab.is__selected .content-editor__tabs__tab-label,.content-editor__tabs__tab.is__selected .content-editor__tabs__tab-title,.content-editor__tabs__tab.is__selected .content-editor__tabs__tab-value {
    color: var(--text-default)
}

.content-editor__tabs__tab.o__active {
    border-bottom: 2px solid var(--accent-fill);
    cursor: default
}

.content-editor__versioning__sidebar {
    border-left: 1px solid var(--neutral-border);
    max-width: 320px
}

.content-editor__versioning__version-container:hover .content-editor__versioning__version-label,.content-editor__versioning__version-label-container:hover .content-editor__versioning__version-label,.content-editor__versioning__version-label.o__active {
    color: var(--text-link)
}

.content-editor__versioning__version-stats-tile,.content-editor__versioning__version-test-content-label {
    padding-right: 2px
}

.content-editor__versioning__version-author {
    padding-top: 4px
}

.content-editor__versioning__empty-state-illustration {
    width: 100%;
    height: auto
}

.content-editor__follow-up-actions__lead-qualification-container .filter-block.o__action.o__deletable .filter-block__details::after {
    background: linear-gradient(to right,rgba(235,247,237,0) 100%,#ebf7ed 100%)
}

.content-editor__animated-index-color {
    transition-property: color,background-color;
    transition-duration: .1s;
    transition-timing-function: ease-out
}

.content-editor__animated-index-color.o__maximized {
    background: var(--neutral-container);
    color: var(--text-link)
}

.content-editor__panel.o__editing.o__minimized:hover .content-editor__animated-index-color {
    background: var(--beta-fill)
}

.content-editor__content__ab-selector {
    border-bottom: 1px solid var(--neutral-border);
    background-color: var(--neutral-container)
}

.content-editor__content__ab-selector:hover {
    cursor: pointer;
    border-bottom: 3px solid var(--neutral-border)
}

.content-editor__content__ab-selector.o__active {
    cursor: default;
    background-color: var(--neutral-container);
    border-bottom: 3px solid var(--neutral-border)
}

.content-editor__content__ab-selector.o__single-variation {
    border-bottom: 0;
    border-top: 0
}

.content-editor__content__ab-selector:first-of-type {
    border-right: 1px solid var(--neutral-border)
}

.content-editor__content__ab-selector:last-of-type {
    border-right: 0
}

.content-editor__content__ab-selector-no-border {
    border: 0!important
}

.content-editor__content {
    min-height: 600px;
    overflow: hidden
}

.content-editor__content__background {
    background: var(--THEME-EJECTION__CONTENT-PREVIEW__WHITE-COLOR);
    color: var(--THEME-EJECTION__CONTENT-PREVIEW__BLACK-COLOR)
}

.content-editor__content__single-variation-stats {
    max-width: 1100px
}

.content-editor__content__stats-cell__title {
    color: var(--text-muted)
}

.content-editor__content__stats-cell {
    padding: 10px 0 15px;
    margin-bottom: 19px;
    overflow: hidden;
    min-width: 90px;
    min-height: 53px;
    margin-left: 5px;
    border-radius: 3px
}

.content-editor__content__stats-cell.o__clickable {
    cursor: pointer
}

.content-editor__content__stats-cell.o__clickable:hover {
    background-color: rgba(var(--neutral-container),.15)
}

.content-editor__content__stats-cell.o__clickable.o__selected,.content-editor__content__stats-cell.o__selected {
    background-color: rgba(var(--neutral-container),.25)
}

.content-editor__content__stats-cell.o__clickable.o__selected .content-editor__content__stats-cell__title,.content-editor__content__stats-cell.o__selected .content-editor__content__stats-cell__title {
    color: var(--text-link)
}

.content-editor__content__stats-cell.o__no-bottom-margin {
    margin-bottom: 0
}

.content-editor__content__stats-panel-icon {
    line-height: 24px
}

.content-editor__content__stats {
    overflow: hidden;
    box-sizing: border-box;
    padding: 10px 20px 0
}

.content-editor__sample-user {
    margin-right: 5px
}

.content-editor__sidebar {
    width: 344px;
    max-width: 344px;
    min-height: 348px;
    height: 100%;
    border-right: 1px solid rgba(0,0,0,.1);
    box-sizing: border-box;
    padding-top: 24px!important;
    background: var(--base-module)
}

.content-editor__sidebar-container {
    min-height: 679px;
    height: 100%;
    background: var(--base-module)
}

.content-editor__animated-sidebar,.content-editor__animated-sidebar .liquid-child {
    height: 100%
}

.content-editor__scheduling-container {
    width: 615px
}

.content-editor__custom-time-container {
    width: 566px
}

.content-editor__main .liquid-child:not(.velocity-animating) {
    transform: none!important;
    overflow: visible
}

.content-editor__main .liquid-child.velocity-animating {
    transform: inherit
}

.content-editor__main .liquid-container:not(.liquid-animating) {
    transform: none!important;
    overflow: visible
}

.content-editor__main .liquid-container.liquid-animating {
    transform: inherit
}

.content-editor__main .accordion__section,.content-editor__main .accordion__section:not(.o__disabled) .accordion__header,.content-editor__main .accordion__section:not(.o__disabled) .accordion__header.o__closed,.content-editor__main .accordion__section:not(.o__disabled) .accordion__header__opener {
    width: 100%
}

.content-editor__main .accordion__lightweight-header__yield-container {
    overflow-y: hidden
}

.content-editor__custom__survey-sharing .url-sharing-step-bubble {
    padding-top: 2px
}

.content-editor__custom__survey-sharing .url-preview {
    border: 1px solid #ccc;
    border-left: 0
}

.content-editor__match-behavior-switcher-tooltip {
    padding-bottom: 2px
}

.content-editor__event-trigger-rules-stamp {
    margin: 0 0 2px 2px
}

.content-editor__attribute-based-schedule-stamp {
    margin: 0 0 0 2px
}

.content-editor__scheduling__fixed-schedule-weekly .btn {
    padding: 0!important
}

.content-editor__scheduling__fixed-schedule-weekly .radio-button-group__button {
    height: 32px;
    width: 32px;
    margin-right: 6px;
    box-sizing: border-box;
    border-radius: 6px;
    border: 2px solid var(--neutral-border)
}

.content-editor__scheduling__fixed-schedule-weekly .radio-button-group__button.btn.o__secondary:hover {
    border: 2px solid var(--neutral-border);
    background: var(--neutral-container)
}

.content-editor__scheduling__fixed-schedule-weekly .radio-button-group__button.btn.o__secondary.o__forced-active,.content-editor__scheduling__fixed-schedule-weekly .radio-button-group__button.btn.o__secondary:active {
    border: 2px solid var(--neutral-border);
    background: var(--neutral-container)!important
}

.content-editor__upload-button .btn {
    width: 100%;
    text-align: left
}

.content-editor__image-button .btn {
    width: 80%;
    text-align: left;
    font-style: italic;
    font-size: 13px;
    overflow: hidden
}

.content-editor__navigate-to-messenger-settings {
    margin-left: 0!important
}

.modal.o__extra-wide {
    max-width: 820px
}

.modal.o__extremely-wide {
    max-width: 1000px
}

.modal.o__signup__teams {
    padding: 60px
}

.modal__overlay.o__confirm {
    z-index: 1000010000
}

.modal.o__appstore {
    max-width: 940px;
    margin-top: 10vh
}

.modal.o__developer-hub {
    max-width: 440px
}

.modal.o__inboxcsv {
    max-width: 553px
}

.modal.o__confirm-purchase {
    height: 621px;
    width: 1100px;
    padding: 100px 0 0 100px
}

.lightbox__opener {
    cursor: zoom-in
}

.lightbox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(var(--neutral-fill),.8);
    cursor: zoom-out
}

.lightbox__image {
    max-height: 95vh;
    max-width: 95vw;
    width: auto;
    height: auto;
    user-select: none;
    border-radius: 6px
}

.lightbox__close-icon {
    position: fixed;
    top: 0;
    right: 0;
    padding: 12px;
    background: 0 0;
    border: 0;
    color: var(--text-on-neutral)
}

.lightbox__close-icon:focus,.lightbox__close-icon:hover {
    color: var(--text-muted);
    outline: 0
}

.lightbox__loading-indicator {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1
}

.interpersonation__banner {
    background-color: var(--error-fill);
    color: var(--text-on-neutral);
    border-bottom: 1px solid var(--neutral-border);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4000
}

.interpersonation__block {
    padding: 5px
}

.interpersonation__signout,.interpersonation__signout:hover,.interpersonation__signout:visited {
    color: var(--text-on-neutral)
}

.simple-composer__content-header {
    padding: 6px 0 18px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.simple-composer__content-body {
    padding-top: 5px
}

.simple-composer__editor {
    max-height: 240px;
    min-height: 240px;
    overflow-y: auto;
    padding: 8px 24px 8px 0
}

.simple-composer__controls {
    padding: 0 8px 8px
}

.simple-composer__input {
    color: var(--text-default);
    padding: 6px 15px;
    background: 0 0;
    border: 1px solid rgba(0,0,0,.2);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0;
    box-shadow: none;
    max-width: none
}

.simple-composer__input:focus {
    outline: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(0,0,0,.2);
    box-shadow: none
}

.simple-composer__content .attachment-list-container {
    padding: 10px
}

.simple-composer__audience__error {
    color: var(--text-error)
}

.simple-composer__audience-user::after {
    content: ",";
    margin-left: -8px;
    margin-right: 5px
}

.messenger-preview-redesign__card.messenger-preview-redesign__external-links-card li:last-of-type:after,.simple-composer__audience-user:last-of-type::after {
    display: none
}

.simple-composer__editor a {
    color: #1251ba
}

.simple-composer__editor>:first-child {
    margin-top: 0;
    padding-top: 0
}

.simple-composer__editor>h1,.simple-composer__editor>h2 {
    margin: 20px 0 5px
}

.simple-composer__editor>h1 {
    font-size: 18px;
    line-height: 25px
}

.simple-composer__editor>h2 {
    font-size: 14px;
    line-height: 22px
}

.simple-composer__loading-text {
    padding-top: 2px
}

.notification__list {
    position: absolute;
    pointer-events: none;
    top: 15px;
    left: 20px;
    right: 20px;
    z-index: 2147483647
}

.notification__list__item {
    pointer-events: auto;
    width: 100%;
    max-width: 570px;
    margin: 0 auto 15px
}

.v2-guide__todo-list__input-readonly {
    background: var(--neutral-container-emphasis);
    box-sizing: border-box;
    border: 0;
    border-radius: 2px;
    color: var(--text-muted);
    display: block;
    font-size: 14px;
    padding: 10px;
    width: 100%;
    cursor: text
}

.v2-guide__todo-list__input-readonly.o__old {
    background: var(--notice-container)
}

.v2-guide__todo-list__input-readonly,.v2-guide__todo-list__input-shadow {
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.1)
}

.company-profile__account-info__value {
    max-width: 420px
}

.company-profile__placeholder {
    padding-top: 145px;
    padding-bottom: 145px
}

.company-profile {
    max-width: 1100px;
    margin: 0 auto
}

.company-profile__sidebar {
    margin-right: 60px;
    width: 294px;
    min-width: 294px;
    overflow: auto
}

.company-profile__editable-name__wrapper {
    padding-left: 40px
}

.company-profile__sidebar__company-avatar {
    margin: -61px auto 20px;
    display: block;
    position: relative;
    z-index: 5;
    overflow: hidden
}

.company-profile__sidebar__avatar {
    padding: 0 20px 20px 0
}

.company-profile__sidebar__avatar .avatar__badge {
    display: none
}

.company-profile__select-all-users {
    width: 19px
}

.company-profile__logo {
    max-width: 100%;
    max-height: 100%
}

.user-list__header {
    padding: 20px 30px 0
}

.user-list__header__empty-state-banner {
    min-height: 270px
}

.user-list__header.o__without-select-all {
    padding: 10px 30px
}

.user-list__header::before {
    content: "";
    height: 1px;
    display: block;
    background-color: rgba(0,0,0,.1);
    margin: 5px 0 25px
}

.user-list__header.o__searching::before {
    margin: -1px 0 25px
}

.user-list__at-company {
    padding-right: 5px
}

.user-list__users-companies {
    max-width: 240px;
    display: inline-block;
    vertical-align: bottom
}

.user-list__heading-and-selected-count {
    margin-right: 20px;
    margin-top: 3px
}

.user-list__map-info {
    margin-top: 4px
}

.user-list__selected-count {
    margin-left: 10px;
    margin-top: 6px
}

.user-list__cell-link {
    cursor: pointer
}

.user-list__cell-link:hover {
    color: var(--text-link);
    opacity: 1;
    text-decoration: underline
}

.user-list__cell-link__conversation-rating {
    width: 14px;
    height: 14px;
    background-size: 14px;
    display: inline-block;
    position: relative;
    top: 2px
}

.user-list__search-limit-alert__image {
    width: 240px;
    height: 240px;
    margin: 0 auto 20px;
    background-image: url(https://static.intercomassets.com/ember/assets/images/something-went-wrong-7becf1cdf00013afe07be7584bc14bc2.png);
    background-size: 240px 240px;
    background-repeat: no-repeat
}

@media (min-device-pixel-ratio: 1.3),(min-resolution:1.3dppx) {
    .user-list__search-limit-alert__image {
        background-image:url(https://static.intercomassets.com/ember/assets/images/something-went-wrong@2x-a3473727a6429cc749d25f7419b7789a.png)
    }
}

.user-list__bulk-actions__archive__destructive {
    background-color: var(--error-container);
    color: var(--text-error)
}

.user__hovercard__popover {
    min-width: 335px;
    max-width: 400px
}

.user__hovercard__avatar-link {
    margin-right: 12px;
    width: 48px;
    height: 48px;
    display: block
}

.user__hovercard__row {
    box-sizing: border-box;
    padding: 15px;
    position: relative
}

.user__hovercard__row.o__bottom {
    border-top: 1px solid var(--neutral-border);
    padding-top: 10px
}

.user__hovercard__row__data {
    padding-right: 10px
}

.filter-bar__actions {
    z-index: auto;
    padding: 20px;
    border-top: 1px solid var(--neutral-border);
    background: var(--neutral-container)
}

.filter-bar__anonymous-dropdown__container {
    width: 100%
}

.filter-bar__anonymous-dropdown {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border: 1px solid rgba(0,0,0,.2);
    min-width: 220px!important;
    padding: 0
}

.filter-bar__anonymous-dropdown:hover {
    cursor: pointer;
    background-color: var(--neutral-container)
}

.filter-bar__anonymous-dropdown,.filter-bar__anonymous-dropdown.o__opened {
    border-radius: 0;
    background-color: var(--neutral-container)
}

.filter-bar__anonymous-dropdown__container .filter-bar__anonymous-dropdown {
    border-right: 0;
    border-left: 0
}

.filter-bar__anonymous-dropdown__caret-large {
    position: absolute;
    top: 13px;
    right: 18px;
    color: var(--text-default)
}

.filter-bar__anonymous-dropdown__selected {
    position: relative;
    height: 20px
}

.filter-bar__anonymous-dropdown__item {
    position: relative;
    height: 20px;
    padding-top: 8px;
    padding-bottom: 10px
}

.filter-bar__anonymous-dropdown__item-description.o__disabled,.filter-bar__anonymous-dropdown__item.o__disabled {
    cursor: default;
    pointer-events: none;
    color: var(--text-muted)
}

.filter-bar__anonymous-dropdown__tooltip-opener {
    height: 20px;
    pointer-events: auto
}

.filter-bar__anonymous-dropdown-icon {
    position: absolute;
    top: 11px
}

.filter-bar__anonymous-dropdown__selected-icon {
    position: absolute;
    top: 2px;
    color: var(--text-default)
}

.filter-bar__anonymous-dropdown__selected-text {
    position: absolute;
    left: 25px
}

.filter-bar__anonymous-dropdown__item-text {
    position: absolute;
    top: 10px;
    left: 40px;
    padding-right: 40px
}

.filter-bar__anonymous-dropdown__item-description {
    font-size: 12px;
    position: absolute;
    top: 11px;
    right: 16px;
    color: var(--text-muted)
}

.filter-bar__toolbar {
    padding: 10px 10px 0;
    position: relative
}

.filter-bar__toolbar::after {
    content: "";
    position: absolute;
    bottom: 0;
    margin-bottom: -9px;
    left: 0;
    right: 0;
    height: 9px;
    pointer-events: none;
    background: linear-gradient(to bottom,#fff 0,rgba(255,255,255,0) 100%);
    z-index: 1
}

.filter-bar__predicates-list {
    padding: 9px 20px 10px
}

.filter-bar__predicates-list__attribute-picker {
    display: inline-block;
    vertical-align: bottom;
    padding: 7px 0
}

.filter-bar__predicates-list__attribute-picker.o__one-line {
    padding: 8px 0
}

.pagination__error {
    width: 100%;
    max-width: 570px;
    margin: 0 auto
}

.pagination__for-table,.pagination__for-user-table {
    padding: 25px 0
}

.path-analysis__container {
    top: 64px
}

.path-analysis__canvas {
    display: inline-block
}

.path-analysis__card {
    padding: 6px 0;
    width: 240px;
    margin-left: 34px
}

.path-analysis__card,.path-analysis__card-completion,.path-analysis__card-dropoff,.path-analysis__card-handover,.path-analysis__card-noviews,.path-analysis__card-start-over {
    background: var(--base-module);
    border: 1px solid var(--neutral-border);
    box-shadow: var(--shadow-lvl-1);
    border-radius: 8px;
    font-size: 15px;
    position: relative
}

.path-analysis__card-noviews {
    padding: 6px 0;
    width: 240px;
    margin-left: 34px
}

.path-analysis__card-completion,.path-analysis__card-dropoff,.path-analysis__card-handover,.path-analysis__card-main,.path-analysis__card-start-over {
    width: 218px;
    max-width: 218px
}

.path-analysis__card-main {
    padding: 0 10px 0 12px
}

.path-analysis__card-completion,.path-analysis__card-dropoff,.path-analysis__card-handover,.path-analysis__card-start-over {
    padding: 6px;
    margin-bottom: 3px!important;
    margin-left: 35px;
    background: 0;
    border: 0;
    box-shadow: none
}

.path-analysis__card-handover {
    margin-left: -25px
}

.path-analysis__card-handover a {
    text-decoration: none;
    color: var(--text-link)
}

.path-analysis__card-expanded {
    color: var(--text-muted);
    font-size: 14px
}

.path-analysis__card-expanded__separator {
    border-top: 1px solid var(--neutral-border)
}

.path-analysis__card-expanded__item {
    padding: 0 10px 0 12px;
    width: 218px;
    max-width: 218px
}

.path-analysis__card-noviews .path-analysis__card-main {
    color: var(--text-muted)
}

.path-analysis__card-noviews:hover,.path-analysis__card:hover {
    cursor: pointer
}

.path-analysis__card-noviews:hover .path-analysis__card-main,.path-analysis__card:hover .path-analysis__card-main {
    color: var(--text-link)
}

.path-analysis__card-noviews:hover .path-analysis__card-info-icon,.path-analysis__card:hover .path-analysis__card-info-icon {
    display: inline
}

.path-analysis__card-title {
    flex-grow: 1;
    padding-right: 2px
}

.path-analysis__card-icon-completion,.path-analysis__card-icon-dropoff,.path-analysis__card-icon-noviews,.path-analysis__card-icon-regular,.path-analysis__card-icon-start-over {
    margin-right: 8px
}

.path-analysis__card-icon-completion,.path-analysis__card-icon-regular {
    color: var(--success-fill)
}

.path-analysis__card-icon-dropoff {
    color: var(--text-error)
}

.path-analysis__card-icon-noviews {
    color: var(--text-muted)
}

.path-analysis__card-icon-start-over {
    color: var(--text-default)
}

.path-analysis__card-info-icon {
    display: none
}

.path-analysis__node-stats {
    text-align: right;
    font-size: 13px;
    line-height: 16px
}

.path-analysis__card-line-left,.path-analysis__hidden-count::before {
    position: absolute;
    border-bottom: 2px solid var(--neutral-border-emphasis)
}

.path-analysis__card-line-left,.path-analysis__card-line-left-first {
    top: 9px;
    left: -35px;
    right: calc(100% + 1px);
    height: 5px;
    border-left: 2px solid var(--neutral-border-emphasis);
    border-radius: 0 0 0 4px
}

.path-analysis__card-line-left-first {
    position: absolute;
    border-bottom: 2px solid var(--neutral-border-emphasis);
    border-left: none;
    border-radius: 0;
    left: -68px
}

.path-analysis__children {
    margin-left: 33px;
    position: relative
}

.path-analysis__children-left-line {
    position: absolute;
    left: 0;
    top: 15px;
    bottom: -30px;
    width: 2px;
    border-left: 2px solid var(--neutral-border-emphasis)
}

.path-analysis__collapse-children,.path-analysis__hidden-count {
    border: 1px solid var(--neutral-border-emphasis);
    box-sizing: border-box;
    cursor: pointer
}

.path-analysis__hidden-count {
    margin-left: 18px;
    position: relative;
    background: var(--neutral-container);
    color: var(--text-default);
    transition: border-color .2s ease,color .2s ease;
    border-radius: 16px;
    padding: 5px 12px 6px;
    height: 32px;
    font-size: 13px;
    text-align: center;
    white-space: pre
}

.path-analysis__hidden-count:hover {
    background: var(--neutral-container-emphasis)
}

.path-analysis__hidden-count::before {
    content: "";
    top: calc(50% - 2px);
    left: -41px;
    right: 100%;
    height: 1px
}

.path-analysis__collapse-children {
    position: absolute;
    top: 8px;
    left: 26px;
    background: var(--base-module);
    transition: border-color .2s ease;
    border-radius: 100%;
    padding: 5px 2px 2px;
    height: 16px;
    width: 16px
}

.path-analysis__collapse-children:hover {
    background: var(--base-module-subtle)
}

.message-popover {
    width: 160px;
    height: 80px
}

.message-popover.o__email {
    width: 230px;
    height: 130px
}

.message-popover.o__in-app {
    width: 230px;
    height: 110px
}

.message-popover.o__delivery-option {
    width: 180px;
    height: 110px
}

.message-popover.o__input {
    width: 330px;
    height: 33px
}

.message-popover.o__developer-workspace {
    height: 52px
}

.message-popover__container.o__fixed {
    position: fixed
}

.message-popover__container.o__input {
    padding: 0
}

.message-popover__content {
    padding: 0 0 10px
}

.message-popover__title {
    padding: 0 16px
}

.message-popover__check {
    color: var(--text-link)
}

.message-popover__list {
    height: 130px;
    overflow: auto
}

.message-popover__row {
    display: table-row;
    padding: 0
}

.message-popover__cell {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    padding: 0 3px;
    line-height: 32px;
    position: relative
}

.message-popover__divider {
    background: linear-gradient(to bottom,#fbfcfd 0,#adbfc7 50%,#fbfcfd 100%);
    width: 1px;
    padding: 0;
    margin: 0 3px
}

.message-popover__input {
    box-sizing: border-box;
    background-color: transparent;
    height: 31px;
    font-size: 14px;
    width: 100%;
    outline: 0;
    border: 0;
    padding-left: 5px;
    padding-right: 20px
}

.message-popover__label {
    width: 0;
    padding-left: 10px;
    text-align: center;
    font-weight: 500
}

.message-popover__input-icon {
    padding-bottom: 7px
}

.message-popover__container.o__has-error {
    border: 1px solid var(--error-border);
    background-color: #915c5c
}

.message-popover__caret.o__has-error {
    stroke: var(--error-border);
    fill: #915c5c
}

.message-popover__input-icon.o__has-error,.message-popover__input.o__has-error,.message-popover__label.o__has-error {
    color: var(--text-on-neutral)
}

.message-quick-action.o__depressed {
    border-color: rgba(0,0,0,.2);
    background: var(--neutral-container);
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.09);
    color: var(--text-muted);
    opacity: 1
}

.message-quick-action.o__message-type {
    padding-right: 25px
}

.message-quick-action.o__message-style {
    padding-right: 20px
}

.message-quick-action__container.o__border {
    position: relative;
    margin-right: 10px
}

.message-quick-action__container.o__border::after {
    position: absolute;
    right: -5px;
    top: 0;
    display: block;
    width: 1px;
    height: 100%;
    background-color: rgba(0,0,0,.1);
    content: ""
}

.upload-pill {
    border-radius: 2px
}

.upload-pill__link {
    text-decoration: none
}

.visibility__popover-opener {
    text-decoration: none;
    font-weight: 500
}

.visibility__icon.o__hidden {
    color: var(--text-muted)
}

.dropdown__list-item:hover .visibility__icon.o__hidden .interface-icon circle,.dropdown__list-item:hover .visibility__icon.o__hidden .interface-icon ellipse,.dropdown__list-item:hover .visibility__icon.o__hidden .interface-icon line,.dropdown__list-item:hover .visibility__icon.o__hidden .interface-icon path,.dropdown__list-item:hover .visibility__icon.o__hidden .interface-icon polygon,.dropdown__list-item:hover .visibility__icon.o__hidden .interface-icon polyline,.dropdown__list-item:hover .visibility__icon.o__hidden .interface-icon rect {
    fill: var(--text-default)!important
}

.visibility__table {
    margin-top: 21px;
    margin-bottom: 30px
}

.visibility__table__empty-state {
    color: var(--text-muted);
    font-weight: 500
}

.visibility__title {
    flex-grow: 1;
    font-weight: 700
}

.visibility__row,.visibility__title__details {
    color: var(--text-muted);
    font-weight: 400;
    margin-left: 5px
}

.visibility__row {
    background-color: var(--neutral-container);
    height: 37.8px;
    margin-left: 8px;
    border-bottom: 1px solid var(--neutral-border);
    padding: 5px 20px 5px 10px
}

.visibility__row:first-of-type {
    border-top: 1px solid var(--neutral-border)
}

.visibility__row__name {
    color: var(--text-default);
    padding-left: 14px
}

.visibility__row__name-container {
    display: inline-block;
    width: 300px
}

.visibility__row__status {
    color: var(--text-muted);
    width: 125px
}

.visibility__row__status__toggle {
    opacity: 0
}

.intercom-interblocks-link-anchor:hover,.intercom-interblocks-link:hover,.visibility__row:hover .visibility__row__status__toggle {
    opacity: 1
}

.intercom-interblocks-content-card {
    width: 334px;
    max-height: 136px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 20px;
    font-size: 16px;
    border: 1px solid #e0e0e0
}

.intercom-interblocks-card-title {
    display: none
}

.intercom-interblocks-article-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-link);
    margin: 14px 16px 8px;
    line-height: 1.3;
    overflow: hidden
}

.intercom-interblocks-article-body {
    margin: 0 16px 8px;
    font-size: 13px;
    line-height: 1.4;
    color: var(--text-muted)
}

.intercom-interblocks-article-author {
    margin: 10px 18px 14px;
    height: 16px;
    line-height: 16px;
    display: flex
}

.intercom-interblocks-article-author-avatar {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle
}

.intercom-interblocks-article-author-avatar-image {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 0;
    vertical-align: top
}

.intercom-interblocks-article-author-name {
    color: var(--text-default);
    margin: 0 0 0 5px;
    font-size: 12px;
    overflow: hidden
}

.intercom-interblocks-article-written-by {
    color: var(--text-muted);
    margin: 0 0 0 8px;
    font-size: 12px;
    overflow: hidden;
    vertical-align: middle
}

.intercom-interblocks-link,a.intercom-interblocks-link-anchor {
    display: block;
    text-decoration: none;
    position: relative
}

.intercom-interblocks-link-content-container {
    padding: 14px 16px
}

.intercom-interblocks-link-title {
    margin-bottom: 8px;
    overflow: hidden;
    line-height: 1.3;
    color: var(--text-link);
    font-size: 14px;
    font-weight: 500;
    white-space: wrap
}

.intercom-interblocks-link-description {
    margin-bottom: 8px;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.4;
    color: var(--text-default);
    white-space: nowrap;
    text-overflow: ellipsis
}

.intercom-interblocks-link-author {
    display: flex;
    margin: 2px 2px 0;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: var(--text-muted)
}

.intercom-interblocks-link-preview {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 10px;
    bottom: 10px;
    color: var(--text-muted)
}

.intercom-interblocks-link-preview:hover,.predicate-editor__inline-dropdown:hover .predicate-editor__comparison-toggle {
    color: var(--text-link)
}

.intercom-interblocks-link-author-avatar {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.intercom-interblocks-link-author-avatar-image {
    border-radius: 50%;
    margin: 0;
    width: 16px;
    height: 16px;
    vertical-align: top
}

.intercom-interblocks-link-author-name {
    color: var(--text-default);
    margin-left: 6px;
    overflow: hidden
}

.intercom-interblocks-link-author-name::before {
    display: inline-block;
    margin-right: 3px;
    color: var(--text-muted);
    content: "Written by"
}

.intercom-interblocks-facebook-like-button,.intercom-interblocks-twitter-follow-button {
    pointer-events: none
}

.intercom-interblocks-facebook-like-button .button,.intercom-interblocks-twitter-follow-button .button {
    max-width: 100%;
    font: 11px/18px "Helvetica Neue",Arial,sans-serif
}

.intercom-interblocks-facebook-like-button .button a,.intercom-interblocks-twitter-follow-button .button a {
    display: inline-block;
    position: relative;
    height: 20px;
    box-sizing: border-box;
    padding: 1px 8px 1px 6px;
    background-color: #1b95e0;
    color: #fff!important;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer
}

.intercom-interblocks-facebook-like-button .button a {
    background-color: #4267b2
}

.intercom-interblocks-facebook-like-button .button i,.intercom-interblocks-twitter-follow-button .button i {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: 0 0 no-repeat;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E)
}

.intercom-interblocks-facebook-like-button .button i {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20class%3D%22_1pbq%22%20color%3D%22%23ffffff%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.55%2C7%20C4.7984%2C7%205%2C7.23403636%205%2C7.52247273%20L5%2C13.4775273%20C5%2C13.7659636%204.7984%2C14%204.55%2C14%20L2.45%2C14%20C2.2016%2C14%202%2C13.7659636%202%2C13.4775273%20L2%2C7.52247273%20C2%2C7.23403636%202.2016%2C7%202.45%2C7%20L4.55%2C7%20Z%20M6.54470232%2C13.2%20C6.24016877%2C13.1641086%206.01734614%2C12.8982791%206%2C12.5737979%20C6.01734614%2C12.5737979%206.01344187%2C9.66805666%206%2C8.14398693%20C6.01344187%2C7.61903931%206.10849456%2C6.68623352%206.39801308%2C6.27384278%20C7.10556287%2C5.26600749%207.60281698%2C4.6079584%207.89206808%2C4.22570082%20C8.18126341%2C3.8435016%208.52813047%2C3.4708734%208.53777961%2C3.18572676%20C8.55077527%2C2.80206854%208.53655255%2C2.79471518%208.53777961%2C2.35555666%20C8.53900667%2C1.91639814%208.74565444%2C1.5%209.27139313%2C1.5%20C9.52544997%2C1.5%209.7301456%2C1.55690094%209.91922413%2C1.80084547%20C10.2223633%2C2.15596568%2010.4343097%2C2.71884727%2010.4343097%2C3.60971169%20C10.4343097%2C4.50057612%209.50989975%2C6.1729303%209.50815961%2C6.18%20C9.50815961%2C6.18%2013.5457098%2C6.17908951%2013.5464084%2C6.18%20C14.1635544%2C6.17587601%2014.5%2C6.72543196%2014.5%2C7.29718426%20C14.5%2C7.83263667%2014.1341135%2C8.27897346%2013.6539433%2C8.3540827%20C13.9452023%2C8.49286263%2014.1544715%2C8.82364675%2014.1544715%2C9.20555417%20C14.1544715%2C9.68159617%2013.8293011%2C10.0782687%2013.3983805%2C10.1458495%20C13.6304619%2C10.2907572%2013.7736931%2C10.5516845%2013.7736931%2C10.847511%20C13.7736931%2C11.2459343%2013.5138356%2C11.5808619%2013.1594388%2C11.6612236%20C13.3701582%2C11.7991865%2013.5063617%2C12.0543945%2013.5063617%2C12.3429843%20C13.5063617%2C12.7952155%2013.1715421%2C13.1656844%2012.7434661%2C13.2%20L6.54470232%2C13.2%20Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E)
}

.intercom-interblocks-facebook-like-button .button span,.intercom-interblocks-twitter-follow-button .button span {
    vertical-align: top;
    display: inline-block;
    margin-left: 3px;
    white-space: nowrap
}

.intercom-interblocks-facebook-like-button .button b,.intercom-interblocks-twitter-follow-button .button b {
    font-weight: 500;
    white-space: nowrap
}

.intercom-interblocks-button a {
    display: inline-block;
    font-weight: 700;
    color: #fff;
    background-color: var(--neutral-fill);
    text-align: center;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 8px 40px;
    font-size: 17px;
    text-decoration: none
}

.intercom-interblocks-table table,.tableWrapper table {
    margin: 24px 0;
    table-layout: fixed;
    width: 100%
}

.intercom-interblocks-table td,.intercom-interblocks-table th,.tableWrapper td,.tableWrapper th {
    overflow-wrap: break-word
}

.educate__article-composer .intercom-interblocks-table a.intercom-h2b-button,.educate__article-composer .tableWrapper a.intercom-h2b-button,.intercom-interblocks-table .intercom-interblocks-button a,.tableWrapper .intercom-interblocks-button a {
    padding: 8px
}

.intercom-interblocks-callout {
    border: 1px solid;
    border-radius: 8px;
    padding: 16px 20px 20px;
    margin: 16px 0
}

.intercom-interblocks-imagetext {
    padding: 10px;
    display: flex;
    gap: 16px;
    font-size: 20px;
    line-height: 22px;
    text-wrap: wrap;
    word-break: break-word;
    overflow: hidden
}

.intercom-interblocks-imagetext-image-container {
    width: 80px;
    height: 80px;
    flex-shrink: 0
}

.intercom-interblocks-imagetext-image {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.intercom-interblocks-imagetext-text-container {
    flex-grow: 1
}

.predicate-editor__card {
    transition: border-color .2s ease
}

.predicate-editor__card.o__error {
    border-color: var(--error-border)
}

.predicate-editor__inline-editor {
    padding-top: 10px
}

.predicate-editor__arrow-icon {
    margin-left: -5px
}

.predicate-editor__dropdown-container {
    vertical-align: initial
}

.predicate-editor__inline-dropdown {
    cursor: pointer;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px
}

.predicate-editor__inline-dropdown.o__opened,.predicate-editor__inline-dropdown:hover {
    border-bottom-color: var(--neutral-border)
}

.predicate-editor__remove-predicate {
    opacity: 0;
    pointer-events: none;
    padding-bottom: 2px;
    border-bottom: 1px solid transparent
}

.campaign__setup__goal-predicate:hover .predicate-editor__remove-predicate,.predicate-editor__inline-editor:hover .predicate-editor__remove-predicate {
    opacity: 1;
    pointer-events: all
}

.predicate-editor__remove-predicate:hover {
    color: var(--text-link);
    border-bottom-color: var(--neutral-border)
}

.predicate-editor__subtle-input-field.o__numeric {
    max-width: 70px
}

.predicate-editor__subtle-input-field,.predicate-editor__subtle-input-field:focus {
    border-radius: 0;
    border: 0;
    outline: 0;
    background-color: transparent;
    box-shadow: none;
    border-bottom: 1px solid transparent
}

.predicate-editor__subtle-input-field.o__small {
    padding: 0 0 0 4px
}

.predicate-editor__subtle-input-field:focus,.predicate-editor__subtle-input-field:hover {
    border-bottom-color: var(--neutral-border)
}

.predicate-editor__info-name {
    padding-bottom: 2px;
    border-bottom: 1px solid transparent
}

.predicate-editor__info-description {
    padding: 0 0 0 2px;
    border-bottom: 1px solid transparent;
    white-space: pre
}

.predicate-editor__calendar {
    padding-left: 2px
}

.predicate-editor__highlighted-editor .predicate-editor__info-description,.predicate-editor__highlighted-editor .predicate-editor__info-name,.predicate-editor__highlighted-editor .predicate-editor__inline-dropdown,.predicate-editor__highlighted-editor .predicate-editor__subtle-input-field {
    border-bottom-color: var(--neutral-border)
}

.predicate-editor__subtle-input-field[type=number]::-webkit-inner-spin-button,.predicate-editor__subtle-input-field[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.predicate-editor__subtle-input-field[type=number] {
    -moz-appearance: textfield
}

.predicate-editor__inline-editor.o__max-width,.predicate-editor__subtle-input-field.o__max-width {
    max-width: 90%!important
}

.predicate-editor__office-hours-editor__min-width {
    min-width: 240px
}

.predicate-editor__date-editor__min-height {
    min-height: 247px
}

.predicate__description {
    white-space: normal
}

.upgrade__prompt {
    width: 264px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 3px;
    position: fixed;
    z-index: 2147483644;
    line-height: 1.5;
    font-size: 16px;
    color: var(--text-default);
    background-color: var(--neutral-container)
}

.upgrade__prompt::before {
    content: "";
    border-right: 8px solid transparent;
    border-bottom: 8px solid rgba(0,0,0,.2);
    border-left: 8px solid transparent;
    border-top: 8px solid rgba(0,0,0,.2);
    width: 0;
    height: 0;
    position: absolute
}

.upgrade__prompt::after {
    content: "";
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-top: 7px solid #fff;
    width: 0;
    height: 0;
    position: absolute;
    margin: 1px
}

.upgrade__prompt.o__hide-caret,.upgrade__prompt.o__hide-caret::after,.upgrade__prompt.o__hide-caret::before {
    border: 0
}

.upgrade__prompt.o__caret-right {
    margin-right: -22px
}

.upgrade__prompt.o__caret-right::after,.upgrade__prompt.o__caret-right::before {
    right: 20px
}

.upgrade__prompt.o__caret-left {
    margin-left: -22px
}

.upgrade__prompt.o__caret-left::after,.upgrade__prompt.o__caret-left::before {
    left: 20px
}

.upgrade__prompt.o__caret-top {
    box-shadow: 0 1px 5px rgba(0,0,0,.25);
    margin-top: 10px
}

.upgrade__prompt.o__caret-top::after,.upgrade__prompt.o__caret-top::before {
    top: -8px;
    border-top: 0
}

.upgrade__prompt.o__caret-bottom {
    box-shadow: 0 -1px 5px rgba(0,0,0,.25);
    margin-bottom: 8px
}

.upgrade__prompt.o__caret-bottom::after,.upgrade__prompt.o__caret-bottom::before {
    bottom: -8px;
    border-bottom: 0
}

.upgrade__prompt__body {
    padding: 18px 24px;
    border-radius: 3px 3px 0 0
}

.upgrade__prompt__processing-wrapper {
    background-size: cover;
    border-radius: 3px 3px 0 0;
    display: flex;
    height: 185px
}

.upgrade__prompt__postupgrade {
    background-image: url(https://static.intercomassets.com/ember/assets/images/upgrade/background-f7a4355d57d793249f7522fcfd9c2208.jpg);
    background-size: cover;
    border-radius: 3px 3px 0 0;
    margin: 0 -24px -18px
}

.upgrade__prompt__completed-product-icon {
    position: relative;
    margin: 0 25px
}

.upgrade__prompt__postupgrade .upgrade__prompt__product-icon {
    margin: auto;
    height: 28px;
    padding: 5px 20px;
    width: 28px
}

.upgrade__prompt__postupgrade .upgrade__prompt__product-icon::after,.upgrade__prompt__postupgrade .upgrade__prompt__product-icon::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 85px;
    content: "";
    height: 1px;
    background-color: var(--beta-fill);
    overflow: hidden
}

.upgrade__prompt__postupgrade .upgrade__prompt__product-icon::after {
    left: 129px
}

.upgrade__prompt__image {
    max-width: 40%;
    max-height: 40%
}

.upgrade__prompt__upgraded {
    color: var(--text-link);
    font-size: 12px;
    text-align: center;
    text-transform: uppercase
}

.upgrade__prompt__upgraded-message {
    color: var(--text-muted);
    font-size: 14px;
    padding-bottom: 11px;
    text-align: center
}

.upgrade__prompt__product-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 500
}

.upgrade__prompt__product-list-item {
    align-items: center;
    color: var(--text-default);
    display: flex;
    justify-content: space-between;
    margin-top: 12px
}

.upgrade__prompt__product-name {
    flex: 1;
    padding-left: 12px
}

.upgrade__prompt__product-details {
    color: var(--text-link);
    font-size: 14px;
    font-weight: 400;
    text-decoration: none
}

.upgrade__prompt__product-details:hover {
    text-decoration: underline
}

.upgrade__prompt__product-icon {
    height: 24px;
    width: 24px
}

.upgrade__prompt__lightweight-product-icon {
    height: 45px;
    width: 45px
}

.upgrade__prompt__footer,.upgrade__prompt__processing {
    border-radius: 0 0 3px 3px;
    box-sizing: border-box;
    text-align: center
}

.upgrade__prompt__footer {
    background: var(--neutral-container);
    padding: 18px 24px
}

.upgrade__prompt__processing {
    color: var(--text-muted);
    margin: auto;
    text-decoration: none
}

.upgrade__arrow svg {
    border-radius: 50%;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.2);
    display: inline-block;
    height: 14px;
    margin-bottom: -2px;
    margin-left: 5px;
    width: 14px
}

.upgrade__arrow.o__bullet {
    margin-left: 0
}

.web-installation__snippet__select {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: right
}

.web-installation__snippet__select.o__flex-start {
    justify-content: flex-start
}

.web-installation__snippet__select__copy {
    color: var(--text-muted);
    font-size: 14px;
    margin-right: 20px
}

.web-installation__snippet__select__copy.o__start-screen {
    color: var(--text-default)
}

.web-installation__snippet__select .f__custom-select__box {
    width: 225px;
    font-weight: 400;
    text-align: left
}

.web-installation__snippet__select .f__custom-select__dropdown {
    text-align: left
}

.code-block,.code-block * {
    box-sizing: border-box
}

.code-block {
    align-items: flex-start;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0,0,0,.15);
    display: flex;
    font-size: 14px;
    line-height: 20px;
    position: relative
}

.code-block__hidden-output {
    display: none
}

.code-block__line-numbers {
    background: 0 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: var(--text-muted);
    flex: 0 0 40px;
    padding: 25px 15px;
    text-align: center;
    white-space: pre;
    word-wrap: normal
}

.code-block__code {
    background: var(--neutral-container);
    border-radius: var(--border-radius-small);
    color: var(--text-default);
    flex-grow: 1;
    overflow: auto;
    white-space: pre;
    word-wrap: normal;
    width: 100%;
    height: 100%
}

.code-block__code__highlight {
    padding: 25px 30px
}

.code-block__clipboard-button {
    position: absolute;
    right: 6px;
    top: 30px
}

.start__h2__v2 {
    color: var(--text-default);
    font-size: 32px;
    line-height: 40px;
    font-weight: 300
}

.start__h3,.start__h4 {
    color: var(--text-link);
    letter-spacing: -.015em;
    font: 300 30px/40px
}

.start__h4 {
    font: 300 20px/40px
}

.start__description {
    padding: 0 75px;
    width: 60%
}

.start__body-text {
    font: 16px/26px;
    color: var(--text-muted)
}

.start__description-list {
    list-style: none;
    padding-left: 0
}

.start__description-list-item {
    letter-spacing: normal;
    padding-left: 10px;
    text-indent: -11px;
    padding-bottom: 25px
}

.start__description-list-item::before {
    content: "•";
    color: var(--text-link);
    padding-right: 5px
}

.start__instructions {
    letter-spacing: -.01em;
    max-width: 640px;
    margin: 0 auto;
    font-size: 16px
}

.start__invite__sign-in-with-google__logo {
    background: url(https://static.intercomassets.com/ember/assets/images/start/google_g_logo_36x36-5394e408c65ea28a0a21350de2ff6c2d.png) #fff 50% 50% no-repeat;
    background-size: 18px;
    width: 50px;
    height: 50px
}

.start__option-divider {
    font-size: 15px;
    display: flex;
    flex-direction: column;
    align-self: center;
    align-items: center;
    text-transform: lowercase
}

.start__sign-up-box {
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.start__work-email-note__text {
    font-size: 14px;
    color: var(--text-muted)
}

.start__network-error-banner {
    color: var(--text-error);
    background-color: rgba(var(--error-border),.15);
    border-radius: 6px;
    padding: 13px 15px;
    width: 100%;
    text-align: center
}

@media (max-width: 999px) {
    .responsive .start__description,.responsive .start__wrapper {
        width:100%;
        padding: 0 20px;
        max-width: 500px
    }
}

@media (min-width: 1000px) {
    .start__sign-up-box {
        margin:0 auto;
        width: 1000px;
        flex-direction: row;
        align-items: flex-start
    }

    .start__description-points {
        display: block
    }

    .start__description {
        display: block;
        width: 40%;
        padding: 0 0 0 75px
    }
}

.start__button {
    border: 1px solid var(--neutral-border-emphasis);
    border-radius: 6px;
    color: var(--text-link);
    display: inline-block;
    font-weight: 200;
    font-size: 16px;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    transition: background-color .2s ease,opacity .2s ease
}

.start__button:disabled,.start__button:disabled:hover {
    cursor: not-allowed;
    opacity: .5
}

.start__button:hover {
    background-color: var(--neutral-container);
    color: var(--text-link);
    opacity: 1
}

.start__button:focus {
    outline: 0
}

.start__button.o__primary {
    color: var(--text-on-neutral);
    background-color: var(--neutral-fill)
}

.start__button.o__primary:hover {
    background-color: var(--neutral-fill-emphasis)
}

.start__button.o__primary.o__disabled,.start__button.o__primary:disabled,.start__button.o__primary:disabled:hover {
    background-color: var(--neutral-fill)
}

.start__button.o__fit {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.start__button.o__big {
    min-width: 260px
}

.start__button.o__success {
    background-color: var(--success-fill);
    border-color: var(--success-border-emphasis);
    color: var(--text-on-success)
}

.start__button.o__success:hover {
    background-color: var(--success-fill-emphasis)
}

.start__button.o__success.o__disabled,.start__button.o__success:disabled,.start__button.o__success:disabled:hover {
    background-color: var(--success-fill)
}

.start__button.o__error {
    background-color: var(--error-container);
    border-color: var(--error-border);
    color: var(--text-default)
}

.start__button.o__error:hover {
    background-color: var(--error-container-emphasis)
}

.start__button.o__error.o__disabled,.start__button.o__error:disabled,.start__button.o__error:disabled:hover {
    background-color: var(--error-container)
}

.start__button.o__google {
    overflow: hidden;
    display: flex;
    padding: 0
}

.start__button__text {
    align-self: center;
    font-weight: 200
}

.start__button.o__font-18 {
    font-size: 18px
}

.start__inline-code {
    background: var(--neutral-container);
    border-radius: 2px;
    padding: .2em .4em
}

.start__nav {
    position: relative;
    z-index: 2
}

.start__nav.o__invite {
    background-color: var(--beta-fill)
}

.start__nav__container {
    height: 60px;
    padding: 0 15px;
    max-width: 1404px;
    margin: 0 auto
}

.start__nav__logo {
    max-height: 28px
}

.start__wrapper {
    padding: 0 75px;
    width: 60%
}

.product-icon {
    line-height: 0;
    position: relative;
    height: 16px
}

.product-icon.o__brand-refresh,.product-icon.o__brand-refresh .product-icon__symbol {
    background-color: transparent;
    fill: var(--beta-fill)
}

.product-icon__symbol {
    fill: var(--neutral-container)
}

.product-icon__link .product-icon__symbol {
    transition-duration: .3s;
    transition-property: fill;
    transition-timing-function: ease-in-out;
    fill: var(--neutral-fill)!important
}

.product-icon__link.o__subscribed:hover .product-icon__symbol,.product-icon__link:hover .product-icon__symbol,.series__edge__connector-label-icon-pair.o__selected .series__edge__connector-svg path,.settings__billing__product__card-product-image path {
    fill: var(--beta-fill)!important
}

.product-icon__link.o__subscribed .product-icon__symbol {
    fill: var(--neutral-fill)!important
}

.product-icon__link.ember-transitioning-in .product-icon__symbol,.product-icon__link.o__selected.o__subscribed:not(.ember-transitioning-out) .product-icon__symbol,.product-icon__link.o__selected:not(.ember-transitioning-out) .product-icon__symbol,.product-icon__link.o__subscribed.ember-transitioning-in .product-icon__symbol {
    fill: var(--beta-fill)!important
}

.product-icon__plus {
    border: 2px solid var(--neutral-border);
    border-radius: 50%;
    bottom: -4px;
    height: 12px;
    position: absolute;
    right: -5px;
    width: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.product-icon__plus__symbol {
    fill: var(--neutral-container)
}

.product-icon__link .left-nav__icon,.product-icon__plus {
    transition-duration: .1s;
    transition-property: fill;
    transition-timing-function: ease-in
}

.product-icon__link.ember-transitioning-in .product-icon__plus,.product-icon__link.o__selected .product-icon__plus {
    transition-property: none
}

.product-icon__stroke {
    stroke: var(--neutral-border-emphasis);
    stroke-width: 2
}

.product-icon__fill {
    fill: var(--neutral-fill)
}

.product-icon__articles,.product-icon__inbox,.product-icon__outbound,.product-icon__reports {
    stroke-linecap: round
}

.product-icon__link:hover .product-icon__stroke {
    stroke: var(--neutral-border-emphasis)!important
}

.product-icon__link:hover .product-icon__fill,.signup__new__card-product-image-black path {
    fill: var(--neutral-fill)!important
}

.settings__admin-events__description-cell {
    min-width: 400px;
    white-space: normal
}

.settings__admin-events__description-cell--standalone .o__subtle-link {
    pointer-events: none;
    cursor: text;
    text-decoration: none
}

.settings__admin-events__permission-list__permission-item {
    list-style-type: none
}

.settings__android__push-key {
    max-width: 100%
}

.settings__attributes-events__secondary-header__icon {
    margin-left: 5px;
    margin-top: 3px
}

.settings__attributes-events__fixed-width-cell {
    min-width: 80px;
    width: 80px
}

.settings__attributes-events__fixed-width-cell.o__centered {
    text-align: center
}

.settings__attributes-events__fixed-width-cell.o__archived {
    color: var(--text-muted)
}

.settings__attributes-events__fixed-width-cell.o__tracked {
    color: #259b24
}

.settings__attributes-events__min-width-cell {
    min-width: 230px;
    white-space: normal
}

.settings__attributes-events__min-width-cell.o__description {
    min-width: 400px
}

.settings__attributes-events__min-width-cell.o__archived {
    color: var(--text-muted)
}

.settings__attributes-events__cell__name-and-description {
    width: 500px
}

.settings__attributes-events__cell__name-and-description__status-pill {
    padding: 3px 10px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 5px
}

.settings__attributes-events__cell__name-and-description__status-pill.o__codeless-tracking {
    background-color: var(--neutral-container-emphasis);
    color: var(--text-link)
}

.settings__attributes-events__cell__name-and-description__status-pill.o__no-data {
    background-color: var(--neutral-container);
    color: var(--text-muted)
}

.settings__attributes-events__cell.o__archived {
    background-color: var(--neutral-container)
}

.settings__attributes-events__optional-label {
    font-size: 11px
}

.settings__attributes-events__details__modal__body {
    overflow-y: auto
}

.settings__attributes-events__format-cell {
    max-width: 400px
}

.settings__billing__cancel__extend-list {
    list-style: none;
    margin-left: -25px
}

.settings__billing__cancel__extend-list-wrap-no-icon {
    list-style: none;
    margin-left: -40px;
    max-width: 550px
}

.settings__billing__cancel__extend-list-icon {
    margin-right: 15px!important
}

.settings__billing__cancel__offer-list-container {
    width: 632px
}

.settings__billing__cancel__pause-description {
    max-width: 773px
}

.settings__billing__cancel__offer-help-container {
    width: 280px
}

.settings__billing__cancel__offer-help-card {
    min-height: 142px
}

.settings__billing__cancel__offer-help-description {
    min-height: 60px
}

.settings__billing__cancel__offer-help-title {
    color: var(--text-link);
    margin-bottom: 10px
}

.settings__billing__cancel__offer-downsize-price-info {
    color: var(--text-default);
    font-weight: 700
}

.settings__billing__cancel__offer-downsize-usage-info {
    color: var(--text-default);
    font-weight: 400
}

.settings__billing__cancel__options {
    box-shadow: 0 -1px 0 rgba(0,0,0,.05);
    padding: 10px 8px 0 0;
    margin-bottom: 8px
}

.settings__billing__cancel__lose-benefits-modal a.video {
    width: 209px;
    height: 116px
}

.settings__billing__summary__table-row-cell {
    display: flex;
    flex-direction: column;
    padding: 6px 12px
}

.settings__billing__summary__table-row-price-cell {
    text-align: left
}

.settings__billing__summary__table-row {
    display: contents
}

.settings__billing__summary__table-row-filled {
    display: contents;
    background-color: var(--beta-container)
}

.settings__billing__summary__price-text {
    width: 100%;
    text-align: right
}

.settings__billing__summary__table .ds-new__table__row {
    height: 24px
}

.settings__billing__summary__table-row .ds-new__table__cell-shim {
    padding-top: 0;
    padding-bottom: 0
}

.settings__billing__summary__table-row .ds-new__table__cell {
    box-shadow: none
}

.settings__billing__summary__table-row.o__primary .ds-new__table__cell {
    border-top: 1px solid var(--neutral-border)
}

.settings__billing__summary__table-row.o__workspace .settings__billing__summary__table-row-cell {
    padding: 0 12px
}

.settings__billing__summary__table-row.o__total .ds-new__table__cell {
    background-color: var(--neutral-container-emphasis)
}

.settings__billing__summary__container .settings__billing__summary__plan-group-heading {
    margin-bottom: 12px
}

.settings__billing__summary__plan-group-header,.settings__billing__summary__plan-table {
    width: 100%
}

.settings__billing__summary__plan-group-header th:nth-child(1),.settings__billing__summary__plan-table td:nth-child(1) {
    width: 40%;
    min-width: 260px
}

.settings__billing__summary__plan-group-header th:nth-child(2),.settings__billing__summary__plan-table td:nth-child(2) {
    width: 25%
}

.settings__billing__summary__plan-group-header th:nth-child(4),.settings__billing__summary__plan-table td:nth-child(4) {
    width: 120px;
    min-width: 120px
}

.settings__billing__summary__plan-table th:nth-child(1) {
    width: calc(100% - 120px);
    min-width: 260px
}

.settings__billing__summary__border-top-color__starter {
    border-top-color: #7ee6e6
}

.settings__billing__summary__border-top-color__support {
    border-top-color: #f2a456
}

.settings__billing__summary__border-top-color__engage {
    border-top-color: #ed6e65
}

.settings__billing__summary__border-top-color__marketing {
    border-top-color: #5367bc
}

.settings__billing__summary__border-top-color__pricing5-core {
    border-top-color: #737376
}

.settings__billing__summary__pricing-metric-tooltip .o__standard__tooltip {
    margin-bottom: 0
}

.settings__billing__summary__border-box {
    margin-top: -1px;
    min-width: min-content
}

.settings__billing__summary__w400 {
    max-width: 400px
}

.price-breakdown-tooltip-box.o__limit-size {
    width: 240px
}

.price-breakdown-tooltip-box-wide {
    width: 340px
}

.price-breakdown-tooltip-section {
    max-width: 360px
}

.price-breakdown-tooltip__line:last-of-type {
    border-top: 1px solid rgba(var(--neutral-fill),.1);
    padding-top: 15px
}

.price-breakdown-tooltip__line-second-last:nth-last-of-type(2) {
    border-top: 1px solid rgba(var(--neutral-fill),.1);
    padding-top: 15px
}

.early-stage__program-overview__card {
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.early-stage__program-overview__progress-bar {
    -webkit-appearance: none;
    appearance: none;
    display: flex;
    width: 100%;
    height: 10px;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 2px
}

.early-stage__program-overview__progress-bar::-webkit-progress-bar {
    background: #e0e0e0;
    border-radius: 10px
}

.early-stage__program-overview__progress-bar::-webkit-progress-value {
    background: linear-gradient(90deg,var(--success-container) 0,var(--beta-container) 100%);
    border-radius: 10px;
    transition: width 2s ease-in-out
}

.early-stage__program-overview__need-help {
    width: 204px
}

.early-stage__program-overview__progress-bar__plans {
    display: flex;
    flex-direction: column;
    flex-basis: 25%;
    margin-left: 8px
}

.early-stage__program-overview__progress-bar__dot {
    position: absolute;
    top: 23px;
    width: 16px;
    height: 16px;
    background: var(--beta-container);
    border-radius: 50%;
    transform: translate(100%,-50%);
    animation: fadeout 4s ease-out forwards;
    opacity: 1
}

.early-stage__program-overview__progress-bar__dot-pulse {
    margin: 8px;
    width: 16px;
    height: 16px;
    background: var(--beta-container);
    border-radius: 50%;
    animation: pulsate 1s 4 forwards
}

.early-stage__progression-summary-and-action-banner {
    font-weight: 400!important
}

.settings__billing__summary__non__payment__banner__link {
    color: var(--text-link);
    cursor: pointer
}

.setting__billing__summary__resume__subscription__link {
    color: var(--text-link);
    text-decoration: none
}

.billing-settings-stripe-element {
    min-height: 445px
}

.settings__billing__edit-addon-modal__content,.settings__billing__edit-plan-modal__content {
    padding: 24px;
    flex-basis: 80%
}

.settings__billing__edit-modal-card__button {
    margin-top: auto;
    text-align: center;
    color: var(--text-link);
    padding-top: 20px
}

.settings__billing__edit-modal-card__plan-content {
    display: flex;
    flex-direction: column
}

.settings__billing__edit-modal-card__plan-card {
    display: flex;
    flex: 1;
    border-radius: 0
}

.settings__billing__edit-modal-card__plan-card:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.settings__billing__edit-modal-card__plan-card:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.settings__billing__edit-modal-card__plan-card.o__disabled {
    background: var(--neutral-container)
}

.settings__billing__edit-modal-card__plan-card.o__selected {
    background: var(--neutral-container-emphasis);
    border: 1px solid var(--accent-border-emphasis)
}

.settings__billing__edit-modal-card__plan-card.o__disabled * {
    color: rgba(0,0,0,.7)!important
}

.settings__billing__edit-modal-card__heading {
    min-height: 50px
}

.settings__billing__edit-modal-card__plan-description {
    min-height: 70px
}

.settings__billing__edit-modal-card__plan-feature-list {
    padding: 0;
    margin: 0 0 0 16px
}

.settings__billing__edit-modal-card__feature {
    padding: 4px 0
}

.settings__billing__edit-modal-card__early-stage-details {
    text-align: center;
    padding-bottom: 10px
}

table .o__feature-comparison {
    text-align: center
}

.update__subscription__banner-layout {
    display: flex;
    padding: 24px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%
}

.update__subscription__banner-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    text-align: center
}

.update__subscription__banner-description {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    max-width: 883px
}

.update__subscription__plan__cards {
    display: flex;
    flex-direction: row;
    gap: 40px
}

@media (min-width: 1632px) {
    .update__subscription__plan__cards {
        gap:48px
    }
}

.update__subscription__plan__card {
    display: inline-flex;
    padding-bottom: 16px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    border-radius: 12px
}

.update__subscription__plan__card__header {
    display: flex;
    padding: 20px 24px;
    flex-direction: column;
    border-radius: 12px 12px 0 0
}

.update__subscription__plan__card__content {
    display: flex;
    padding: 24px 24px 16px;
    flex-direction: column;
    gap: 24px;
    min-width: 432px
}

.update__subscription__plan__card__content__why-included {
    font-size: 11px;
    font-weight: 500;
    line-height: 16px
}

.update__subscription__plan__card__content__why-included__popover {
    width: 280px
}

.update__subscription__popover {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 13px;
    line-height: 16px
}

.educate__article-composer b,.update__subscription__popover__title {
    font-weight: 600
}

.update__subscription__plan__card__content__features {
    display: flex;
    flex-direction: column;
    padding: 4px 12px
}

.update__subscription__plan__card__content__features__title {
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .5px;
    text-transform: uppercase
}

.update__subscription__get__advice__button {
    padding: 6px
}

.review__features__popover {
    width: 340px
}

.review__features__features__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.review__features__features__list__item {
    flex-grow: 1
}

.review__features__features__list__item:nth-child(3n+1) {
    width: 95px
}

.review__features__features__list__item:nth-child(3n+2) {
    width: 99px
}

.review__features__features__list__item:nth-child(3n+3) {
    width: 120px
}

.settings__billing__h1 {
    font-size: 28px;
    font-weight: 200;
    line-height: 1.2;
    color: var(--text-link)
}

.settings__billing__confirm__container {
    margin: 20px
}

.settings__billing__product__cards__container {
    width: 575px
}

.settings__billing__add__product__name {
    width: 50%
}

.settings__billing__add__product__pricing {
    width: 25%
}

.settings__billing__product__card__container {
    background-color: var(--neutral-container);
    border: 1px solid var(--neutral-border)
}

.settings__billing__product__card__container.o__last {
    border-bottom: 0 hidden var(--neutral-border)
}

.settings__billing__product__card__container.o__in-app {
    width: 320px;
    min-height: 356px;
    margin-left: 16px
}

.settings__billing__product__card__updated-wrapper {
    border: 1px solid var(--success-border-emphasis)
}

.settings__billing__product__card__title {
    background-color: var(--neutral-container);
    height: 25px;
    padding: 9px 15px
}

.settings__billing__product__card__updated-title {
    background-color: var(--success-container);
    color: var(--text-default);
    height: 25px;
    padding: 9px 15px
}

.settings__billing__product__card-product-image {
    padding-right: 5px;
    position: relative;
    bottom: 5px
}

.settings__billing__product__card-product-image.o__removed path {
    fill: var(--neutral-container-emphasis)!important
}

.settings__billing__product__card__product__title {
    width: 140px
}

.settings__billing__product__card__product__pricing__description.o__removed,.settings__billing__product__card__product__pricing__price.o__removed,.settings__billing__product__card__product__title.o__removed {
    text-decoration: line-through
}

.settings__billing__product__card__main {
    margin: 0 auto;
    padding: 13px 15px
}

.settings__billing__product__card__product__pricing {
    margin-left: 20px;
    width: 250px
}

.educate__article-composer h1 b,.educate__article-composer h2 b,.educate__article-composer h3 b,.settings__billing__product__card__product__pricing__price {
    font-weight: 700
}

.settings__billing__product__card__product__pricing__status {
    margin-top: 10px
}

.settings__billing__overview__header {
    font-weight: 700;
    min-width: 900px
}

.settings__billing__overview__header-edit-button {
    font-size: 13px;
    text-decoration: none;
    color: var(--beta-fill)
}

.settings__billing__overview__main-toolbar {
    height: 50px;
    padding-left: 25px;
    margin-left: -20px;
    margin-right: -20px;
    border-bottom: 0 solid var(--neutral-border)
}

.settings__billing__overview__price-summary {
    padding-right: 45px;
    flex: none!important
}

.settings__billing__overview__price-copy {
    font-size: 16px;
    padding-right: 10px
}

.settings__billing__overview__price-copy-no-coupon {
    font-size: 16px;
    padding-right: 10px;
    padding-top: 10px
}

.settings__billing__overview__price-coupon-copy {
    font-size: 12px;
    font-weight: 400
}

.settings__billing__overview__price-information-wrapper {
    padding-right: 10px;
    padding-top: 7px
}

.settings__billing__overview__price {
    font-size: 26px
}

.settings__billing__overview__price-button {
    height: 32
}

.settings__billing__overview__price-suffix {
    font-size: 14px;
    font-weight: 400!important
}

.settings__billing__overview__partner-copy {
    font-size: 16px;
    font-weight: 400;
    color: var(--success-fill);
    text-align: right
}

.settings__billing__overview__confirm__partner-copy {
    font-size: 16px;
    font-weight: 400;
    color: var(--vis-blue-40)
}

.settings__billing__payment__card__content {
    padding: 9px 15px
}

.settings__billing__payment__card__title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.settings__billing__product__card__confirm__button {
    background-color: var(--success-fill);
    color: var(--text-on-neutral);
    font-weight: 700;
    height: 45px;
    border-radius: 4px;
    border: 1px solid var(--neutral-border)
}

.settings__billing__payment__card__content__selector__wrapper {
    margin-left: 10px
}

.settings__billing__payment__card__content__selector__wrapper:first-of-type {
    margin-left: 0
}

.settings__billing__payment__card__content__selector {
    width: 230px!important;
    height: 35px!important
}

.settings__billing__overview__cards__container {
    margin-top: 5px;
    min-height: 565px;
    margin-bottom: 30px
}

.settings__billing__overview__cards__inner-container {
    max-width: 930px
}

.settings__billing__overview__cancel {
    margin-left: 10px
}

.settings__billing__cta__total-price {
    font-size: 30px;
    font-weight: 700;
    color: var(--success-fill)
}

.settings__billing__cta__total-price-header {
    color: var(--text-default)
}

.settings__billing__cta__total-price-tag {
    font-size: 20px;
    color: var(--success-fill)
}

.settings__billing__cta__total-price-tag.o__with-discount {
    margin-right: 46px
}

.settings__billing__cta__total-price-wrapper {
    height: 30px;
    margin-top: 8px
}

.settings__billing__cta__line-item {
    font-weight: 700;
    margin-right: 68px
}

.settings__billing__update__card__modal__buttons__container {
    justify-content: flex-end;
    margin-right: 20px;
    padding-bottom: 10px
}

.settings__billing__update__card__modal__button {
    margin-left: 10px
}

.settings__billing__update__card__modal__content {
    padding: 10px 20px 0;
    background-color: var(--neutral-container);
    border-top: 1px solid var(--neutral-border);
    border-bottom: 1px solid var(--neutral-border)
}

.settings__billing__update__card__selector__wrapper {
    margin-left: 20px
}

.settings__billing__product-card__top-section {
    background-color: var(--neutral-container);
    padding-bottom: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.settings__billing__product-card__extended {
    height: 150px
}

.settings__billing__product-card__inner {
    margin-top: 5px;
    position: relative
}

.settings__billing__product-card__product-description {
    width: 350px
}

.settings__billing__product-card__description {
    padding: 0 0 16px;
    line-height: 1.4;
    font-size: 14px
}

.settings__billing__subscription__table {
    margin-bottom: 0
}

.settings__billing__total-price-amount {
    font-weight: 500
}

.settings__billing__total {
    border: 0;
    padding-bottom: 0
}

.settings__billing__details-price-comparison {
    max-width: 510px
}

.settings__billing__details-price-comparison-column {
    min-width: 140px
}

.settings__billing__details-inactive-product {
    background-color: var(--neutral-container)
}

.settings__billing__details-dropdown {
    vertical-align: middle
}

.settings__billing__details__base-pill {
    margin-left: 10px;
    padding: 2px 8px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 3px
}

.settings__billing__details__base-pill.o__blue {
    color: var(--text-link);
    background-color: var(--neutral-container-emphasis)
}

.settings__conversation-sidebar {
    min-width: 300px;
    padding: 10px;
    font-weight: 500;
    color: var(--text-default)
}

.ds-new__modal__blanket:has(.migrate-from-zendesk__dialog__container) {
    z-index: 4000
}

.migrate-from-zendesk th:first-child,.migrate-from-zendesk__dialog__container th:first-child {
    padding-left: 16px;
    border-top-left-radius: 6px
}

.migrate-from-zendesk th:last-child,.migrate-from-zendesk__dialog__container th:last-child {
    padding-right: 8px;
    border-top-right-radius: 6px
}

.migrate-from-zendesk th,.migrate-from-zendesk__dialog__container th {
    padding-top: 16px;
    padding-bottom: 4px;
    background-color: var(--neutral-container)
}

.migrate-from-zendesk td:first-child,.migrate-from-zendesk__dialog__container td:first-child {
    padding-left: 16px
}

.migrate-from-zendesk td:last-child,.migrate-from-zendesk__dialog__container td:last-child {
    padding-right: 8px
}

.migrate-from-zendesk .cp-Panel-toggle,.migrate-from-zendesk__dialog__container .cp-Panel-toggle {
    text-decoration: none
}

.migrate-from-zendesk .cp-is-open.cp-Panel-body,.migrate-from-zendesk__dialog__container .cp-is-open.cp-Panel-body {
    margin-bottom: 16px
}

.settings__delete-user__input {
    max-width: 400px
}

.settings__developer-tools__new-window-icon {
    position: relative;
    bottom: 1px;
    left: 4px
}

.settings__messaging {
    max-width: none
}

.settings__messaging__input {
    max-width: 580px
}

.settings__installation__install-method-selector .f__horizontal-select:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px
}

.settings__installation__install-method-selector .f__horizontal-select:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px
}

.settings__installation__install-method-selector .onboarding__home__install-method-card__container {
    height: 130px
}

.settings__installation__invite-tech-person-card-component {
    border-radius: 12px!important;
    background-color: #eef0fc!important;
    padding: 30px!important
}

.settings__installation__invite-card-component {
    border-radius: 12px!important;
    background-color: #f7f7f7!important;
    border: 1px solid rgba(0,0,0,.2);
    padding: 20px!important
}

.settings__installation__other-link-icon {
    margin-top: 1px
}

.settings__installation__tab-control {
    border-bottom: 1px solid rgba(0,0,0,.05)
}

.settings__qualification__table {
    width: 100%
}

.settings__qualification__row {
    border-bottom: 1px solid var(--neutral-border)
}

.settings__qualification__row-description,.settings__qualification__row-name {
    font-weight: 500
}

.settings__qualification__row-content {
    margin-left: 10px;
    margin-right: 10px
}

.settings__qualification__add {
    margin: 20px 0;
    display: inline-block
}

.settings__qualification__preview {
    margin-left: 40px;
    width: 208px
}

.settings__qualification__empty-title {
    margin: 20px 0 0;
    color: var(--text-muted)
}

.settings__qualification__empty-description {
    margin: 8px 0 0;
    color: var(--text-muted)
}

.settings__qualification__empty-button {
    margin: 20px 0 0
}

.settings__qualification__attribute-tooltip {
    max-width: 100px
}

.settings__qualification__attribute-name {
    max-width: 400px
}

.settings__roles__role-card {
    width: 296px
}

.settings__roles__role-card:last-child {
    margin-right: 24px!important
}

.settings__roles__role-card__heading {
    max-width: 226px;
    word-wrap: break-word
}

.settings__saved-replies {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 6px
}

.settings__saved-replies__content {
    margin-bottom: 32px
}

.settings__saved-replies__empty {
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0
}

.settings__saved-replies__replies-outer {
    border-right: 1px solid var(--neutral-border);
    max-width: 360px
}

.settings__saved-replies__replies-header {
    border-bottom: 1px solid var(--neutral-border)
}

.settings__saved-replies__replies {
    min-width: 350px
}

.settings__saved-replies__reply {
    border-bottom: 1px solid var(--neutral-border);
    border-left: 2px solid transparent
}

.settings__saved-replies__reply:last-of-type {
    border-bottom: 0
}

.settings__saved-replies__selected {
    background-color: rgba(var(--neutral-container),.6);
    border-left: 2px solid var(--neutral-border);
    color: var(--text-link)
}

.settings__saved-replies__list-header {
    background-color: rgba(0,0,0,.05);
    opacity: .8
}

.settings__saved-replies__reply__name-input {
    border: 0;
    outline: 0;
    background-color: transparent;
    border-bottom: 1px dashed transparent;
    resize: none;
    transition: border-bottom-color .2s ease;
    width: 100%
}

.settings__saved-replies__reply__name-input:focus,.settings__saved-replies__reply__name-input:hover {
    border-bottom: 1px dashed rgba(0,0,0,.2)
}

.settings__saved-replies__disabled {
    background-color: var(--neutral-container);
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: .7
}

.settings__saved-replies__list-container {
    width: 100%
}

.settings__saved-replies__list {
    list-style-type: none;
    margin-block-start:0;padding-inline-start:0;width: 100%
}

.settings__saved-replies__editor {
    max-width: 100%;
    padding: 0;
    width: auto
}

.settings__saved-replies__editor .embercom-prosemirror-composer.composer-style-basic {
    padding: 0
}

.settings__saved-replies__editor .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted)
}

.settings__saved-replies__editor .embercom-prosemirror-composer-attachment {
    padding-left: 5px;
    margin-top: 8px
}

.settings__saved-replies__editor .embercom-prosemirror-composer-attachment a {
    color: var(--text-default);
    text-decoration: none
}

.settings__saved-replies__editor .embercom-prosemirror-composer-editor {
    overflow: auto
}

.educate__article-composer pre,.settings__saved-replies__editor .embercom-prosemirror-composer-editor p {
    margin: 0
}

.settings__saved-replies__composer-header {
    width: 100%
}

.settings__saved-replies__composer-edit,.settings__saved-replies__preview__editor {
    max-height: calc(100vh - 594px);
    min-height: 120px
}

.settings__saved-replies__preview__readonly {
    min-height: 120px
}

.settings__saved-replies__preview__editor .embercom-prosemirror-composer-editor {
    max-height: calc(100vh - 594px);
    min-height: 120px
}

.settings__saved-replies__preview__editor {
    margin-bottom: 0;
    max-width: 100%;
    padding: 16px 0 16px 15px;
    z-index: 11
}

.settings__saved-replies__preview__editor>div:first-child {
    overflow: auto;
    flex: 1
}

.settings__saved-replies__preview__readonly {
    overflow: auto;
    margin-bottom: 0;
    max-height: calc(100vh - 514px);
    max-width: 100%;
    padding: 16px;
    z-index: 11
}

.settings__saved-replies__composer-edit {
    overflow: auto
}

.settings__saved-replies__preview {
    height: calc(100vh - 479px);
    overflow: auto
}

.settings__saved-replies__composer-wrapper .embercom-composer-editor ic-block .block-image:hover {
    cursor: auto!important
}

.settings__saved-replies__inserters {
    height: 32px;
    padding-left: 8px
}

.saved-replies__reply__visibility .form__radio-button-container,.saved-replies__reply__visibility .popover__opener {
    margin-bottom: 4px
}

.saved-replies__reply__visibility .popover__opener {
    height: 24px
}

.settings__teammate__teammate-list.o__with-empty-last-row tr:last-of-type .table__cell {
    border-bottom: none
}

.settings__teammate__permissions-editor__permission-sections input[type=checkbox] {
    color: var(--vis-blue-40);
    background-color: var(--neutral-container);
    border: 1px solid var(--neutral-border);
    appearance: none;
    -webkit-appearance: none;
    -moz-appeareance: none;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
    padding: 0;
    margin-top: 4px;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    user-select: none;
    flex-shrink: 0;
    height: 13px;
    width: 13px;
    --tw-shadow: 0 0 #0000;
    border-radius: 3px
}

.settings__teammate__invite__csv-column__row:before {
    color: var(--text-muted);
    counter-increment: row;
    content: counter(row);
    margin-right: 20px
}

.settings__teammate__invite__csv-column__row:last-child:before {
    color: inherit;
    content: "…"
}

.settings__teammate__inner-card-container {
    width: 99%;
    vertical-align: top
}

.settings__teammate__inner-card-container.o__default-team {
    background-color: #f4f6f8
}

.settings__teammate__inner-card-container.o__collapsed:hover {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2)
}

.settings__teammate__invite-list.o__empty {
    text-align: center;
    justify-content: space-around
}

.settings__teammate__seat-allocation-banner:not(.o__removing) {
    background-color: var(--neutral-container);
    border: var(--neutral-border)
}

.settings__teammate__apply-changes-modal__change-icon {
    display: block;
    padding-right: 2px
}

.settings__tags__cell-loading {
    height: 8px;
    width: 32px;
    right: 0;
    display: inline-block;
    background-color: var(--neutral-container);
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.settings__tags__name-edit {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 5px;
    padding-left: 6px
}

.settings__tags__name-view {
    margin-top: 6px;
    margin-bottom: 6px
}

.settings__tags__name-view-text {
    padding-left: 12px
}

.settings__teams__main-content {
    max-width: 1200px;
    margin: 0 auto
}

.settings__teams__inner-card-container {
    padding-bottom: 5px
}

.settings__teams__inner-card-container.o__collapsed.o__collapse {
    opacity: 1;
    cursor: pointer
}

.settings__teams__inner-card-container.o__collapsed {
    position: absolute;
    z-index: 10;
    width: 100%
}

.settings__teams__inner-card-container.o__collapsed.o__expand {
    opacity: 0;
    pointer-events: none
}

.settings__teams__inner-card-container.o__expanded.o__collapse {
    opacity: 0
}

.settings__teams__inner-card-container.o__expanded.o__expand {
    opacity: 1
}

.settings__teams__inner-content-expanded.o__collapse {
    display: none
}

.settings__teams__team-member-in-team {
    border-bottom: 1px solid var(--neutral-border);
    padding: 15px 0
}

.settings__teams__emoji-display {
    border: 1px solid rgba(0,0,0,.2);
    color: var(--text-muted);
    width: 60px
}

.settings__teams__action-buttons-container.o__collapse {
    opacity: 0;
    transition: all .3s linear
}

.settings__teams__action-buttons-container.o__expand {
    opacity: 1;
    transition: all .3s linear
}

.conversation-attributes__conditional-values-dropdown>div,.settings__teams__card-component {
    overflow: visible
}

.settings__teams__card-component .liquid-child:not(.velocity-animating) {
    transform: none!important;
    overflow: visible
}

.settings__teams__card-component .liquid-child.velocity-animating {
    transform: inherit
}

.settings__teams__card-component .liquid-container:not(.liquid-animating) {
    transform: none!important;
    overflow: visible
}

.settings__teams__card-component .liquid-container.liquid-animating {
    transform: inherit
}

.settings__teams__admin-team-table .ds-new__table__cell-shim {
    margin-right: 20px
}

.settings__teams__admin-team-table .align-middle {
    vertical-align: middle;
    margin-left: 50%
}

.settings__teams__admin-team-table .avatar.o__l {
    min-width: 36px;
    width: 36px;
    height: 48px;
    line-height: 48px;
    font-size: 18px
}

.settings__teams__admin-team-table .ds-new__table__cell-shim,.settings__teams__admin-team-table .ds-new__table__column__label {
    font-size: 15px
}

.new-settings__teams__section {
    border-radius: 12px!important;
    overflow: hidden
}

.accordion-header__workflows__paywall-button span,.new-settings__teams__section .accordion__header,.settings__channels__email-forwarding__paywall-button span {
    border-radius: 12px!important
}

.new-settings__teams__section .accordion__header.o__open {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.new-settings__team-member-selector__search-input-container {
    width: 320px;
    border-radius: 8px;
    height: 32px
}

.settings__teams-configure-distribution__paywall-container .paywall__badge {
    display: flex;
    height: 20px;
    align-items: center;
    gap: 4px;
    border-radius: 24px;
    background-color: #f3eaf9;
    margin-left: 8px
}

.settings__security__form {
    width: 700px;
    max-width: 700px
}

.settings__security__accordion {
    width: 800px;
    max-width: 800px
}

.new-settings__security__form {
    max-width: 700px
}

.new-settings__security__accordion {
    max-width: 800px
}

.settings__security__form__disabled {
    cursor: not-allowed!important
}

.settings__security__item {
    margin-bottom: 16px!important
}

.settings__security__card {
    background-color: var(--base-module-subtle);
    border-radius: 6px
}

.settings__security__example-img {
    height: 100%;
    width: 70%;
    max-width: 300px;
    border-radius: 12px;
    box-shadow: var(--shadow-lvl-2)
}

.delete-policy-item {
    overflow: hidden;
    overflow-wrap: break-word;
    max-width: 334px
}

.delete-policy-item-container {
    align-items: baseline
}

.delete-policy-value {
    width: 46px
}

.policy-table {
    overflow: hidden;
    overflow-wrap: break-word;
    max-width: 160px
}

.policy-table-row {
    overflow-wrap: anywhere
}

.policy-table-type-cell {
    width: max-content
}

.modal-body {
    padding: 2px 24px 24px!important
}

.settings__conversation-data__edit-modal-footer .t__solo-link__inner:hover,.settings__conversation-data__edit-modal-footer>.btn__tertiary {
    color: var(--text-error)
}

.conversation-attributes__getting-started-template {
    min-height: 180px;
    cursor: pointer;
    font-weight: 600
}

.conversation-attributes__getting-started-template:hover {
    border-color: var(--neutral-border);
    box-shadow: var(--shadow-lvl-2);
    color: var(--text-default)
}

.conversation-attributes__csv-import-example .ds-new__table__column-header {
    font-size: 14px;
    font-weight: 400
}

.conversation-attributes__csv-import-example .ds-new__table__row {
    height: 40px
}

.conversation-attributes__csv-import-example .ds-new__table__cell-shim {
    padding-top: 0;
    padding-bottom: 0
}

.conversation-attributes__csv-import-example .ds-new__table__column-header {
    padding-top: 10px
}

.conversation-attributes__csv-import-example .ds-new__table__column__label {
    margin-bottom: 10px
}

.conversation-attributes__csv-import-modal .ds-new__modal__header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.conversation-attributes__csv-import-modal .text-error {
    padding: 6px
}

.conversation-attributes__getting-started-description {
    max-width: 550px
}

.conversation-attributes__conditions-tooltip {
    max-width: 390px
}

.conversation-attributes__conditions-tooltip .warning-icon {
    min-width: 12px;
    color: var(--text-muted)
}

.conversation-attributes__condition-dropdown {
    width: 270px
}

.ds-new__modal__blanket:has(.descriptor-details-modal__container) {
    overflow-y: visible
}

.attribute-creation-type-modal__card {
    cursor: pointer;
    font-weight: 600;
    padding: 25px 10px!important
}

.attribute-creation-type-modal__card:hover {
    border-color: var(--neutral-border);
    box-shadow: 0 4px 14px rgba(13,36,209,.1);
    color: var(--text-default)
}

.attribute-creation-type-modal__title {
    margin: 20px 0
}

.attribute-creation-type-modal__description {
    margin: 8px 0
}

.settings__teammate__member__placeholder-box {
    background-color: var(--neutral-container);
    height: 13px;
    margin-top: 5px;
    width: 52px
}

.settings__teammate__member__link,.settings__teammate__member__permissions-link {
    text-decoration: none
}

.settings__teammate__member__link:hover .settings__teammate__member__admin-name,.settings__teammate__member__permissions-link:hover {
    text-decoration: underline
}

.settings__teammate__member__admin-name {
    display: inline-block;
    width: 25%
}

.new-settings__teammates__member-remove-btn {
    display: none
}

.settings__teammate__member__container:hover .new-settings__teammates__member-remove-btn {
    display: block
}

.settings-switch__sms-editor-message>.embercom-prosemirror-composer>div>div[contenteditable]>p,.settings__teammate__teammate-list tr:hover .settings__teammate__teammate-list__name__checkbox,.settings__teammate__teammate-list.o__has-selected-teammates .settings__teammate__teammate-list__name__checkbox {
    display: inline
}

.settings__teammate__teammate-list .settings__teammate__teammate-list__name__checkbox,.settings__teammate__teammate-list tr:hover .settings__teammate__teammate-list__name__avatar,.settings__teammate__teammate-list.o__has-selected-teammates .settings__teammate__teammate-list__name__avatar {
    display: none
}

.settings__teammate__teammate-list .settings__teammate__teammate-list__name__avatar {
    display: inline-block
}

.settings__teammate__teammate-list__avatar {
    overflow: hidden;
    margin-right: 15px;
    position: relative;
    width: 32px;
    text-align: center
}

.settings__teammate__teammate-list__name {
    color: var(--text-default);
    text-decoration: none
}

.settings__teammate__teammate-list__name:hover {
    color: var(--text-link);
    text-decoration: underline
}

.settings__teammate__teammate-list__filter {
    max-width: 200px
}

.settings__teammate__teammate-list__inbox-seat-invite-tooltip-description {
    width: 220px
}

.settings__teammate__teammate-list__permission-cell {
    max-width: 220px
}

.settings__teammate__permissions-editor__card .ds-new__card__section:not(:first-child) {
    border-top: 1px solid rgba(0,0,0,.1)
}

.settings__teammate__permissions-editor__card {
    border: 1px solid rgba(0,0,0,.1)
}

.settings__teammate__permissions-editor__permission-sections.o__disabled {
    opacity: .5;
    pointer-events: none
}

.settings__teammate__permissions-editor__teammate-pill {
    background-color: var(--neutral-container);
    border-radius: 4px;
    position: relative
}

.settings__teammate__permissions-editor__teammate-pill:hover {
    background-color: var(--neutral-container-emphasis)
}

.settings__teammate__permissions-editor__teammate-pill:hover .settings__teammate__permissions-editor__teammate-pill-delete {
    display: block
}

.settings__teammate__permissions-editor__teammate-pill.o__error,.settings__teammate__permissions-editor__teammate-pill.o__error:hover {
    color: var(--text-error);
    background-color: var(--error-container)
}

.settings__teammate__permissions-editor__teammate-pill-delete {
    background: linear-gradient(to right,rgb(from var(--neutral-container-emphasis) r g b/0) -100%,rgb(from var(--neutral-container-emphasis) r g b/1) 60%);
    color: var(--text-error);
    display: none;
    position: absolute;
    top: 4px;
    right: 4px;
    padding-left: 6px;
    cursor: pointer;
    content: ""
}

.settings__teammate__permissions-editor__teammate-pill.o__error .settings__teammate__permissions-editor__teammate-pill-delete {
    background: linear-gradient(to right,rgba(var(--error-container),0) -100%,var(--error-container) 60%);
    color: var(--text-error)
}

.settings__teammate__permissions-editor__permission-toggle-row {
    border-bottom: 1px solid var(--neutral-border)
}

.settings__teammate__permissions-editor__permission-toggle-row:first-of-type,.settings__teammate__permissions-editor__permission-toggle-with-seats-row:first-of-type {
    border-top: 1px solid var(--neutral-border)
}

.settings__teammate__permissions-editor__permission-toggle-row-first {
    border-bottom: 1px solid var(--neutral-border);
    border-top: 1px solid var(--neutral-border)
}

.settings__teammate__permissions-editor__permission-toggle-with-seats-row {
    border-bottom: 1px solid var(--neutral-border)
}

.settings__teammate__permissions-editor__role-selector {
    max-width: 300px
}

.settings__teammate__permissions-editor__permission-crud-column {
    width: 100px;
    overflow-wrap: break-word
}

.settings__teammate__permissions-editor__permission-crud-title-column {
    min-width: 100px
}

.with-opacity-for-empty-seats .settings__teammate__permissions-editor__permission-toggle-with-seats-row {
    opacity: .5
}

.settings__teammate__permissions-editor__permission-sections input[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

.settings__teammate__permissions-editor__permission-sections input[type=checkbox]:checked:focus,.settings__teammate__permissions-editor__permission-sections input[type=checkbox]:checked:hover {
    border-color: transparent;
    background-color: currentColor
}

.settings__teammate__permissions-editor__permission-sections input[type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

.settings__teammate__permissions-editor__permission-sections input[type=checkbox]:indeterminate:focus,.settings__teammate__permissions-editor__permission-sections input[type=checkbox]:indeterminate:hover {
    border-color: transparent;
    background-color: currentColor
}

.settings__teammate__permissions-editor__permission-sections input[type=checkbox]:disabled {
    opacity: .5;
    background-color: var(--neutral-container)
}

.settings__teammate__invite__csv-column {
    width: 284px;
    counter-reset: row
}

.settings__teammate__invite__csv-column.o__selected {
    border-color: var(--neutral-border);
    box-shadow: 0 4px 14px 0 rgba(13,36,209,.1)
}

.settings__teammate__invite__csv-column__rows {
    padding-left: 0;
    margin-top: 0
}

.settings__teammate__invite__csv-column__row {
    align-items: center;
    color: var(--text-default);
    display: flex;
    flex: 1;
    max-height: 40px;
    padding: 8px 20px;
    overflow: hidden
}

.settings__teammate__invite__csv-column__row:not(:last-child) {
    border-bottom: 1px solid var(--neutral-border)
}

.settings__teammate__invite__csv-column__row:last-child {
    color: var(--text-muted)
}

.settings__teammate__invite__csv-column__row__hidden {
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0;
    border: 0
}

.settings__teammate__invite__csv-column__header-row {
    background-color: var(--neutral-container);
    color: var(--text-muted);
    font-size: 14px;
    display: flex;
    font-weight: 400;
    align-items: center;
    max-height: 40px;
    padding: 8px 20px 8px 44px
}

.settings__teammate__invite {
    width: 560px
}

.settings__teammate__invite__import-csv {
    background-color: var(--neutral-container);
    border: 1px dashed var(--neutral-container);
    color: var(--text-muted);
    width: 520px;
    border-radius: 6px
}

.settings__teammate__invite__multi-add-box {
    border: 1px solid var(--neutral-border);
    border-radius: 6px;
    overflow: auto;
    max-height: 540px;
    min-height: 128px
}

.settings__teammate__invite__multi-add-box:focus-within {
    border: 1px solid var(--neutral-border);
    box-shadow: 0 0 0 3px rgba(51,75,250,.2)
}

.settings__teammate__invite__multi-add-box__input {
    border: 0;
    min-width: 260px;
    padding: 4px 0 8px
}

.settings__teammate__invite__multi-add-box__input:focus {
    box-shadow: none;
    outline: 0
}

.settings__teammate__invite__header__emails {
    max-height: 136px;
    overflow: hidden;
    position: relative
}

.settings__teammate__invite__header__emails__stamp {
    padding: 2px 8px
}

.settings__teammate__invite__email .filter-block__details {
    display: none!important
}

.settings__teammate__invite__message__in-review-notifier {
    background-color: var(--notice-container);
    color: var(--text-muted);
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0,0,0,.2)
}

.conversation-access-editor__options-paywall.paywall__block {
    margin: 4px -8px;
    padding-right: 150px!important;
    padding-left: 8px!important
}

.conversation-access-editor__options-paywall .ds-new__dropdown__block__item {
    padding-left: 7px
}

.conversation-access-editor__options-paywall .ds-new__dropdown__block__item:hover {
    background-color: transparent
}

.conversation-access-editor__blocklist-label {
    margin-top: 1px
}

.settings__seats__card-highlight {
    border-left-color: var(--text-link);
    border-left-width: 4px
}

.settings__seats__card-default {
    border-left-color: var(--text-muted);
    border-left-width: 4px
}

.settings__seats__seat-types_proactive_support,.settings__seats__seat-types_support {
    color: var(--text-on-notice)
}

.settings__seats__seat-types_engage {
    color: var(--text-on-accent)
}

.settings__seats__seat-types_marketing {
    color: var(--text-on-paywall)
}

.settings__seats__seat-types_collaborator,.settings__seats__seat-types_copilot,.settings__seats__seat-types_core,.settings__seats__seat-types_light {
    color: var(--text-default)
}

.settings__seats__seat-types_proactive_support,.settings__seats__seat-types_support {
    background-color: rgba(from var(--notice-fill) r g b/.7);
    font-size: 10px;
    height: 20px
}

.settings__seats__seat-types_engage {
    background-color: rgba(from var(--accent-fill) r g b/.7);
    font-size: 10px;
    height: 20px
}

.settings__seats__seat-types_marketing {
    background-color: rgba(from var(--paywall-fill) r g b/.7);
    font-size: 10px;
    height: 20px
}

.settings__seats__seat-types_collaborator,.settings__seats__seat-types_core {
    background-color: rgba(from var(--neutral-container) r g b/.7);
    font-size: 10px;
    height: 20px
}

.settings__seats__seat-types_light {
    background-color: rgba(from var(--neutral-container-emphasis) r g b/.7);
    font-size: 10px;
    height: 20px
}

.settings__seats__seat-types_copilot {
    background: radial-gradient(102.58% 100.95% at 1.19% .71%,rgba(197,206,253,.7) 0,rgba(212,210,244,.7) 42%,rgba(232,204,228,.7) 76.81%,rgba(241,207,211,.7) 88.12%);
    font-size: 10px;
    height: 20px
}

.settings__seats__toggle-proactive_support,.settings__seats__toggle-support {
    border-left-color: var(--notice-fill);
    border-left-width: 4px
}

.settings__seats__toggle-engage {
    border-left-color: var(--accent-fill);
    border-left-width: 4px
}

.settings__seats__toggle-marketing {
    border-left-color: var(--paywall-fill);
    border-left-width: 4px
}

.settings__seats__toggle-collaborator,.settings__seats__toggle-core {
    border-left-color: var(--neutral-container);
    border-left-width: 4px
}

.settings__seats__toggle-light {
    border-left-color: var(--neutral-container-emphasis);
    border-left-width: 4px
}

.settings__seats__toggle-copilot {
    background: radial-gradient(102.58% 100.95% at 1.19% .71%,rgba(197,206,253,.7) 0,rgba(212,210,244,.7) 42%,rgba(232,204,228,.7) 76.81%,rgba(241,207,211,.7) 88.12%);
    border-left-width: 4px
}

.settings__seats__toggle-proactive_support-paywalled,.settings__seats__toggle-support-paywalled {
    border-left-color: rgba(from var(--notice-fill) r g b/.5);
    border-left-width: 4px
}

.settings__seats__toggle-engage-paywalled {
    border-left-color: rgba(from var(--accent-fill) r g b/.5);
    border-left-width: 4px
}

.settings__seats__toggle-marketing-paywalled {
    border-left-color: rgba(from var(--paywall-fill) r g b/.5);
    border-left-width: 4px
}

.settings__seats__toggle-collaborator-paywalled,.settings__seats__toggle-core-paywalled {
    border-left-color: rgba(from var(--neutral-container) r g b/.5);
    border-left-width: 4px
}

.settings__seats__toggle-light-paywalled {
    border-left-color: rgba(from var(--neutral-container-emphasis) r g b/.5);
    border-left-width: 4px
}

.settings__seats__toggle-copilot-paywalled {
    background: radial-gradient(102.58% 100.95% at 1.19% .71%,rgba(197,206,253,.7) 0,rgba(212,210,244,.7) 42%,rgba(232,204,228,.7) 76.81%,rgba(241,207,211,.7) 88.12%);
    border-left-width: 4px
}

.settings__seats__toggle .form__radio-button-content {
    width: 100%
}

.settings__seats__overages-arrow svg {
    stroke: var(--paywall-border);
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    width: 20px
}

.inbox2 .paywall__badge path,.settings__seats__overages-arrow svg path {
    fill: var(--paywall-container)
}

.paywall__badge circle,.paywall__badge.o__unclickable:hover circle,.paywall__banner circle,.settings__seats__overages-arrow svg circle {
    fill: var(--paywall-fill)
}

.settings__seats__overages-containter {
    background-color: var(--paywall-container);
    border-color: var(--paywall-border)
}

.settings-switch__monitoring-table .ds-new__table__column-header {
    position: relative
}

.settings-switch__installation-section.o__closed {
    border-color: transparent
}

.settings-switch__installation-section.o__closed:hover:not(.o__disabled) {
    box-shadow: none
}

.settings-switch__header-step-number:before {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: var(--neutral-container);
    margin-left: -25px;
    position: relative;
    top: 16px;
    content: attr(data-step-number);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

.settings-switch__sms-editor-phone {
    width: 474px;
    min-height: 249px;
    max-height: 579px;
    position: relative;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-position: center;
    padding: 88px 60px 0;
    margin-left: -30px;
    z-index: 1
}

.settings-switch__sms-editor-phone:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 474px;
    height: 249px;
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/message-editor/iphone-12-34ffe1a54d6c3a38b803c1c50d5f031b.svg);
    mask-image: linear-gradient(to bottom,var(--neutral-fill),var(--neutral-fill) 80%,transparent)
}

.settings-switch__sms-editor-message-container {
    position: relative;
    width: 300px;
    max-height: 330px;
    border-radius: 20px;
    background: var(--THEME-EJECTION__CONTENT-PREVIEW__BLACK-COLOR);
    color: var(--THEME-EJECTION__CONTENT-PREVIEW__WHITE-COLOR)
}

.settings-switch__sms-editor-message-container::after {
    position: absolute;
    bottom: 0;
    content: "";
    left: -7px;
    width: 32px;
    height: 16px;
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/message-editor/chat-bubble-flair-6e8af0dee11e228851627b9656b61cd9.svg)
}

.settings-switch__sms-editor-message-container.o__right::after {
    left: 275px;
    transform: scaleX(-1)
}

.settings-switch__sms-editor-message {
    padding: 12px 15px;
    z-index: 1
}

.settings-switch__sms-editor-message-container .embercom-composer-placeholder {
    top: 2px;
    left: 2px
}

.settings-switch__sms-customization-messenger-settings {
    position: relative;
    top: -7px
}

.settings-switch__sms-customization-character-limit {
    color: var(--THEME-EJECTION__CONTENT-PREVIEW__GRAY-COLOR)
}

.settings-switch__sms-customization-stamp {
    vertical-align: middle
}

.settings-switch__sms-editor-message.with-intercom-url>.embercom-prosemirror-composer>div>div[contenteditable]:after {
    display: inline;
    content: "inter.com/abc123";
    overflow-wrap: break-word;
    margin-left: 5px;
    text-decoration: underline;
    color: var(--text-link)
}

.settings-switch__faqs-btn.btn.o__secondary {
    padding: 0;
    background-color: unset;
    font-weight: 400;
    color: var(--text-link)
}

.settings-switch__faqs-btn.btn.o__secondary:focus {
    box-shadow: none
}

.settings-switch__other-link-icon {
    margin-left: -6px;
    margin-top: -6px
}

.settings-switch__other-link-icon>svg .product-icon__stroke {
    stroke: var(--neutral-border)
}

.settings-switch__other-link-icon>svg .product-icon__fill {
    fill: var(--beta-fill)
}

.settings-switch_conversation-icon-btn {
    background-color: transparent!important
}

.settings-switch_conversation-icon-btn:focus,.settings-switch_conversation-icon-btn:hover {
    background-color: var(--neutral-container-emphasis)!important
}

.settings__relationship-attribute__form-label-block {
    display: block!important
}

.settings__signature__fake-email-line {
    height: 7px;
    border-radius: 2px;
    background-color: #f5f5f5
}

.settings__signature__preview-container {
    padding: 30px 30px 48px;
    border-radius: 8px;
    box-shadow: 0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.14)
}

.settings__signature__empty-container {
    position: absolute;
    width: 100%;
    min-height: 60px;
    top: -40px;
    z-index: 10;
    background-color: #fff
}

.settings__signature__controls-container {
    border-bottom: 1px solid var(--neutral-border)
}

.settings__signature__controls-container .settings__signature__controls-desc {
    flex-basis: 40%
}

.settings__signature__controls-container .settings__signature__controls-item {
    flex-basis: 60%
}

.settings__signature__controls-label .form__label {
    color: var(--text-muted);
    font-size: 14px;
    font-weight: 400
}

.settings__messenger-installation-new__code-block__line-numbers {
    margin-top: 17px;
    padding: 0!important;
    color: var(--text-default)!important
}

.settings__messenger-installation-new__code-block__clipboard-button {
    position: absolute;
    right: 25px;
    top: 25px
}

.settings__messenger-installation-new__new-code-block__clipboard-button {
    position: absolute;
    right: 16px;
    top: 16px
}

.settings__messenger-installation-new__messenger-installation-look-and-feel-card-icon {
    background-color: var(--neutral-container);
    margin: 2px auto auto;
    padding: 6px;
    border-radius: 15px
}

.settings__messenger-installation-new__messenger-installation-look-and-feel-card {
    max-width: 400px;
    border-radius: 12px;
    border-color: var(--neutral-border)
}

.settings-audience-selector .matching-system__audience-editor {
    margin-left: -32px
}

.settings-audience-selector .matching-system__preview {
    margin-left: -24px;
    margin-top: -12px
}

.settings__channels__email-forwarding__new-emails-banner {
    background: var(--neutral-container)!important
}

.settings__channels__email-forwarding__paywall-button {
    min-width: fit-content
}

.settings__channels__email-forwarding__accordion-header .flex-row.p-4 {
    padding-right: 8px!important
}

.settings__channels__email-forwarding__accordion-header__layout {
    margin-right: 0!important
}

.text-left-important {
    text-align: left!important
}

.cursor-not-allowed-important {
    cursor: not-allowed!important
}

.email__discovery__banner__image__holder {
    width: 320px
}

.referral-cta-container {
    border: 1px solid rgba(0,0,0,.05);
    width: 800px
}

.referral-drone-img {
    height: 223px
}

.refer-a-friend-heading {
    font-family: Ivory;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -.5px
}

.what-your-friend-needs-to-do {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.15px
}

.help-center__default-badge {
    border-radius: 24px;
    padding: 2px 8px;
    font-weight: 500;
    line-height: 20px;
    font-size: 13px;
    font-family: intercom-font,"Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #f0f1ef;
    color: #1a1a1a;
    cursor: default
}

.help-center__default-badge__tooltip {
    display: none
}

.help-center__default-badge__tooltip-visible {
    display: inline-block;
    position: absolute;
    padding: 12px;
    border-radius: 12px;
    z-index: 1;
    max-width: 370px;
    max-height: 84px;
    text-wrap: auto;
    top: 50px;
    font-size: 14px;
    font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    font-weight: 400;
    border: 1px solid #e4e5e1;
    background-color: #fff
}

.help-center__default-badge__tooltip-visible a:hover {
    cursor: pointer
}

.help-center__default-badge__tooltip-visible::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 10px;
    background: 0 0
}

.request-body-preview .CodeMirror {
    height: 120px!important
}

.settings__standard-header__breadcrumb {
    padding: 12px 68px 3px 63px
}

.settings__billing-summary-header__multiworkspace-badge,.settings__billing-summary__trial-expiration-badge,.settings__standard-header__multiworkspace-badge {
    background-color: var(--neutral-container);
    border-radius: 3px;
    display: flex;
    padding: 5px 9px
}

.settings__billing-summary__trial-expiration-badge {
    border-radius: 4px;
    padding: 0 8px
}

.settings__search-component__form {
    max-width: 100%
}

.settings__search-component__search {
    padding-left: 28px;
    min-width: 100%
}

.settings__search-component__search__icon {
    color: var(--text-muted);
    margin-top: 7px;
    margin-left: 7px;
    position: absolute;
    z-index: 3
}

.settings__standard-header-border {
    border-bottom: 1px solid var(--neutral-border)
}

.settings__email-customisation__description {
    width: 338px
}

.settings__standard-header-banner-text .o__standalone-link {
    color: var(--text-default)
}

.border-radius-16 {
    border-radius: 16px
}

.tabs {
    border-top: 1px solid var(--neutral-border);
    border-bottom: 1px solid var(--neutral-border)
}

.tabs .tab-control__tab {
    padding: 0 12px
}

.tabs .tab-control__tab:first-of-type {
    padding-left: 0
}

.import-zendesk th:first-child {
    padding-left: 16px;
    border-top-left-radius: 6px
}

.import-zendesk th:last-child {
    padding-right: 8px;
    border-top-right-radius: 6px
}

.import-zendesk th {
    padding-top: 16px;
    padding-bottom: 4px
}

.import-zendesk td:first-child {
    padding-left: 16px
}

.import-zendesk td:last-child {
    padding-right: 8px
}

.import-zendesk .cp-Panel-toggle {
    text-decoration: none
}

.import-zendesk .cp-is-open.cp-Panel-body {
    margin-bottom: 16px
}

.import-zendesk .ds-new__table__row:last-child .ds-new__table__cell {
    box-shadow: none
}

.scim-groups-table .scim-groups-sortable-item:not(.is-dragging) {
    transition: transform .2s ease-in-out
}

.scim-groups-sortable-item.is-dragging {
    position: relative;
    z-index: 1000;
    cursor: grabbing
}

.scim-groups-sortable-item.is-dragging * {
    cursor: grabbing!important
}

.new-settings__content-container {
    width: 100%
}

.new-settings__sticky-header {
    position: fixed;
    background-color: var(--neutral-container);
    z-index: 1;
    width: 100%
}

.new-settings__header-breadcrumb-separator .interface-icon.o__standard,.new-settings__tooltip-icon .interface-icon.o__standard {
    display: block
}

@media screen and (min-width: 1024px) {
    .new-settings__content-container {
        max-width:1440px;
        margin: 0 auto
    }

    .new-settings__content-container.smaller-width {
        max-width: 1028px
    }
}

.new-settings__submenu-section-title a {
    text-transform: none!important;
    font-size: 13px!important;
    font-weight: 500!important
}

.new-settings__submenu-section-title .submenu__sections__section__title__link.o__has-children {
    font-weight: 400
}

.new-settings__submenu__sections__section {
    min-height: auto
}

.language__compact-locale__container {
    border-radius: 3px
}

.language__compact-locale__container svg {
    width: 14px!important;
    height: 14px!important
}

.new-settings__home-subsection-tile {
    display: flex;
    flex-direction: row;
    align-items: start;
    padding: 16px!important;
    gap: 12px;
    max-width: 290px;
    width: 290px;
    min-height: 94px;
    border-radius: 12px;
    box-sizing: border-box;
    border-color: var(--neutral-border);
    box-shadow: none!important;
    transition: box-shadow .2s ease;
    cursor: pointer
}

.new-settings__home-subsection-tile:hover {
    box-shadow: var(--shadow-lvl-0)!important
}

.new-settings__home-subsection-tile.new-help-center {
    border: 1.5px dashed var(--neutral-border)
}

.new-settings__subtle-button:active,.new-settings__subtle-button:focus {
    box-shadow: none!important;
    background-color: var(--neutral-border)!important
}

.new-settings__home-subsection-tile-icon {
    width: 41px;
    min-width: 41px;
    height: 41px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
    color: var(--text-default)
}

.new-settings__home-subsection-tile-icon.workspace {
    background-color: var(--vis-violet-70)
}

.new-settings__home-subsection-tile-icon.subscription {
    background-color: var(--vis-green-70)
}

.new-settings__home-subsection-tile-icon.channels {
    background-color: var(--vis-pink-70)
}

.new-settings__home-subsection-tile-icon.helpdesk {
    background-color: var(--vis-azure-70)
}

.new-settings__home-subsection-tile-icon.app-settings {
    background-color: var(--vis-green-70)
}

.new-settings__home-subsection-tile-icon.data {
    background-color: var(--vis-cyan-70)
}

.new-settings__home-subsection-tile-icon.helpcenter.workspace-helpcenter {
    background-color: var(--vis-mint-70)
}

.new-settings__home-subsection-tile-icon.helpcenter.all-help-centers {
    background-color: var(--vis-teal-70)
}

.new-settings__home-subsection-tile-icon.helpcenter.new-help-center {
    background-color: var(--neutral-container)
}

.new-settings__home-subsection-tile-icon.proactive-support {
    background-color: var(--vis-orange-70)
}

.new-settings__home-subsection-tile-icon.personal {
    background-color: var(--vis-turquoise-70)
}

.new-settings__home-subsection-workspace-name {
    width: calc(100% - 50px);
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap
}

.new-settings__home-subsection-tile-description {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400
}

.new-settings__workspace-enforce-identity-card {
    box-shadow: var(--shadow-lvl-2);
    border-radius: 5px
}

.new-settings__workspace-enforce-identity-card .step {
    padding: 21px 20px;
    margin: 10px 0
}

.new-settings__workspace-enforce-identity-card .step-list-item {
    width: 24px;
    height: 24px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--neutral-container);
    border: 1px solid var(--neutral-border-emphasis);
    border-radius: 50%;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.new-settings__workspace-enforce-identity-card .step-title {
    flex: 1;
    margin-left: 20px
}

.new-settings__home-section {
    border-radius: 12px;
    border: 1px solid var(--neutral-border);
    padding: 24px;
    display: flex;
    margin-bottom: 16px
}

.new-settings__home-section .new-settings__inline-help-content-link {
    text-decoration: none
}

.new-settings__home-section.section-container {
    padding: 24px 36px
}

.new-settings__home-section-content {
    width: 50%;
    padding: 0 12px;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.new-settings__home-section__grid-content {
    grid-template-columns: 40px 1fr
}

.new-settings__home-section-content-heading {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--text-default)
}

.new-settings__home-section-content-desc {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    max-width: 338px
}

.new-settings__home-section-content-label-desc {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: var(--text-muted)
}

.new-settings__home-section__input-label {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    margin-bottom: 4px;
    color: var(--text-default)
}

.new-settings__domain-sidebar__email-address>div:first-child {
    width: 100%
}

.away-mode__toggle .toggle__on-off__label.o__on,.educate__article-composer h1,.educate__article-composer h2,.educate__article-composer h3,.educate__article-composer h4,.new-settings__domain-sidebar__help-article .text.o__standalone-link {
    color: var(--text-default)
}

.new-settings__personal-email-address-input {
    width: 236px;
    margin-right: 12px
}

.new-settings__assignments__image {
    height: 200px;
    max-width: 768px;
    object-fit: cover;
    object-position: top
}

.office-hours-schedule-list__linked-teams .ds-new__table__cell-shim {
    display: flex;
    gap: 8px
}

.office-hours-schedule-list__linked-teams .office-hours-schedule-list__linked-teams__icon {
    font-size: 10px;
    line-height: 12px
}

.help-center-footer__editor-composer .embercom-prosemirror-composer-media-toolbar {
    margin-left: 440px!important
}

.max-w-fit-important {
    max-width: fit-content!important
}

.new-settings__connect-email__edit-email-addres__form .form {
    max-width: unset!important
}

.new-settings__connect-email__edit-email-addres__form .form__input-container {
    width: 100%
}

.new-settings__connect-email__edit-email-addres__form .form__item {
    margin-bottom: 10px
}

.new-settings__connect-email__edit-email-addres__display-names-tooltip {
    vertical-align: text-bottom
}

.new-settings__connect-email__edit-email-addres__display-names-tooltip .o__standard__tooltip {
    margin-bottom: 0!important
}

.away-mode__admin-details__avatar-container {
    position: relative;
    width: 36px;
    height: 36px;
    padding-top: 2px
}

.away-mode__admin-details__container {
    margin-left: 15px
}

.away-mode__admin-details__active-indicator {
    position: absolute;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    left: 0;
    top: 5px;
    transition: background-color .2s linear;
    background-color: var(--success-fill)
}

.away-mode__admin-details__active-indicator.o__away {
    background-color: var(--notice-fill)
}

.away-mode__admin-details__admin-active-status {
    font-weight: 400;
    margin-top: -3px;
    padding-top: 1px
}

.away-mode__toggle.o__off {
    background-color: var(--neutral-container)
}

.away-mode__toggle.o__on {
    background-color: var(--notice-fill)
}

.input-attribute-selector__selector {
    position: absolute;
    top: 0;
    right: 5px
}

.input-attribute-selector__attribute-list {
    position: absolute;
    left: calc(100% + 8px);
    top: -75px;
    min-width: 250px
}

.input-attribute-selector__attribute-list[class*=ic-popup-right]::after,.input-attribute-selector__attribute-list[class*=ic-popup-right]::before {
    top: 87px
}

.input-attribute-selector__attribute-inserter {
    position: absolute;
    right: -41px;
    width: 30px;
    margin-top: 0
}

.input-attribute-selector__attribute-inserter-icon {
    line-height: 24px
}

.input-attribute-selector__selector.o__email-subject {
    top: 8px;
    box-shadow: 0 1px 15px 0 rgba(0,0,0,.1),0 0 0 0 transparent;
    z-index: 3000
}

.input-attribute-selector__selector.o__html-mode__text-area {
    top: 15px;
    right: 10px
}

.admin__about-simple-resizing-textarea__display-text {
    -ms-word-break: break-all;
    word-break: break-word;
    white-space: pre-wrap
}

.integrations__component {
    position: relative;
    min-height: 44px;
    padding-top: 20px;
    padding-bottom: 20px
}

.integrations__docs-link {
    display: inline-block;
    margin-left: 15px;
    margin-bottom: 6px
}

.integrations__component-header {
    display: inline-block
}

.integrations__side-text {
    font-size: 11px;
    line-height: 19px;
    height: 14px;
    font-weight: 500;
    color: var(--text-muted);
    text-align: right;
    margin-top: -7px;
    margin-bottom: -4px
}

.integrations__left-wrap {
    width: 430px;
    padding-right: 55px
}

.integrations__side-text-inline {
    display: inline-block;
    font-size: 11px;
    line-height: 19px;
    height: 14px;
    font-weight: 500;
    color: var(--text-muted);
    margin-top: 2px
}

.integrations__component-body {
    padding: 0 20px 20px
}

.integrations__connected-page-body {
    padding: 20px 4px 0
}

.integrations__component-icon {
    top: 20px;
    left: 20px;
    position: absolute
}

.integrations__padr-144 {
    padding-right: 144px
}

.integrations__toggle {
    border-radius: 0;
    border-bottom: 0
}

.integrations__toggle:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.integrations__toggle:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid rgba(0,0,0,.2)
}

.integrations__toggle:hover {
    background-color: var(--neutral-container)
}

.integrations__tooltip-overlap {
    transform: translate(-4px,-25px);
    height: 0
}

.integrations__addon-group-container {
    position: relative;
    display: table;
    border-collapse: separate
}

.integrations__addon-group {
    padding: 5px 11px;
    font-size: 14px;
    line-height: 20px;
    background-color: var(--neutral-container);
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 2px;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
    box-sizing: border-box;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 1px rgba(144,164,174,.1)
}

.integrations__addon-group:focus {
    outline: 0;
    border-color: var(--neutral-border);
    box-shadow: inset 0 1px 1px rgba(var(--neutral-container),.2)
}

.integrations__addon-group:-ms-input-placeholder,.integrations__addon-group::-webkit-input-placeholder {
    color: var(--text-muted);
    opacity: 1
}

.integrations__addon-group:first-child {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.integrations__addon-group:not(:first-child):not(:last-child) {
    border-radius: 0;
    width: 100%;
    max-width: 558px
}

.integrations__addon-group:last-child {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.integrations__tbl {
    margin: 20px 0;
    border-collapse: separate;
    border-spacing: 0;
    display: table;
    min-width: 100%
}

.integrations__tbl__cell {
    border-bottom: 1px solid var(--neutral-border);
    padding: 9px 15px;
    text-align: left;
    display: table-cell;
    overflow-wrap: break-word;
    word-wrap: break-word;
    max-width: 200px
}

.integrations__tbl__body {
    display: table-row-group
}

.integrations__tbl__body .integrations__tbl__cell {
    border-right: 1px solid var(--neutral-border)
}

.integrations__tbl__cell:last-child {
    border-right: 0;
    padding-right: 0
}

.integrations__tbl__cell:first-child {
    padding-left: 0
}

.integrations__tbl__cell.o__contains-button {
    padding: 0
}

.integrations__tbl__edit-col {
    width: 38px;
    text-align: center
}

.integrations__tbl__delete-col {
    width: 50px;
    text-align: center!important;
    padding-right: 15px!important
}

.integrations__card__notice {
    text-align: center;
    padding: 60px 40px
}

.integrations__header-bar-logo,.integrations__header-logo {
    display: inline-block;
    outline: 0;
    background-size: cover;
    width: 30px;
    height: 30px
}

.integrations__header-logo {
    width: 48px;
    height: 48px
}

.integrations__breadcrumbs-title {
    font-size: 10px
}

.integrations__github__tbl__cell:last-child {
    width: 115px
}

.integrations__slack__selection-container {
    width: 200px
}

.integrations__slack__selection-container .integrations__slack__admin-container {
    padding-top: 7px
}

.integrations__tbl__cell.o__integrations__slack__admin-cell {
    max-width: 140px
}

.social-connect__delete-icon {
    color: var(--text-muted)
}

.social-connect__delete-icon:hover {
    color: var(--text-muted);
    opacity: 1
}

.salesforce__main__beta-tour-link {
    position: absolute;
    right: 0;
    top: -50px
}

.salesforce__accordion-body {
    margin: 0 15px 15px 70px
}

.salesforce__field-mapping-title {
    width: 70%
}

.salesforce__name {
    margin-left: 10px;
    min-width: 25%
}

.salesforce__mapping-spacer {
    margin-left: 10px;
    min-width: 10%;
    color: var(--text-muted)
}

.salesforce__selection {
    margin-left: 10px;
    min-width: 20%
}

.salesforce__attribute-mapping__row {
    border-bottom: 1px solid var(--neutral-border);
    padding: 16px 0;
    width: 100%
}

.salesforce__identity-mapping__row {
    padding: 8px 0;
    width: 100%
}

.salesforce__selection-container {
    min-width: 150px
}

.salesforce__account-list__row {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.salesforce__accordion-body .form__radio-button-content {
    width: 100%
}

.salesforce__attribute-mapping__dropdown {
    width: 180px
}

.salesforce__attribute-mapping__text-overflow {
    overflow-wrap: anywhere
}

.salesforce__attribute-mapping__dbanner-link {
    text-decoration: none!important
}

.salesforce__api-usage__intercom-limit {
    top: -6px;
    height: 38px;
    width: 2px;
    transition: left 1s ease
}

.salesforce__api-usage__intercom-limit-label {
    padding: 2px 8px;
    transition: left .9s ease
}

.salesforce__api-usage__api-limit-form-item {
    margin-bottom: 16px!important
}

.salesforce__api-usage__api-limit-form-item .form__label {
    color: var(--text-default);
    font-weight: 700
}

.salesforce__api-usage__api-limit-form-item .o__standard__tooltip {
    color: var(--text-muted)
}

.salesforce__api-usage__api-limit-form-item.o__error .o__standard__tooltip {
    color: var(--text-error)
}

.salesforce__api-usage__api-limit-form-input {
    -moz-appearance: textfield
}

.salesforce__api-usage__api-limit-form-input::-webkit-inner-spin-button,.salesforce__api-usage__api-limit-form-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.salesforce__red-accordion-border {
    border: 1px solid var(--error-border)
}

.salesforce__mapping-accordion .salesforce__accordion-body {
    margin-bottom: 0
}

.salesforce__mapping-accordion .liquid-child,.salesforce__mapping-accordion .liquid-container {
    overflow: visible!important
}

.billing__features__feature-link__side-drawer label,.salesforce__mapping-accordion .cp-Panel-body-inner .u__pad__10 {
    padding-bottom: 0!important
}

.salesforce__top-shadow {
    box-shadow: 0 -4px 14px rgba(5,73,209,.1)
}

.illustrative-icon.salesforce__medium-icon,.illustrative-icon.salesforce__medium-icon svg {
    width: 30px;
    height: 30px
}

.stripe__accordion-body {
    margin: 0 15px 15px 70px
}

.invite-link__gravatar {
    background-color: #2e2e7f;
    border: 2px solid var(--neutral-border);
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-on-neutral);
    font-weight: 500
}

.invite-link__gravatar.o__admin {
    height: 50px;
    width: 50px;
    border: 0;
    margin: auto
}

.invite-link__admin-initials {
    font-size: 18px;
    transform: translateY(1px)
}

.invite-link__admin-image {
    width: 50px;
    height: 50px
}

.invite-link__admin-name {
    color: var(--text-on-neutral);
    font-size: 14px;
    opacity: .8;
    margin: 8px 0;
    text-align: center
}

.invite-link__admin-to-app {
    width: 300px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 auto
}

.invite-link__admin-to-app.o__inactive {
    justify-content: center
}

.invite-link__admin-to-app__box {
    flex: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.invite-link__app-icon,.invite-link__arrow {
    align-items: center;
    display: flex;
    width: 23px;
    height: 60px
}

.invite-link__app-icon {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    background-color: #6ce4b3;
    color: var(--text-on-neutral);
    justify-content: center
}

.invite-table .invite-table__action-buttons {
    visibility: hidden
}

td.o__active .invite-table__action-buttons,td:focus .invite-table__action-buttons,tr:hover .invite-table__action-buttons {
    visibility: visible
}

td:focus-within .invite-table__action-buttons {
    visibility: visible
}

.color-select__color-selector {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transition: all .1s ease;
    cursor: pointer
}

.color-select__color-selector.o__selected,.color-select__color-selector:hover {
    transform: scale(1.1)
}

.color-select__color-selector-container {
    display: inline-block;
    vertical-align: top;
    transition: all .2s ease;
    padding: 2px 4px 0 3px;
    cursor: pointer
}

.color-select__color-selector-layout {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 198px;
    padding: 0 5px 5px;
    height: 22px;
    font-size: 0
}

.color-select__hex-container {
    position: relative;
    width: 120px
}

.color-select__hex-container.o__full-width {
    width: 100%
}

.color-select__hex-input {
    text-transform: uppercase
}

.color-select__hex-input[disabled] {
    pointer-events: all;
    cursor: not-allowed!important;
    background-color: var(--neutral-container)
}

.color-select__hex-input[disabled]:hover {
    border-color: rgba(0,0,0,.2)
}

.color-select__color-picker-opener-component-container {
    position: absolute;
    right: 10px;
    top: 6px
}

.color-select__color-picker-opener-component-container-conversational {
    position: absolute;
    right: 32px;
    top: 6px
}

.color-select__hex-code {
    width: 55px
}

.color-select__color-select-circle {
    border: 1px solid rgba(var(--neutral-fill),.2);
    height: 20px;
    width: 20px;
    background-size: 20px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    outline: 1px solid rgba(0,0,0,.15);
    outline-offset: -1px
}

.color-select__color-select-circle__disabled {
    cursor: not-allowed
}

.color-select__color-remove {
    position: absolute;
    right: 20px;
    margin-right: 5px;
    top: 0;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    color: var(--text-muted)
}

.background-select__background-selector-container {
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    transition: all .08s ease-in;
    width: 70px;
    height: 70px;
    background-size: 400%;
    background-position: 50% 50%;
    cursor: pointer
}

.background-select__background-selector-container:hover {
    transform: scale(1.1)
}

.background-select__background-selector-container.o__selected {
    transform: scale(1.1);
    background-color: var(--background_select_spacer_color)
}

.background-select__spacer {
    width: 62px;
    height: 62px;
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-block;
    background-color: var(--neutral-container);
    border: 1px solid var(--neutral-border);
    margin: 4px
}

.background-select__background-selector {
    width: 52px;
    height: 52px;
    box-sizing: border-box;
    border-radius: 50%;
    transition: all .1s ease-in-out;
    cursor: pointer;
    margin: 4px;
    border: 1px solid rgba(0,0,0,.2);
    background-size: 100%;
    background-position: 50% 50%
}

.background-select__background-selector.o__selected {
    border: 1px solid var(--neutral-border)
}

.background-select__background-selector.o__background-1 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-backgrounds/background-1-99a36524645be823aabcd0e673cb47f8.png);
    background-size: 500%;
    background-position: 48% 66%
}

.background-select__background-selector.o__background-2 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-backgrounds/background-2-2485d699199b1b892df363c92428ec4a.png);
    background-size: 500%
}

.background-select__background-selector.o__background-3 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-backgrounds/background-3-e38c8c9ac38f35d90dbfb31c411a75e7.png);
    background-size: 600%
}

.background-select__background-selector.o__background-4 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-backgrounds/background-4-e7753b64fa0dcc18569403e9b3527a78.png);
    background-size: 800%
}

.background-select__background-selector.o__background-5 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-backgrounds/background-5-455d21f370cfa03f6b11f822562eab85.png);
    background-size: 700%
}

.background-select__background-selector.o__background-6 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-backgrounds/background-6-02234de96bbe5533922545582cbc514e.png);
    background-size: 700%;
    background-position: 35% 35%
}

.background-select__background-selector.o__background-7 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-backgrounds/background-7-f2270912d0ba2bc4c313fc7d0bbe82ac.png)
}

.background-select__background-selector.o__background-8 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-backgrounds/background-8-9f2b25b36352093a6b1e826dd56dc029.png);
    background-size: 800%
}

.background-select__background-selector.o__background-gray {
    background-color: var(--neutral-container)
}

.background-select__background-selector.o__m4__background-1 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-1-907d71126e883dca177e224b1f5e33fb.png)
}

.background-select__background-selector.o__m4__background-2 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-2-a905c0fdd27a12715438c9d9a88e1c0e.png)
}

.background-select__background-selector.o__m4__background-3 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-3-4b0f1bbcafb914af79487f8bf7010d40.png)
}

.background-select__background-selector.o__m4__background-4 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-4-9519354d07d9296867b58617e8fb8573.png)
}

.background-select__background-selector.o__m4__background-5 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-5-011ffee10ababae888ae0f4efc3e5661.png)
}

.background-select__background-selector.o__m4__background-6 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-6-7493b9afcbf63f1fe51bc5df19f109af.png)
}

.background-select__background-selector.o__m4__background-7 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-7-02c5d6d4abdf04ac81b743400fb86f1b.png)
}

.background-select__background-selector.o__m4__background-8 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-8-a925d8594054635b64d7e75ca49103aa.png)
}

.background-select__background-selector.o__m4__background-9 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-9-39c2aa42cd968e6bc3acc00c3717b7ff.png)
}

.background-select__background-selector.o__m4__background-10 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-10-8b7bf0f6679af7a02bb481327d03acb9.png)
}

.background-select__background-selector.o__m4__background-11 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-11-c7e2e660af06f295ad610300c460e8de.png)
}

.background-select__background-selector.o__m4__background-12 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-12-af02a6b72a3f8c5bdec31c21c8c99c6c.png)
}

.background-select__background-selector.o__m4__background-13 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-13-7966e12b520b63bcb8f46a0ee76ecc1b.png)
}

.background-select__background-selector.o__m4__background-14 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-14-0080054ba994daa604f80a11b3ab692f.png)
}

.background-select__background-selector.o__m4__background-15 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-15-f2eb9cbd4fdbb0aaa0f61dc2f2910e9d.png)
}

.background-select__background-selector.o__m4__background-16 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-16-1407ce5e3f9621a5d8828fda597cd8de.png)
}

.background-select__background-selector.o__m4__background-1,.background-select__background-selector.o__m4__background-11,.background-select__background-selector.o__m4__background-13,.background-select__background-selector.o__m4__background-15 {
    background-size: 500%
}

.background-select__background-selector.o__m4__background-10,.background-select__background-selector.o__m4__background-14,.background-select__background-selector.o__m4__background-2,.background-select__background-selector.o__m4__background-3,.background-select__background-selector.o__m4__background-9 {
    background-size: 400%
}

.background-select__background-selector.o__m4__background-16,.background-select__background-selector.o__m4__background-4,.background-select__background-selector.o__m4__background-5 {
    background-size: 300%
}

.background-select__background-selector.o__m4__background-6 {
    background-size: 200%
}

.background-select__background-selector.o__m4__background-7 {
    background-size: 50%
}

.background-select__background-selector.o__m4__background-8 {
    background-size: 700%
}

.background-select__background-selector.o__m4__background-12 {
    background-size: 100%
}

.educate__collection__list-wrapper {
    width: 100%;
    max-width: 1024px
}

.educate__collection__articles-list {
    padding-left: 0;
    min-height: 70px;
    background-color: transparent
}

.educate__collection__articles-list.o__empty {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.educate__collection__articles-sortable-area {
    padding-left: 0
}

.educate__collection__card__inner {
    padding: 20px 30px
}

.educate__collection__card__inner .text-muted.u__one-truncated-line {
    margin-top: 3px
}

.educate__collection__card__icon {
    stroke: var(--neutral-border-emphasis)
}

.educate__collection__card__icon img,.educate__collection__card__icon svg {
    width: 40px;
    height: 40px;
    display: block
}

.educate__collection__description__input,.educate__collection__name__input {
    max-width: 100%!important
}

.educate__draggable-handle {
    fill: rgba(0,0,0,.2);
    cursor: grab
}

.educate__draggable-handle.o__collection {
    height: 47px
}

.educate__draggable-handle:active {
    cursor: grabbing
}

.educate__main-collection__list {
    padding-left: 0;
    list-style-type: none;
    margin: 0
}

.educate__main-collection__list-item {
    cursor: pointer;
    margin-bottom: 10px;
    transition: box-shadow .15s
}

.educate__main-collection__list-item.o__drop-target {
    background-color: var(--neutral-container-emphasis);
    outline: 1px solid #4e92df
}

.educate__main-collection__list-item.o__drop-ghost {
    border: 1px dashed rgba(var(--neutral-container),.3);
    box-shadow: none!important;
    background: rgba(255,255,255,.2)
}

.educate__main-collection__list-item.o__drop-ghost * {
    visibility: hidden
}

.educate__section__section-item {
    width: 100%;
    list-style: none;
    margin-bottom: 10px
}

.educate__section__section-heading {
    background-color: var(--neutral-container);
    border: 1px solid rgba(0,0,0,.2);
    border-bottom: 0;
    min-height: 50px
}

.educate__section__section-heading-title {
    padding: 13px 15px;
    display: inline-block
}

.educate__section__section-heading__icon {
    padding: 0 2px;
    opacity: .4;
    color: var(--text-default);
    cursor: pointer;
    display: inline-block
}

.educate__section__section-heading__icon.o__rotate180 {
    transform: rotate(180deg)
}

.educate__section__section-heading__icon:hover {
    opacity: 1
}

.educate__section__section-heading__icon-group {
    display: none;
    padding-right: 20px
}

.educate__section__section-heading:hover .educate__section__section-heading__icon-group {
    display: block
}

.educate__icon-selector__popover {
    overflow-y: auto;
    width: 100%;
    max-width: 355px;
    min-width: 355px;
    height: 310px
}

.educate__icon-selector__scaled-btn {
    height: 48px;
    width: 48px;
    padding: 10px 16px
}

.educate__icon-selector__popover__panel {
    overflow: auto;
    height: 100%;
    padding: 5px 15px;
    text-align: left;
    cursor: auto
}

.educate__icon-selector__group-title {
    padding-left: 0
}

.educate__icon-selector__popover__icon {
    padding: 10px;
    border-radius: 2px
}

.educate__icon-selector__popover__icon:hover {
    stroke: var(--neutral-border);
    border-radius: 8px;
    background-color: var(--neutral-container)
}

.educate__icon-selector__internals {
    margin: -8px -12px;
    width: 40px;
    height: 40px
}

.educate__article__list__tbl__cell {
    padding: 15px 20px
}

.educate__article__list__item__author {
    font-size: 14px;
    line-height: 1.4;
    color: var(--text-muted)
}

.educate__article__list__article-card {
    background-color: var(--neutral-container);
    list-style: none;
    border: 1px solid rgba(0,0,0,.1);
    border-left: none;
    border-right: none;
    border-color: rgba(0,0,0,.1);
    border-bottom: 0;
    padding: 16px;
    min-height: 40px
}

.educate__article__list__article-card:not(.o__empty-section-indicator):last-child {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.educate__article__list__tbl__cell__one-line {
    white-space: nowrap
}

.educate__article__list__tbl__cell__auto-width {
    width: 1px;
    white-space: nowrap
}

.educate__article__list__article-title-cell {
    max-width: 500px
}

.educate__article__list__article-card.o__selected {
    background-color: var(--neutral-container-emphasis)
}

.educate__article__list__icon-buttons {
    visibility: hidden;
    color: var(--text-muted)
}

.educate__article-composer a,.educate__article__list__icon-buttons:hover {
    color: var(--text-link)
}

.educate__article__list__article-card:hover .educate__article__list__icon-buttons {
    visibility: visible
}

.educate__article__list__article-card.o__drop-ghost {
    border: 1px dashed rgba(var(--neutral-container),.3);
    box-shadow: none!important;
    background: rgba(255,255,255,.2)
}

.educate__article__list__article-card.o__drop-ghost * {
    visibility: hidden
}

.educate__article__list__article-card.o__empty-section-indicator {
    background-color: transparent;
    border: 1px dashed rgba(0,0,0,.2)
}

.educate__article__list__article-card.o__empty-section-indicator.o__drop-target {
    display: none
}

.educate__article__list__performance {
    border-right: 0;
    font-weight: 500
}

.educate__article__dialog {
    height: 600px
}

.educate__article__dialog__footer {
    background-color: var(--neutral-container);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.educate__article__editor__wrapper {
    border: rgba(0,0,0,.2) 1px solid;
    display: flex;
    background-color: var(--neutral-container);
    width: 100%;
    margin: auto
}

.side-bar-separator {
    border-left: thin solid #ebebeb
}

.version__history__diffing__seperator {
    border-bottom: thin solid #ebebeb;
    padding: 16px 24px
}

.educate__content__version__history {
    min-width: 340px
}

.educate__article__version__background-color {
    --tw-bg-opacity: 1;
    background-color: rgba(0,102,255,.05)
}

.educate__article__version__background-color-grey {
    --tw-bg-opacity: 1;
    background-color: rgba(0,0,0,.05)
}

.educate__article__editor__sidebar {
    width: 249px;
    background-color: var(--neutral-container);
    border-right: var(--neutral-border) 1px solid;
    padding: 15px 30px
}

.educate__article__editor__container,.educate__article__editor__summary__input {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale
}

.educate__article__editor__container {
    border: rgba(0,0,0,.2) 1px solid;
    border-radius: 7px;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.03);
    background-color: var(--neutral-container);
    margin: 20px auto;
    padding: 60px 130px
}

.educate__article__editor__summary__input {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    min-height: 20px;
    width: 100%;
    resize: none;
    color: var(--text-default);
    border-bottom: 1px solid transparent
}

.educate__article__editor__summary__input::placeholder,.educate__article__editor__title::placeholder {
    color: var(--text-muted);
    opacity: .7
}

.educate__article__editor__summary__input:focus {
    outline: 0;
    border-bottom: 1px dashed rgba(0,0,0,.2)
}

.educate__article__editor__summary__input:hover {
    border-bottom: 1px dashed rgba(0,0,0,.2)
}

.educate__article__editor__summary__remaining {
    visibility: hidden;
    float: right
}

.educate__article__editor__summary__remaining.o__active {
    visibility: visible;
    color: var(--text-muted)
}

.educate__article__editor__summary__remaining.o__over {
    color: var(--text-error)
}

.educate__article__editor__title {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid transparent;
    padding: 0;
    box-shadow: none;
    font-size: 32px;
    line-height: 130%;
    font-weight: 700;
    resize: none;
    overflow: hidden;
    width: 100%;
    color: var(--text-default)
}

.educate__article__editor__title:focus {
    outline: 0;
    border-bottom: 1px dashed rgba(0,0,0,.2)
}

.educate__article__editor__title:hover {
    border-bottom: 1px dashed rgba(0,0,0,.2)
}

.educate__article__editor__broken-link-dialog__contents {
    margin: 10px 0 15px
}

.educate__article__editor__broken-link-dialog__list {
    margin: 10px 0
}

.educate__article__editor__broken-link-dialog__others {
    margin-bottom: 10px
}

.educate__article__editor__visibility-selector>.ds-new__dropdown__opener {
    width: 100%
}

.educate__article__editor-and-error-banner-wrapper {
    width: 80%;
    max-width: 900px;
    margin: 20px auto;
    padding: 0 30px;
    position: relative
}

.educate__article__editor-and-error-banner-wrapper-multilingual {
    width: 640px;
    margin: 48px auto 0
}

.educate__article__show-wrapper {
    min-height: 460px
}

.educate__article__errors__info__container {
    padding: 20px 25px 0
}

.educate__article__table-row {
    min-height: 70px
}

.educate__article__state__badge {
    margin-left: 7px
}

.educate__article__wrapper {
    min-width: 500px;
    max-width: 900px;
    margin: 50px auto
}

.educate__article__wrapper.educate__article__wrapper-multilingual {
    width: 640px;
    margin: 0 auto 50px
}

.educate__article__wrapper-version-preview {
    max-width: 640px
}

.educate__article__wrapper.o__lightbox {
    margin: 0 auto
}

.educate__article {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    padding: 60px 130px;
    background-color: var(--neutral-container);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.03);
    overflow-y: auto;
    overflow-wrap: break-word;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap
}

.educate__article__no-box-shadow {
    box-shadow: none!important
}

.educate__article__overlay__version__viewer {
    background: unset;
    padding: unset;
    border-width: 0
}

.educate__article.o__lightbox {
    border: 0;
    max-width: 820px;
    height: 480px
}

@media (max-height: 800px) {
    .educate__article.o__lightbox {
        height:300px
    }
}

.educate__article__wrapper-multilingual:not(.o__lightbox) .educate__article {
    margin-top: 16px;
    padding: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0
}

.educate__article .embercom-composer-editor {
    min-height: 500px
}

.educate__article.o__lightbox .embercom-composer-editor {
    min-height: inherit
}

.educate__article__view__summary {
    font-size: 16px;
    line-height: 1.35;
    margin-bottom: 16px;
    color: var(--text-muted);
    word-wrap: break-word
}

.article__search__result__summary {
    font-size: 14px;
    font-weight: 400!important;
    color: var(--text-muted)
}

.educate__article__view__title {
    font-size: 32px;
    line-height: 130%;
    font-weight: 700
}

.educate__article__summary {
    font-size: 16px;
    line-height: 1.5;
    min-height: 30px;
    color: var(--text-muted)
}

.educate__article-composer {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 1.53;
    color: var(--text-default);
    margin-bottom: 80px
}

.educate__article-composer .sync,.educate__article-composer .sync td {
    border-width: 1px
}

.educate__article-composer>.intercom-interblocks {
    white-space: break-spaces
}

.educate__article-composer img:not(.inline-image) {
    height: auto;
    max-width: 100%;
    margin-bottom: 3px
}

.educate__article-composer ic-block[data-type=html] {
    padding-left: 3px;
    border-left: 3px solid var(--error-border);
    position: relative;
    left: -6px
}

.educate__article-composer a.intercom-h2b-button {
    display: inline-block;
    font-weight: 700;
    color: var(--text-on-neutral);
    background-color: var(--text-link);
    text-align: center;
    box-sizing: border-box;
    border-radius: 4px;
    border: 0;
    padding: 8px 40px;
    font-size: 17px;
    line-height: 1.4;
    text-decoration: none;
    margin-bottom: 17px
}

.educate__article-composer h1 {
    font-size: 24px;
    margin: 0 0 17px;
    line-height: 26px;
    font-weight: 600
}

.educate__article-composer h2,.educate__article-composer h3 {
    font-size: 20px;
    margin: 0 0 15px;
    font-weight: 600;
    line-height: 26px
}

.educate__article-composer h3 {
    font-size: 18px;
    line-height: 24px
}

.educate__article-composer h4 {
    font-size: 16px;
    font-weight: 590;
    margin: 1.2em 0 .8em;
    line-height: 24px
}

.educate__article-composer p {
    line-height: 1.53;
    margin-bottom: 17px
}

.educate__article-composer small {
    margin-bottom: 17px
}

.educate__article-composer hr {
    display: block;
    height: 3px;
    border-radius: 3px;
    background: var(--neutral-border);
    border: 0;
    margin: 1em 0
}

.educate__article-composer .intercom-interblocks-paragraph.no-margin p {
    min-height: 1.53em;
    margin-bottom: 0
}

.educate__article-composer .intercom-interblocks-paragraph a {
    overflow-wrap: break-word
}

.educate__article-composer .intercom-interblocks-code,.educate__article-composer code {
    padding: .2em 0;
    margin: 0;
    font-size: 85%;
    background-color: var(--neutral-container);
    border-radius: 3px
}

.educate__article-composer .intercom-interblocks-code {
    padding: 16px;
    margin: 1em 0;
    overflow: auto;
    line-height: 1.45
}

.educate__article-composer ol,.educate__article-composer ul {
    padding-left: 16px
}

.educate__article-composer li {
    line-height: 1.53;
    margin-left: 15px
}

.educate__article-composer li>.intercom-interblocks-button:first-child,.educate__article-composer li>.intercom-interblocks-image:first-child,.educate__article-composer li>.intercom-interblocks-video:first-child {
    display: inline-block;
    vertical-align: top
}

.educate__article-composer li>.intercom-interblocks-code:first-child,.educate__article-composer li>pre:first-child {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 32px)
}

.educate__article-composer li>.intercom-interblocks-horizontal-rule:first-child,.educate__article-composer li>hr:first-child {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.educate__article-composer li>.embercom-prosemirror-composer-video:first-child,.educate__article-composer li>.intercom-interblocks-video:first-child {
    width: 100%
}

.educate__article-composer li .intercom-h2b-button,.educate__article-composer li iframe[src*="guideflow.com"],.educate__article-composer li iframe[src*="loom.com"],.educate__article-composer li iframe[src*="supademo.com"],.educate__article-composer li iframe[src*="vidyard.com"],.educate__article-composer li iframe[src*="vimeo.com"],.educate__article-composer li iframe[src*="wistia.net"],.educate__article-composer li iframe[src*="youtube.com"] {
    margin-bottom: 0
}

.educate__article-composer .embercom-prosemirror-composer-editor ol p,.educate__article-composer .embercom-prosemirror-composer-editor ul p,.educate__article-composer li .intercom-interblocks-code,.educate__article-composer li hr,.educate__article-composer li pre,div.intercom-interblocks-div.intercom-unsupported-element p {
    margin: 0
}

.educate__article-composer ul>li,.educate__article-composer ul>li ul>li ul>li ul>li,.educate__article-composer ul>li ul>li ul>li ul>li ul>li ul>li ul>li {
    list-style-type: disc
}

.educate__article-composer ul>li ul>li,.educate__article-composer ul>li ul>li ul>li ul>li ul>li,.educate__article-composer ul>li ul>li ul>li ul>li ul>li ul>li ul>li ul>li {
    list-style-type: circle
}

.educate__article-composer ul>li ul>li ul>li,.educate__article-composer ul>li ul>li ul>li ul>li ul>li ul>li,.educate__article-composer ul>li ul>li ul>li ul>li ul>li ul>li ul>li ul>li ul>li {
    list-style-type: square
}

.educate__article-composer ol>li,.educate__article-composer ol>li ol>li ol>li ol>li,.educate__article-composer ol>li ol>li ol>li ol>li ol>li ol>li ol>li {
    list-style-type: decimal
}

.educate__article-composer ol>li ol>li,.educate__article-composer ol>li ol>li ol>li ol>li ol>li,.educate__article-composer ol>li ol>li ol>li ol>li ol>li ol>li ol>li ol>li {
    list-style-type: lower-latin
}

.educate__article-composer ol>li ol>li ol>li,.educate__article-composer ol>li ol>li ol>li ol>li ol>li ol>li,.educate__article-composer ol>li ol>li ol>li ol>li ol>li ol>li ol>li ol>li ol>li {
    list-style-type: lower-roman
}

.educate__article-composer pre.code {
    overflow: auto
}

.educate__article-composer iframe[src*="guideflow.com"],.educate__article-composer iframe[src*="loom.com"],.educate__article-composer iframe[src*="supademo.com"],.educate__article-composer iframe[src*="vidyard.com"],.educate__article-composer iframe[src*="vimeo.com"],.educate__article-composer iframe[src*="wistia.net"],.educate__article-composer iframe[src*="youtube.com"] {
    width: 100%;
    height: 360px;
    margin-bottom: 40px
}

.educate__article-composer .embercom-composer-placeholder {
    top: 0;
    left: 0
}

.educate__article-composer .embercom-prosemirror-composer-editor p {
    margin-top: 0;
    margin-bottom: 0;
    min-height: 1.53em
}

.educate__article-composer .embercom-prosemirror-composer-editor pre,.educate__article-composer pre.code {
    padding: 16px;
    font-size: 85%;
    line-height: 1.45;
    background-color: var(--neutral-container);
    border-radius: 3px
}

.educate__article-composer .embercom-prosemirror-composer-editor .intercom-interblocks-align-left .intercom-h2b-button {
    margin-left: 0!important
}

.educate__article-composer .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted)
}

.educate__article-composer .embercom-diffing-difference {
    background: var(--error-container)
}

.educate__article-composer .embercom-prosemirror-composer-diffing-insertion {
    background: var(--success-container)
}

.educate__article-composer .embercom-prosemirror-composer-diffing-deletion {
    background: var(--error-container);
    text-decoration: line-through
}

div.intercom-interblocks-div.intercom-unsupported-element {
    border: var(--error-border);
    border-style: dotted;
    background: var(--error-container);
    padding: 30px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px
}

.educate__settings__preview__header {
    color: var(--text-on-neutral);
    padding: 35px 0;
    flex: none;
    position: relative;
    z-index: 10;
    background-size: cover;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    background-position: 50%;
    border-top: 1px solid var(--neutral-border)
}

.educate__settings__preview__container {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    font-size: 16px
}

.educate__settings__preview__header__container {
    display: flex;
    align-items: center
}

.educate__settings__preview__content {
    max-width: 80%;
    width: 900px;
    margin-left: auto;
    margin-right: auto
}

.educate__settings__preview__header__wrapper {
    margin-bottom: 15px
}

.educate__settings__preview__header__title {
    font-weight: 600
}

.educate__settings__preview__header__logo {
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    font-weight: 500;
    position: relative;
    z-index: 2
}

.educate__settings__preview__header__logo:hover {
    cursor: default
}

.educate__settings__preview__header__img {
    max-height: 35px;
    max-width: 360px
}

.educate__settings__preview__header__img.text-white {
    color: var(--text-on-neutral)
}

.educate__settings__preview__header__headline {
    font-size: 28px;
    font-weight: 300;
    margin: 0 0 27px;
    color: inherit;
    line-height: 1
}

.educate__settings__preview__search__input {
    padding: 15px 0 15px 20px;
    background: rgba(255,255,255,.2);
    border: 0;
    outline: 0;
    font-size: 18px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.03)
}

.educate__settings__preview__search__submit {
    width: 25px;
    height: 25px;
    border: 0;
    background: 0 0;
    position: absolute;
    top: 50%;
    right: 19px;
    margin-top: -13px;
    outline: 0;
    cursor: pointer
}

.educate__settings__preview__search__page-content {
    flex: 1 0 auto;
    background-color: #f3f5f7
}

.educate__settings__preview__paper {
    background-color: var(--neutral-container);
    border-radius: 4px;
    padding: 30px;
    z-index: 3;
    text-decoration: none;
    overflow: hidden;
    flex-direction: column;
    outline: 0;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.03);
    border: 1px solid transparent;
    transition: border .15s linear,transform .15s linear,background-color .15s linear,box-shadow .15s linear,opacity .15s linear
}

.educate__settings__preview__paper:hover {
    cursor: default;
    border: 1px solid rgba(136,149,162,.2);
    background-color: #fcfcfc
}

.educate__settings__preview__paper,.educate__settings__preview__paper__stack {
    position: relative;
    display: flex;
    width: 100%
}

.educate__settings__preview__collection {
    position: relative;
    padding-left: 150px
}

.educate__settings__preview__collection__photo {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100%
}

.educate__settings__preview__collection__photo svg {
    width: 48px;
    height: 48px;
    stroke: #818a97
}

.educate__settings__preview__collection__photo [fill^="#"] {
    fill: #818a97
}

.educate__settings__preview__search__input svg {
    width: 32px!important;
    height: 32px!important;
    margin-right: 10px
}

.educate__settings__preview__article__title {
    margin: -5px 0 2px;
    font-size: 18px;
    line-height: 1.24;
    display: block;
    font-weight: 400
}

.educate__settings__preview__paper__preview {
    margin: 5px 0 11px;
    text-decoration: none;
    display: block;
    max-width: 630px;
    line-height: 1.4
}

.educate__settings__preview__avatar__preview {
    display: flex;
    align-content: center;
    font-size: 13px;
    color: var(--text-muted);
    margin-top: 4px
}

.educate__settings__preview__avatar__preview__photo {
    margin-right: 10px;
    flex-shrink: 0
}

.educate__settings__preview__avatar__preview__info,.educate__settings__preview__avatar__preview__photo {
    display: flex;
    align-items: center;
    line-height: 1.4
}

.educate__settings__preview__c__darker {
    color: #4f5e6b
}

.educate__settings__preview__chrome__header {
    flex: none;
    position: relative;
    z-index: 10;
    background-size: cover;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    background-position: 50%
}

.educate__settings__preview__chrome__header__img {
    width: 100%;
    height: auto
}

.educate__settings__preview__chrome__browser {
    border: 1px solid var(--neutral-border)
}

.educate__settings__preview__preview-on-laft-nav-wrapper {
    flex-grow: 1;
    background-color: var(--neutral-container);
    display: flex;
    justify-content: center;
    align-items: start;
    box-sizing: border-box;
    border-left: 1px solid var(--neutral-border)
}

.educate__settings__preview__footer {
    background: var(--neutral-container);
    color: var(--text-muted);
    padding: 30px 0;
    flex: none;
    position: relative
}

.educate__settings__preview__footer__link {
    text-decoration: none
}

.educate__settings__preview__footer__wrapper {
    margin-bottom: 25px
}

.educate__settings__preview__footer__logo {
    font-size: 16px;
    text-decoration: none;
    position: relative;
    z-index: 2;
    height: 35px;
    text-align: center;
    vertical-align: middle
}

.educate__settings__preview__footer__logo:hover {
    cursor: default
}

.educate__settings__preview__footer__img {
    max-height: 32px;
    filter: grayscale(100%) contrast(80%)
}

.educate__settings__preview__footer__link-list {
    padding: 0;
    text-align: center;
    font-size: 13px
}

.educate__settings__preview__footer__link__custom__item {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    list-style-type: none
}

.help-center-settings__layout-order-items .sortable-item {
    transition: transform .125s
}

.help-center-settings__layout-order-items .sortable-item>div {
    margin-top: -1px
}

.help-center-link-editor .sortable-item.is-dragging,.help-center-settings__layout-order-items .sortable-item.is-dragging {
    position: relative;
    z-index: 1000;
    cursor: grabbing
}

.help-center-settings__layout-order-items .sortable-item.is-dragging .help-center-settings__layout-order__sortable-button {
    cursor: grabbing
}

.help-center-settings__layout-order__sortable-button {
    cursor: grab
}

@media screen and (max-width: 1250px) {
    .educate__settings__redesign__preview__container {
        display:none
    }

    .educate__settings__redesign__settings__container {
        width: 100%
    }
}

.educate__settings__image-upload__image {
    margin: 0;
    display: flex
}

.educate__settings__image-upload__image.o__favicon {
    max-width: 50px;
    max-height: 50px;
    background-color: var(--neutral-container);
    display: flex
}

.educate__settings__control-pane {
    min-width: 350px;
    display: flex
}

.educate__settings__card {
    padding: 0 10px 10px 0;
    width: 350px
}

.educate__settings__card .cancel:hover {
    color: var(--text-link);
    opacity: 1
}

.educate__settings__header-text__input {
    width: 100%;
    resize: none
}

.educate__settings__header-text__remaining {
    visibility: hidden;
    float: right
}

.educate__settings__header-text__remaining.o__active {
    color: var(--text-muted);
    visibility: visible
}

.educate__settings__header-text__remaining.o__over {
    color: var(--text-error)
}

.educate__settings__languages__preview {
    height: 233px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2)
}

.educate__settings__languages__preview__img {
    width: 450px;
    height: 233px
}

.educate__settings__image__controls {
    max-width: 100%;
    max-height: 200px;
    display: flex;
    cursor: pointer
}

.educate__settings__image__controls.o__favicon {
    max-width: 50px;
    max-height: 50px;
    background-color: var(--neutral-container);
    display: flex
}

.educate__settings__hovercard [fill^="#"] {
    fill: #6b7b84
}

.educate__settings__upload {
    background-color: var(--neutral-container);
    border: 1px dashed var(--neutral-border);
    color: var(--text-default);
    border-color: rgba(0,0,0,.1);
    border-radius: 4px;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    padding: 0 10px
}

.educate__settings__upload:hover {
    background-color: var(--neutral-container-emphasis);
    color: var(--text-link);
    border-color: var(--neutral-border)
}

.educate__settings__upload__icon {
    color: inherit;
    padding-right: 10px
}

.educate__settings__language__input,.educate__settings__prefixed__input.o__accordion {
    width: 100%
}

.educate__settings__languages__language-list .ds-new__table__cell:last-child .ds-new__table__cell-shim {
    margin-right: 0
}

.educate__settings__languages__menu-placeholder {
    width: 44px
}

.educate__settings__prefixed__input {
    width: 65%;
    border-radius: 0 4px 4px 0
}

.educate__settings__prefixed__input__prefix {
    border: 1px solid rgba(0,0,0,.2);
    background-color: var(--neutral-container);
    color: var(--text-muted);
    border-radius: 2px 0 0 2px;
    margin: 0;
    padding: 5px 10px;
    border-right: 0
}

.educate__settings__prefixed__input__prefix.o__accordion {
    width: 125px
}

.educate__settings__identifier__input {
    max-width: 558px
}

.educate__settings__footerlink__title {
    width: 118px
}

.educate__settings__footerlink__url {
    width: 148px
}

.educate__settings__login__title {
    width: 120px
}

.educate__settings__login__title.o__accordion {
    width: 200px
}

.educate__settings__login__url {
    width: 150px
}

.educate__settings__login__url.o__accordion {
    width: 348px
}

.educate__settings__confirmation-modal-text {
    text-align: center
}

.educate__author-select__caret {
    top: 0;
    right: -15px;
    opacity: 1;
    color: var(--text-muted)
}

.educate__author-select.o__opened .educate__author-select__caret,.educate__author-select__box:hover .educate__author-select__caret {
    color: var(--text-default)
}

.educate__header__collection-name {
    padding-left: 31px
}

.educate__detail__input {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid transparent;
    box-shadow: none!important;
    padding: 1px 0
}

.educate__detail__input::placeholder {
    font-style: italic;
    opacity: .6
}

.educate__detail__input:focus {
    outline: 0
}

.educate__detail__input:focus,.educate__detail__input:hover {
    border-bottom: 1px dashed rgba(0,0,0,.2)
}

.educate__icon {
    display: inline-block;
    cursor: pointer;
    vertical-align: text-bottom
}

.educate__icon,.educate__icon.o__deemphasized {
    stroke: var(--neutral-border-emphasis)
}

.educate__icon img,.educate__icon svg {
    display: block;
    margin: 0 auto;
    width: 32px;
    height: 32px
}

.educate__icon.o__16 img,.educate__icon.o__16 svg {
    width: 16px;
    height: 16px;
    padding: 0;
    margin-top: .1em
}

.educate__article-list__section__article-count {
    padding-left: 4px
}

.educate__closed__conversation-container {
    width: 700px;
    margin: 0 auto
}

.educate__article-show__header-attribute {
    width: 70px
}

.educate__article-collection-icon {
    width: 26px;
    height: 26px;
    margin: 7px
}

.educate__article-collection-icon.scaled {
    width: 32px;
    height: 32px
}

.article-suggestion-card {
    margin: 0 3px;
    min-height: 50px;
    top: 0;
    transition: background-color .25s,margin .25s,height .25s,box-shadow .25s;
    cursor: pointer;
    overflow: hidden;
    background-color: var(--neutral-container);
    border-color: rgba(0,0,0,.2);
    border-radius: 6px
}

.article-suggestion-card:hover {
    box-shadow: 0 1px 3px rgba(35,55,86,.1)
}

.article-suggestion-card.o__collapsed {
    height: 50px
}

.article-suggestion-card.o__paywalled {
    height: 120px;
    margin: 4px;
    width: 48%;
    align-self: flex-start
}

.article-suggestion-card.o__above-controls {
    display: inline-block;
    width: calc(33.3% - 6px)
}

.article-suggestion-card.o__expanded {
    background-color: var(--neutral-container)
}

.article-suggestion-card__content {
    padding: 8px 16px;
    display: flex;
    flex-direction: column
}

.article-suggestion-card__content-opaque {
    margin: 5px;
    border: 1px solid var(--neutral-border);
    border-radius: 6px;
    width: 45%;
    padding: 5px
}

.article-suggestion-card__content.o__fixed-height {
    height: 98px
}

.article-suggestion-card__content.o__expanded {
    padding: 14px 16px 8px
}

.article-suggestion-card__body {
    opacity: 0;
    color: var(--text-muted);
    transition: opacity .25s
}

.article-suggestion-card__body.o__expanded {
    opacity: 1;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.article-suggestion-card__summary {
    color: var(--text-default);
    margin-bottom: 8px;
    line-height: 16px
}

.article-suggestion-card__summary-opaque {
    background-color: var(--neutral-container);
    width: 180px;
    height: 10px;
    margin: 0 5px 5px
}

.article-suggestion-card__summary-opaque.o__short {
    width: 150px
}

.article-suggestion-card__author-opaque {
    margin: 10px 5px 5px;
    display: flex
}

.article-suggestion-card__author-avatar {
    margin-right: 6px
}

.article-suggestion-card__author-avatar-opaque {
    background-color: var(--neutral-container);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    opacity: 1
}

.article-suggestion-card__author-name-opaque {
    background-color: var(--neutral-container);
    width: 75px;
    height: 10px;
    margin: 2px 5px 5px;
    opacity: 1
}

.article-suggestion-card__author {
    font-size: 12px;
    margin-top: auto;
    color: var(--text-default)
}

.article-suggestion-card__title {
    color: var(--text-link);
    margin-bottom: 8px;
    line-height: 16px;
    font-size: 13px;
    font-weight: 500;
    opacity: .75
}

.article-suggestion-card__title.o__expanded {
    opacity: 1
}

.article-suggestion-card__title-opaque {
    background-color: var(--neutral-container);
    width: 180px;
    height: 12px;
    margin: 0 5px 5px
}

.article-suggestion-card__title-opaque.o__short {
    width: 80px
}

.article-suggestion-card__button {
    font-weight: 500;
    color: var(--text-muted)
}

.article-suggestion-card__restricted-button svg {
    color: var(--text-muted)!important
}

.article-suggestion-card__button,.article-suggestion-card__restricted-button {
    border-top-color: var(--neutral-border);
    border-top-style: solid;
    border-top-width: 1px;
    background-color: var(--neutral-container);
    border-radius: 0 0 4px 4px;
    height: 40px
}

.article-suggestion-card__author img {
    border-radius: 50%
}

.article-suggestion-card:hover .article-suggestion-card__button:hover {
    background-color: var(--beta-fill-emphasis);
    color: var(--text-on-neutral)
}

.article-suggestion-card:hover .article-suggestion-card__button {
    background-color: var(--beta-fill);
    color: var(--text-on-neutral)
}

.cda__onboarding__cda-list {
    margin: -15px
}

.cda__onboarding__cda-list__cell {
    padding: 5px 5px 5px 15px
}

.cda__onboarding__add-sample,.operator__settings__ai-disclosure-banner-tooltip-message a {
    color: var(--text-link);
    text-decoration: none
}

.cda__onboarding__view-sample {
    color: var(--text-link)
}

.cda__onboarding__cda-list__cell.o__display {
    border: 1px solid var(--neutral-border);
    height: 40px
}

.cda__onboarding__cda-list__cell.o__name {
    width: 250px
}

.cda__onboarding__cda-list__cell.o__type {
    width: 200px;
    padding-right: 15px
}

.cda__onboarding__cda-list__cell.o__display.o__name {
    width: 194px
}

.cda__onboarding__cda-list__cell.o__display.o__type {
    width: 84px
}

.cda__onboarding__cda-list__cell.o__display.o__add {
    width: 132px
}

#conversational-live-preview-mount iframe,.boot-error {
    height: 100%;
    width: 100%
}

.boot-error__heading {
    font-weight: 400;
    font-size: 1.9em;
    line-height: 1.2em;
    max-width: 300px
}

.boot-error__body,.boot-error__heading {
    color: var(--text-muted)
}

.feed__see-updates-button {
    background-color: var(--neutral-container-emphasis);
    cursor: pointer;
    font-weight: 500;
    padding-top: 8px;
    padding-bottom: 8px
}

.feed__date-ago-header__container {
    width: 100px;
    margin-right: 20px;
    margin-left: -120px
}

.feed__date-ago-card__container {
    max-width: 100%;
    width: 638px
}

.feed__date-ago-header {
    text-align: center;
    height: 0
}

.feed__date-ago-header__date,.feed__date-ago-header__day {
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    color: var(--text-muted)
}

.tagger__holder {
    padding-left: 40px;
    border: 1px solid var(--neutral-border);
    margin-bottom: 8px;
    border-radius: 8px
}

.tagger__holder:hover {
    border: 1px solid var(--accent-border-emphasis)
}

.tagger__holder:focus-within {
    border: 1px solid var(--accent-border-emphasis);
    outline: 1px solid var(--accent-border-emphasis)
}

.tagger__holder__pill {
    margin: 5px 10px 5px 0
}

.tagger__search-icon {
    margin: 7px 5px 7px 11px;
    color: var(--text-muted)
}

.tagger__pill {
    margin-bottom: 5px;
    margin-top: 5px
}

.tagger__list {
    height: 300px;
    min-height: 100px;
    overflow: auto
}

.tagger__search-input {
    max-width: 0;
    min-width: 100px;
    width: 100%;
    padding: 7px 0;
    border: 0;
    line-height: 20px;
    background: unset
}

.tagger__search-input:focus {
    outline: 0
}

.tagger__search-input::placeholder {
    color: var(--text-muted)
}

.nav__search {
    position: relative;
    width: 300px
}

.nav__search__input__icon {
    position: absolute;
    top: 6px;
    left: 10px;
    z-index: 5
}

.nav__search__input {
    box-sizing: border-box;
    width: 100%;
    padding: 6px 32px 6px 36px;
    line-height: 20px;
    background-color: transparent;
    border-width: 0;
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    color: var(--text-on-neutral)
}

.nav__search__input.o__with-full-backing {
    outline: 0;
    color: var(--text-default)
}

.intercom-interblocks-messenger-card .intercom-card-component.input-component input::-webkit-input-placeholder,.nav-vertical__search__input::-webkit-input-placeholder,.nav__search__input.o__with-full-backing::-webkit-input-placeholder,.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.input-component input::-webkit-input-placeholder {
    color: var(--text-muted)
}

.nav__search__input.o__with-full-backing::-moz-placeholder {
    color: var(--text-muted);
    opacity: 1
}

.nav__search__input.o__with-full-backing:-ms-input-placeholder {
    color: var(--text-muted)
}

.nav__search__clear-text__icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    padding: 6px 8px;
    z-index: 7;
    color: grey
}

.nav__search__clear-text__icon:hover {
    opacity: 1
}

.nav__search__backing {
    background-color: var(--neutral-container);
    box-shadow: 0 0 1px 1px rgba(var(--neutral-fill),.1);
    border-radius: 3px;
    width: 100%;
    z-index: 4;
    position: absolute;
    left: 0;
    top: 0;
    padding: 32px 0 0;
    opacity: .2
}

.nav__search__input__wrapper:hover .nav__search__backing {
    opacity: .3
}

.nav__search__backing.o__opened {
    box-shadow: 0 4px 15px 0 rgba(var(--neutral-fill),.1),0 0 1px 1px rgba(var(--neutral-fill),.1)
}

.nav__search__backing.o__with-full-backing,.nav__search__input__wrapper:hover .nav__search__backing.o__with-full-backing {
    opacity: 1
}

.nav__search__result__list {
    box-sizing: border-box;
    border-top: 1px solid var(--neutral-border);
    padding: 9px 0;
    max-height: 228px;
    overflow: auto
}

.nav__search__result__type {
    color: var(--text-muted)
}

.nav__search__toggle-expanded-view {
    color: var(--text-on-neutral);
    padding: 6px 8px;
    display: none
}

.nav__search__toggle-expanded-view:hover {
    background: rgba(var(--neutral-border),.5);
    opacity: 1;
    border-radius: 3px
}

.nav__search__input__wrapper.o__inactive,.nav__search__toggle-expanded-view.o__inactive {
    pointer-events: none;
    opacity: .2
}

.nav__search__background-blocker {
    background: linear-gradient(90deg,rgba(var(--beta-fill),.7),var(--beta-fill))
}

.nav__search__collapsed.o__expanded-view {
    width: 300px
}

.nav__search__collapsed {
    width: auto
}

.nav__search__collapsed .nav__search__background-blocker.o__expanded-view,.nav__search__collapsed .nav__search__input__wrapper.o__expanded-view,.nav__search__collapsed .nav__search__toggle-expanded-view {
    display: block
}

.nav__search__collapsed .nav__search__background-blocker {
    position: fixed;
    z-index: 2;
    top: 0;
    height: 50px;
    right: 0;
    left: 0;
    display: none
}

.nav__search__collapsed .nav__search__input__wrapper {
    position: absolute;
    display: none;
    right: 0;
    top: 0;
    width: 300px;
    z-index: 3
}

.nav__label {
    color: var(--text-on-neutral);
    font-size: 20px;
    font-weight: 400;
    padding: 5px 22px 5px 11px;
    float: left;
    pointer-events: none;
    position: relative;
    z-index: 3
}

.nav__link {
    padding: 6px 10px;
    margin: 0 10px 0 0;
    border-radius: 3px
}

.nav__link.o__sub-nav {
    opacity: .7
}

.nav__link.o__selected.o__sub-nav,.nav__link.o__sub-nav:hover {
    opacity: 1
}

.nav__link__unavailable {
    pointer-events: none;
    opacity: .2
}

.nav__link.o__selected {
    border-radius: 3px
}

.nav__link.o__contains-avatar {
    padding-left: 4px
}

.nav__counter-text {
    opacity: .8;
    font-size: 14px;
    font-weight: 400
}

.nav__link-badge {
    margin-right: -4px
}

.nav__link__inbox-view-icon {
    min-width: 19px
}

.nav__link__drag,.nav__link__text__inbox-name {
    padding-left: 8px
}

.nav__link__draggable:hover .nav__link__drag-hover {
    display: inline
}

.nav__link__drag-hover,.nav__link__draggable:hover .nav__link__drag-default,.nav__link__inbox-view-icon-hover,.nav__link__visibility-hover,.nav__link__visibility:hover .nav__link__visibility-default {
    display: none
}

.nav__link__visibility:hover .nav__link__visibility-hover {
    display: inline
}

.nav__link__inbox-link {
    text-decoration: none;
    flex-grow: 1;
    min-width: 0
}

.nav__link__draggable,.nav__link__draggable .nav__link__inbox-link {
    cursor: grab
}

.nav__link__draggable:active,.nav__link__draggable:active .nav__link__inbox-link {
    cursor: grabbing
}

.submenu {
    z-index: 3000
}

.nav__module {
    will-change: width;
    transition: width 80ms cubic-bezier(.71,0,.17,1)
}

.nav__module:not(.o__pinned).o__expanded,.nav__module:not(.o__pinned):not(.o__fully-collapsed) {
    background-color: var(--base-module-subtle);
    box-shadow: var(--shadow-lvl-2),0 0 0 1px var(--neutral-border);
    z-index: 5000
}

.nav-bar-paywall-badge-icon svg {
    color: var(--text-default)
}

.nav-bar-paywall-badge {
    background-color: var(--paywall-fill)
}

.nav-bar-paywall-badge .interface-icon {
    height: 14px
}

.nav-bar-paywall-badge .upgrade-label {
    margin-left: 1px;
    margin-right: 2px
}

.nav-vertical__search {
    padding: 17px 15px 16px;
    height: 32px;
    border-radius: 6px
}

.nav-vertical__search.o__updated {
    padding: 0;
    border-bottom: 0
}

.nav-vertical__search,.nav-vertical__search__wrapper {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.knowledge-hub__article__search .nav-vertical__search__wrapper__with-prefix {
    width: 420px
}

.nav-vertical__search__wrapper__with-prefix {
    width: 260px
}

.nav-vertical__search__wrapper__with-prefix .nav-vertical__search__input__icon {
    background-color: var(--neutral-container);
    top: 0;
    left: 0;
    padding: 6px 8px;
    z-index: 6;
    border-top-left-radius: var(--border-radius-full);
    border-bottom-left-radius: var(--border-radius-full)
}

.nav-vertical__search__wrapper__with-prefix .interface-icon {
    margin-right: 0!important
}

.nav-vertical__search__wrapper__with-prefix .nav-vertical__search__input {
    border-color: var(--neutral-border);
    padding-left: 40px!important
}

.nav-vertical__search__back__button {
    height: 32px
}

.nav-vertical__search__input {
    box-sizing: border-box;
    width: 100%;
    padding: 5px 32px 5px 17px;
    line-height: 20px;
    background-color: transparent;
    border: 1px solid var(--neutral-border);
    border-radius: var(--border-radius-full);
    appearance: none;
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    outline: 0;
    color: var(--text-default)
}

.nav-vertical__search__input:hover {
    border-color: var(--neutral-border-emphasis)
}

.nav-vertical__search__input.o__focus,.nav-vertical__search__input:focus {
    border-color: var(--neutral-border-emphasis);
    outline: 1px solid var(--neutral-border-emphasis)
}

.nav-vertical__search__input::-moz-placeholder {
    color: var(--text-muted)
}

.nav-vertical__search__input:-ms-input-placeholder {
    color: var(--text-muted)
}

.nav-vertical__search__input__icon {
    position: absolute;
    top: 6px;
    left: 10px;
    z-index: 7
}

.nav-vertical__search__clear-text__icon,.nav-vertical__search__reset-search__icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    padding: 6px 8px;
    z-index: 7;
    color: var(--text-muted)
}

.nav-vertical__search__clear-text__icon:hover {
    color: var(--text-muted);
    opacity: 1
}

.nav-vertical__search__reset-search__icon {
    height: 29px;
    margin: 1px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    padding: 5px 8px;
    background: linear-gradient(to left,#fff 70%,rgba(255,255,255,0))
}

.nav-vertical__search__reset-search__icon:hover {
    color: var(--text-link);
    opacity: 1
}

.nav-vertical__search__backing {
    background-color: var(--base-module);
    border: 1px solid var(--neutral-border);
    border-radius: var(--border-radius-large);
    width: 100%;
    z-index: 4;
    position: absolute;
    left: 0;
    top: 0;
    padding: 30px 0 0;
    box-sizing: border-box;
    display: block
}

.nav-vertical__search__backing.o__opened {
    display: block
}

.nav-vertical__search__result__list {
    box-sizing: border-box;
    padding: 9px 0;
    max-height: 228px;
    overflow: auto
}

.nav-vertical__search__result__list.o__inbox-search {
    max-height: 600px
}

.nav-vertical__search__result__type {
    color: var(--text-muted)
}

.nav-vertical__search__input__wrapper {
    position: relative
}

.nav-vertical__search__input__wrapper.o__inactive {
    pointer-events: none;
    opacity: .2
}

.nav-vertical__search__icon-standin-for-avatar {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    text-align: center;
    display: inline-block;
    vertical-align: bottom
}

.nav-vertical,.nav-vertical__link.o__selected {
    background-color: var(--neutral-container)
}

.nav-vertical__link {
    display: block;
    height: 32px;
    box-sizing: border-box;
    padding: 8px 12px;
    text-decoration: none;
    color: var(--text-default);
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    opacity: 1;
    flex-grow: 1;
    border-radius: 8px
}

.nav-vertical__link.o__selected {
    color: var(--text-default);
    font-weight: 600
}

.nav-vertical__link:last-child {
    margin-bottom: 0
}

.nav-vertical__link.o__primary {
    font-weight: 500
}

.nav-vertical__link.o__contains-avatar,.nav-vertical__link.o__for-inbox {
    overflow: hidden
}

.nav-vertical__link .avatar {
    opacity: .7
}

.nav-vertical__link:hover .avatar {
    opacity: 1
}

.nav-vertical__filter__text__input {
    border-radius: 6px
}

.nav-vertical__filter__input__wrapper {
    position: relative;
    margin-right: 8px
}

.nav-vertical__filter__input__icon {
    position: absolute;
    top: 16px;
    left: 10px;
    z-index: 5;
    color: var(--text-muted)
}

.nav-vertical__filter__clear-text__icon {
    position: absolute;
    right: 0;
    top: 10px;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    padding: 6px 8px;
    z-index: 7;
    color: var(--text-muted)
}

.nav-vertical__settings-icon {
    color: var(--text-muted)
}

.nav-vertical__link.ember-transitioning-out {
    font-weight: 400
}

.nav-vertical__link.ember-transitioning-in,.nav-vertical__link.ember-transitioning-in:hover,.nav-vertical__link.o__selected:not(.ember-transitioning-out):hover,.nav-vertical__link:hover,.nav-vertical__settings-icon:hover {
    background-color: var(--neutral-container-emphasis)
}

.nav-vertical__link.ember-transitioning-in.o__primary {
    color: var(--text-default)
}

.nav-vertical__link.ember-transitioning-in .submenu__sections__section__items__item__count,.nav-vertical__link.o__selected:not(.ember-transitioning-out) .submenu__sections__section__items__item__count {
    opacity: 1
}

.nav-vertical__link .avatar__container.o__xs {
    line-height: inherit;
    padding-left: 19px
}

.nav-vertical__link:not(.nav__link__draggable):hover .nav__link__inbox-view-icon-default {
    display: none
}

.nav-vertical__link:not(.nav__link__draggable):hover .nav__link__inbox-view-icon-hover {
    display: inline
}

.nav-vertical__link:not(.nav__link__draggable):hover .nav__link__inbox-view-icon.avatar__container.o__xs {
    padding-left: 0
}

.nav-vertical__draggable-item {
    background-color: var(--neutral-container);
    position: relative;
    transition: transform .15s
}

.nav-vertical__draggable-item.is-dragging {
    z-index: 100;
    transition: none;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1)
}

.template-dropdown {
    width: 352px;
    max-height: 370px;
    padding: 0
}

.template-dropdown__card {
    margin: 5px 0 5px 10px;
    border-radius: 2px;
    max-width: calc(100% - 10px)
}

.template-dropdown__card.o__selected {
    border-color: var(--neutral-border-emphasis)
}

.template-dropdown__card__inner {
    border-top: 1px solid rgba(0,0,0,.2);
    padding: 2px 4px 2px 10px;
    display: flex
}

.template-dropdown__card__inner.o__selected {
    border-color: var(--neutral-border-emphasis);
    background-color: var(--beta-fill-emphasis)
}

.template-dropdown__preview-container {
    height: 105px;
    overflow: hidden
}

.template-dropdown__preview {
    pointer-events: none;
    width: 318%;
    height: 333px;
    transform: scale(.315);
    transform-origin: 0 0
}

.template-dropdown__name {
    flex-grow: 1
}

.replies__card__inner {
    display: flex;
    padding: 20px;
    max-width: 640px
}

.custom-action-response-code-block .cm-s-neo.CodeMirror {
    height: 240px!important;
    background: var(--neutral-container);
    color: var(--text-default);
    border: 1px solid var(--neutral-border);
    border-radius: 8px
}

.custom-action-response-code-block .cm-s-neo .CodeMirror-linenumber,.custom-action-response-code-block .cm-s-neo .cm-comment {
    color: var(--text-muted)
}

.custom-action-response-code-block .cm-s-neo .cm-keyword,.custom-action-response-code-block .cm-s-neo .cm-property {
    color: var(--text-link)
}

.custom-action-response-code-block .cm-s-neo .cm-atom,.custom-action-response-code-block .cm-s-neo .cm-number,.custom-action-response-code-block .cm-s-neo .cm-string {
    color: var(--text-default)
}

.custom-action-response-code-block.custom-action-response-write-code-block {
    border: 1px solid var(--neutral-border);
    border-radius: 8px
}

.custom-action-response-code-block.custom-action-response-write-code-block .cm-s-neo.CodeMirror .CodeMirror-sizer {
    height: 100%!important;
    background: var(--neutral-container)
}

.custom-action-response-code-block.custom-action-response-write-code-block:hover {
    border: 1px solid var(--neutral-border)
}

.custom-action-response-write-code-block .cm-s-base16-dark.CodeMirror .CodeMirror-sizer,.custom-action-response-write-code-block .cm-s-base16-light.CodeMirror .CodeMirror-sizer {
    padding: 12px 16px!important
}

.cm-s-neo.CodeMirror-lint-tooltip {
    background: var(--neutral-container)!important;
    color: var(--text-default)!important;
    border: 0!important;
    box-sizing: border-box!important;
    padding: 8px 12px!important;
    border-radius: 8px!important;
    font-size: 14px!important;
    line-height: 20px!important;
    box-shadow: var(--shadow-lvl-1)
}

.cm-s-neo.CodeMirror-lint-tooltip .CodeMirror-lint-message {
    padding-left: 0!important;
    background-image: none!important
}

.CodeMirror-lint-tooltip {
    z-index: 3100!important
}

.start-screen__section__messenger-settings {
    width: 300px;
    padding-left: 0!important
}

.start-screen__task__content {
    min-height: 400px;
    padding: 36px
}

.start-screen__task__content-block {
    width: 240px;
    cursor: pointer;
    padding: 20px;
    margin-right: 24px
}

.start-screen__hr {
    border-top: 1px solid var(--neutral-border);
    margin: 0
}

.start-screen__task__list {
    list-style-type: none;
    padding: 0
}

.start-screen__task__list li {
    counter-increment: step-counter;
    padding-left: 36px;
    position: relative;
    margin-bottom: 24px
}

.start-screen__task__list li::before {
    content: counter(step-counter);
    background-color: var(--neutral-container);
    color: var(--text-muted);
    font-weight: 500;
    font-size: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle
}

.start-screen__success-text {
    color: var(--success-fill)
}

.ghost__avatar {
    display: inline-block;
    height: 22px;
    width: 20px;
    text-align: center;
    border: 2px solid rgba(var(--neutral-border),.5);
    margin: -3px 5px -3px 10px
}

.ghost__container .ghost__avatar {
    margin-left: 0
}

.ghost__text {
    display: inline-block;
    height: 13px;
    background: rgba(var(--neutral-border),.5)
}

.locale__ja * {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important
}

.filter-block__popover__done {
    padding: 8px 10px;
    border-top: 1px solid rgba(0,0,0,.1)
}

.filter-block__options {
    min-width: 280px
}

.predicates__logical-mode {
    position: relative;
    margin: -5px 0 -15px;
    z-index: 1
}

.predicates__logical-mode__wrapper.o__is-vertical {
    margin: 0 -5px 0 -20px;
    height: 38px
}

.predicates__logical-mode.o__is-vertical {
    height: 100%;
    padding: 9px 0;
    margin: 0;
    box-sizing: border-box
}

.predicates__logical-mode__text {
    position: relative;
    z-index: 1;
    background: var(--neutral-container);
    box-sizing: border-box;
    border-radius: 10px;
    text-align: center
}

.predicates__logical-mode__text.o__is-horizontal {
    padding: 0 7px;
    background-color: var(--neutral-container)
}

.predicates__logical-mode__text.o__is-vertical {
    padding: 0 2px;
    min-width: 25px
}

.purchase__discount-pill {
    padding: 2px 8px;
    border-radius: 16px;
    background-color: var(--success-container);
    color: var(--text-default);
    font-family: "TT Norms Pro";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

.purchase__discount-pill.o__paywall {
    background-color: var(--paywall-container);
    color: var(--text-default);
    border: 1px solid var(--paywall-border)
}

.purchase__discount-pill.o__blue,.purchase__discount-pill.o__grey {
    border-radius: 5px;
    color: var(--text-default);
    background-color: var(--neutral-container)
}

.attribute-picker__dropdown {
    min-width: 300px
}

.attribute-picker__dropdown-container {
    position: relative
}

.attribute-picker__dropdown-container.o__is-top {
    position: absolute;
    top: auto;
    bottom: 0
}

.attribute-picker__section-heading {
    padding: 15px 15px 5px;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    text-transform: uppercase
}

.attribute-picker__section-sub-heading {
    font-size: 14px;
    padding: 5px 15px
}

.operator__heading__bot__message {
    font-size: 14px;
    color: var(--text-muted)
}

.fin-ai-agent__deploy__accordion-header {
    min-height: 48px;
    height: 48px
}

.fin-ai-agent__deploy__accordion-header-phone {
    min-height: unset;
    height: unset
}

.operator__settings__routing-contact-label {
    width: 50px;
    display: inline-block
}

.operator__settings__routing-contact-field {
    width: 250px
}

.operator__settings__bot-identity__form-container {
    width: 55%
}

.operator__settings__panel-wrapper__content {
    flex: 0 1 60vw;
    margin: 0 66px 30px
}

.operator__settings__panel-wrapper__content-redesign {
    flex: 0 1 60vw;
    margin: 0 38px 30px
}

.external__content__view__body__markdown-container ol,.external__content__view__body__markdown-container ul,.operator__settings__panel-wrapper__content-redesign.from-simple-automations {
    margin: 0
}

.operator__settings__panel-save-button .mt-5:first-of-type {
    margin-top: 0
}

.operator__settings__panel-wrapper__preview {
    max-height: 420px;
    width: 400px
}

.operator__settings__accordion {
    max-width: 60%;
    min-width: 600px
}

.operator__settings__accordion .liquid-child:not(.velocity-animating) {
    transform: none!important;
    overflow: visible
}

.operator__settings__accordion .liquid-child.velocity-animating {
    transform: inherit
}

.operator__settings__accordion .liquid-container:not(.liquid-animating) {
    transform: none!important;
    overflow: visible
}

.operator__settings__accordion .liquid-container.liquid-animating {
    transform: inherit
}

.operator__settings__suspendable-toggle.o__on {
    background: var(--success-container)
}

.operator__settings__suspendable-toggle .toggle__on-off__label.o__on {
    color: var(--success-fill)
}

.operator__settings__bot-intro-part-delete {
    color: var(--text-error)
}

.operator__settings__bot-intro__locale-error-icon .interface-icon,.operator__settings__bot-intro__stamp,.operator__settings__generic-triage__locale-error-icon .interface-icon,.operator__settings__generic-triage__stamp {
    vertical-align: middle
}

.operator__settings__bot-intro__preview {
    width: 376px;
    position: relative;
    border-radius: 8px;
    transition: opacity .3s;
    background-color: var(--neutral-container);
    box-shadow: 0 16px 0 0 #fff,0 0 0 0 #fff,16px 0 32px -12px rgba(0,0,0,.1),-16px 0 32px -12px rgba(0,0,0,.1)
}

.operator__settings__bot-intro__preview__redesign {
    width: 400px;
    border: 2px solid var(--neutral-border);
    border-bottom: 0;
    border-radius: 12px 12px 0 0
}

.operator__settings__bot-intro__preview .messenger-preview__stream__part-container {
    padding: 0;
    width: 100%
}

.operator__settings__bot-intro__preview .messenger-preview__stream__comment-holder {
    max-width: 280px;
    flex-grow: 1
}

.operator__settings__bot-intro__details {
    width: 353px
}

.operator__settings__resolution-bot-quick-reply-settings__preview {
    width: 376px;
    position: relative;
    border-radius: 8px;
    transition: opacity .3s;
    background-color: #fff
}

.operator__settings__resolution-bot-quick-reply-settings__preview * {
    font-family: proxima-nova,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale
}

.operator-state-badge {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-bottom: 1px;
    border-radius: 50%;
    flex-shrink: 0;
    border: transparent
}

.operator-state-badge.o__enabled {
    background-color: var(--success-fill)
}

.operator-state-badge.o__disabled {
    background-color: transparent;
    border: solid 2px var(--neutral-border-emphasis);
    box-sizing: border-box
}

.operator__settings__resolution-bot-quick-reply-settings__preview .interface-icon.o__by-text {
    margin: 0 0 1px
}

.operator__settings__resolution-bot-quick-reply-settings__preview {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -24px 0 0 #fff,16px 16px 32px -12px rgba(0,0,0,.1),-16px 16px 32px -12px rgba(0,0,0,.1)
}

.operator__settings__resolution-bot-quick-reply-settings__preview .messenger-preview__stream__customizable-quick-replies-container {
    text-align: end
}

.operator__settings__resolution-bot-quick-reply-settings__preview .messenger-preview__stream__quick-reply-button__desc {
    position: relative;
    left: 375px;
    top: -37px;
    height: 0;
    text-align: start
}

.quick-replies-instructions {
    margin-top: 100px
}

.quick-replies-instructions .quick-replies-arrow {
    z-index: 2000
}

.intercom-embed-chat #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p .link-text,.intercom-embed-note #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p .link-text,.intercom-embed-post #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p .link-text,.intercom-interblocks-messenger-card .intercom-card-component.text-component p .link-text,.operator__settings__ai-disclosure-banner-tooltip-message a:hover {
    text-decoration: underline
}

.operator__settings__quick-reply-form {
    border-radius: 40px;
    border: 1px solid var(--neutral-border);
    background-color: var(--base-module);
    box-shadow: var(--shadow-lvl-0)
}

.operator__settings__outline-button {
    box-shadow: none!important;
    border: 1px solid var(--neutral-border)
}

.popover__content .u__one-truncated-line {
    min-width: 20px
}

.operator__settings__messenger-preview {
    padding: 30px;
    height: 285px;
    overflow-y: hidden
}

.operator__settings__avatar-editor-overlay {
    min-height: 112px;
    min-width: 300px
}

.operator__settings__avatar-editor-upload__preview {
    height: 50px
}

.operator__settings__avatar-editor-upload__container {
    background-color: var(--neutral-container);
    border: 1px solid rgba(0,0,0,.2);
    color: #6b7b84;
    box-sizing: border-box;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    height: 100%;
    padding: 10px 0
}

.operator__settings__avatar-editor-upload__container:hover {
    background-color: var(--neutral-container-emphasis);
    border: 1px solid var(--neutral-border);
    color: var(--text-link)
}

.operator__settings__upfront-collection__attributes {
    counter-reset: upfront-collection-attributes;
    list-style-type: none;
    padding-left: 20px;
    margin: 0
}

.operator__settings__upfront-collection__attributes__attribute {
    position: relative
}

.operator__settings__upfront-collection__attributes__attribute:before {
    content: counter(upfront-collection-attributes) ".";
    counter-increment: upfront-collection-attributes;
    position: absolute;
    top: 5px;
    left: -20px
}

.operator__settings__upfront-collection__attributes__attribute:hover .operator__settings__upfront-collection__attributes__attribute__delete {
    display: inline
}

.operator__settings__upfront-collection__attributes__attribute__delete {
    display: none
}

.external__content__view__body__markdown-container {
    display: block;
    overflow-x: hidden
}

.external__content__view__body__markdown-container img {
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.external__content__view__body__markdown-container h1,.external__content__view__body__markdown-container h2,.external__content__view__body__markdown-container h3,.external__content__view__body__markdown-container li,.external__content__view__body__markdown-container p {
    padding: 5px 0
}

.external__content__view__body__markdown-container h1,.external__content__view__body__markdown-container h2,.external__content__view__body__markdown-container h3 {
    line-height: 1.3
}

.external__content__view__body__markdown-container p {
    line-height: 2
}

.external__content__view__body__markdown-container.side-by-side-review p {
    line-height: 1.5
}

.operator__basics__settings {
    min-width: 600px
}

.operator__basics__paid-workflows-banner-bg {
    background-color: var(--neutral-container)
}

.operator__basics__upgrade-workflows-banner-bg {
    background-color: var(--paywall-container)
}

.operator__basics__explore-workflows-button {
    background-color: var(--neutral-container)!important;
    margin-right: 52px!important
}

.operator__basics__trigger-no-sub-title:before,.operator__basics__trigger-sub-title:before,.operator__basics__trigger-title:before {
    background: 0 0;
    border-left: solid 1px #ccc;
    bottom: 0;
    content: "";
    display: block;
    left: -26px;
    position: absolute;
    width: 16px;
    top: -1px;
    height: 45px
}

.operator__basics__trigger-sub-title {
    margin-left: 50px
}

.operator__basics__trigger-no-sub-title:before,.operator__basics__trigger-title:before {
    left: 16px;
    height: 21px
}

.operator__basics__trigger-title:before {
    top: 35px;
    height: 20px
}

.operator__basics__content-topper:before,.operator__basics__delay-switch:before,.operator__basics__task-bot-setting:before {
    background: 0 0;
    border-left: solid 1px #ccc;
    bottom: 0;
    content: "";
    display: block;
    left: 16px;
    position: absolute;
    width: 16px;
    top: 20px;
    height: 16px
}

.operator__basics__content-topper:before,.operator__basics__task-bot-setting:before {
    left: 39px;
    position: relative;
    top: -13px;
    height: 12px
}

.operator__basics__content-topper {
    position: relative
}

.operator__basics__content-topper:before {
    position: absolute;
    top: -16px;
    left: 24px;
    height: 16px
}

.operator__basics__segmented-tab-control {
    max-width: 700px;
    border: solid 2px var(--Utility-Border-light,rgba(0,0,0,.05));
    border-radius: var(--Large-border-radius,12px)
}

.operator__basics__segmented-tab-control .option {
    min-height: 60px;
    border-radius: var(--default-border-radius,8px)
}

.operator__basics__segmented-tab-control .active,.operator__basics__segmented-tab-control .option:hover {
    background-color: var(--neutral-container)
}

.fin__answer-debugger__answer-summary__card {
    border-bottom: 1px solid var(--neutral-border)
}

.fin__answer-debugger__answer-summary__query-summary,.fin__setup__preview__language-selector .popover__opener .o__secondary {
    background: var(--neutral-container)
}

.fin__answer-debugger__answer-summary__fin-answer {
    flex-direction: row!important
}

.fin__answer-debugger__answer-summary__fin-answer__content__collapsed {
    max-height: 125px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom,#000 80%,transparent 100%);
    mask-image: linear-gradient(to bottom,#000 80%,transparent 100%)
}

.fin__answer-debugger__snippet-adder__body {
    border: 1px solid rgba(0,0,0,.2);
    min-height: 140px;
    padding: 5px 11px;
    box-sizing: border-box;
    border-radius: 6px
}

.fin__answer-debugger__snippet-adder__body:focus,.fin__answer-debugger__snippet-adder__body:hover {
    border-color: #334bfa
}

.fin__answer-debugger__snippet-adder__body:focus {
    box-shadow: 0 0 0 3px rgba(51,75,250,.2);
    outline: 0
}

.fin__answer-debugger__content-card__btn {
    background-color: #f1f1f1;
    color: #222;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600
}

.fin__answer-debugger__content-card__btn:hover {
    background-color: #eef0fc;
    color: #334bfa
}

.fin__answer-debugger__content-card__collapsed {
    max-height: 100px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom,#000 60%,transparent 100%);
    mask-image: linear-gradient(to bottom,#000 60%,transparent 100%)
}

.fin__answer-debugger__content-card__passage {
    border-color: var(--neutral-border)
}

.fin__answer-debugger__content-card__passage h1,.fin__answer-debugger__content-card__passage h2 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.fin__answer-debugger__content-card__passage h3 {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.fin__setup__header__icon,.fin__setup__header__icon svg {
    width: 32px;
    height: 32px
}

.fin__setup__accordion {
    margin-bottom: 0!important
}

.fin__accordion__separator {
    border-left: 1px dashed var(--neutral-border)
}

.fin__setup__preview {
    max-width: 100%;
    width: 333px
}

.fin__setup__preview__add-content.text {
    color: var(--text-muted);
    font-size: 16px;
    text-align: center
}

.fin__setup__preview__disabled-overlay,.fin__setup__preview__email-preview {
    aspect-ratio: 333/583;
    overflow: hidden;
    border: 1px solid var(--neutral-border);
    border-radius: 1rem;
    box-sizing: border-box
}

.fin__setup__preview__email-preview {
    max-width: 100%;
    width: 333px;
    background: var(--neutral-container)
}

.fin__setup__preview__email-preview.fin__setup__preview__email-content-ready {
    aspect-ratio: 360/630!important;
    width: 360px!important
}

.fin__setup__preview__email-preview-icon svg {
    color: var(--text-muted);
    width: 50px!important;
    height: 50px!important
}

.fin__setup__preview__disabled-overlay {
    background-color: rgba(255,255,255,.9);
    color: #14161a;
    height: 630px;
    position: absolute
}

.fin__setup__preview__language-selector .popover__opener .o__secondary:focus,.fin__setup__preview__language-selector .popover__opener .o__secondary:hover {
    color: var(--text-default)
}

.custom-bots__preview__iframe-mount>iframe,.fin__setup__preview__container .get-started__fin-live-preview>iframe {
    border-radius: 0;
    box-shadow: none!important
}

.fin__guidance__sticky__preview {
    position: sticky;
    top: 105px
}

.custom-bots__preview__iframe-mount,.fin__setup__preview__container .get-started__fin-live-preview {
    border: 1px solid var(--neutral-border);
    border-radius: 1rem;
    box-sizing: border-box
}

.fin__tone__card {
    width: 220px
}

.fin__personality__separator {
    margin-left: -24px;
    width: calc(100% + 48px)
}

.fin__setup__separator {
    margin-left: -12px;
    width: calc(100% + 24px)
}

.fin__tone__btn {
    outline: 0!important;
    box-shadow: none!important
}

.fin__tone__btn:hover {
    background: var(--base-module)!important;
    border: 1px solid var(--neutral-border-emphasis)!important;
    box-shadow: var(--shadow-lvl-1)!important
}

.fin__tone__btn:focus {
    box-shadow: none!important
}

.fin__tone__btn.selected,.fin__tone__btn.selected:hover {
    border: 1px solid var(--accent-border-emphasis)!important
}

.fin__revert__icon.btn.o__disabled:not(.o__saving) {
    background-color: transparent
}

.fin__identity-editor .avatar.o__l {
    min-width: 56px;
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-size: 20px
}

.accordion-header__workflows__paywall-button {
    min-width: fit-content
}

.fin__setup__setup-and-go-live__accordion-header.text {
    font-size: 16px
}

.fin__setup__accordion-follow-up-preview {
    width: 328px
}

.fin__setup__workflows-accordion__list-table table {
    width: 100%;
    table-layout: fixed;
    min-width: 700px
}

.fin__setup__workflows-accordion__list-table .outbound__table__truncated-title-cell {
    min-width: 70px!important
}

.fin__setup__workflows-accordion__list-table .outbound__table__content-cell,.fin__setup__workflows-accordion__list-table .outbound__table__truncated-sender-cell {
    min-width: 50px!important
}

.fin__setup__workflows-accordion__list-table .outbound__table__truncated-title-cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fin__setup__workflows-accordion__list-table .outbound__table__truncated-sender-cell {
    display: block
}

.fin__setup__setup-and-go-live {
    min-width: 1000px
}

@media (min-width: 1536px) {
    .fin__setup__setup-and-go-live__content {
        max-width:calc(100% - 448px)
    }
}

@media (max-width: 1535px) {
    .fin__setup__setup-and-go-live__content {
        width:100%
    }

    .fin__setup__setup-and-go-live__accordion-subheader.text,.fin__setup__setup-and-go-live__fin-settings,.fin__setup__setup-and-go-live__subtitle.text {
        max-width: calc(100% - 448px)
    }
}

.fin__identity-editor__messenger-theme-background {
    background-color: var(--messenger-container-neutral)
}

.fin__identity-editor__messenger-theme-text-default {
    color: var(--messenger-text-default)
}

.fin__identity-editor__messenger-theme-base-neutral {
    background-color: var(--messenger-container-base-neutral)!important;
    color: var(--messenger-text-default)!important;
    box-shadow: var(--messenger-shadow-small)!important
}

.operator__fin__voice-playground__split-button {
    padding: 8px 4px 8px 0!important;
    box-shadow: none!important
}

.disabled .filter-block {
    background-color: var(--neutral-container)
}

.disabled .filter-block__name {
    color: var(--text-disabled)
}

.fin__voice-playground__line-card {
    border-radius: 16px;
    border: 1px solid;
    border-color: var(--neutral-border)
}

.fin__voice-playground__line-card__bottom-section {
    border-top: 1px solid;
    border-color: var(--neutral-border);
    background-color: var(--neutral-container);
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px
}

.fin__voice-playground__line-card__stamp {
    box-sizing: border-box;
    height: 1.25rem;
    padding: .125rem .375rem;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-size: 12px;
    line-height: 1.125rem;
    font-weight: 400;
    vertical-align: bottom;
    border-radius: 9999px;
    white-space: nowrap
}

.fin__rollout-percentage-selector__stamp-in,.fin__voice-playground__line-card__stamp.fin__voice-playground__line-card__stamp-in {
    color: var(--text-default);
    background-color: var(--success-container)
}

.fin__voice-playground__line-card__stamp.fin__voice-playground__line-card__stamp-out {
    color: var(--text-on-neutral);
    background-color: var(--success-fill)
}

.fin__rollout-percentage-selector__stamp-out {
    color: var(--text-on-neutral)!important;
    background-color: var(--success-fill)!important
}

.fin__voice-playground__ip-address-modal__ip-address {
    padding: 2px 8px;
    border-radius: 24px;
    color: var(--text-default);
    background-color: var(--neutral-container)
}

.operator__fin__voice-playground__ip-address-modal__ip-address-add-button {
    border-radius: 100px;
    border: 1px solid;
    border-color: var(--neutral-border);
    background-color: var(--base-module);
    color: var(--text-default)
}

.operator__fin__voice-playground__empty-state__title {
    color: var(--text-default);
    font-family: "Ivory LL";
    font-size: 24px!important;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: -.5px
}

.operator__fin__voice-playground__empty-state__description {
    color: var(--text-disabled);
    font-size: 14px!important;
    line-height: 20px!important;
    text-align: center
}

.operator__fin__voice-playground__empty-state__image {
    border-radius: var(--Large,16px);
    border: 1px solid;
    border-color: var(--neutral-border);
    background-color: var(--base-editor)
}

.operator__fin__voice-playground__accordion-section.o__disabled .accordion-new__header {
    opacity: 1!important
}

.operator__fin__voice-playground__ip-addresses-list__ip-address {
    padding: 6px 12px;
    max-width: 120px;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    border: 1px solid var(--neutral-border);
    border-radius: 6px;
    background-color: var(--neutral-container);
    color: var(--text-muted)
}

.operator__fin__voice-playground__ip-addresses-list__ip-address:active,.operator__fin__voice-playground__ip-addresses-list__ip-address:focus,.operator__fin__voice-playground__ip-addresses-list__ip-address:hover {
    background-color: var(--neutral-container-emphasis);
    color: var(--text-link);
    outline: 0
}

.operator__fin__voice-playground__ip-addresses-list {
    width: 800px
}

.operator__fin__voice-playground__forward-to-input-hint {
    color: var(--text-muted)!important;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.operator__custom-bots__fin-setup-banner-ai-border {
    position: relative;
    box-sizing: border-box;
    background: rgba(255,255,255,.7);
    background-clip: padding-box;
    border: solid 2px transparent;
    border-radius: 16px
}

.operator__custom-bots__fin-setup-banner-ai-border:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -2px;
    border-radius: inherit;
    background: linear-gradient(60deg,#8781f1,#8781f1,#ed9164,#8781f1,#8781f1);
    animation: animatedgradient 4s ease infinite;
    background-size: 700% 700%
}

.operator__custom-bots__fin-setup-banner-ai-content {
    background-color: var(--neutral-container);
    border-radius: 14px
}

.operator__custom-bots__fin-setup-banner-ai-content__fin-icon svg {
    position: relative;
    left: -2px;
    width: 24px!important;
    height: 24px!important
}

.operator-flows__editor__step-list__chat-message-editor {
    background: var(--neutral-container);
    border: 1px solid transparent;
    min-width: 260px;
    max-width: 260px;
    border-radius: 5px
}

.bot-intro__preview__chat-message img,.operator-flows__editor__step-list__chat-message-editor img,.operator-flows__preview-path__chat-message img {
    max-width: 100%
}

.operator-flows__editor__step-list__chat-message-editor .composer-attribute-editor {
    margin-left: -20px
}

.bot-intro__preview__chat-message pre,.operator-flows__editor__step-list__chat-message-editor pre,.operator-flows__preview-path__chat-message pre {
    overflow-x: scroll
}

.operator-flows__editor__step-list__chat-message-editor.o__error {
    border: 1px solid var(--error-border)
}

.operator-flows__editor__step-list__chat-message-editor:focus-within {
    border: 1px solid var(--neutral-border)
}

.operator-flows__editor__step-list__free-input-editor {
    padding: 10px;
    width: 75%;
    border-radius: 3px;
    font-style: italic;
    background-color: var(--beta-fill);
    color: rgba(255,255,255,.75)
}

.operator-flows__editor__card__container .intercom-interblocks-messenger-card {
    min-width: 262px;
    max-width: 262px
}

.operator-flows__editor__step-wrapper .intercom-interblocks-messenger-card:not(.messenger-preview__home__card) {
    width: 100%;
    margin-bottom: 0
}

.operator-flows__editor__predicates-editor__read-only [data-popover-content-container] {
    display: none
}

.operator-flows__editor__predicates-editor__read-only .logical-switch:active,.operator-flows__editor__predicates-editor__read-only .logical-switch:focus,.operator-flows__editor__predicates-editor__read-only .logical-switch:hover {
    background: 0 0;
    color: var(--text-default);
    box-shadow: none
}

.operator-flows__editor__sortable-item.is-dragging {
    z-index: 99;
    position: relative
}

.operator-flows__editor__step-list__avatar {
    margin-left: -40px;
    position: absolute;
    bottom: 0
}

.operator-flows__editor__step-wrapper .messenger-preview__stream__part-container {
    padding: 0
}

.operator-flows__editor__step-wrapper:hover .operator-flows__editor__step-actions {
    visibility: visible
}

.operator-flows__editor__step-actions {
    visibility: hidden
}

.operator-flows__editor__reply-button-editor__goto {
    max-width: 325px;
    margin-top: -8px;
    flex: 1 1 0
}

.operator-flows__editor__custom-object-selector-editor__goto {
    max-width: 325px;
    margin-top: 98px
}

.operator-flows__editor__custom-object-selector-editor__goto.reference-attributes {
    margin-top: 156px
}

.operator-flows__editor__custom-object-selector-editor__goto.resolution-bot-extended {
    margin-top: 101px
}

.operator-flows__editor__custom-object-selector-editor__goto.resolution-bot-extended.reference-attributes {
    margin-top: 159px
}

.operator-flows__editor__path-selector {
    position: relative;
    padding-right: 42px
}

.operator-flows__editor__path-selector__path-btn {
    position: absolute;
    right: 0;
    top: 0;
    display: none
}

.operator-flows__editor__path-selector__path-btn>div {
    transform: scale(.85)
}

.operator-flows__editor__path-selector:hover .operator-flows__editor__path-selector__path-btn {
    display: block
}

.operator-flows__editor__start-over-path-label {
    height: 32px
}

.operator-flows__editor__conditional-branches-editor {
    position: relative;
    margin-left: 34px;
    padding-left: 24px;
    border-left: 1px dashed rgba(0,0,0,.2)
}

.operator-flows__editor__conditional-branches-editor::before {
    content: "";
    position: absolute;
    left: -1px;
    height: 42px;
    top: -44px;
    border-left: 1px dashed rgba(0,0,0,.2)
}

.operator-flows__editor__conditional-branch-control {
    position: relative;
    margin-bottom: 24px
}

.operator-flows__editor__conditional-branch-control::before {
    content: "";
    position: absolute;
    left: -24px;
    width: 24px;
    height: 100%;
    border-top: 1px dashed rgba(0,0,0,.2)
}

.operator-flows__editor__conditional-branch-control.conditional-branch::before {
    top: 36px
}

.operator-flows__editor__conditional-branch-control.add-branch::before {
    top: 9px
}

.operator-flows__editor__conditional-branch-control.fallback-branch {
    margin-bottom: -20px;
    max-height: 37px;
    min-height: 37px
}

.operator-flows__editor__conditional-branch-control.fallback-branch::before {
    top: 16px
}

.custom-bots__editor__layout__path .operator-flows__editor__conditional-branches-editor::before {
    height: 24px;
    top: -26px
}

.operator-flows__editor__workflow-connector-editor .filter-block__container {
    max-width: 260px!important
}

.operator-flows__editor__workflow-connector-editor-empty-state {
    max-width: 419px
}

.operator-flows__editor__workflow-connector-indicator::before {
    content: "";
    position: absolute;
    left: 8px;
    top: -18px;
    width: 16px;
    height: 20px;
    border-left: 1px dashed rgba(0,0,0,.2)
}

.operator-flows__editor__workflow-connector-indicator::after {
    content: "";
    position: absolute;
    top: 18px;
    left: 8px;
    height: 100%;
    border-left: 1px dashed rgba(0,0,0,.2)
}

.operator-flows__editor__workflow-connector-fallback {
    position: relative
}

.operator-flows__editor__workflow-connector-fallback::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 28px;
    width: 16px;
    height: 100%;
    border-top: 1px dashed rgba(0,0,0,.2)
}

.operator-flows__editor__workflow-connector-fallback::after,.trigger-name::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 8px;
    height: 76px;
    border-left: 1px dashed rgba(0,0,0,.2)
}

.trigger-name::before {
    top: 0;
    left: 16px;
    height: 100%
}

.bot-intro__preview__chat-message,.operator-flows__preview-path__chat-message {
    background: var(--neutral-container);
    border: 1px solid transparent;
    min-width: 260px;
    max-width: 260px;
    border-radius: 5px
}

.bot-intro__preview__chat-message p,.operator-flows__preview-path__chat-message p {
    margin-top: 0
}

.bot-intro__preview__chat-message .embercom-composer-placeholder,.operator-flows__preview-path__chat-message .embercom-composer-placeholder {
    left: 0;
    top: 0;
    position: relative
}

.operator-flows__preview-path__previous-bot-content-message {
    border: 1px solid transparent;
    border-radius: 5px
}

.operator-flows__preview-path__card__container .intercom-interblocks-messenger-card {
    min-width: 260px;
    max-width: 260px
}

.operator-flows__preview-path__card__container .intercom-interblocks-messenger-card:not(.messenger-preview__home__card) {
    width: 100%;
    margin-bottom: 0
}

.conversation-rating__rating-1 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/ratings/rating-1-60x60-at-2x-56226554cb2051f56089d25e389be796.png)
}

.conversation-rating__rating-2 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/ratings/rating-2-60x60-at-2x-d79e582231966b7bf864ab8b397e7f94.png)
}

.conversation-rating__rating-3 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/ratings/rating-3-60x60-at-2x-9881029024ea9c68660a8552f344ec31.png)
}

.conversation-rating__rating-4 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/ratings/rating-4-60x60-at-2x-16494edc697a94bb571e422524bc472b.png)
}

.conversation-rating__rating-5 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/ratings/rating-5-60x60-at-2x-059dc11ea037c68326ff47fe1b7d9497.png)
}

.calendar-date-picker {
    box-sizing: border-box;
    position: relative
}

.calendar-date-picker__day {
    -webkit-appearance: none;
    flex: 1 1 100%;
    padding: 0;
    text-align: center;
    cursor: pointer;
    color: var(--text-default);
    line-height: 2
}

.calendar-date-picker__day:hover {
    background-color: var(--neutral-container)
}

.calendar-date-picker__day__disabled {
    cursor: default;
    color: var(--text-muted)
}

.calendar-date-picker__day__disabled:hover {
    background-color: transparent
}

.calendar-date-picker__day__selected,.calendar-date-picker__day__selected:hover {
    color: var(--text-on-neutral);
    background-color: var(--beta-fill);
    font-weight: 500
}

.calendar-date-picker__day-empty {
    flex: 1 1 100%
}

.calendar-date-picker__day-of-week-name {
    -webkit-appearance: none;
    flex: 1 1 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 0;
    color: var(--text-muted);
    font-weight: 500;
    cursor: default
}

.calendar-date-picker__day__today {
    font-weight: 500
}

.calendar-date-picker__nav {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 4px
}

.calendar-date-picker__calendar-row,.calendar-date-picker__nav {
    line-height: 1;
    display: flex;
    justify-content: space-between
}

.conversation-rating-feature-pointer {
    position: absolute!important;
    height: 175px;
    width: 440px;
    padding: 0;
    text-align: left;
    top: 38px;
    right: -203px;
    z-index: 2500
}

.conversation-rating-feature-pointer__header {
    margin: 20px 20px 0;
    display: flex;
    justify-content: space-between;
    align-content: center
}

.conversation-rating-feature-pointer__content {
    padding: 14px 15px 14px 20px;
    flex: 1;
    white-space: normal
}

.conversation-rating-feature-pointer__image {
    flex: 1;
    margin: 20px 0 0
}

.conversation-rating-feature-pointer__dismiss {
    margin: 0 20px 17px
}

.identity-verification__card {
    text-decoration: none
}

.video-modal__container {
    position: relative;
    padding-top: 56.25%
}

.video-modal__iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-width: 0
}

.tooltips__email-link__copy-icon {
    opacity: .5;
    transition: opacity .1s ease;
    margin-left: 5px
}

.tooltips__email-link__copy-icon:hover {
    opacity: .8
}

.tooltips__email-link__copy-icon:active,.tooltips__email-link__copy-icon:focus {
    opacity: 1
}

.tooltips-pointer {
    margin-top: 26px
}

.tooltips-info-icon {
    cursor: help;
    background-color: var(--THEME-EJECTION__CONTENT-PREVIEW__BLACK-COLOR);
    color: var(--THEME-EJECTION__CONTENT-PREVIEW__WHITE-COLOR);
    width: 16px;
    height: 16px;
    border-radius: 8px;
    text-align: center;
    line-height: 15px;
    font-size: 13px
}

.tooltips-content img {
    height: auto
}

.tooltips-content h1 {
    line-height: 1;
    margin-block-start:unset;margin-block-end:unset;word-wrap: break-word;
    word-break: break-word;
    padding-bottom: 12px
}

.tooltips-content iframe,.tooltips-content img {
    max-width: 100%;
    pointer-events: none
}

.tooltips-temp-card {
    height: 150px;
    width: 288px
}

.signup,.signup.o__white {
    background-color: var(--neutral-container)
}

.signup * {
    box-sizing: border-box
}

.signup__header__button:hover {
    background-color: var(--neutral-fill)!important
}

.signup__new__card-product-image-black.o__icon,.signup__new__card-product-image-gray.o__icon {
    vertical-align: middle
}

.signup__new__card-product-image-gray path {
    fill: var(--neutral-container)!important
}

.signup__new__form__stripe-input {
    border: 2px solid var(--neutral-border);
    padding: 11px 10px;
    width: 250px;
    height: 40px;
    border-radius: 6px
}

.signup__new__form__stripe-input-focus {
    border-color: var(--neutral-border);
    outline: 0
}

.signup__new__form__stripe-input-invalid {
    border: 1px solid var(--error-border)
}

.signup__new__form__input__select {
    background-color: unset;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: 97% 50%;
    background-repeat: no-repeat;
    background-image: url(https://static.intercomassets.com/ember/assets/images/select-arrow-f22a06df98f7094fdd3a21a017fa269f.svg);
    padding: .5em 1.5em .5em .5em
}

.signup__new__form__expiry {
    width: 140px;
    margin-right: 30px
}

.signup__new__form__cvc {
    width: 80px
}

.signup__new__form__caption-card.o__error {
    text-transform: none;
    font-size: 11px;
    color: var(--text-error)
}

.signup__new__form__no-pad {
    padding-left: 0
}

.signup__teams__body {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .01em
}

.signup__teams__heading {
    padding-bottom: 30px;
    display: flex;
    flex-direction: column
}

@media (max-width: 480px) {
    .signup__teams__heading {
        padding-bottom:0;
        background-color: var(--neutral-container)
    }
}

.signup__teams__h2 {
    font-style: normal;
    font-size: 38px;
    line-height: 41px;
    font-weight: 600
}

@media (max-width: 480px) {
    .signup__teams__h2 {
        font-size:24px;
        line-height: 34px;
        padding: 24px 20px
    }
}

.signup__teams__h2--long {
    font-size: 32px
}

.signup__teams__p1 {
    font-size: 18px;
    color: #000
}

.signup__teams__p2 {
    font-size: 14px;
    letter-spacing: -.2px;
    line-height: 20px;
    color: #000
}

.signup__teams__p2.grey {
    color: #554f4f
}

.signup__teams__p2>a {
    color: var(--text-link);
    text-decoration: none;
    cursor: pointer
}

.signup__teams__p2>a:focus,.signup__teams__p2>a:hover {
    color: var(--text-link);
    text-decoration: underline
}

.signup__teams__p1.o__small {
    font-size: 16px;
    color: #000
}

.signup__teams__trials-text {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    line-height: normal
}

.signup__teams__developer {
    color: var(--text-default);
    font-size: 14px;
    width: 100%;
    font-weight: 300
}

.signup__teams__container__primary-logo {
    width: 32px;
    height: 32px;
    fill: #000
}

@media (max-width: 480px) {
    .signup__teams__container__primary-logo {
        height:36px;
        width: 36px
    }
}

.signup__teams__start-trial-text {
    color: var(--text-default);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: .1px
}

@media (max-width: 480px) {
    .signup__teams__start-trial-text {
        font-weight:400
    }
}

.signup__teams__start-trial-subtext {
    font-size: 12px;
    line-height: 30px;
    letter-spacing: .1px;
    color: #000
}

.signup__teams__header-container {
    flex: 1 1 100%;
    background: var(--neutral-container);
    border-bottom: 1px solid var(--neutral-border);
    height: 70px;
    max-height: 70px;
    min-height: 70px
}

@media only screen and (max-width: 480px),screen and (min-width:481px) and (max-width:1024px) {
    .signup__teams__header-container {
        height:80px;
        max-height: 80px;
        min-height: 80px
    }
}

.signup__teams__header {
    padding: 0 15px
}

@media (max-width: 1024px) {
    .signup__teams__header {
        border-right:0
    }
}

.signup__teams__header>div {
    width: 100%
}

.signup__teams__globe-icon {
    stroke: var(--text-default)
}

.signup__teams__logo-link:focus {
    outline: 0
}

.signup__teams__logo-link[data-focus-visible-added] {
    box-shadow: 0 0 0 3px rgba(var(--beta-fill),.2);
    padding: 2px;
    margin-left: -2px;
    margin-right: -2px;
    border-radius: 4px
}

.signup__teams__option-divider {
    text-align: center;
    position: relative;
    z-index: 1;
    font-size: 16px
}

.signup__teams__option-divider:before {
    background-color: transparent;
    border-top: 1px dotted #000;
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 50%;
    z-index: 0
}

.signup__teams__option-divider-container {
    letter-spacing: -.5px;
    color: #17100e;
    opacity: 70%;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center
}

.signup__teams__option-divider-container::after,.signup__teams__option-divider-container::before {
    content: "";
    flex: 1;
    background-color: rgba(34,34,34,.2);
    height: 1px
}

.signup__teams__option-divider-container span {
    padding: 0 1rem
}

.signup__teams__option-divider__wrapper {
    background-color: var(--neutral-container);
    z-index: 1;
    position: relative;
    padding: 0 6px
}

@media (max-width: 480px) {
    .signup__teams__option-divider__wrapper {
        background-color:var(--neutral-container)
    }
}

.signup__teams__container {
    background: var(--neutral-container);
    box-sizing: border-box;
    min-height: 100%;
    width: 100%
}

.signup__teams__body__container {
    order: 2;
    flex: 1 1 auto
}

@media (max-width: 1024px) {
    .signup__teams__body__container {
        flex:1 1 100%;
        overflow-y: auto
    }
}

@media (min-width: 1025px) {
    .signup__teams__body__container {
        width:calc(100% - 530px);
        padding: 0 6%
    }
}

@media (min-width: 1025px) and (max-width:1140px) {
    .signup__teams__body__container {
        padding:0 2% 0 8%
    }
}

@media only screen and (max-width: 480px) {
    .signup__teams__body__container {
        margin:0 10px
    }
}

@media (max-width: 1024px) {
    .signup__teams__container.o__tan {
        background-color:#f4f0eb
    }
}

.signup__teams__container * {
    box-sizing: border-box
}

.signup__teams__trial {
    height: 420px
}

@media (max-width: 1024px) {
    .signup__teams__trial {
        background-color:var(--neutral-container);
        margin-top: 5px
    }
}

@media (max-width: 480px) {
    .signup__teams__trial,.signup__teams__trials-text-muted {
        background-color:#f4f0eb
    }
}

.signup__teams__base-pill {
    margin-left: 8px;
    padding: 5px 10px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 2px;
    line-height: 13px
}

.signup__teams__network-error-banner {
    color: var(--text-error);
    background-color: rgba(var(--error-border),.15);
    border-radius: 6px;
    padding: 13px 15px;
    width: 100%;
    text-align: center
}

.signup__teams__early-stage-application-subtitle {
    margin-top: 14px;
    font-size: 14px;
    line-height: 20px
}

.signup__teams-google-button:hover {
    background-color: var(--neutral-fill)!important
}

.signup__teams__form {
    width: 100%;
    max-width: 480px;
    margin: 60px auto;
    padding: 0 15px;
    box-sizing: border-box
}

@media only screen and (max-width: 480px) {
    .signup__teams__form {
        margin:0
    }
}

.signup__teams__form.signup__teams__form-new {
    max-width: 782px
}

.signup__teams__no-app-warning-width {
    margin: 10px auto;
    max-width: 480px
}

.signup__teams__form__label {
    letter-spacing: normal;
    color: var(--text-default);
    font-size: 16px;
    font-weight: 400
}

.signup__teams__form__label.o__error {
    color: var(--text-error)
}

.signup__teams__form__input {
    background-color: var(--neutral-container);
    border: 1px solid var(--neutral-border);
    border-radius: 6px;
    box-sizing: border-box;
    color: var(--text-default);
    padding: 0 15px;
    width: 100%;
    font-size: 14px
}

@media (max-width: 480px) {
    .signup__teams__form__input {
        font-size:16px
    }
}

.signup__teams__form__input:not(.signup__teams__form__input-textarea) {
    height: 40px
}

.signup__teams__form__input-select {
    background-color: var(--neutral-container);
    cursor: pointer;
    border-radius: 6px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: 97% 50%;
    background-repeat: no-repeat;
    background-image: url(https://static.intercomassets.com/ember/assets/images/select-arrow-f22a06df98f7094fdd3a21a017fa269f.svg);
    padding: .5em 1.5em .5em .5em
}

.signup__teams__form__input-select.o__mobile {
    max-width: 95px
}

.signup__teams__form__input-textarea {
    padding: 15px
}

.signup__teams__form__input-ic-select .btn,.signup__teams__form__input-ic-select .btn.focus-visible,.signup__teams__form__input-ic-select .btn.o__forced-active.o__secondary,.signup__teams__form__input-ic-select:active .btn,.signup__teams__form__input-ic-select:active .btn.focus-visible,.signup__teams__form__input-ic-select:active .btn.o__forced-active.o__secondary,.signup__teams__form__input-ic-select:focus .btn,.signup__teams__form__input-ic-select:focus .btn.focus-visible,.signup__teams__form__input-ic-select:focus .btn.o__forced-active.o__secondary,.signup__teams__form__input-ic-select:hover .btn,.signup__teams__form__input-ic-select:hover .btn.focus-visible,.signup__teams__form__input-ic-select:hover .btn.o__forced-active.o__secondary {
    background-color: unset;
    box-shadow: unset;
    color: unset;
    font-size: 15px;
    padding-left: 0
}

.signup__teams__form__input-ic-select .btn .o__standard__small-down-arrow,.signup__teams__form__input-ic-select .btn.focus-visible .o__standard__small-down-arrow,.signup__teams__form__input-ic-select .btn.o__forced-active.o__secondary .o__standard__small-down-arrow,.signup__teams__form__input-ic-select:active .btn .o__standard__small-down-arrow,.signup__teams__form__input-ic-select:active .btn.focus-visible .o__standard__small-down-arrow,.signup__teams__form__input-ic-select:active .btn.o__forced-active.o__secondary .o__standard__small-down-arrow,.signup__teams__form__input-ic-select:focus .btn .o__standard__small-down-arrow,.signup__teams__form__input-ic-select:focus .btn.focus-visible .o__standard__small-down-arrow,.signup__teams__form__input-ic-select:focus .btn.o__forced-active.o__secondary .o__standard__small-down-arrow,.signup__teams__form__input-ic-select:hover .btn .o__standard__small-down-arrow,.signup__teams__form__input-ic-select:hover .btn.focus-visible .o__standard__small-down-arrow,.signup__teams__form__input-ic-select:hover .btn.o__forced-active.o__secondary .o__standard__small-down-arrow {
    display: none
}

.signup__teams__form__input::placeholder {
    color: var(--text-muted)
}

.signup__teams__form__input:focus {
    border-color: var(--accent-border-emphasis);
    outline: 0
}

.signup__teams__form__input:focus-within {
    border-color: var(--accent-border-emphasis);
    outline: 0
}

.signup__teams__form__input:disabled {
    color: var(--text-muted)
}

.signup__teams__form__input.o__error {
    border-color: var(--error-border)
}

.signup__teams__form__input__error-message {
    color: var(--text-error);
    letter-spacing: normal;
    font-size: 14px
}

.signup__teams__form__caption__hint {
    color: var(--text-muted);
    display: inline-block;
    font-weight: 400
}

.signup__teams__form__sign-in-with-google__logo {
    background: url(https://static.intercomassets.com/ember/assets/images/start/google_g_logo_36x36-5394e408c65ea28a0a21350de2ff6c2d.png) #fff 50% 50% no-repeat;
    background-size: 18px;
    width: 50px;
    height: 50px
}

.signup__teams__button {
    border: 1px solid var(--neutral-border-emphasis);
    border-radius: 6px;
    fill: var(--beta-fill);
    display: inline-block;
    color: var(--text-on-neutral);
    font-weight: 600;
    font-size: 15px!important;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    transition: background-color .2s ease,opacity .2s ease;
    font-style: normal;
    line-height: 17px
}

.signup__teams__button:not(.o__google) {
    border: 2px solid #000;
    fill: #000;
    background-color: #000
}

.signup__teams__button__show__on__mobile {
    display: none
}

@media (max-width: 1024px) {
    .signup__teams__button__show__on__mobile {
        display:block
    }
}

.signup__teams__button:disabled,.signup__teams__button:disabled:hover {
    opacity: .5
}

.signup__teams__button:hover {
    background-color: var(--neutral-container);
    color: var(--text-link);
    opacity: 1
}

.signup__teams__button:hover:not(.o__google) .signup__teams__button__arrow {
    fill: #000;
    stroke: #000
}

.signup__teams__button:focus {
    outline: 0
}

.signup__teams__button:focus:not(.o__google) {
    box-shadow: unset
}

.signup__teams__button.o__primary {
    color: var(--text-on-neutral);
    background-color: var(--beta-fill)
}

.signup__teams__button.o__primary:not(.o__google) {
    background-color: #000
}

.signup__teams__button.o__primary:hover {
    background-color: var(--beta-fill-emphasis)
}

.signup__teams__button:hover:not(.o__google) {
    background-color: var(--neutral-container);
    border: 2px solid #000;
    color: #000
}

.signup__teams__button.o__primary[data-focus-visible-added] {
    box-shadow: 0 0 0 3px rgba(var(--beta-fill),.2);
    border: 2px solid var(--neutral-border)
}

.signup__teams__button.o__primary[data-focus-visible-added].o__google {
    border: 1px solid var(--neutral-border)
}

.signup__teams__button.o__primary.o__disabled,.signup__teams__button.o__primary:disabled,.signup__teams__button.o__primary:disabled:hover {
    background-color: var(--beta-fill)
}

.signup__teams__button.o__primary.o__disabled:not(.o__google),.signup__teams__button.o__primary:disabled:hover:not(.o__google),.signup__teams__button.o__primary:disabled:not(.o__google) {
    background-color: var(--neutral-container);
    border: 2px solid #000;
    color: #000
}

.signup__teams__button.o__fit {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.signup__teams__button.o__big {
    min-width: 260px
}

.signup__teams__button.o__success {
    background-color: var(--success-fill);
    border-color: var(--success-border-emphasis);
    color: var(--text-on-success)
}

.signup__teams__button.o__success:hover {
    background-color: var(--success-fill-emphasis)
}

.signup__teams__button.o__success.o__disabled,.signup__teams__button.o__success:disabled,.signup__teams__button.o__success:disabled:hover {
    background-color: var(--success-fill)
}

.signup__teams__button.o__error {
    background-color: var(--neutral-container);
    border-color: var(--neutral-border);
    color: var(--text-on-neutral)
}

.signup__teams__button.o__error:hover {
    background-color: var(--neutral-container-emphasis)
}

.signup__teams__button.o__error.o__disabled,.signup__teams__button.o__error:disabled,.signup__teams__button.o__error:disabled:hover {
    background-color: var(--neutral-container)
}

.signup__teams__button.o__google {
    overflow: hidden;
    padding: 0
}

.signup__teams__button__arrow {
    vertical-align: middle;
    margin-left: 6px;
    fill: #eee;
    stroke: #eee
}

.signup__teams__button.o__font-18 {
    font-size: 18px
}

.signup__teams__button-addon-modal-text {
    color: var(--text-link)!important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px!important;
    line-height: 120%;
    border: 0
}

.signup__teams__button-addon-cta {
    font-style: normal;
    font-weight: 500;
    font-size: 14px!important;
    line-height: 20px;
    padding: 2px 10px!important;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,.6)
}

.signup__teams__button-addon-cta-remove {
    color: var(--text-link)!important;
    font-style: normal;
    font-weight: 600;
    font-size: 14px!important;
    line-height: 20px;
    padding: 3px 10px!important;
    border: 0
}

.signup__teams__button-addon-cta-remove.btn.o__secondary:focus,.signup__teams__button-addon-cta-remove.btn.o__secondary:hover,.signup__teams__button-addon-modal-text.btn.o__secondary:focus,.signup__teams__button-addon-modal-text.btn.o__secondary:hover {
    background-color: transparent!important;
    box-shadow: none!important;
    text-decoration: underline
}

.signup__teams__sidebar__container {
    order: 2
}

@media only screen and (max-width: 480px),screen and (min-width:481px) and (max-width:1024px) {
    .signup__teams__sidebar__container {
        border-bottom:1px solid var(--neutral-border);
        max-width: 90px
    }
}

@media screen and (min-width: 1025px) {
    .signup__teams__sidebar__container {
        order:3
    }
}

.signup__teams__sidebar {
    background-image: url(https://static.intercomassets.com/ember/assets/images/signup-teams/checkout-sidebar-background-e631b8f98d96323b24217ad3083a7d21.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 480px;
    padding: 126px 25px 0 60px;
    justify-content: space-between
}

@media (max-width: 1024px) {
    .signup__teams__sidebar {
        background-color:var(--neutral-container);
        background-image: none;
        padding: 0;
        margin: 0 auto;
        width: 100%;
        justify-content: center
    }
}

@media only screen and (max-width: 480px) {
    .signup__teams__sidebar {
        width:auto;
        min-width: 0;
        margin: 0
    }
}

.signup__teams__sidebar__line {
    margin: 10px 0
}

.signup__teams__sidebar__line.o__solid {
    border-top: 2px solid #000
}

.signup__teams__sidebar__line.o__dashed {
    border-top: 1px dashed rgba(var(--neutral-container),.5)
}

.sidebar__content {
    padding: 0
}

.sidebar__content .sidebar__heading {
    font-size: 22px;
    line-height: 32px
}

@media (max-width: 1024px) {
    .sidebar__content {
        display:none;
        background-color: var(--neutral-container);
        border-top: 1px solid var(--neutral-border);
        position: absolute;
        left: 0;
        right: 0;
        top: 70px;
        z-index: 2
    }

    .sidebar__content::after,.sidebar__content::before {
        bottom: 100%;
        left: calc(100vw - 28px);
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .sidebar__content::before {
        border-color: transparent;
        border-bottom-color: rgba(var(--neutral-fill),.25);
        border-width: 13px;
        margin-left: -13px
    }

    .sidebar__content::after {
        border-bottom-color: var(--neutral-border);
        border-width: 12px;
        margin-left: -12px
    }

    .sidebar__content--show-on-mobile {
        display: flex
    }

    .sidebar__content .sidebar__heading {
        color: #000;
        font-size: 15px;
        font-weight: 700;
        line-height: normal
    }
}

.signup__teams__verify {
    width: 100%;
    max-width: 535px;
    margin: 168px auto auto;
    box-sizing: border-box
}

@media (max-width: 480px) {
    .signup__teams__verify {
        margin:10px 0;
        padding: 0 15px
    }
}

.signup__teams__verify img {
    width: 32px;
    height: 24px
}

.signup__teams__verify__text {
    max-width: 428px;
    width: 100%
}

.signup__teams__verify__open-mail-button {
    width: 208px;
    height: 50px;
    box-shadow: 0 4px 9px rgba(0,0,0,.1);
    border-bottom: none;
    text-decoration: none;
    border-radius: 8px
}

.signup__teams__verify__header {
    font-size: 28px;
    font-weight: 600;
    line-height: 34px
}

.fin-auto-close-settings img,.fin-hand-over-closing-messages-settings img,.form,.onboarding__home__steps__route-conversation-to-human-tabs form,.operator-bot-intro-localization-editor img {
    max-width: 100%
}

.form .vat-field {
    font-family: -apple-system,system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important;
    color: var(--text-default);
    font-size: 15px!important;
    font-weight: 400!important;
    height: 17px!important;
    line-height: 17px!important;
    margin-bottom: 4px!important
}

.checkout__plan-builder__left-col {
    max-width: 578px;
    min-width: 578px;
    border-right: 1.5px solid var(--neutral-border)
}

.checkout__plan-builder__left-col.override {
    border-right: 1.5px dashed var(--neutral-border);
    max-width: 602px;
    min-width: 602px;
    padding-right: 56px;
    padding-left: 0
}

.checkout__plan-builder__left-col.override .checkout__add-on-card {
    min-width: 100%;
    max-width: 100%
}

.checkout__plan-builder__right-col {
    max-width: 406px;
    min-width: 406px
}

.checkout__plan-builder__right-col.override {
    max-width: 360px;
    min-width: 360px;
    padding-right: 0;
    margin-left: 56px
}

.checkout__plan-builder__stripe-wrapper,.checkout__stripe-component__stripe-wrapper {
    min-height: 390px;
    min-width: 458px
}

.checkout__stripe-component__future-use-notice-banner {
    width: calc(100% - 8px)
}

.checkout__stripe-component__payment-method-option-card .form__label {
    padding-bottom: 0
}

.checkout__add-on-card {
    min-width: 480px;
    max-width: 480px
}

.addon-card-grey-selection.fin-cost-understanding {
    box-shadow: none!important
}

.addon-card-grey-selection.fin-cost-understanding.ds-new__card:hover {
    background-color: var(--neutral-container)!important;
    border-color: var(--neutral-border)!important
}

.addon-card-grey-selection.fin-cost-understanding.ds-new__card.o__selected {
    border-color: var(--neutral-fill-emphasis)!important
}

.checkout__plan-builder {
    padding: 40px
}

.checkout__plan-builder.override {
    padding: 40px 0
}

.checkout__basket__early-stage-year-discount {
    font-size: 12px
}

.manage__subscription__plan-builder-new__pill {
    padding: 4px 10px;
    border-radius: 12px;
    background-color: var(--neutral-fill);
    color: var(--text-on-neutral);
    font-family: "TT Norms Pro";
    font-size: 11px;
    font-weight: 700;
    line-height: 130%;
    font-style: normal
}

.checkout-details__early-stage-header {
    font-size: 36px;
    font-weight: 500;
    line-height: 54px;
    margin-bottom: 16px
}

.checkout-details__early-stage-subheader {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 16px
}

.checkout__plan-builder__configure-subscription-header {
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    min-width: 500px
}

.checkout__plan-builder__dropdown-item {
    width: 426px
}

.checkout__plan-builder__info-text {
    font-size: 12px;
    font-style: italic
}

.checkout__plan-builder__tooltip-text {
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 165%;
    letter-spacing: .5px
}

.checkout__plan-builder__upgrade-container {
    margin-left: 22px
}

.checkout__plan-builder__basket-total {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

.checkout__plan-builder__basket-total.override {
    font-size: 16px
}

.checkout__plan-builder__button-label {
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 0
}

.checkout__plan-builder__configure-subscription-button-label {
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.checkout__plan-builder__basket-secure-label {
    color: var(--text-muted);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.checkout__plan-builder__basket-due-today-legalese {
    font-size: 12px;
    line-height: 20px
}

.subscription__management-success__confetti-canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    pointer-events: none;
    width: 100%;
    height: 100%
}

.bg-light-mode-ai-background {
    background: linear-gradient(257deg,rgba(236,220,142,.1) 0,rgba(238,71,103,.1) 50.58%,rgba(76,97,252,.1) 99.22%)
}

.border-light-mode-ai-outline {
    position: relative;
    border-radius: 12px;
    border: 0
}

.border-light-mode-ai-outline::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(257deg,#ecdc8e 0,#ee4767 50.58%,#4c61fc 99.22%);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: exclude;
    pointer-events: none
}

.simulator__wrapper {
    flex-grow: .525;
    border-left: 1px solid var(--neutral-border);
    background-color: var(--neutral-container)
}

.profile-sidebar-section__current-profile__wrapper {
    overflow-y: auto;
    height: 100%
}

.profile-sidebar-section__current-profile__wrapper.o__with-group-tab-bar {
    height: calc(100% - 53px)
}

.profile-sidebar-section__current-profile {
    padding-bottom: 20px
}

.profile-sidebar-section__regular-padding {
    padding: 0 20px
}

.profile-sidebar-section__owner-component-details {
    min-height: 20px;
    margin-bottom: 8px
}

.profile-sidebar-section__overflow-auto {
    overflow: auto
}

.profile-sidebar-section__centered-name {
    flex: 0 1 auto;
    min-width: 0;
    font-weight: 400;
    font-size: 18px
}

.profile-sidebar-section__section-title {
    font-weight: 500;
    color: var(--text-default)
}

.messenger-preview-redesign__card.messenger-preview-redesign__external-links-card li,.profile-sidebar-section__centered-name__name-wrapper {
    position: relative
}

.profile-sidebar-section__centered-name__second-displayed {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
    text-align: left
}

.profile-sidebar-section__centered-name__first-displayed {
    min-width: 60px;
    text-align: center
}

.profile-sidebar-section__centered-name__wrapper:hover .profile-sidebar-section__centered-name__first-displayed {
    opacity: 0;
    pointer-events: none
}

.profile-sidebar-section__centered-name__wrapper:hover .profile-sidebar-section__centered-name__second-displayed {
    opacity: 1;
    pointer-events: all
}

.profile-sidebar-section__current-profile .liquid-child:not(.velocity-animating),.profile__sidebar .liquid-child:not(.velocity-animating) {
    transform: none!important;
    overflow: visible
}

.profile-sidebar-section__current-profile .liquid-child.velocity-animating,.profile__sidebar .liquid-child.velocity-animating {
    transform: inherit
}

.profile-sidebar-section__current-profile .liquid-container:not(.liquid-animating),.profile__sidebar .liquid-container:not(.liquid-animating) {
    transform: none!important;
    overflow: visible
}

.profile-sidebar-section__current-profile .liquid-container.liquid-animating,.profile__sidebar .liquid-container.liquid-animating {
    transform: inherit
}

.profile-sidebar-section__current-profile .profile-sidebar-section__overflow-auto .liquid-child,.profile-sidebar-section__current-profile .profile-sidebar-section__overflow-auto .liquid-container,.profile__sidebar .profile-sidebar-section__overflow-auto .liquid-child,.profile__sidebar .profile-sidebar-section__overflow-auto .liquid-container {
    overflow: hidden!important
}

.profile-sidebar-tabbar {
    box-sizing: border-box;
    height: 65px
}

.profile-sidebar-tabbar.o__compact {
    height: 42px
}

.profile-sidebar-tabbar.o__compact .profile-sidebar-tabbar__tab {
    margin-top: 0
}

.profile-sidebar-tabbar.o__compact .profile-sidebar-tabbar__tab.o__inactive {
    padding-bottom: 10px
}

.profile-sidebar-tabbar__tab {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 8px;
    margin: 3px 5px 0
}

.profile-sidebar-tabbar__tab.o__active {
    border-bottom: 2px solid var(--neutral-border)
}

.profile-sidebar-tabbar__tab.o__inactive {
    opacity: .5;
    padding-bottom: 10px
}

.profile-sidebar-tabbar__wrapper {
    width: max-content;
    height: 100%;
    padding-left: 5px
}

.profile-sidebar-tabbar__dropdown-opener {
    margin-top: 7px;
    margin-left: 4px
}

.profile-sidebar-tabbar__dropdown-opener .btn {
    padding-left: 6px;
    padding-right: 2px
}

.profile-sidebar-cs-banner {
    padding: 3px
}

.profile-sidebar-cs-banner.o__yellow {
    background-color: var(--notice-fill)
}

.profile-sidebar-cs-banner.o__blue {
    background-color: var(--beta-fill)
}

.profile-sidebar-cs-banner.o__purple {
    background-color: var(--paywall-fill)
}

.profile-sidebar-cs-banner.o__green {
    background-color: var(--success-fill)
}

.messenger-preview__container {
    width: 40%;
    min-width: 376px;
    z-index: -1
}

@media (max-width: 1330px) {
    .messenger-preview__container {
        transform:scale(.8)
    }
}

.messenger-preview {
    width: 370px;
    box-shadow: 0 2px 32px 0 rgba(0,0,0,.14),0 1px 6px 0 rgba(0,0,0,.06);
    border-radius: 8px
}

.messenger-preview__no-overflow {
    overflow: hidden
}

.messenger-preview__fade {
    width: 100%;
    position: absolute;
    background: linear-gradient(to top,rgba(255,255,255,0) 0,#fff 50%);
    top: -20px
}

.messenger-preview__composer__reply-box,.messenger-preview__composer__reply-box-mobile {
    border-top: 1px solid var(--neutral-border);
    padding: 17px 30px;
    color: var(--text-muted);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: var(--neutral-container)
}

.messenger-preview__composer__reply-box-mobile {
    padding: 16px 21px
}

.messenger-preview__composer__button {
    margin-right: 12px
}

.messenger-preview__stream__part-container {
    display: inline-block;
    color: var(--text-on-neutral);
    margin: 8px 0 0;
    padding: 15px;
    border-radius: 6px;
    word-break: break-word
}

.messenger-preview__task__bot-paragraph {
    margin: 0 0 10px
}

.messenger-preview__stream__part {
    align-items: flex-end;
    padding: 16px 0
}

.messenger-preview__stream__part__hidden-overflow {
    overflow: hidden;
    max-height: 472px
}

.messenger-preview__stream__user-comment-container {
    background-color: var(--primary_app_color);
    color: var(--THEME-EJECTION__CONTENT-PREVIEW__WHITE-COLOR);
    margin-right: 25px
}

.messenger-preview__stream__avatar {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right: 12px;
    margin-bottom: 5px
}

.messenger-preview__stream__avatar.o__shape-squircle,.messenger-preview__stream__avatar.o__shape-squircle>img {
    border-radius: 16.7%
}

.messenger-preview__stream__operator-avatar {
    background-color: var(--neutral-container);
    color: var(--text-default)
}

.messenger-preview__stream__operator-avatar svg {
    margin: 5px;
    width: 20px;
    height: 20px
}

.messenger-preview__stream__operator-empty-avatar {
    background-color: var(--neutral-container);
    color: var(--text-on-neutral)
}

.messenger-preview__stream__comment-holder {
    max-width: 260px
}

.fin-setup-behavior-bot-intro .messenger-preview__stream__comment-holder {
    max-width: unset;
    width: 100%
}

.fin-setup-behavior-bot-intro .messenger-preview__stream__part-container {
    width: 260px
}

.fin-auto-close-settings .messenger-preview__stream__part-container,.fin-hand-over-closing-messages-settings .messenger-preview__stream__part-container,.operator-bot-intro-localization-editor .messenger-preview__stream__part-container {
    width: 250px
}

.operator-bot-intro-localization-editor-email {
    width: 600px
}

.fin-pre-handover-settings .messenger-preview__stream__part-container {
    max-width: 280px
}

.fin-pre-handover-settings .messenger-preview__stream__part {
    padding-top: 4px;
    padding-bottom: 4px
}

.fin-pre-handover-settings .messenger-preview__stream__user-comment-container {
    display: flex;
    justify-content: flex-end;
    padding: 0
}

.messenger-preview__stream__form {
    display: inline-block;
    color: var(--text-default);
    border-top: 2px solid var(--primary_app_color);
    box-shadow: var(--shadow-lvl-0);
    margin: 10px 0 0;
    transition: background-color .2s;
    padding: 15px 25px;
    text-align: left;
    border-radius: 5px
}

.convert-to-ticket-dropdown {
    white-space: normal;
    overflow: hidden
}

.convert-to-ticket-dropdown .btn {
    line-height: 18px;
    background-color: transparent!important
}

.convert-to-ticket-dropdown .u__one-truncated-line {
    white-space: normal!important
}

.ds-new__dropdown__group:has(.removed-divider) {
    border: 0!important;
    padding-top: 0
}

.messenger-preview__stream__form__title {
    color: var(--text-default);
    font-weight: 600;
    font-size: 16px;
    margin-top: 5px
}

.messenger-preview__stream__form__subtitle {
    color: var(--text-muted);
    font-size: 14px;
    margin-bottom: 17px
}

.messenger-preview__stream__form__item {
    margin-bottom: 10px;
    min-width: 210px
}

.messenger-preview__stream__form__label {
    margin-bottom: 5px
}

.messenger-preview__stream__form__input {
    position: relative;
    min-width: 180px;
    border-radius: 5px;
    pointer-events: none
}

.messenger-preview__stream__form__input-placeholder {
    color: var(--text-muted);
    padding-left: 8px
}

.messenger-preview__stream__form__submit {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 35px;
    background-image: url(https://js.intercomcdn.com/images/next-icon.f2fe1dd8.png);
    background-size: 8px 13px;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 1;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
    background-color: var(--primary_app_color)
}

.messenger-preview__stream__form__input.o__select {
    padding-left: 8px
}

.messenger-preview__stream__form__input.o__select,.messenger-preview__stream__form__input.o__string {
    border: 1px solid var(--neutral-border);
    height: 42px
}

.messenger-preview__stream__form__input.o__boolean,.messenger-preview__stream__form__input.o__button-group {
    display: flex;
    height: 42px
}

.messenger-preview__stream__form__input-option {
    margin: 0;
    border: 1px solid var(--neutral-border);
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
    border-right: 0;
    flex: 1;
    text-align: center
}

.messenger-preview__stream__form__input-option:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.messenger-preview__stream__form__input-option:last-child {
    border-right: 1px solid var(--neutral-border);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.messenger-preview__stream__form__select-caret {
    position: absolute;
    top: 8px;
    right: 10px
}

.messenger-preview__stream__form__country-code {
    font-weight: 500;
    color: var(--text-default)
}

.messenger-preview__stream__timestamp {
    color: var(--text-muted)
}

.messenger-preview__stream__notification-collector {
    width: 260px;
    margin-top: 10px
}

.messenger-preview__stream__notification-collector-card-container {
    margin: 10px 0 0;
    border-radius: 6px
}

.messenger-preview__stream__notification-collector-card {
    margin: 10px 0 0;
    border: 0;
    border-top: 2px solid var(--primary_app_color);
    box-shadow: 0 4px 15px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.1);
    border-radius: 5px
}

.messenger-preview__stream__notification-collector-card-tab {
    padding-bottom: 3px;
    margin: 0 12px 12px 0;
    display: inline-block
}

.messenger-preview__stream__notification-collector-card-tab.o__selected {
    border-bottom: 1px solid
}

.messenger-preview__welcome-message {
    max-height: fit-content;
    height: 100%
}

.messenger-preview__stream__quick-replies-container {
    min-height: fit-content
}

.messenger-preview__composer-suggestions__suggestion-bubble,.messenger-preview__stream__quick-reply-button {
    border-radius: 6px;
    padding: 10px;
    border: 0;
    background-color: var(--quick_reply_background_color);
    color: var(--quick_reply_text_color)
}

.messenger-preview__stream__quick-reply-button {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin: 0 4px 8px
}

.messenger-preview__composer-suggestions__suggestion-bubble {
    display: inline;
    max-width: 270px
}

.messenger-preview__composer-suggestions__suggestion-bubble-mobile {
    display: inline;
    border-radius: 20px;
    padding: 5px 13px;
    border: 1px solid var(--primary_app_color);
    color: var(--primary_app_color)
}

.messenger-preview__stream__conversation-rating-form {
    width: 210px;
    text-align: center;
    padding: 20px 30px
}

.messenger-preview__stream__conversation-rating-form__response {
    font-size: 30px;
    margin-top: 15px
}

.messenger-preview__stream__article-suggestion-form {
    width: 235px;
    padding: 0;
    color: var(--text-link)
}

.messenger-preview__stream__article-card {
    margin: 0 24px;
    padding: 21px 30px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.messenger-preview__stream__article-card__title {
    color: var(--primary_app_color);
    font-weight: 500
}

.messenger-preview__stream__article-suggestion-form__option {
    padding: 12px 20px;
    border-bottom: 1px solid var(--neutral-border)
}

.messenger-preview__stream__help-center-link {
    padding: 12px 20px;
    text-align: center
}

.messenger-preview__temporary-expectations-text {
    color: var(--text-muted);
    line-height: 1.3;
    max-width: 268px;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.messenger-preview__bot-onlu-expectations-text {
    color: var(--text-muted)
}

.messenger-preview__voice-notes-icon svg {
    color: #737376
}

div[data-test-messenger-preview] {
    min-width: 268px!important;
    min-height: 104px!important
}

.messenger-preview__launcher__icon__custom {
    height: 32px;
    padding: 3px 4px;
    border: 1px dashed rgba(0,0,0,.2)
}

.messenger-preview__launcher__icon__custom.o__dark {
    border: 1px dashed #fff
}

.messenger-preview__launcher__icon__custom.o__dark .messenger-preview__launcher__icon {
    opacity: .3
}

.messenger-preview__launcher__icon__connector {
    position: absolute;
    background-color: rgba(0,0,0,.2);
    width: 28px;
    height: 1px;
    left: 48px;
    z-index: 100
}

.messenger-preview__launcher__icon {
    width: 28px;
    height: 32px
}

.messenger-preview__launcher__minimize-icon {
    width: 16px
}

.messenger-preview__launcher__icon-path {
    fill: var(--launcher_icon_color)
}

.messenger-preview__launcher__horizontal-ruler,.messenger-preview__launcher__vertical-ruler {
    transition: opacity .3s
}

.messenger-preview__launcher {
    z-index: 100;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin-top: 20px;
    margin-left: auto;
    position: relative;
    box-shadow: 0 5px 40px rgba(0,0,0,.16);
    background-color: var(--button_background_color)
}

.messenger-preview__launcher.o__align-left {
    margin-left: 0
}

.messenger-preview__launcher.o__animated {
    margin-left: 0;
    transform: translateX(158px);
    transition: transform .3s;
    transform-origin: bottom right
}

.messenger-preview__launcher__horizontal-ruler,.messenger-preview__launcher__vertical-ruler {
    opacity: 0;
    position: absolute;
    bottom: 95px;
    right: 0;
    z-index: 2;
    width: 40px;
    height: 2px;
    border-top: 1px solid rgba(0,0,0,.1);
    box-sizing: border-box
}

.messenger-preview__launcher__vertical-ruler {
    transform: rotate(90deg);
    transform-origin: top right;
    bottom: -1px;
    right: 100px;
    width: 39px
}

.messenger-preview__launcher__horizontal-ruler:before {
    transform: rotate(-45deg)
}

.messenger-preview__launcher__horizontal-ruler:after,.messenger-preview__launcher__horizontal-ruler:before {
    content: "";
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    box-sizing: border-box;
    top: -5px;
    border-top: 1px solid rgba(0,0,0,.1);
    border-left: 1px solid rgba(0,0,0,.1)
}

.messenger-preview__launcher__vertical-ruler:before {
    transform: rotate(-45deg)
}

.messenger-preview__launcher__vertical-ruler:after,.messenger-preview__launcher__vertical-ruler:before {
    content: "";
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    box-sizing: border-box;
    top: -5px;
    border-top: 1px solid rgba(0,0,0,.1);
    border-left: 1px solid rgba(0,0,0,.1)
}

.messenger-preview__launcher__horizontal-ruler:before,.messenger-preview__launcher__vertical-ruler:before {
    left: 1px
}

.messenger-preview__launcher__horizontal-ruler:after,.messenger-preview__launcher__vertical-ruler:after {
    right: 1px;
    transform: rotate(135deg)
}

.messenger-preview__launcher__horizontal-ruler-value,.messenger-preview__launcher__vertical-ruler-value {
    color: var(--text-muted);
    font-size: 12px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: -20px
}

.messenger-preview__launcher__vertical-ruler-value {
    transform: rotate(-90deg);
    transform-origin: top left;
    text-align: left;
    top: -5px;
    left: 9px
}

.messenger-preview__home.o__messenger-align-left:after {
    left: 0;
    right: auto;
    border-right: 0;
    border-left: 1px solid rgba(0,0,0,.1);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 5px
}

.messenger-preview-container.o__messenger-align-left .messenger-preview__launcher.o__animated,.messenger-preview__home.o__messenger-align-left .messenger-preview__launcher.o__animated {
    transform: translateX(-158px);
    transform-origin: bottom left
}

.messenger-preview-container.o__messenger-align-left .messenger-preview__launcher__horizontal-ruler,.messenger-preview__home.o__messenger-align-left .messenger-preview__launcher__horizontal-ruler {
    right: auto;
    left: 0
}

.messenger-preview-container.o__messenger-align-left .messenger-preview__launcher__vertical-ruler,.messenger-preview__home.o__messenger-align-left .messenger-preview__launcher__vertical-ruler {
    right: auto;
    left: 60px
}

.messenger-preview__home.o__no-borders {
    padding-bottom: 0;
    align-items: flex-end;
    max-height: 670px;
    width: fit-content
}

.messenger-preview__home.o__no-borders:after {
    border-right: 0;
    border-left: 0;
    border-bottom: 0
}

.messenger-preview__home.o__no-borders.o__messenger-align-left {
    align-items: flex-start
}

.messenger-preview__home.o__messenger-launcher-zoom .messenger-preview__launcher {
    transform: translate(138px,-20px) scale(2)
}

.messenger-preview__home.o__messenger-launcher-zoom .messenger-preview__launcher__horizontal-ruler,.messenger-preview__home.o__messenger-launcher-zoom .messenger-preview__launcher__vertical-ruler {
    opacity: 1
}

.messenger-preview__home.o__messenger-launcher-zoom.o__messenger-align-left .messenger-preview__launcher {
    transform: translate(-138px,-20px) scale(2)
}

.messenger-preview__home__card,.messenger-preview__home__card__container .intercom-interblocks-messenger-card {
    box-shadow: var(--shadow-lvl-1);
    border-radius: 6px;
    width: 344px;
    margin: 0 auto 16px;
    padding: 26px 24px 24px!important;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-top: 2px solid var(--primary_app_color);
    z-index: 10
}

.messenger-preview__home__card__container .intercom-interblocks-messenger-card.o__error {
    border-color: var(--error-border)
}

.messenger-preview__home__card.in-reordering,.messenger-preview__home__conversation-card.in-reordering {
    margin-left: 0
}

.messenger-preview__home__card *,.messenger-preview__home__card__container .intercom-interblocks-messenger-card * {
    pointer-events: none!important
}

.messenger-preview__home__card.o__active *,.messenger-preview__home__card__container .intercom-interblocks-messenger-card.o__active * {
    pointer-events: all!important
}

.messenger-preview__home__card button.primary:not(.disabled),.messenger-preview__home__card__container .intercom-interblocks-messenger-card button.primary:not(.disabled) {
    background-color: var(--button_background_color)!important;
    color: var(--button_text_color)!important
}

.messenger-preview__home__card button.secondary:not(.disabled),.messenger-preview__home__card__container .intercom-interblocks-messenger-card button.secondary:not(.disabled) {
    background-color: var(--neutral-container);
    border-color: var(--link_color)!important;
    color: var(--link_color)!important
}

.messenger-preview__home__card button.link:not(.disabled),.messenger-preview__home__card__container .intercom-interblocks-messenger-card button.link:not(.disabled) {
    color: var(--link_color)!important
}

.messenger-preview__home__card .input-button:not(.disabled),.messenger-preview__home__card__container .intercom-interblocks-messenger-card .input-button:not(.disabled) {
    background-color: var(--button_background_color)!important;
    background-image: var(--next-icon-url)!important;
    background-size: 8px 13px!important;
    background-repeat: no-repeat
}

@media (min-device-pixel-ratio: 1.3),(min-resolution:1.3dppx) {
    .messenger-preview__home__card .input-button:not(.disabled),.messenger-preview__home__card__container .intercom-interblocks-messenger-card .input-button:not(.disabled) {
        background-image:var(--next-icon-url-2x)!important
    }
}

.messenger-preview__home__card .intercom-card-component.list-component .list,.messenger-preview__home__card__container .intercom-interblocks-messenger-card .intercom-card-component.list-component .list {
    margin-top: 2px
}

.messenger-preview__home__card .intercom-card-component.list-component.first-component,.messenger-preview__home__card__container .intercom-interblocks-messenger-card .intercom-card-component.list-component.first-component {
    margin-top: -24px!important
}

.messenger-preview__home__card .intercom-card-component.list-component.last-component,.messenger-preview__home__card__container .intercom-interblocks-messenger-card .intercom-card-component.list-component.last-component {
    margin-bottom: -24px!important
}

.messenger-preview__home__conversation-card {
    padding-top: 25px;
    padding-bottom: 25px
}

.messenger-preview__conversation__header__content .messenger-preview__home__conversation-card__unknown-response-time,.messenger-preview__home__conversation-card__clock-icon.o__header .interface-icon,.messenger-preview__home__conversation-card__reply-time-header {
    color: var(--header_text_color)
}

.messenger-preview__home__conversation-card__unknown-response-time {
    font-size: 14px;
    line-height: 21px;
    color: var(--text-muted);
    max-width: 152px
}

.messenger-preview__home__conversation-card__clock-icon .interface-icon {
    width: 14px;
    height: 14px;
    margin-bottom: 0;
    color: var(--button_background_color)
}

.messenger-preview__home__conversation-card__clock-icon.o__gray .interface-icon {
    color: var(--text-muted)
}

.messenger-preview__home__conversation-card__reply-time-value {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-default)
}

.messenger-preview__home__conversation-card__reply-time-value.o__header {
    color: var(--header_title_color)
}

.messenger-preview__home__conversation-card__reply-time-value.o__header.o__collapsed {
    font-weight: 400;
    color: var(--header_text_color)
}

.messenger-preview__home__conversation-card__avatar {
    height: 56px;
    width: 56px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    box-sizing: border-box;
    margin-right: -8px;
    border: 2px solid var(--neutral-border);
    background-color: var(--avatar_background_color);
    color: var(--button_text_color);
    line-height: 56px;
    font-size: 26px
}

.messenger-preview__home__conversation-card__avatar-container {
    margin-left: -40px;
    flex: 1 1 56px
}

.messenger-preview__home__conversation-card__avatar-container.o__small {
    margin-left: -22px;
    flex: 1 1 36px
}

.messenger-preview__home__conversation-card__avatar-container.o__small .messenger-preview__home__conversation-card__avatar {
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 14px
}

.messenger-preview__home__conversation-card__avatar-container.o__tiny {
    margin-left: -12px;
    flex: 1 1 28px
}

.messenger-preview__home__conversation-card__avatar-container.o__tiny .messenger-preview__home__conversation-card__avatar {
    height: 28px;
    width: 28px;
    line-height: 28px;
    font-size: 12px
}

.messenger-preview__home__conversation-card__avatar-container:first-of-type {
    margin-left: -2px
}

.messenger-preview__home__conversation-card__avatar.o__has-avatar {
    background-color: var(--neutral-container)
}

.messenger-preview__home__conversation-card__avatar:nth-child(1) {
    z-index: 1
}

.messenger-preview__home__conversation-card__avatar:nth-child(2) {
    z-index: 2
}

.messenger-preview__home__conversation-card__avatar:nth-child(3) {
    z-index: 3
}

.messenger-preview__home__conversation-card__avatar:nth-child(4) {
    z-index: 4
}

.messenger-preview__home__conversation-card__avatar:nth-child(5) {
    z-index: 5
}

.messenger-preview__home__conversation-card__avatar:nth-child(6) {
    z-index: 6
}

.messenger-preview__home__conversation-card__avatar:last-of-type {
    margin-right: 0
}

.messenger-preview__home {
    max-width: 416px;
    width: 416px;
    height: 100%;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    flex-direction: column
}

.messenger-preview__home:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 300px;
    height: 300px;
    border-right: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
    border-bottom-right-radius: 5px;
    z-index: 0
}

.messenger-preview__home__container {
    height: 590px;
    width: 376px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    transition: opacity .3s;
    background-color: var(--neutral-container);
    box-shadow: 0 5px 40px rgba(0,0,0,.16)
}

.messenger-preview__home__container-ios {
    width: 376px
}

.messenger-preview__home__container-android,.messenger-preview__home__container-ios {
    overflow: hidden;
    position: relative;
    z-index: 2;
    transition: opacity .3s;
    background-color: var(--neutral-container);
    box-shadow: 0 5px 40px rgba(0,0,0,.16)
}

.messenger-preview__home__container-ios {
    height: 645px;
    border-radius: 0
}

.messenger-preview__home__container-android {
    height: 567px;
    width: 360px;
    border-radius: 0
}

.messenger-preview__home__container * {
    font-family: proxima-nova,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale
}

.messenger-preview__home__scrolling-area {
    overflow-y: auto;
    overflow-x: hidden;
    cursor: default;
    height: 590px;
    perspective: 1px
}

.messenger-preview__home__scrolling-area:after {
    content: "";
    min-height: 1px;
    margin-top: -1px;
    display: block
}

.messenger-preview__home__scrolling-area::-webkit-scrollbar {
    display: none
}

.messenger-preview__header__about-the-team {
    color: var(--header_text_color);
    line-height: 24px;
    white-space: pre-line
}

.messenger-preview__home__header__full-team-name {
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--header_title_color)
}

.messenger-preview__home__header__full-team-name.o__small {
    font-size: 16px;
    margin-bottom: -2px
}

.messenger-preview__home__header__background-pattern {
    position: relative
}

.messenger-preview__home__header__background-pattern,.messenger-preview__home__header__background-pattern.o__background-1,.messenger-preview__home__header__background-pattern.o__background-10,.messenger-preview__home__header__background-pattern.o__background-11,.messenger-preview__home__header__background-pattern.o__background-12,.messenger-preview__home__header__background-pattern.o__background-13,.messenger-preview__home__header__background-pattern.o__background-14,.messenger-preview__home__header__background-pattern.o__background-15,.messenger-preview__home__header__background-pattern.o__background-16,.messenger-preview__home__header__background-pattern.o__background-2,.messenger-preview__home__header__background-pattern.o__background-3,.messenger-preview__home__header__background-pattern.o__background-4,.messenger-preview__home__header__background-pattern.o__background-5,.messenger-preview__home__header__background-pattern.o__background-6,.messenger-preview__home__header__background-pattern.o__background-7,.messenger-preview__home__header__background-pattern.o__background-8,.messenger-preview__home__header__background-pattern.o__background-9 {
    background: linear-gradient(135deg,var(--gradient_start_color),var(--gradient_end_color))
}

.messenger-preview__home__header__background-pattern.o__background-1::after,.messenger-preview__home__header__background-pattern.o__background-2::after {
    content: "";
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-1-907d71126e883dca177e224b1f5e33fb.png);
    opacity: .35;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1
}

.messenger-preview__home__header__background-pattern.o__background-2::after {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-2-a905c0fdd27a12715438c9d9a88e1c0e.png)
}

.messenger-preview__home__header__background-pattern.o__background-3::after,.messenger-preview__home__header__background-pattern.o__background-4::after {
    content: "";
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-3-4b0f1bbcafb914af79487f8bf7010d40.png);
    opacity: .35;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1
}

.messenger-preview__home__header__background-pattern.o__background-4::after {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-4-9519354d07d9296867b58617e8fb8573.png)
}

.messenger-preview__home__header__background-pattern.o__background-5::after,.messenger-preview__home__header__background-pattern.o__background-6::after {
    content: "";
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-5-011ffee10ababae888ae0f4efc3e5661.png);
    opacity: .35;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1
}

.messenger-preview__home__header__background-pattern.o__background-6::after {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-6-7493b9afcbf63f1fe51bc5df19f109af.png)
}

.messenger-preview__home__header__background-pattern.o__background-7::after,.messenger-preview__home__header__background-pattern.o__background-8::after {
    content: "";
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-7-02c5d6d4abdf04ac81b743400fb86f1b.png);
    opacity: .35;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1
}

.messenger-preview__home__header__background-pattern.o__background-8::after {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-8-a925d8594054635b64d7e75ca49103aa.png)
}

.messenger-preview__home__header__background-pattern.o__background-10::after,.messenger-preview__home__header__background-pattern.o__background-9::after {
    content: "";
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-9-39c2aa42cd968e6bc3acc00c3717b7ff.png);
    opacity: .35;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1
}

.messenger-preview__home__header__background-pattern.o__background-10::after {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-10-8b7bf0f6679af7a02bb481327d03acb9.png)
}

.messenger-preview__home__header__background-pattern.o__background-11::after,.messenger-preview__home__header__background-pattern.o__background-12::after {
    content: "";
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-11-c7e2e660af06f295ad610300c460e8de.png);
    opacity: .35;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1
}

.messenger-preview__home__header__background-pattern.o__background-12::after {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-12-af02a6b72a3f8c5bdec31c21c8c99c6c.png)
}

.messenger-preview__home__header__background-pattern.o__background-13::after,.messenger-preview__home__header__background-pattern.o__background-14::after {
    content: "";
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-13-7966e12b520b63bcb8f46a0ee76ecc1b.png);
    opacity: .35;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1
}

.messenger-preview__home__header__background-pattern.o__background-14::after {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-14-0080054ba994daa604f80a11b3ab692f.png)
}

.messenger-preview__home__header__background-pattern.o__background-15::after,.messenger-preview__home__header__background-pattern.o__background-16::after {
    content: "";
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-15-f2eb9cbd4fdbb0aaa0f61dc2f2910e9d.png);
    opacity: .35;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1
}

.messenger-preview__home__header__background-pattern.o__background-16::after {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-16-1407ce5e3f9621a5d8828fda597cd8de.png)
}

.messenger-preview__home__header__background-pattern.o__background-1::after,.messenger-preview__home__header__background-pattern.o__background-2::after {
    background-size: 432.5px 428px,cover
}

.messenger-preview__home__header__background-pattern.o__background-3::after {
    background-size: 419px 181px,cover
}

.messenger-preview__home__header__background-pattern.o__background-4::after {
    background-size: 325px 323.5px,cover
}

.messenger-preview__home__header__background-pattern.o__background-5::after {
    background-size: 352px 390px,cover
}

.messenger-preview__home__header__background-pattern.o__background-6::after {
    background-size: 196.5px 225px,cover
}

.messenger-preview__home__header__background-pattern.o__background-7::after {
    background-size: 69px 60px,cover
}

.messenger-preview__home__header__background-pattern.o__background-8::after {
    background-size: 832px 439px,cover
}

.messenger-preview__home__header__background-pattern.o__background-9::after {
    background-size: 378px 378px,cover
}

.messenger-preview__home__header__background-pattern.o__background-10::after {
    background-size: 376px 376px,cover
}

.messenger-preview__home__header__background-pattern.o__background-11::after,.messenger-preview__home__header__background-pattern.o__background-12::after,.messenger-preview__home__header__background-pattern.o__background-13::after,.messenger-preview__home__header__background-pattern.o__background-14::after,.messenger-preview__home__header__background-pattern.o__background-15::after,.messenger-preview__home__header__background-pattern.o__background-16::after {
    background-size: 378px 378px,cover
}

.messenger-preview__conversation__header__content {
    box-sizing: border-box;
    width: 100%;
    padding: 17.5px 25px 32px;
    opacity: var(--content-opacity);
    transform: translateZ(-1px) scale(2);
    transform-origin: center 295px;
    position: relative;
    min-height: auto;
    transform: none;
    margin-bottom: 0;
    z-index: 2
}

.appstore__app-details__long-description ol,.appstore__app-details__long-description p,.appstore__app-details__long-description ul,.messenger-preview__conversation__header__content.o__collapsed {
    padding-bottom: 16px
}

.messenger-preview__conversation__header__name {
    width: 225px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 20px;
    min-height: 20px;
    color: var(--header_title_color)
}

.messenger-preview__conversation__header__bio-icon {
    padding-top: 3px
}

.messenger-preview__conversation__header__bio {
    width: fit-content;
    padding-right: 30px
}

.messenger-preview__conversation__header__text {
    font-size: 13px;
    color: var(--header_title_color)
}

.messenger-preview__conversation__header__subtitle {
    color: var(--header_text_color);
    font-size: 13px;
    opacity: .75
}

.messenger-preview__conversation__header__avatar-container {
    position: relative;
    margin-right: 10px
}

.messenger-preview__conversation__header__avatar .avatar {
    height: 56px;
    width: 56px
}

.messenger-preview__conversation__header__avatar__active-state {
    width: 8px;
    height: 8px;
    background-color: #7ed321;
    border: 2px solid var(--secondary_app_color);
    margin: 0 auto;
    border-radius: 50%;
    display: inline-block;
    vertical-align: bottom;
    right: 3px;
    bottom: 3px;
    position: absolute;
    z-index: 2
}

.messenger-preview__conversation__header__avatar__active-state.o__shape-squircle {
    right: -2px;
    bottom: -2px
}

.messenger-preview__conversation__header__icon {
    width: 16px;
    height: 16px;
    margin-right: 10px
}

.messenger-preview__conversation__header__icon-group {
    stroke: var(--button_text_color)
}

.messenger-preview__conversation__header__icon-path {
    fill: var(--header_title_color)
}

.messenger-preview__conversation__header__back-button {
    position: absolute;
    top: 30px;
    left: 40px
}

.messenger-preview__conversation__header__back-button-icon {
    width: 9px;
    height: 14px
}

.messenger-preview__conversation__header__social-accounts {
    position: absolute;
    top: 30px;
    right: 15px
}

.messenger-preview__conversation__header__about-the-team {
    font-size: 14px
}

.messenger-preview__conversation__upfront-email-collector {
    top: 0;
    min-height: 590px;
    position: relative!important;
    cursor: default
}

.messenger-preview__conversation__upfront-email-collector__composer:first-child {
    border-bottom: 1px solid var(--neutral-border)
}

.messenger-preview__conversation__upfront-email-collector__composer {
    color: #adadad
}

.messenger-preview__conversation__upfront-email-collector__composer__button {
    position: absolute;
    bottom: 20px;
    right: 20px
}

.messenger-preview__conversation {
    max-width: 376px;
    max-height: 670px;
    z-index: 100
}

.messenger-preview__conversation.o__messenger-align-left {
    left: 0;
    align-items: flex-start
}

.messenger-preview__conversation__composer {
    height: 56px;
    border-top: 1px solid var(--neutral-border);
    padding: 0 24px
}

.messenger-preview__conversation__composer-icon {
    height: 18px;
    margin-right: 10px
}

.messenger-preview__conversation__composer-icon-path,.paywalls__upgrade-modal__icon circle {
    fill: var(--neutral-container)
}

.spaces-tab-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    font-size: 14px;
    line-height: 21px;
    height: 80px;
    padding: 0 16px;
    transition: margin .3s ease-out;
    background-color: var(--messenger-container-base-neutral);
    box-shadow: var(--messenger-shadow-large);
    border-top: 1px solid var(--messenger-border-emphasis-neutral)
}

.spaces-tab-bar--no-titles {
    height: 60px
}

.spaces-tab-bar__item {
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 18px 15px;
    cursor: default;
    transition: all 150ms;
    line-height: 14px;
    color: var(--messenger-text-default)
}

.spaces-tab-bar__item--active {
    color: var(--link_color);
    font-weight: 590
}

.spaces-tab-bar__item:focus {
    outline: 0
}

.spaces-tab-bar__item-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    pointer-events: none
}

.spaces-tab-bar__item-icon svg>path {
    fill: var(--messenger-icon-default)
}

.messenger-preview-redesign__conversation-card__send-icon svg path,.messenger-preview-redesign__search-browse-card__input>svg>path,.spaces-tab-bar__item-icon--active>svg>path {
    fill: var(--link_color)
}

.messenger-preview-redesign__external-links-form-item.form__item .content>div,.messenger-preview-redesign__ticket-links-form-item.form__item .content>div,.spaces-tab-bar__item-icon--no-title {
    margin-bottom: 0
}

.messenger-preview-redesign__card,.messenger-preview-redesign__card__container .intercom-interblocks-messenger-card {
    margin: 0 20px 16px;
    padding: 16px 20px 20px;
    box-sizing: border-box;
    z-index: 10;
    background-color: var(--messenger-container-base-neutral);
    color: var(--messenger-text-default);
    border-radius: 12px;
    box-shadow: var(--messenger-shadow-medium);
    border: 1px solid var(--messenger-border-neutral)
}

.messenger-preview-redesign__card.in-reordering,.messenger-preview-redesign__conversation-card.in-reordering,.messenger-preview-redesign__external-links-card.in-reordering,.messenger-preview-redesign__search-browse-card.in-reordering {
    margin-left: 0;
    margin-bottom: 0;
    max-width: 344px
}

.messenger-preview-redesign__card *,.messenger-preview-redesign__card__container .intercom-interblocks-messenger-card * {
    pointer-events: none!important
}

.messenger-preview-redesign__card * button,.messenger-preview-redesign__card * input,.messenger-preview-redesign__card__container .intercom-interblocks-messenger-card * button,.messenger-preview-redesign__card__container .intercom-interblocks-messenger-card * input {
    border-radius: 8px!important;
    border: 1px solid #e6e6e6!important
}

.messenger-preview-redesign__card * input,.messenger-preview-redesign__card__container .intercom-interblocks-messenger-card * input {
    box-sizing: border-box!important;
    box-shadow: none!important
}

.messenger-preview-redesign__card * .input-button,.messenger-preview-redesign__card__container .intercom-interblocks-messenger-card * .input-button {
    border-radius: 0 8px 8px 0!important
}

.messenger-preview-redesign__card.o__active *,.messenger-preview-redesign__card__container .intercom-interblocks-messenger-card.o__active * {
    pointer-events: all!important
}

.messenger-preview-redesign__card .list-item .title {
    color: var(--messenger-text-default);
    font-weight: 600!important
}

.messenger-preview-redesign__card button.primary:not(.disabled),.messenger-preview-redesign__card__container .intercom-interblocks-messenger-card button.primary:not(.disabled) {
    background-color: var(--button_background_color)!important;
    color: var(--button_text_color)!important
}

.messenger-preview-redesign__card button.secondary:not(.disabled),.messenger-preview-redesign__card__container .intercom-interblocks-messenger-card button.secondary:not(.disabled) {
    background-color: var(--messenger-container-base-neutral);
    border-color: var(--link_color)!important;
    color: var(--link_color)!important
}

.messenger-preview-redesign__card button.link:not(.disabled),.messenger-preview-redesign__card__container .intercom-interblocks-messenger-card button.link:not(.disabled) {
    color: var(--link_color)!important
}

.messenger-preview-redesign__card .input-button:not(.disabled),.messenger-preview-redesign__card__container .intercom-interblocks-messenger-card .input-button:not(.disabled) {
    background-color: var(--button_background_color)!important;
    background-image: var(--next-icon-url)!important;
    background-size: 8px 13px!important;
    background-repeat: no-repeat
}

@media (min-device-pixel-ratio: 1.3),(min-resolution:1.3dppx) {
    .messenger-preview-redesign__card .input-button:not(.disabled),.messenger-preview-redesign__card__container .intercom-interblocks-messenger-card .input-button:not(.disabled) {
        background-image:var(--next-icon-url-2x)!important
    }
}

.messenger-preview-redesign__card .intercom-card-component.list-component .list,.messenger-preview-redesign__card__container .intercom-interblocks-messenger-card .intercom-card-component.list-component .list {
    margin-top: 2px;
    margin-left: -21px!important;
    margin-right: -21px!important
}

.messenger-preview-redesign__card .intercom-card-component.list-component.first-component,.messenger-preview-redesign__card__container .intercom-interblocks-messenger-card .intercom-card-component.list-component.first-component {
    margin-top: -24px!important
}

.messenger-preview-redesign__card .intercom-card-component.list-component.last-component,.messenger-preview-redesign__card__container .intercom-interblocks-messenger-card .intercom-card-component.list-component.last-component {
    margin-bottom: -24px!important
}

.messenger-preview-redesign__card.messenger-mobile {
    margin: 0 16px 16px
}

.messenger-preview-redesign__conversation-card {
    padding-top: 16px;
    padding-bottom: 16px
}

.messenger-preview-redesign__header {
    font-size: 14px;
    line-height: 21px;
    color: var(--messenger-text-default)
}

.messenger-preview-redesign__response-time {
    font-size: 14px;
    line-height: 21px;
    color: var(--messenger-text-muted)
}

.messenger-preview-redesign__conversation-card__button.o__deemphasized {
    background-color: var(--messenger-container-base-neutral);
    color: var(--button_background_color)
}

.messenger-preview-redesign__conversation-card__button.o__deemphasized.o__light-mode {
    color: var(--button_text_color)
}

.messenger-preview-redesign__conversation-card__send-icon {
    height: 16px
}

[dir=rtl] .messenger-preview-redesign__conversation-card__send-icon {
    transform: scaleX(-1)
}

.messenger-preview-redesign__conversation-card__send-icon.o__deemphasized svg path {
    fill: var(--button_background_color)
}

.messenger-preview-redesign__conversation-card__send-icon.o__deemphasized.o__light-mode svg path,.messenger-preview-redesign__start-conversation-icon svg path {
    fill: var(--button_text_color)
}

.messenger-preview-redesign__conversation-list__see-all-convos-link {
    font-size: 14px;
    height: 19px;
    margin-top: 16px;
    padding: 15px 30px 15px 24px;
    color: var(--link_color)
}

.messenger-preview-redesign__conversation-list__item {
    padding: 16px 0;
    width: 100%;
    margin: 0 auto;
    align-items: center
}

.messenger-preview-redesign__conversation-list__item-full {
    width: initial;
    margin: 8px 20px
}

.messenger-preview-redesign__conversation-list__item:last-of-type {
    border-bottom: none;
    padding-bottom: 0
}

.messenger-preview-redesign__conversation-list__item-full:last-of-type {
    padding: 16px 0
}

.messenger-preview-redesign__conversation-list__fake-time {
    width: 30px;
    height: 12px;
    border-radius: 24px;
    background-color: var(--messenger-container-emphasis-neutral)
}

.messenger-preview-redesign__conversation-list__fake-avatar,.messenger-preview-redesign__conversation-list__fake-name {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--messenger-container-emphasis-neutral)
}

.messenger-preview-redesign__conversation-list__fake-name {
    width: 226px;
    height: 16px;
    border-radius: 24px
}

.messenger-preview-redesign__conversation-list__fake-conversation,.messenger-preview-redesign__news-card__fake-title span {
    width: 100%;
    height: 16px;
    border-radius: 24px;
    background-color: var(--messenger-container-emphasis-neutral)
}

.messenger-preview-redesign__search-browse-card {
    padding: 8px
}

.messenger-preview-redesign__search-browse-card__input {
    height: 40px;
    font-weight: 590;
    color: var(--messenger-text-default);
    background-color: var(--messenger-input);
    padding: 0 12px;
    border-radius: 8px
}

.messenger-preview-redesign__help-screen__input>svg>circle,.messenger-preview-redesign__search-browse-card__input>svg>circle {
    stroke: var(--link_color)
}

.messenger-preview-redesign__search-browse-card__input-full {
    background-color: var(--messenger-input)
}

.messenger-preview-redesign__search-browse-card__team-component {
    color: #737376;
    line-height: 28px
}

.messenger-preview-redesign__news-card {
    margin: 0 20px 16px;
    box-sizing: border-box;
    box-shadow: var(--messenger-shadow-medium);
    border: 1px solid var(--messenger-border-neutral);
    border-radius: 12px;
    background-color: var(--messenger-container-base-neutral)
}

.messenger-preview-redesign__news-card.in-reordering {
    width: 344px;
    margin-left: 0;
    margin-bottom: 0
}

.messenger-preview-redesign__news-card__image-container {
    display: flex;
    flex-direction: column
}

.messenger-preview-redesign__news-card__image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 8px 8px 0 0
}

.messenger-preview-redesign__news-card__labels {
    display: flex;
    flex-wrap: wrap;
    padding: 16px 16px 0;
    gap: 8px
}

.messenger-preview-redesign__news-card__label {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--link_color);
    background-color: var(--news-label-background-color);
    padding: 0 8px;
    border-radius: 10px;
    border: 0
}

.messenger-preview-redesign__news-card__label.o__light-mode {
    color: var(--messenger-text-default);
    background-color: var(--messenger-container-emphasis-neutral)
}

.messenger-preview-redesign__news-card__body {
    padding: 16px
}

.messenger-preview-redesign__news-card__fake-title {
    display: flex;
    gap: 4px
}

.messenger-preview-redesign__news-card__fake-title span {
    width: 20px;
    height: 7px;
    border-radius: 2px
}

.messenger-preview-redesign__news-card__fake-title span:first-of-type {
    width: 20px
}

.messenger-preview-redesign__news-card__fake-title span:nth-of-type(2) {
    width: 25px
}

.messenger-preview-redesign__news-card__fake-title span:nth-of-type(3) {
    width: 15px
}

.messenger-preview-redesign__news-card__fake-title span:nth-of-type(4) {
    width: 30px
}

.messenger-preview-redesign__news-card__fake-title span:last-of-type {
    width: 40px
}

.messenger-preview-redesign__news-card__fake-description,.messenger-preview-redesign__news-card__fake-short-description {
    width: 250px;
    height: 5px;
    border-radius: 2px;
    background-color: var(--messenger-container-emphasis-neutral)
}

.messenger-preview-redesign__news-card__fake-short-description {
    width: 180px
}

.messenger-preview-redesign__tasks-card__finished {
    background-color: var(--messenger-container-base-neutral)
}

.messenger-preview-redesign__tasks-card__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--messenger-text-default)
}

.messenger-preview-redesign__tasks-card__fake-title {
    display: flex;
    gap: 4px
}

.messenger-preview-redesign__tasks-card__fake-title span {
    width: 20px;
    height: 7px;
    border-radius: 2px;
    background-color: var(--messenger-container-neutral)
}

.messenger-preview-redesign__tasks-card__fake-title span:first-of-type {
    width: 20px
}

.messenger-preview-redesign__tasks-card__fake-title span:nth-of-type(2) {
    width: 25px
}

.messenger-preview-redesign__tasks-card__fake-title span:nth-of-type(3) {
    width: 15px
}

.messenger-preview-redesign__tasks-card__fake-title span:nth-of-type(4) {
    width: 30px
}

.messenger-preview-redesign__tasks-card__fake-title span:last-of-type {
    width: 40px
}

.messenger-preview-redesign__tasks-card__fake-description,.messenger-preview-redesign__tasks-card__fake-short-description {
    width: 250px;
    height: 5px;
    border-radius: 2px;
    background-color: var(--messenger-container-neutral)
}

.messenger-preview-redesign__tasks-card__fake-short-description {
    width: 180px
}

.messenger-preview-redesign__tasks-card__left-to-do {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: var(--messenger-text-muted)
}

.messenger-preview-redesign__tasks-card__neutral-container {
    background-color: var(--messenger-container-neutral)
}

.messenger-preview-redesign__start-conversation-button {
    position: absolute;
    bottom: 20px;
    padding: 10px 16px;
    height: 40px;
    background: var(--button_background_color);
    color: var(--button_text_color);
    box-shadow: 0 0 25px rgba(0,0,0,.1);
    border-radius: 10px
}

.messenger-preview-redesign__start-conversation-icon {
    margin-top: 6px
}

.messenger-preview-redesign__upfront-email-collector {
    width: 336px
}

.messenger-preview-redesign__conversation__upfront-email-collector {
    top: 0;
    min-height: 590px;
    position: relative!important;
    cursor: default
}

.messenger-preview-redesign__conversation__upfront-email-collector__composer:first-child {
    border-bottom: 1px solid var(--neutral-border)
}

.messenger-preview-redesign__conversation__upfront-email-collector__composer {
    color: #adadad
}

.messenger-preview-redesign__conversation__upfront-email-collector__composer__button {
    position: absolute;
    bottom: 105px;
    right: 45px
}

.messenger-preview-redesign__composer__button {
    padding-right: 5px
}

.messenger-preview-redesign__conversation {
    max-width: 400px;
    z-index: 100
}

.messenger-preview-redesign__conversation.resolution-bot-behavior__conversation {
    max-height: none
}

.messenger-preview-redesign__conversation.o__messenger-align-left {
    left: 0;
    align-items: flex-start
}

.messenger-preview-conversational__composer-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.messenger-preview-conversational__composer {
    height: 48px;
    width: 336px;
    z-index: 1;
    border-radius: 28px;
    border: 1px solid var(--messenger-border-neutral,rgba(0,0,0,.05));
    background: var(--messenger-container-base-neutral);
    box-shadow: var(--messenger-shadow-small);
    padding: 0 8px 0 16px;
    margin-bottom: 18px
}

.messenger-preview-conversational__composer-icon {
    padding: 6px;
    border-radius: 50%;
    background: var(--link_color);
    opacity: 100%
}

.messenger-preview-conversational__content {
    width: 400px
}

.messenger-preview-conversational__gradient {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.messenger-preview-conversational__speech-bubble {
    max-width: 280px;
    padding: 12px 16px;
    border-radius: 10px;
    background: var(--messenger-container-neutral)
}

.messenger-preview-conversational__new-convo-speech-bubble {
    max-width: 280px;
    padding: 12px 16px;
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,.02);
    background: rgba(0,0,0,.03)
}

.messenger-preview-conversational__avatar-container {
    margin-left: 7px;
    margin-right: 8px
}

.messenger-preview-conversational__read-text {
    color: var(--messenger-text-muted);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    width: fit-content
}

.messenger-preview-conversation__privacy-policy-notice {
    width: 360px
}

.messenger-preview-conversation__privacy-policy-notice .text {
    color: var(--messenger-text-muted)!important
}

.messenger-preview__conversation__temporary-expectations {
    border: 1px solid var(--messenger-border-neutral);
    border-radius: 20px
}

.messenger-preview__conversation__temporary-expectations-text {
    color: var(--messenger-text-default);
    line-height: 21px;
    word-wrap: break-word;
    max-width: 90%;
    white-space: pre-line
}

.messenger-preview__conversation__temporary-expectations-text .intercom-interblocks-html {
    color: var(--messenger-text-default)
}

.messenger-preview__conversation__hero-container {
    height: fit-content;
    padding: 0 50px
}

.messenger-preview__conversation__bot-intro {
    color: var(--messenger-text-default);
    font-size: 16px;
    font-weight: 600;
    line-height: 21px
}

.messenger-preview__conversation__bot-only {
    min-height: 0
}

.messenger-preview__conversation__hero-reply-time {
    color: var(--messenger-text-default);
    font-size: 16px;
    font-weight: 590;
    line-height: 150%
}

.messenger-preview__conversation__hero-team-intro {
    color: var(--messenger-text-muted);
    text-align: center
}

.messenger-preview-redesign__header__fixed {
    position: absolute;
    z-index: 0;
    width: 400px
}

.messenger-preview-redesign__header__small {
    z-index: 0;
    height: 64px;
    width: 400px
}

.messenger-preview-redesign__header__help {
    height: fit-content
}

[dir=rtl] .messenger-preview-redesign__header-avatar-container {
    flex-direction: row-reverse;
    margin-left: .5rem;
    margin-right: .5rem
}

.messenger-preview-redesign__header__screen-title {
    color: var(--messenger_header_text_color);
    font-size: 18px;
    height: 64px;
    line-height: 64px;
    font-weight: 700
}

.messenger-preview-redesign__collapsed-title {
    color: var(--text-default);
    height: 64px
}

.messenger-preview-redesign__collapsed-company-name {
    font-size: 16px;
    font-weight: 600;
    color: var(--messenger-text-default)
}

.messenger-preview-redesign__collapsed-reply-time {
    font-size: 14px;
    font-weight: 400;
    color: #737373
}

.messenger-preview-redesign__header__fixed .messenger-preview-redesign__header__background-pattern {
    border-radius: 15px 15px 0 0
}

.messenger-preview-redesign__header__content {
    box-sizing: border-box;
    width: 100%;
    min-height: 301px;
    height: fit-content;
    padding: 25px 20px 72px 36px;
    opacity: var(--content-opacity);
    transform-origin: center 295px;
    position: relative;
    z-index: -1
}

.messenger-preview-redesign__header__content .messenger-preview-redesign__header__avatars {
    right: 36px;
    position: absolute
}

[dir=rtl] .messenger-preview-redesign__header__content {
    padding: 25px 36px 72px 20px
}

[dir=rtl] .messenger-preview-redesign__header__avatars {
    flex-direction: row-reverse;
    left: auto
}

.messenger-preview-redesign__header__content-fade {
    min-height: 389px;
    padding: 25px 20px 160px 36px
}

[dir=rtl] .messenger-preview-redesign__header__content-fade {
    padding: 25px 36px 160px 20px
}

.messenger-preview-redesign__header__background-pattern .messenger-preview-redesign__header__content {
    transform: none;
    margin-bottom: 0
}

.messenger-preview-redesign__header__full-team-name {
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--header_title_color)
}

.messenger-preview-redesign__header__full-team-name.o__small {
    font-size: 16px;
    margin-bottom: -2px
}

.messenger-preview__home-header__background {
    position: relative;
    z-index: -1;
    border-radius: 15px 15px 0 0;
    transform: none;
    margin-bottom: 0
}

.messenger-preview__home-header__background-solid {
    background: var(--gradient_start_color)
}

.messenger-preview__home-header__background-image {
    background: var(--messenger-container-base-neutral)
}

.messenger-preview-redesign__header__background-pattern {
    position: relative;
    z-index: -1;
    background: var(--messenger-container-base-neutral);
    border-bottom: 1px solid var(--messenger-border-neutral)
}

.messenger-preview-redesign__header__background-pattern .messenger-preview-redesign__header__screen-title,.messenger-preview-redesign__header__bot-only .messenger-preview-redesign__collapsed-title,.messenger-preview-redesign__header__bot-only .messenger-preview-redesign__header__screen-title {
    color: var(--messenger-text-default)
}

.messenger-preview-redesign__header__background-pattern-gradient-2 {
    background: linear-gradient(117.67deg,var(--gradient_first_color),var(--gradient_second_color))
}

.messenger-preview-redesign__header__background-pattern-gradient-3 {
    background: linear-gradient(117.67deg,var(--gradient_first_color),var(--gradient_second_color),var(--gradient_third_color))
}

.messenger-preview-redesign__header-background-fade {
    width: 100%;
    height: 100px;
    top: -100px;
    position: relative;
    background: linear-gradient(180deg,rgba(255,255,255,0) 0,var(--messenger-container-base-neutral) 100%);
    z-index: -1
}

.messenger-preview-redesign__header__bot-only {
    min-height: 0;
    background: var(--messenger-container-base-neutral);
    border-bottom: 1px solid var(--messenger-border-neutral)
}

.messenger-preview-conversational__header {
    min-height: 0;
    padding: 8px;
    justify-content: space-between
}

.messenger-preview-conversational__header__container {
    background: 0 0;
    z-index: 0;
    width: 400px
}

.messenger-preview-conversational__header__title {
    color: #1a1a1a;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%
}

.messenger-preview-conversational__header__bot-intro {
    color: var(--messenger-text-default);
    font-size: 16px;
    font-style: normal;
    font-weight: 590;
    line-height: 150%
}

.messenger-preview-conversational__header__article__icon {
    height: 24px;
    width: 24px
}

.messenger-preview-conversational__header__article__icon svg path,.messenger-preview-conversational__header__menu__icon svg path {
    fill: var(--link_color)
}

.messenger-preview-conversational__header__menu__icon {
    display: flex
}

.messenger-preview-conversational__header__menu__icon__highlighted {
    display: flex;
    align-items: center;
    padding: 8px;
    border-radius: 50%;
    background: rgba(51,102,255,.1)
}

.messenger-preview-conversational__header__intro {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    color: gray;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    display: -webkit-box;
    padding: 0 8px;
    margin: 0 8px
}

.messenger-preview-conversational__header__intro-subtitle {
    color: #222;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%
}

.messenger-preview-redesign__header__back-button {
    position: absolute;
    top: 20px;
    left: 20px
}

.messenger-preview-redesign__header__back-button svg>path {
    stroke: var(--messenger-text-default)
}

.messenger-preview-conversational__header__more-menu {
    width: 260px;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.1);
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1)
}

.messenger-preview-conversational__header__more-menu__container {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: end;
    right: 7%;
    top: 9%
}

.messenger-preview-conversational__header__more-menu__icon {
    color: var(--link_color)
}

.messenger-preview-redesign__header__logo {
    max-height: 32px;
    max-width: 296px;
    margin-bottom: 15px;
    position: absolute;
    top: 36px;
    left: 36px
}

.messenger-preview-redesign__header__logo-limited {
    max-width: 192px
}

.messenger-preview-redesign__header__logo-image {
    max-height: 32px;
    max-width: 100%
}

.messenger-preview-redesign__header__top-text {
    color: var(--greeting_text_color);
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
    width: 296px
}

.messenger-preview-redesign__header__bottom-text {
    color: var(--introduction_text_color);
    font-weight: 600;
    font-size: 28px;
    line-height: 120%
}

.messenger-preview-redesign__header__avatars {
    display: flex
}

.messenger-preview-redesign__header__avatars-image {
    height: 40px;
    width: 116px
}

.messenger-redesign-preview__launcher__icon__custom {
    height: 24px;
    padding: 3px 4px;
    border: 1px dashed rgba(0,0,0,.2)
}

.messenger-redesign-preview__launcher__icon__custom.o__dark {
    border: 1px dashed #fff
}

.messenger-redesign-preview__launcher__icon__custom.o__dark .messenger-preview__launcher__icon {
    opacity: .3
}

.messenger-redesign-preview__launcher__icon__connector {
    position: absolute;
    background-color: rgba(0,0,0,.2);
    width: 28px;
    height: 1px;
    left: 48px;
    z-index: 100
}

.messenger-redesign-preview__launcher__icon {
    width: 28px;
    height: 32px
}

.messenger-redesign-preview__launcher__minimize-icon {
    width: 16px
}

.messenger-redesign-preview__launcher__icon-path {
    fill: var(--button_text_color)
}

.messenger-redesign-preview__launcher__horizontal-ruler,.messenger-redesign-preview__launcher__vertical-ruler {
    transition: opacity .3s
}

.messenger-redesign-preview__launcher {
    z-index: 100;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    margin-top: 20px;
    margin-left: auto;
    position: relative;
    box-shadow: 0 5px 40px rgba(0,0,0,.16);
    background-color: var(--button_background_color)
}

.messenger-redesign-preview__launcher .messenger-preview__launcher__icon {
    width: 22px;
    height: 24px
}

.messenger-redesign-preview__launcher.o__align-left {
    margin-left: 0
}

.messenger-redesign-preview__launcher.o__animated {
    margin-left: 0;
    transform: translateX(174px);
    transition: transform .3s;
    transform-origin: bottom right
}

.messenger-redesign-preview__launcher__horizontal-ruler,.messenger-redesign-preview__launcher__vertical-ruler {
    opacity: 0;
    position: absolute;
    bottom: 83px;
    right: 0;
    z-index: 2;
    width: 40px;
    height: 2px;
    border-top: 1px solid rgba(0,0,0,.1);
    box-sizing: border-box
}

.messenger-redesign-preview__launcher__vertical-ruler {
    transform: rotate(90deg);
    transform-origin: top right;
    bottom: -1px;
    right: 88px;
    width: 39px
}

.messenger-redesign-preview__launcher__horizontal-ruler:before {
    transform: rotate(-45deg)
}

.messenger-redesign-preview__launcher__horizontal-ruler:after,.messenger-redesign-preview__launcher__horizontal-ruler:before {
    content: "";
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    box-sizing: border-box;
    top: -5px;
    border-top: 1px solid rgba(0,0,0,.1);
    border-left: 1px solid rgba(0,0,0,.1)
}

.messenger-redesign-preview__launcher__vertical-ruler:before {
    transform: rotate(-45deg)
}

.messenger-redesign-preview__launcher__vertical-ruler:after,.messenger-redesign-preview__launcher__vertical-ruler:before {
    content: "";
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    box-sizing: border-box;
    top: -5px;
    border-top: 1px solid rgba(0,0,0,.1);
    border-left: 1px solid rgba(0,0,0,.1)
}

.messenger-redesign-preview__launcher__horizontal-ruler:before,.messenger-redesign-preview__launcher__vertical-ruler:before {
    left: 1px
}

.messenger-redesign-preview__launcher__horizontal-ruler:after,.messenger-redesign-preview__launcher__vertical-ruler:after {
    right: 1px;
    transform: rotate(135deg)
}

.messenger-redesign-preview__launcher__horizontal-ruler-value,.messenger-redesign-preview__launcher__vertical-ruler-value {
    color: var(--text-muted);
    font-size: 12px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: -20px
}

.messenger-redesign-preview__launcher__vertical-ruler-value {
    transform: rotate(-90deg);
    transform-origin: top left;
    text-align: left;
    top: -5px;
    left: 9px
}

.messenger-preview-container.o__messenger-align-left:after {
    left: 0;
    right: auto;
    border-right: 0;
    border-left: 1px solid rgba(0,0,0,.1);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 5px
}

.messenger-preview-container.o__messenger-align-left .messenger-redesign-preview__launcher.o__animated {
    transform: translateX(-174px);
    transform-origin: bottom left
}

.messenger-preview-container.o__messenger-align-left .messenger-redesign-preview__launcher__horizontal-ruler {
    right: auto;
    left: 0
}

.messenger-preview-container.o__messenger-align-left .messenger-redesign-preview__launcher__vertical-ruler {
    right: auto;
    left: 52px
}

.messenger-preview-container.o__no-borders {
    padding-bottom: 0;
    align-items: flex-end;
    height: fit-content;
    width: fit-content
}

.messenger-preview-container.o__no-borders:after {
    border-right: 0;
    border-left: 0;
    border-bottom: 0
}

.messenger-preview-container.o__no-borders.o__messenger-align-left {
    align-items: flex-start
}

.messenger-preview-container.o__messenger-launcher-zoom .messenger-redesign-preview__launcher {
    transform: translate(154px,-20px) scale(2)
}

.messenger-preview-container.o__messenger-launcher-zoom .messenger-redesign-preview__launcher__horizontal-ruler,.messenger-preview-container.o__messenger-launcher-zoom .messenger-redesign-preview__launcher__vertical-ruler,a.app-framework__messenger-apps__inserter__panel__cta__link:hover {
    opacity: 1
}

.messenger-preview-container.o__messenger-launcher-zoom.o__messenger-align-left .messenger-redesign-preview__launcher {
    transform: translate(-154px,-20px) scale(2)
}

.messenger-preview-redesign__avatar {
    display: flex;
    position: relative;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
    vertical-align: middle;
    background-color: var(--avatar_background_color);
    color: var(--button_text_color)
}

.messenger-preview-redesign__avatar>img {
    border-radius: 50%
}

.messenger-preview-redesign__avatar.o__shape-squircle,.messenger-preview-redesign__avatar.o__shape-squircle>img {
    border-radius: 16.7%
}

.messenger-preview-redesign__avatar.o__has-avatar {
    background-color: transparent
}

.messenger-preview-redesign__avatar.o__not-first-avatar:not(.o__large-avatar) {
    mask: radial-gradient(circle at -17px center,transparent 21px,#fff 22px);
    -webkit-mask: radial-gradient(circle at -17px center,transparent 21px,#fff 22px);
    margin-left: -2px
}

.messenger-preview-redesign__avatar.o__large-avatar {
    font-size: 32px
}

.messenger-preview-redesign__avatar.o__large-avatar.o__not-first-avatar {
    mask: radial-gradient(circle at -24px center,transparent 33px,#fff 34px);
    -webkit-mask: radial-gradient(circle at -24px center,transparent 33px,#fff 34px);
    margin-left: -7px
}

.messenger-preview-redesign__avatar.o__large-avatar.conversational__first-avatar {
    mask-image: linear-gradient(to left,transparent 15%,#fff 10%);
    -webkit-mask-image: linear-gradient(to left,transparent 15%,#fff 10%);
    margin-right: -3px
}

.messenger-preview-redesign__avatar.o__large-avatar.conversational__last-avatar {
    mask-image: linear-gradient(to right,transparent 15%,#fff 10%);
    -webkit-mask-image: linear-gradient(to right,transparent 15%,#fff 10%);
    margin-left: -3px
}

.messenger-preview-redesign__avatar.o__small-avatar {
    font-size: 10px;
    margin-left: -7px
}

.messenger-preview-redesign__avatar.o__drop-shadow {
    filter: drop-shadow(0 1px 5px rgba(0,0,0,.2))
}

.messenger-preview-redesign__help-screen__input {
    height: 40px;
    font-size: 14px;
    padding: 0 10px;
    border-radius: 12px;
    background-color: var(--messenger-container-emphasis-neutral)
}

.messenger-preview-redesign__help-screen__input>span {
    font-size: 14px;
    color: var(--messenger-text-muted)
}

.messenger-preview-redesign__external-links-icon path,.messenger-preview-redesign__help-screen__input>svg>path {
    fill: var(--link_color)
}

.messenger-preview-redesign__help-screen__collections {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: var(--messenger-text-default)
}

.messenger-preview-redesign__help-screen__fake-collection {
    border-bottom: 1px solid var(--messenger-border-neutral)
}

.messenger-preview-redesign__help-screen__fake-title {
    width: 200px;
    height: 12px;
    border-radius: 24px;
    background-color: var(--messenger-container-emphasis-neutral)
}

.messenger-preview-redesign__help-screen__fake-articles,.messenger-preview-redesign__help-screen__fake-description {
    width: 100%;
    height: 12px;
    border-radius: 24px;
    background-color: var(--messenger-container-emphasis-neutral)
}

.messenger-preview-redesign__help-screen__fake-articles {
    width: 140px
}

.messenger-preview-redesign__card.messenger-preview-redesign__external-links-card {
    padding: 8px
}

.messenger-preview-redesign__card.messenger-preview-redesign__external-links-card li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 12px;
    right: 12px;
    height: 1px;
    background-color: rgba(0,0,0,.06)
}

.messenger-preview-redesign__external-links-form-item.form__item,.messenger-preview-redesign__ticket-links-form-item.form__item {
    margin-bottom: 8px
}

.messenger-preview-redesign__external-links-form-item.form__item .form__error-text,.messenger-preview-redesign__ticket-links-form-item.form__item .form__error-text {
    font-size: 13px;
    color: var(--text-error)
}

.messenger-preview-redesign__external-links-icon,.messenger-preview-redesign__ticket-links-icon {
    width: 16px;
    height: 16px
}

.messenger-preview-redesign__ticket-links-icon path {
    fill: var(--link_color)!important
}

.messenger-dark-theme,.messenger-light-theme {
    --messenger-text-white: #fafafa;
    --messenger-text-black: #14161a;
    --messenger-icon-muted: #737373;
    --messenger-fill-success: #158613;
    --messenger-border-emphasis-error: #f65c55;
    --messenger-shadow-x-small: 0px 1px 2px 0px var(--messenger-elevation-1);
    --messenger-shadow-small: 0px 0px 4px 0px var(--messenger-elevation-2);
    --messenger-shadow-medium: 0px 4px 28px 0px var(--messenger-elevation-1),0px 1px 4px 0px var(--messenger-elevation-1);
    --messenger-shadow-large: 0px 0px 25px 0px var(--messenger-elevation-1);
    --messenger-shadow-x-large: 0px 5px 40px 0px var(--messenger-elevation-2)
}

.messenger-light-theme {
    --messenger-base: #ffffff;
    --messenger-base-alpha: rgba(255, 255, 255, 0);
    --messenger-alpha-white-10: rgba(255, 255, 255, 0.1);
    --messenger-alpha-white-20: rgba(255, 255, 255, 0.2);
    --messenger-alpha-white-30: rgba(255, 255, 255, 0.3);
    --messenger-alpha-white-40: rgba(255, 255, 255, 0.4);
    --messenger-alpha-white-50: rgba(255, 255, 255, 0.5);
    --messenger-alpha-white-60: rgba(255, 255, 255, 0.6);
    --messenger-alpha-white-70: rgba(255, 255, 255, 0.7);
    --messenger-alpha-white-80: rgba(255, 255, 255, 0.8);
    --messenger-alpha-white-90: rgba(255, 255, 255, 0.9);
    --messenger-alpha-white-100: #ffffff;
    --messenger-alpha-black-10: rgba(9, 14, 21, 0.1);
    --messenger-alpha-black-20: rgba(9, 14, 21, 0.2);
    --messenger-alpha-black-30: rgba(9, 14, 21, 0.3);
    --messenger-alpha-black-40: rgba(9, 14, 21, 0.4);
    --messenger-alpha-black-50: rgba(9, 14, 21, 0.5);
    --messenger-alpha-black-60: rgba(9, 14, 21, 0.6);
    --messenger-alpha-black-70: rgba(9, 14, 21, 0.7);
    --messenger-alpha-black-80: rgba(9, 14, 21, 0.8);
    --messenger-alpha-black-90: rgba(9, 14, 21, 0.9);
    --messenger-alpha-black-100: #090e15;
    --messenger-container-base-neutral: #ffffff;
    --messenger-container-neutral: #f5f5f5;
    --messenger-container-emphasis-neutral: #e5e5e5;
    --messenger-border-neutral: #f5f5f5;
    --messenger-border-emphasis-neutral: #e5e5e5;
    --messenger-text-default: #14161a;
    --messenger-text-muted: #737373;
    --messenger-text-muted-extra: #a0a2a6;
    --messenger-text-disabled: #a0a2a6;
    --messenger-text-on-inverse: #fafafa;
    --messenger-text-error: #b21a1a;
    --messenger-text-success: #117010;
    --messenger-icon-default: #14161a;
    --messenger-icon-disabled: #d6d6d6;
    --messenger-icon-on-inverse: #fafafa;
    --messenger-icon-error: #df2020;
    --messenger-icon-success: #2ba329;
    --messenger-container-success: #e7f8e6;
    --messenger-container-emphasis-success: #b4efb3;
    --messenger-border-success: #69cc66;
    --messenger-border-emphasis-success: #2ba329;
    --messenger-fill-emphasis-success: #117010;
    --messenger-container-error: #ffdbdb;
    --messenger-container-emphasis-error: #ffcccc;
    --messenger-border-error: #f98686;
    --messenger-fill-error: #df2020;
    --messenger-fill-emphasis-error: #b21a1a;
    --messenger-container-notice: #fff3cb;
    --messenger-container-emphasis-notice: #fee79a;
    --messenger-border-notice: #f7d669;
    --messenger-border-emphasis-notice: #ffcf33;
    --messenger-fill-notice: #ffcf33;
    --messenger-fill-emphasis-notice: #f9c61f;
    --messenger-away-fill: #737373;
    --messenger-online-fill: #158613;
    --messenger-in-progress-fill: #14161a;
    --messenger-waiting-on-you-fill: #cf4809;
    --messenger-notification-fill: #df2020;
    --messenger-input: #f5f5f5;
    --messenger-input-alt: #ffffff;
    --messenger-elevation-1: rgba(9, 14, 21, 0.06);
    --messenger-elevation-2: rgba(9, 14, 21, 0.16)
}

.messenger-dark-theme {
    --messenger-base: #14161a;
    --messenger-base-alpha: rgba(9, 14, 21, 0);
    --messenger-alpha-white-10: rgba(9, 14, 21, 0.1);
    --messenger-alpha-white-20: rgba(9, 14, 21, 0.2);
    --messenger-alpha-white-30: rgba(9, 14, 21, 0.3);
    --messenger-alpha-white-40: rgba(9, 14, 21, 0.4);
    --messenger-alpha-white-50: rgba(9, 14, 21, 0.5);
    --messenger-alpha-white-60: rgba(9, 14, 21, 0.6);
    --messenger-alpha-white-70: rgba(9, 14, 21, 0.7);
    --messenger-alpha-white-80: rgba(9, 14, 21, 0.8);
    --messenger-alpha-white-90: rgba(9, 14, 21, 0.9);
    --messenger-alpha-white-100: #090e15;
    --messenger-alpha-black-10: rgba(255, 255, 255, 0.1);
    --messenger-alpha-black-20: rgba(255, 255, 255, 0.2);
    --messenger-alpha-black-30: rgba(255, 255, 255, 0.3);
    --messenger-alpha-black-40: rgba(255, 255, 255, 0.4);
    --messenger-alpha-black-50: rgba(255, 255, 255, 0.5);
    --messenger-alpha-black-60: rgba(255, 255, 255, 0.6);
    --messenger-alpha-black-70: rgba(255, 255, 255, 0.7);
    --messenger-alpha-black-80: rgba(255, 255, 255, 0.8);
    --messenger-alpha-black-90: rgba(255, 255, 255, 0.9);
    --messenger-alpha-black-100: #ffffff;
    --messenger-container-base-neutral: #14161a;
    --messenger-container-neutral: #2b2d31;
    --messenger-container-emphasis-neutral: #404245;
    --messenger-border-neutral: #2b2d31;
    --messenger-border-emphasis-neutral: #404245;
    --messenger-text-default: #f7f7f7;
    --messenger-text-muted: #a0a2a6;
    --messenger-text-muted-extra: #737373;
    --messenger-text-disabled: #737373;
    --messenger-text-on-inverse: #14161a;
    --messenger-text-error: #f98686;
    --messenger-text-success: #b4efb3;
    --messenger-icon-default: #fafafa;
    --messenger-icon-disabled: #737373;
    --messenger-icon-on-inverse: #14161a;
    --messenger-icon-error: #f98686;
    --messenger-icon-success: #69cc66;
    --messenger-container-success: #274625;
    --messenger-container-emphasis-success: #2d532c;
    --messenger-border-success: #2e6b2e;
    --messenger-border-emphasis-success: #117010;
    --messenger-fill-emphasis-success: #69cc66;
    --messenger-container-error: #562929;
    --messenger-container-emphasis-error: #652929;
    --messenger-border-error: #943838;
    --messenger-fill-error: #f98686;
    --messenger-fill-emphasis-error: #f65c55;
    --messenger-container-notice: #45380c;
    --messenger-container-emphasis-notice: #57460f;
    --messenger-border-notice: #86712d;
    --messenger-border-emphasis-notice: #ddb73c;
    --messenger-fill-notice: #f9c61f;
    --messenger-fill-emphasis-notice: #ffcf33;
    --messenger-away-fill: #fee79a;
    --messenger-online-fill: #69cc66;
    --messenger-in-progress-fill: #fafafa;
    --messenger-waiting-on-you-fill: #f59a6f;
    --messenger-notification-fill: #f98686;
    --messenger-input: #2b2d31;
    --messenger-input-alt: #2b2d31;
    --messenger-elevation-1: rgba(20, 22, 26, 0.54);
    --messenger-elevation-2: rgba(20, 22, 26, 0.9)
}

@media screen and (max-width: 1250px) {
    .messenger-settings-redesign__preview-panel {
        display:none
    }

    .messenger-settings-redesign__settings-panel {
        width: 100%
    }
}

.messenger-preview-redesign {
    max-height: 704px;
    height: 704px;
    width: 400px;
    background-color: var(--messenger-container-base-neutral);
    border: 1px solid var(--messenger-border-neutral);
    box-shadow: var(--messenger-shadow-x-large);
    border-radius: 15px;
    overflow: hidden;
    transition: width,height,max-height;
    transition-duration: .2s;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-direction: column
}

@media screen and (max-height: 900px) {
    .messenger-preview-redesign {
        height:590px
    }
}

.conversational-messenger-preview {
    position: relative;
    max-height: 704px;
    height: 704px;
    width: 400px;
    background-color: var(--neutral-container);
    box-shadow: 0 5px 40px rgba(0,0,0,.16);
    border-radius: 15px;
    overflow: hidden;
    transition: width,height,max-height;
    transition-duration: .2s;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-direction: column
}

.messenger-preview-container,.messenger-preview-conversational-container {
    max-width: 440px;
    width: 440px;
    position: relative;
    z-index: 2;
    transition: opacity .3s;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-bottom: 20px
}

.messenger-preview-container:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 300px;
    height: 300px;
    border-right: 1px solid var(--messenger-border-emphasis-neutral);
    border-bottom: 1px solid var(--messenger-border-emphasis-neutral);
    border-bottom-right-radius: 5px;
    z-index: 0
}

.messenger-preview-container.o__messenger-align-left .messenger-preview-redesign__frame {
    right: auto;
    left: 40px;
    box-shadow: -20px 20px 47px rgba(0,0,0,.06)
}

.messenger-preview-container.o__messenger-launcher-zoom .conversational-messenger-preview,.messenger-preview-container.o__messenger-launcher-zoom .messenger-preview-redesign {
    opacity: 0
}

.messenger-preview-container .messenger-preview__stream__form,.messenger-preview-container .messenger-preview__stream__notification-collector-card {
    border: 1px solid var(--neutral-border);
    box-shadow: none;
    border-radius: 10px
}

.messenger-preview-container .messenger-preview__stream__article-suggestion-form {
    width: 281px
}

.messenger-preview-container .messenger-preview__stream__article-suggestion-form__option,.messenger-preview-container .messenger-preview__stream__help-center-link {
    color: var(--link_color)
}

.messenger-preview-container .intercom-interblocks-messenger-card .intercom-card-component.input-component input,.messenger-preview-container .messenger-preview__stream__form__input {
    border-radius: 8px
}

.messenger-preview-container .intercom-interblocks-messenger-card .intercom-card-component.input-component .input-button,.messenger-preview-container .messenger-preview__stream__form__submit {
    border-radius: 0 8px 8px 0
}

.messenger-preview-redesign__users-toggle-container .radio-button-group {
    background-color: var(--neutral-container);
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
    border: 0
}

.messenger-preview-redesign__scrolling-area {
    overflow-y: auto;
    overflow-x: hidden;
    cursor: default;
    width: 100%;
    perspective: 1px;
    color: var(--messenger-text-default)
}

.messenger-preview-redesign__scrolling-area:after {
    content: "";
    min-height: 1px;
    margin-top: -1px;
    display: block
}

.messenger-preview-redesign__scrolling-area::-webkit-scrollbar {
    display: none
}

.messenger-preview-redesign__frame {
    position: absolute;
    bottom: 40px;
    right: 40px;
    border-radius: 8px;
    width: 150px;
    height: 150px;
    background-color: var(--neutral-container);
    box-shadow: 20px 20px 47px rgba(0,0,0,.06)
}

.messenger-preview-redesign__we-run-on-intercom {
    padding: 5px 0;
    font-size: 13px;
    width: 100%;
    background-color: #fafafa;
    color: gray
}

.messenger-preview-redesign__we-run-on-intercom svg {
    color: gray
}

.messenger-preview-redesign__cards-list {
    margin-top: -39px
}

.messenger-preview-redesign__cards-list-fade {
    margin-top: -127px
}

.messenger-preview-redesign__fade-to-white {
    position: absolute;
    bottom: 0;
    width: 400px;
    height: 80px;
    background: linear-gradient(180deg,transparent 0,var(--messenger-container-base-neutral) 100%)
}

.messenger-preview-redesign__news-screen-footer-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--messenger-container-neutral)
}

.messenger-preview-redesign__news-screen-footer-icon .interface-icon.o__standard.o__by-text {
    margin-right: 0;
    margin-bottom: 0
}

.messenger-preview-redesign__news-screen-footer-icon svg {
    color: var(--messenger-icon-default)
}

.messenger-preview-redesign__news-screen-footer-text {
    font-size: 16px;
    line-height: 20px;
    color: var(--messenger-text-muted)
}

.messenger-preview-mobile__header__fixed {
    position: absolute;
    z-index: 0
}

.messenger-preview-mobile__header__fixed__ios {
    width: 390px
}

.messenger-preview-mobile__header__fixed__android {
    width: 360px
}

.messenger-preview-mobile__header__small {
    z-index: 0;
    width: 100%;
    height: 64px
}

.messenger-preview-mobile__header__small__ios {
    width: 390px
}

.messenger-preview-mobile__header__small__android {
    width: 360px
}

.messenger-preview-mobile__header__new-conversation-container {
    height: fit-content
}

.messenger-preview-mobile__header__new-conversation {
    min-height: 193px;
    height: fit-content;
    padding-bottom: 28px
}

.messenger-preview-mobile__header__screen-title {
    color: var(--messenger_header_text_color);
    font-size: 18px;
    height: 64px;
    line-height: 64px;
    font-weight: 700
}

.messenger-preview-mobile__header__conversation-reply-time {
    color: var(--messenger_header_text_color);
    font-size: 16px;
    font-weight: 590;
    line-height: 150%
}

.messenger-preview-mobile__header__team-intro {
    color: var(--messenger_header_text_color);
    max-width: 320px;
    text-align: center
}

.messenger-preview-mobile__header__fixed .messenger-preview-mobile__header__background-pattern {
    border-radius: 15px 15px 0 0
}

.messenger-preview-mobile__header__content {
    box-sizing: border-box;
    width: 100%;
    min-height: 290px;
    height: fit-content;
    padding: 25px 16px 96px 36px;
    opacity: var(--content-opacity);
    transform-origin: center 295px;
    position: relative;
    z-index: -1
}

.messenger-preview-mobile__header__content-fade {
    min-height: 355px;
    padding: 25px 16px 161px 36px
}

.messenger-preview-mobile__header__background-pattern .messenger-preview-mobile__header__content {
    transform: none;
    margin-bottom: 0
}

.messenger-preview-mobile__header__full-team-name {
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--header_title_color)
}

.messenger-preview-mobile__header__full-team-name.o__small {
    font-size: 16px;
    margin-bottom: -2px
}

.messenger-preview-mobile__header__background-pattern {
    background: var(--gradient_start_color);
    position: relative;
    z-index: -1
}

.messenger-preview-mobile__header__background-pattern-gradient-2 {
    background: linear-gradient(117.67deg,var(--gradient_first_color),var(--gradient_second_color))
}

.messenger-preview-mobile__header__background-pattern-gradient-3 {
    background: linear-gradient(117.67deg,var(--gradient_first_color),var(--gradient_second_color),var(--gradient_third_color))
}

.messenger-preview-mobile__header-background-fade {
    width: 100%;
    height: 100px;
    top: -100px;
    position: relative;
    background: linear-gradient(180deg,transparent 0,var(--messenger-container-base-neutral) 100%);
    z-index: -1
}

.messenger-preview-mobile__header-close-button {
    position: absolute;
    top: 45px;
    right: 20px
}

.messenger-preview-mobile__header-close-button svg>path {
    fill: var(--header_title_color)
}

.messenger-preview-mobile__header__logo {
    max-height: 32px;
    max-width: 296px;
    margin-bottom: 15px;
    position: absolute;
    top: 36px;
    left: 16px
}

.messenger-preview-mobile__header__logo-limited {
    max-width: 192px
}

.messenger-preview-mobile__header__logo-image {
    max-height: 32px;
    max-width: 100%
}

.messenger-preview-mobile__header__top-text {
    color: var(--greeting_text_color);
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
    width: 296px
}

.messenger-preview-mobile__header__bottom-text {
    color: var(--introduction_text_color);
    font-weight: 600;
    font-size: 28px;
    line-height: 120%
}

.messenger-preview-mobile__header__avatars {
    display: flex;
    position: absolute;
    top: 34px;
    right: 52px
}

.messenger-preview-mobile__header__avatars-image {
    height: 40px;
    width: 116px
}

.messenger-mobile-preview__android-messages-header {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    width: 100%;
    min-height: 35px;
    padding-top: 40px;
    gap: 20px;
    background: var(--messenger-container-base-neutral);
    border-bottom: 1px solid var(--messenger-border-neutral);
    color: var(--messenger-text-default)
}

.messenger-mobile-preview__android-messages-header svg path {
    fill: var(--messenger-icon-default)
}

.messenger-mobile-preview__android-messages-header svg circle,.messenger-mobile-preview__ios-messages-header__search-input svg circle {
    stroke: var(--messenger-icon-default)
}

.conversational-messenger-mobile-preview__android-header {
    width: 100%;
    margin-top: 12px
}

.conversational-messenger-preview-conversational__android__content {
    width: 380px
}

.messenger-preview-mobile-android-conversational__composer {
    height: 41px;
    width: 305px;
    z-index: 1;
    border-radius: 28px;
    border: 1px solid var(--messenger-border-neutral);
    background: var(--messenger-container-base-neutral);
    box-shadow: var(--messenger-shadow-small);
    padding: 0 8px 0 16px;
    margin-bottom: 20px
}

.messenger-mobile-preview__android-messages-header__back-button {
    padding: 10px 0 5px 20px
}

.messenger-mobile-preview__android-messages-header__title {
    font-size: 20px;
    font-weight: 500
}

.messenger-mobile-preview__android-messages-header__title.conversation-screen {
    margin-left: -44px
}

.messenger-preview-mobile__android-edit-button {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 15px;
    left: 115px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: var(--button_text_color);
    background: var(--button_background_color)
}

.messenger-preview-mobile__android-edit-button svg {
    width: 24px
}

.messenger-preview-mobile__android-edit-button svg>path {
    fill: var(--button_text_color)
}

.conversational-messenger-mobile-preview__ios-header {
    width: 100%
}

.messenger-preview-mobile-ios-conversational__composer {
    height: 41px;
    width: 323px;
    z-index: 1;
    border-radius: 28px;
    border: 1px solid var(--messenger-border-neutral);
    background: var(--messenger-container-base-neutral);
    box-shadow: var(--messenger-shadow-small);
    padding: 0 8px 0 16px;
    margin-bottom: 20px
}

.conversational-messenger-mobile-preview__header__intro {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: rgba(26,26,26,.5);
    text-align: center;
    font-size: 32px;
    line-height: 38px;
    font-style: normal;
    font-weight: 700;
    padding: 0 8px;
    margin: 0 8px
}

.conversational-messenger-mobile-preview__header__intro-subtitle {
    color: #1a1a1a;
    text-align: center;
    font-size: 32px;
    line-height: 38px;
    font-style: normal;
    font-weight: 700
}

.messenger-mobile-preview__ios-messages-header {
    width: 100%;
    min-height: 35px;
    background: var(--messenger-container-base-neutral);
    border-bottom: 1px solid var(--messenger-border-neutral);
    color: var(--messenger-text-default)
}

.messenger-mobile-preview__ios-messages-header svg path,.messenger-mobile-preview__ios-messages-header__search-input svg path {
    fill: var(--messenger-icon-default)
}

.messenger-mobile-preview__ios-messages-header__icon-button {
    padding: 8px;
    height: 20px
}

.messenger-mobile-preview__ios-messages-header__title {
    font-size: 18px;
    font-weight: 500
}

.messenger-mobile-preview__ios-messages-header__search-input {
    position: relative;
    height: 35px;
    padding: 0 15px;
    border-radius: 12px;
    background-color: rgba(0,0,0,.05);
    color: var(--messenger-text-default)
}

.messenger-mobile-preview__ios-messages-header__search-input span {
    font-size: 17px;
    color: var(--messenger-text-default);
    z-index: 1
}

.messenger-mobile-preview__ios-messages-header__search-input svg {
    z-index: 1
}

.messenger-preview-mobile__avatar {
    display: flex;
    position: relative;
    margin-right: -8px;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    border-radius: 50%;
    border: 2px solid var(--secondary_app_color);
    background-color: var(--avatar_background_color);
    color: var(--button_text_color)
}

.messenger-preview-mobile__avatar-image {
    border-radius: 50%
}

.messenger-preview-mobile__conversation.resolution-bot-behavior__conversation {
    max-height: none
}

.messenger-preview-mobile__conversation.o__messenger-align-left {
    left: 0;
    align-items: flex-start
}

.messenger-preview-mobile__conversation__temporary-expectations {
    border: 1px solid var(--messenger-border-emphasis-neutral);
    border-radius: 20px
}

.messenger-preview-mobile__conversation__temporary-expectations-text {
    word-wrap: break-word;
    white-space: pre-line;
    line-height: 21px;
    padding: 0;
    max-width: 90%
}

.messenger-preview-mobile__conversation__temporary-expectations-text .intercom-interblocks-html {
    color: var(--messenger-text-default)
}

.messenger-preview-mobile__conversational__speech-bubble {
    max-width: 260px;
    padding: 12px 16px;
    border-radius: 10px;
    background: var(--messenger-container-neutral)
}

.messenger-preview-mobile__conversation__reply-time {
    font-size: 16px;
    font-weight: 590;
    line-height: 150%
}

.messenger-preview-mobile__conversation__team-intro {
    max-width: 320px;
    text-align: center;
    color: var(--messenger-text-default)
}

.messenger-preview-mobile__conversation__send {
    font-size: 16px;
    font-weight: 500
}

.messenger-mobile-preview__conversation-list__see-all-convos-link {
    font-size: 14px;
    height: 19px;
    margin-top: 16px;
    padding: 15px 30px 15px 24px;
    color: var(--link_color)
}

.messenger-mobile-preview__conversation-list__item {
    padding: 16px 0;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    border-bottom: 1px solid var(--messenger-border-emphasis-neutral)
}

.messenger-mobile-preview__conversation-list__item:last-of-type {
    border-bottom: none;
    padding-bottom: 0
}

.messenger-mobile-preview__conversation-list__item-full:last-of-type {
    padding-top: 16px;
    padding-bottom: 20px
}

.messenger-mobile-preview__conversation-list__fake-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--messenger-container-emphasis-neutral)
}

.messenger-mobile-preview__conversation-list__fake-conversation,.messenger-mobile-preview__conversation-list__fake-name {
    width: 160px;
    height: 16px;
    border-radius: 24px;
    background-color: var(--messenger-container-emphasis-neutral)
}

.messenger-mobile-preview__conversation-list__fake-conversation {
    width: 220px
}

.messenger-mobile-preview__conversation-list__fake-conversation__ios {
    width: 310px
}

.messenger-mobile-preview__conversation-list__fake-conversation__android {
    width: 275px
}

.messenger-preview-mobile__android {
    font-family: Roboto,system-ui,-apple-system,sans-serif;
    margin-top: 12px;
    margin-left: 10px
}

.messenger-preview-mobile__layout {
    background-color: var(--messenger-container-base-neutral);
    position: relative;
    overflow: hidden;
    transition: width,height,max-height;
    transition-duration: .2s;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-direction: column
}

.messenger-preview-mobile__layout .messenger-preview-redesign__external-links-card-label {
    font-weight: 600
}

.messenger-preview-mobile__layout .messenger-preview-redesign__header,.messenger-preview-mobile__layout .messenger-preview-redesign__ticket-links-card-label {
    font-weight: 400
}

.messenger-preview-mobile__layout .messenger-preview-redesign__conversation-card__header {
    font-weight: 600
}

.messenger-preview-mobile__layout__ios {
    border-radius: 15px 15px 50px 50px;
    max-height: 776px;
    height: 776px;
    width: 390px
}

.messenger-preview-mobile__layout__android {
    border-radius: 15px;
    max-height: 797px;
    height: 797px;
    width: 360px
}

.messenger-preview-mobile__backdrop-ios {
    position: absolute;
    width: 390px;
    height: 776px;
    margin: 12px 0 0 12px;
    border-radius: 50px;
    background: rgba(0,0,0,.5)
}

.messenger-preview-mobile__backdrop-android {
    position: absolute;
    border-radius: 15px;
    height: 797px;
    width: 360px;
    margin: 12px 0 0 10px;
    background: rgba(0,0,0,.5)
}

.messenger-preview-mobile__pixel-camera-dot {
    position: absolute;
    height: 20px;
    width: 20px;
    background: var(--THEME-EJECTION__CONTENT-PREVIEW__BLACK-COLOR);
    border-radius: 50%;
    left: 50%;
    transform: translate(-60%);
    top: 18px;
    z-index: 11
}

.messenger-preview-mobile__cards-list {
    margin-top: -60px;
    margin-bottom: 80px
}

.messenger-preview-mobile__cards-list__content-fade {
    margin-top: -127px
}

.messenger-preview-mobile__scrolling-area {
    overflow-y: auto;
    overflow-x: hidden;
    cursor: default;
    perspective: 1px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.messenger-preview-mobile__scrolling-area:after {
    content: "";
    min-height: 1px;
    margin-top: -1px;
    display: block
}

.messenger-preview-mobile__scrolling-area::-webkit-scrollbar {
    display: none
}

.messenger-preview-mobile__scrolling-area__ios {
    height: 776px;
    width: 390px;
    border-radius: 0 0 50px 50px
}

.messenger-preview-mobile__scrolling-area__android {
    height: 797px;
    width: 360px
}

.messenger-preview-mobile__spaces-card-icon {
    color: var(--link_color)
}

.conversational-messenger-preview-mobile__composer-icon {
    padding: 6px;
    border-radius: 50%;
    background: var(--primary_app_color);
    opacity: 100%
}

.messenger-preview-mobile__we-run-on-intercom {
    position: absolute;
    padding: 5px 10px;
    font-size: 13px;
    min-width: 174px;
    max-width: 330px;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
    white-space: nowrap;
    background-color: var(--messenger-container-neutral);
    color: var(--messenger-text-muted)
}

.messenger-preview-mobile__we-run-on-intercom svg {
    color: var(--messenger-text-muted)
}

.messenger-preview-mobile__disabled-home-layout__ios {
    width: 390px;
    height: 406px;
    margin-top: 370px
}

.messenger-preview-mobile__disabled-home-layout__android {
    width: 360px;
    height: 406px;
    margin-top: 392px
}

.messenger-preview-mobile__disabled-home-header__android,.messenger-preview-mobile__disabled-home-header__ios {
    color: var(--messenger_header_text_color);
    background: var(--gradient_start_color);
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    padding: 43px 24px 22px
}

.messenger-preview-mobile__disabled-home-header__ios {
    border-radius: 12px 12px 0 0
}

.messenger-preview-mobile__disabled-home-header__android {
    border-radius: 24px 24px 0 0
}

.messenger-preview-mobile__disabled-home-cards__android,.messenger-preview-mobile__disabled-home-cards__ios {
    height: 100%;
    background-color: var(--messenger-container-neutral)
}

.messenger-preview-mobile__disabled-home-cards__ios {
    border-radius: 0 0 50px 50px
}

.messenger-preview-mobile__disabled-home-cards__android {
    border-radius: 0 0 15px 15px
}

.messenger-preview-mobile__spaces-card {
    padding: 16px 20px
}

.messenger-preview-mobile__spaces-card hr {
    border-top: 1px solid var(--messenger-border-emphasis-neutral)
}

.conversational-messenger-mobile-preview-messages-header__icon {
    display: flex;
    align-items: center;
    height: 30px;
    width: 30px
}

.conversational-messenger-mobile-preview-messages-header__icon svg path {
    fill: var(--neutral-fill)
}

.conversational-messenger-preview-conversational__ios__content {
    width: 400px
}

.messenger-preview-redesign__help-screen__collections-container {
    border-bottom: 1px solid var(--messenger-border-emphasis-neutral)
}

.rule-editor__delete {
    position: absolute;
    top: 10px;
    right: 15px
}

.rules-editor__filter-audience-from-csv {
    align-items: center
}

.rules-editor__filter-audience-from-csv:active,.rules-editor__filter-audience-from-csv:disabled,.rules-editor__filter-audience-from-csv:focus,.rules-editor__filter-audience-from-csv:hover {
    background-color: transparent!important;
    box-shadow: none!important
}

.invoice__line-item-row__description {
    width: 380px
}

.users-and-companies__predicates-editor.o__connection-switcher-hovered .users-and-companies__predicates-editor__connection-switcher-label,.users-and-companies__predicates-editor__connection-switcher-label.o__active {
    color: var(--text-accent)
}

.users-and-companies__predicates-editor__connection-switcher-label {
    color: var(--text-default);
    font-weight: 600;
    padding: 5px 10px;
    min-width: 24px;
    text-align: center;
    box-sizing: border-box;
    border: 0!important
}

.smaller__padding {
    padding: 5px
}

.users-and-companies__predicates-editor__add-filter-block {
    height: 32px
}

.users-and-companies__predicates-editor__add-filter {
    color: var(--text-link);
    padding: 5px 0;
    margin-bottom: 5px;
    cursor: pointer;
    font-weight: 500
}

.users-and-companies__predicates-editor__filter-item {
    text-decoration: none
}

.users-and-companies__predicates-editor__hide-filters,.users-and-companies__predicates-editor__save-segment {
    padding: 6px 0;
    margin-bottom: 5px
}

.users-and-companies__list tbody .tbl__cell {
    padding-top: 14px;
    padding-bottom: 14px
}

.users-and-companies__list tbody .tbl__cell.o__contains-button {
    padding-top: 8px;
    padding-bottom: 8px
}

.users-and-companies__list tbody .tbl__cell.o__kbd-selected {
    box-shadow: none;
    background-image: linear-gradient(to bottom,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 100%);
    background-size: 2px 28px;
    background-position: left center;
    background-repeat: no-repeat
}

.users-and-companies__list__user-restriction-warning {
    margin: 0 30px 5px
}

.widget-inbox-wallpaper__inner-container {
    width: 460px;
    height: 500px;
    border-radius: 3px;
    border: 1px solid rgba(var(--neutral-fill),.1);
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: 0 2px 32px 0 rgba(0,0,0,.05),0 1px 6px 0 rgba(0,0,0,.06);
    overflow: hidden
}

.widget-inbox-wallpaper__header-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}

.widget-inbox-wallpaper__composer-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 53px;
    z-index: 10
}

.meeting-scheduler__popover__panel {
    overflow-y: scroll;
    height: 270px;
    position: relative;
    z-index: 1
}

.meeting-scheduler__link-copy-icon {
    visibility: hidden;
    opacity: 0;
    color: var(--text-default)
}

.meeting-scheduler__time-link:hover .meeting-scheduler__link-copy-icon {
    visibility: visible;
    opacity: 1;
    transition: opacity .16s linear
}

.meeting-scheduler__time-link-duration {
    color: var(--text-default)
}

.meeting-scheduler__popover__header {
    height: 30px;
    padding: 10px 25px;
    border-bottom: 1px solid rgba(0,0,0,.2)
}

.meeting-scheduler__popover__header-title {
    text-align: center
}

.meeting-scheduler__list-item {
    padding: 8px 12px;
    border-bottom: 1px solid rgba(0,0,0,.2)
}

.meeting-scheduler__list-item.o__hoverable:hover,.meeting-scheduler__list-item.o__keyboard-selected {
    background-color: var(--neutral-container)
}

.meeting-scheduler__list-item.o__suggested {
    background-color: #eef5fc
}

.meeting-scheduler__list-item.o__suggested.o__active,.meeting-scheduler__list-item.o__suggested.o__hoverable:hover,.meeting-scheduler__list-item.o__suggested.o__keyboard-selected {
    background-color: #e6edf5
}

.meeting-scheduler__list-item.o__active {
    background-color: var(--neutral-container)
}

.meeting-scheduler__list-item__content {
    width: calc(100% - 12px)
}

.meeting-scheduler__list-item__name {
    padding-left: 12px;
    max-width: calc(100% - 12px)
}

.meeting-scheduler__list-item__summary {
    max-width: 40%
}

.meeting-scheduler__list-item__search {
    height: 36px;
    padding: 0
}

.meeting-scheduler__list-item__search-input {
    height: 36px;
    border: 0;
    padding: 0 38px;
    position: absolute;
    z-index: 1;
    outline: 0
}

.meeting-scheduler__list-item__search-input::placeholder {
    color: var(--text-muted)
}

.meeting-scheduler__list-item__search-icon {
    position: absolute;
    z-index: 2;
    top: 8px;
    left: 12px
}

.meeting-scheduler__list-item__search-clear {
    position: absolute;
    cursor: pointer;
    top: 8px;
    right: 12px;
    z-index: 2
}

.meeting-scheduler__no-results-found {
    text-align: center;
    padding-top: 20px
}

.meeting-scheduler {
    width: 100%;
    background-color: #fff
}

.articles__site-settings__content__header .content>hr,.meeting-scheduler__header-container {
    margin-bottom: 20px
}

.meeting-scheduler__container {
    min-height: 0;
    margin-bottom: 3px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--text-default);
    width: 100%
}

.meeting-scheduler__content {
    width: 100%
}

.meeting-scheduler__teammate__name {
    margin-top: 15px;
    font-size: 17px;
    color: var(--text-link)
}

.meeting-scheduler__teammate__avatar {
    margin-top: 40px
}

.intercom-interblocks-messenger-card .intercom-card-component.image-component img.round,.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item img.round,.meeting-scheduler__teammate__avatar .avatar__media {
    border-radius: 50%
}

.meeting-scheduler__teammate__job-title {
    font-size: 14px;
    color: var(--text-default)
}

.meeting-scheduler__hr {
    width: 100%;
    border-color: var(--neutral-border)
}

.meeting-scheduler__email-collector-container {
    max-width: 300px;
    min-width: 260px;
    margin-left: auto;
    margin-right: auto
}

.meeting-scheduler__email-collector {
    position: relative;
    margin-top: 5px
}

.meeting-scheduler__email-collector .meeting-scheduler__email-input {
    width: 100%;
    height: 38px;
    padding: 7px 35px 7px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid var(--neutral-border);
    border-radius: 4px;
    background: var(--neutral-container);
    color: var(--text-default)
}

.meeting-scheduler__email-collector .meeting-scheduler__email-input:focus {
    border: 1px solid var(--neutral-border)
}

.meeting-scheduler__email-collector.o__error .meeting-scheduler__email-input {
    background: var(--error-container)
}

.meeting-scheduler__email-collector .meeting-scheduler__email-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 35px;
    border-radius: 0 3px 3px 0;
    outline: 0
}

.meeting-scheduler__email-collector .meeting-scheduler__email-submit {
    color: #fff;
    cursor: pointer;
    border: 1px solid var(--neutral-border);
    background-color: var(--beta-fill)
}

.meeting-scheduler__email-error {
    color: var(--text-error);
    padding-top: 5px
}

.meeting-scheduler__slot-error {
    color: var(--text-error);
    text-align: center
}

.meeting-scheduler__day {
    border-top: 1px solid var(--neutral-border);
    padding-top: 10px;
    padding-bottom: 10px
}

.meeting-scheduler__slots-container {
    transform: translateX(-48px);
    padding-bottom: 40px
}

.meeting-scheduler__slots-container-mobile {
    transform: translateX(-28px);
    padding-bottom: 40px
}

.meeting-scheduler__slots-container-mobile>:first-child,.meeting-scheduler__slots-container>:first-child {
    border: 0
}

.meeting-scheduler__date-text {
    font-weight: 700;
    font-size: 14px;
    color: var(--text-default)
}

.meeting-scheduler__date {
    width: 50px
}

.meeting-scheduler__change-link,.meeting-scheduler__change-link:hover {
    color: var(--text-link)
}

.meeting-scheduler__mobile-slot,.meeting-scheduler__slot {
    margin: 10px;
    font-size: 14px;
    height: 40px;
    width: 260px;
    color: var(--text-default);
    border: 1px solid var(--neutral-border);
    background-color: var(--neutral-container);
    border-radius: 3px;
    font-weight: 700;
    cursor: pointer
}

.meeting-scheduler__mobile-slot {
    width: 200px
}

.meeting-scheduler__slot:active,.meeting-scheduler__slot:hover {
    border-color: var(--neutral-border);
    color: var(--text-link)
}

.meeting-scheduler__slot.o__disabled {
    color: var(--text-muted);
    border: 1px solid var(--neutral-border);
    background-color: #fcfdfe;
    cursor: not-allowed
}

.meeting-scheduler__settings-meeting-description {
    width: 400px;
    height: 100px
}

.meeting-scheduler__settings-better-url {
    height: 30px
}

.meeting-scheduler__settings-better-url-input {
    width: auto;
    height: 24px
}

.meeting-scheduler__settings-meeting-link,.meeting-scheduler__settings-public-url {
    width: 400px
}

.meeting-scheduler__settings-input-wrapper {
    display: inline;
    margin-left: 5px
}

.meeting-scheduler__slots-navigation-container {
    width: 32px;
    height: 32px;
    position: relative
}

.meeting-scheduler__slots-navigation-hover__container {
    width: 31px;
    height: 31px
}

.meeting-scheduler__slots-navigation-hover__container:hover {
    border: 1px solid var(--neutral-border);
    border-radius: 50%;
    cursor: pointer
}

.meeting-scheduler__slots-navigation-next__page__button,.meeting-scheduler__slots-navigation-previous__page__button {
    position: absolute;
    top: 6px;
    left: 10px
}

.meeting-scheduler__error-page {
    background-color: var(--neutral-container)
}

.meeting-scheduler__error-page__text {
    font-size: 24px
}

.meeting-scheduler__timezone {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: var(--neutral-container)
}

.meeting-scheduler__label {
    color: var(--text-default)
}

.handover-note-popover {
    width: 280px;
    height: 280px
}

.handover-note-popover__header {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.menu__popover__hr {
    height: 0;
    border: 0;
    margin: 12px 0;
    border-top: 1px solid var(--neutral-border);
    background-color: transparent
}

.menu__popover__item__header {
    padding: 5px 25px
}

.menu__popover__item,.menu__popover__item__header,.menu__popover__items__static {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-default);
    text-decoration: none
}

.menu__popover__item:not(.no__padding),.menu__popover__items__static:not(.no__padding) {
    padding: 5px 25px
}

.menu__popover__item.o__selected,.menu__popover__item:hover {
    color: var(--text-accent);
    opacity: 1
}

.menu__popover__item.o__admin-profile-link {
    padding-top: 20px;
    padding-bottom: 2px;
    border-radius: 3px 3px 0 0
}

.menu__popover__item.o__admin-language {
    padding-left: 15px;
    padding-right: 15px
}

.menu__popover__item__deemphasized {
    font-weight: 400;
    color: var(--text-muted)
}

.submenu {
    background-color: var(--base-module-subtle);
    color: var(--text-muted);
    border-radius: var(--border-radius-module);
    height: 100%;
    width: 230px;
    opacity: 1;
    transition: opacity 150ms ease-in-out
}

.submenu .liquid-child,.submenu .liquid-container,.submenu .submenu__sections__section__items {
    padding: 4px;
    margin: -4px
}

.submenu-squared-right-radius {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.platform-nav-bar-section {
    min-height: fit-content
}

.submenu.o__without-submenu {
    opacity: 0
}

.submenu.o__under-construction {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAGCAIAAAAOtlpdAAAANElEQVQoz2P4etGEEnRxi0lHFdXQ8slQYxkGoZsochbt3ES+s2jqJjKdRWs3keMsOrgJiAB4ItlirqqJGgAAAABJRU5ErkJggg==)!important;
    background-repeat: repeat-x!important;
    background-size: 25px 3px!important;
    background-position: -8px 0!important
}

@media print {
    .submenu {
        display: none!important
    }
}

.submenu__collapse-toggle {
    font-size: 18px;
    font-weight: 500;
    max-width: 100%
}

.submenu__collapse-toggle__icon {
    color: var(--text-default)
}

.submenu__collapse-toggle__icon:not(.o__disabled):hover,.submenu__header__search-icon:not(.o__disabled):hover {
    opacity: 1
}

.submenu__heading-block {
    min-width: 0
}

.submenu__header {
    height: 64px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    -webkit-touch-callout: none;
    touch-action: none;
    user-select: none;
    box-sizing: border-box;
    margin-left: 24px;
    margin-right: 16px
}

.submenu__header__title {
    color: var(--text-default);
    font-weight: 600
}

.submenu__header__search-icon {
    padding: 5px 7px;
    color: var(--text-default)
}

.submenu__header__search-icon.o__selected {
    color: var(--text-link)
}

.submenu__header__button-container {
    margin-left: 8px
}

.submenu__header__button.btn.o__subtle {
    line-height: 1rem;
    background-color: var(--neutral-container)
}

.submenu__header__button.btn.o__subtle:hover {
    background-color: var(--neutral-container-emphasis)
}

.submenu__header__button.btn.o__subtle.o__selected {
    background-color: var(--neutral-container-emphasis);
    box-shadow: none
}

.submenu__header__button.btn.o__icon {
    padding: 8px
}

.submenu__sections {
    padding-top: 4px
}

.submenu__sections.submenu__sections__floating-widget {
    margin-bottom: 105px;
    padding-bottom: 32px
}

.submenu__sections__section {
    box-sizing: border-box;
    padding: 0 12px;
    position: relative
}

.submenu__sections__section__mask {
    display: none;
    position: absolute;
    left: 0;
    right: 19px;
    height: 15px;
    pointer-events: none
}

.submenu__sections__section__items+.submenu__sections__section__mask.o__top,.submenu__sections__section__items+.submenu__sections__section__mask.o__top+.submenu__sections__section__mask.o__bottom {
    display: block
}

.submenu__sections__section__items.o__section-padding-right,.submenu__sections__section__title.o__section-padding-right {
    padding-right: 12px
}

.submenu__sections__section__title__link {
    display: block;
    padding: 8px 12px 6px;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    border-radius: 8px;
    color: var(--text-default)
}

.submenu__sections__section__title__link:not(.o__disabled):hover {
    opacity: 1
}

.submenu__sections__section__title__link.o__disabled {
    opacity: .5
}

.submenu__sections__section__title__link.font-medium {
    font-weight: 500
}

.submenu__sections__section__title__link--vertical-align {
    padding-left: 12px!important;
    display: flex;
    flex-direction: row
}

.submenu__sections__section__title__link.o__has-children,.submenu__sections__section__title__link.o__has-count {
    display: flex;
    flex-direction: row
}

.submenu__sections__section__title__link.o__has-children {
    color: var(--text-default);
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    margin-top: 8px
}

.text-capitalize .submenu__sections__section__title__link {
    text-transform: capitalize!important
}

.submenu__sections__section__title__badge {
    margin-bottom: 4px;
    padding: 0 8px;
    color: var(--text-on-neutral);
    background: var(--beta-fill);
    border-radius: 4px
}

.submenu__sections__section__items__inner .submenu__sections__section__title__link,.submenu__sections__section__items__nested {
    text-decoration: none;
    font-size: 13px;
    padding: 6px 6px 5px;
    font-weight: 400;
    color: var(--text-default)
}

.intercom-embed-chat #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p .bold-text,.intercom-embed-note #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p .bold-text,.intercom-embed-post #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p .bold-text,.intercom-interblocks-messenger-card .intercom-card-component.text-component p .bold-text,.submenu__sections__section__items__inner .submenu__sections__section__title__link.o__selected,.submenu__sections__section__items__nested.o__selected {
    font-weight: 600
}

.submenu__sections__section__title__link.ember-transitioning-in,.submenu__sections__section__title__link.ember-transitioning-in:hover,.submenu__sections__section__title__link.o__selected:not(.ember-transitioning-out),.submenu__sections__section__title__link.o__selected:not(.ember-transitioning-out):hover {
    color: var(--text-default);
    background-color: var(--base-module);
    box-shadow: var(--shadow-lvl-0);
    font-weight: 600
}

.submenu__sections__section__title__link.submenu__survey-link {
    color: var(--success-fill)
}

.submenu__sections__section__title__link.submenu__messenger-conversational-link {
    height: 116px;
    display: flex;
    align-items: center
}

.submenu__sections__section__title__link.submenu__messenger-conversational-link.o__selected {
    height: 44px
}

.submenu__sections__section__title__link.submenu__messenger-opt-in-link {
    height: 64px;
    display: flex;
    align-items: center
}

.submenu__sections__section__items__item {
    display: block;
    min-height: 20px;
    padding: 8px 12px 6px;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    border-radius: 8px;
    color: var(--text-default)
}

.submenu__sections__section__items__item:not(.o__disabled):hover {
    opacity: 1
}

.submenu__sections__section__items__item.o__selected,.submenu__sections__section__items__item.o__selected:hover {
    color: var(--text-default);
    background-color: var(--base-module);
    box-shadow: var(--shadow-lvl-0);
    font-weight: 600
}

.submenu__sections__section__items__item:hover,.submenu__sections__section__title__link:hover {
    background-color: var(--neutral-container-emphasis)
}

.submenu__sections__section__items__item.o__flex {
    display: flex
}

.submenu__sections__section__items__item__count {
    font-size: 13px;
    color: var(--text-muted);
    font-weight: 500
}

.submenu__sections__section__items__item__count.o__zero {
    opacity: .5
}

.submenu__sections__section__items__item__count.o__over-capacity {
    color: var(--text-error)!important
}

.submenu__sections__section__items__item.ember-transitioning-in,.submenu__sections__section__items__item.ember-transitioning-in .submenu__sections__section__items__item__count,.submenu__sections__section__items__item.o__selected:not(.ember-transitioning-out),.submenu__sections__section__items__item.o__selected:not(.ember-transitioning-out) .submenu__sections__section__items__item__count {
    opacity: 1
}

.submenu__sections__section__items__show-more {
    margin: 8px 5px 10px 10px
}

.submenu__hovercard {
    min-width: 250px;
    max-width: 500px;
    width: min-content;
    max-height: 300px;
    overflow-y: auto;
    box-sizing: border-box
}

.submenu__hovercard__inbox-view-predicates {
    color: var(--text-muted)
}

.submenu__sections__section__title__count {
    margin-left: auto;
    font-weight: 500;
    color: var(--text-muted)
}

.submenu__sections__section__item__left__border {
    border-left: 2px solid;
    border-color: var(--neutral-border)
}

.submenu__sections__section__item__left__border:hover {
    border-color: var(--neutral-border-emphasis)
}

.submenu__sections__section__item__left__border:has(.o__selected),.submenu__sections__section__item__left__border:has(.o__selected):hover {
    border-color: var(--accent-border-emphasis)
}

.submenu__section__title__no__text__formating .o__has-children {
    text-transform: none!important;
    font-size: 13px!important;
    margin-top: 0!important
}

.submenu__section-title-for-pinnable-segment-list {
    position: relative;
    margin-right: 12px
}

.submenu__section-title-for-pinnable-segment-list .title-link {
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    margin-bottom: 2px
}

.submenu__section-title-for-pinnable-segment-list .icon {
    margin-right: 5px
}

.submenu__section-title-for-pinnable-segment-list .title-label {
    margin-bottom: 3px
}

.submenu__section-title-for-pinnable-search-modal .opener-button-container {
    position: relative;
    width: 24px;
    height: 2px;
    margin-right: 4px
}

.submenu__section-title-for-pinnable-search-modal .opener-button {
    position: absolute;
    top: -12px;
    right: 0
}

.submenu__section__search-content-container {
    width: 322px;
    min-height: 100px
}

.submenu__section__search-content-container .search-content {
    max-height: 368px;
    overflow-y: auto
}

.submenu__section__search-content-container .item {
    padding: 6px 8px;
    width: 100%
}

.submenu__section__search-content-container .item:hover {
    background-color: var(--neutral-container)
}

.submenu__sections__section__title-flex {
    display: flex;
    flex-direction: row;
    align-items: center
}

.modal-opener-button {
    border-radius: 8px;
    padding: 3px 4px 4px 3px!important;
    width: 24px;
    height: 24px;
    margin-right: 4px
}

.submenu__sections__fin-tutorials-description {
    font-size: 12px
}

.submenu__sections__fin-tutorials-description .interface-icon {
    width: 12px;
    height: 12px;
    margin-bottom: 2px
}

.submenu__sections__fin-tutorials-card.widget-visible {
    margin-bottom: 100px
}

.app-framework__messenger-apps__inserter__app-configurator {
    width: 480px;
    height: 390px;
    box-sizing: border-box;
    padding: 10px 0;
    padding-top: 0!important;
    padding-bottom: 0!important;
    text-align: left
}

.app-framework__messenger-apps__inserter__apps-container {
    height: 270px;
    overflow-y: auto;
    position: relative
}

.app-framework__messenger-apps__inserter__cta:hover,.app-framework__messenger-apps__inserter__panel__cta:hover {
    background-color: var(--neutral-container);
    opacity: 1
}

.app-framework__messenger-apps__inserter__panel__header {
    height: 30px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    color: var(--text-muted);
    border-bottom: 1px solid var(--neutral-border)
}

.app-framework__messenger-apps__inserter__panel__link,.change-plan-modal__bold-text span {
    font-weight: 500
}

.app-framework__messenger-apps__inserter__panel__header-app-store-link {
    margin-left: auto
}

.app-framework__messenger-apps__inserter__panel__header-title {
    text-align: center;
    font-weight: 500
}

.app-framework__messenger-apps__inserter__panel__body {
    overflow-y: auto;
    height: 330px;
    position: relative;
    z-index: 1
}

.app-framework__messenger-apps__inserter__panel__body.o__with-cta {
    height: 269px
}

.app-framework__messenger-apps__inserter__panel__body .app-framework__messenger-apps__inserter__panel__messenger-card {
    overflow-y: scroll;
    height: 330px
}

.app-framework__messenger-apps__inserter__panel__loading,.app-framework__messenger-apps__inserter__panel__no-results {
    text-align: center;
    padding-top: 132px
}

.app-framework__messenger-apps__inserter__app-section-header {
    color: var(--text-muted);
    background-color: var(--neutral-container);
    padding: 5px 15px;
    font-weight: 500;
    border-bottom: 1px solid var(--neutral-border);
    border-top: 1px solid var(--neutral-border)
}

.app-framework__messenger-apps__inserter__app,.app-framework__messenger-apps__inserter__cta {
    padding: 10px 20px;
    cursor: pointer;
    display: block
}

.app-framework__messenger-apps__inserter__paywall {
    padding: 25px 20px 10px;
    font-weight: 500;
    background-color: var(--neutral-container);
    display: block;
    border-bottom: 1px solid var(--neutral-border)
}

.app-framework__messenger-apps__inserter__paywall__title {
    margin-right: 1em
}

.app-framework__messenger-apps__inserter__app {
    border-bottom: 1px solid var(--neutral-border)
}

.app-framework__messenger-apps__inserter__cta {
    border-radius: 0 0 8px 8px;
    border-top: 1px solid var(--neutral-border);
    height: 44px
}

.app-framework__messenger-apps__inserter__app.o__in-panel {
    transition: opacity .2s ease
}

.app-framework__messenger-apps__inserter__app.o__in-panel.o__inactive {
    opacity: .5;
    pointer-events: none
}

.app-framework__messenger-apps__inserter__app:hover {
    background-color: var(--neutral-container)
}

.app-framework__messenger-apps__inserter__panel__body__section__header {
    border-bottom: 1px solid var(--neutral-border);
    background-color: var(--neutral-container);
    font-weight: 500;
    padding: 10px 15px
}

.app-framework__messenger-apps__inserter__panel__body .app-framework__messenger-apps__inserter__panel__body__section__header {
    font-size: 14px;
    color: var(--text-muted)
}

.app-framework__messenger-apps__inserter__app__details__container {
    vertical-align: middle
}

.app-framework__messenger-apps__inserter__app__details__container,.app-framework__messenger-apps__inserter__cta-content {
    padding-left: 15px;
    width: calc(100% - 75px);
    color: var(--text-muted);
    font-size: 12px;
    display: inline-block
}

.app-framework__messenger-apps__inserter__app__details__notifiable {
    left: unset;
    top: -5px;
    right: -5px
}

.app-framework__messenger-apps__inserter__app__details__icon,.app-framework__messenger-apps__inserter__cta-icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
    display: inline-block
}

.app-framework__messenger-apps__inserter__cta-icon {
    float: left;
    margin: 2px 3px 0 0
}

.app-framework__messenger-apps__inserter__app__cta__title,.app-framework__messenger-apps__inserter__app__details__name,.app-framework__messenger-apps__inserter__cta-text {
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
    color: var(--text-default)
}

.app-framework__messenger-apps__inserter__panel__cta {
    box-sizing: border-box;
    padding: 10px 20px;
    height: 69px;
    position: absolute;
    bottom: 0;
    background-color: var(--neutral-container);
    border-top: 1px solid var(--neutral-border);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    width: 100%;
    z-index: 3
}

.app-framework__messenger-apps__inserter__panel__cta__subtitle {
    color: var(--text-default)
}

.app-framework__messenger-apps__inserter__panel__cta__arrow {
    color: var(--text-link)
}

.app-framework__messenger-apps__inserter__popover-arrow {
    position: absolute;
    left: 0;
    transform: translate(235px,0);
    bottom: -5px
}

[data-component-id=intercom_loading_image] img {
    animation: rotate 550ms infinite linear
}

.intercom-embed-chat #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component,.intercom-embed-note #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component,.intercom-embed-post #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component,.intercom-interblocks-messenger-card .intercom-card-component.button-component,.intercom-interblocks-messenger-card .intercom-card-component.input-component,.intercom-interblocks-messenger-card .intercom-card-component.list-component,.intercom-interblocks-messenger-card .intercom-card-component.text-component,.intercom-interblocks-messenger-card .intercom-card-component.textarea-component {
    margin-bottom: 8px
}

.intercom-interblocks-messenger-card .intercom-card-component.input-component.last-component,.intercom-interblocks-messenger-card .intercom-card-component.input-component.margin-bottom-none {
    margin-bottom: 0
}

.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 21px
}

.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-container {
    position: relative
}

.intercom-interblocks-messenger-card .intercom-card-component.input-component input {
    width: 100%;
    height: 40px;
    padding: 7px 35px 7px 12px;
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    background-color: var(--neutral-border);
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.07);
    color: var(--text-default)
}

.intercom-interblocks-messenger-card .intercom-card-component.input-component input::-ms-input-placeholder,.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.input-component input::-ms-input-placeholder {
    color: var(--text-muted)
}

.intercom-interblocks-messenger-card .intercom-card-component.input-component input::-moz-placeholder,.intercom-interblocks-messenger-card .intercom-card-component.textarea-component textarea::-moz-placeholder,.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.input-component input::-moz-placeholder {
    color: var(--text-muted)
}

.intercom-interblocks-messenger-card .intercom-card-component.input-component input:focus,.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.textarea-component textarea:focus {
    outline: 0;
    border-color: var(--neutral-border)
}

.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-button {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-cards/chevron-right-grey-40a5ec43bb3c3e470e5dfe6328be98ce.svg);
    background-size: 12px 14px;
    background-repeat: no-repeat;
    z-index: 1
}

.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-button,.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-success-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 35px;
    border: 1px solid #e1e1e1;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background-position: center;
    box-shadow: none
}

.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-button {
    background-color: var(--neutral-border)
}

.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-success-icon {
    z-index: 0;
    border-left: none;
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-cards/green-check-icon-6020fa42e332bcf0bd3aba4034f9c79d.png);
    background-size: 14px 12px;
    background-repeat: no-repeat
}

@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio: 2.6/2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx) {
    .intercom-interblocks-messenger-card .intercom-card-component.input-component .input-success-icon {
        background-image:url(https://static.intercomassets.com/ember/assets/images/messenger-cards/green-check-icon@2x-7668b3d108d3b40d2651ebae1087af1f.png)
    }
}

.intercom-interblocks-messenger-card .intercom-card-component.input-component .saved .input-button {
    display: none
}

.intercom-interblocks-messenger-card .intercom-card-component.input-component .invalid input {
    background-color: var(--error-container);
    border-color: var(--error-border);
    color: var(--text-error)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.input-component input {
    background: var(--neutral-container);
    border: 1px solid var(--neutral-border);
    box-shadow: none;
    height: 38px;
    width: auto;
    flex: 1
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-label {
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: 500;
    color: var(--text-muted);
    text-transform: uppercase
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.input-component .invalid .input-label {
    color: var(--text-error)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-container {
    display: flex;
    flex-flow: row nowrap
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.input-component .invalid input {
    border-color: var(--error-border);
    background-color: var(--error-container)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-button {
    position: static;
    flex: none;
    margin-left: 10px;
    border-radius: 3px;
    border: 1px solid rgba(var(--neutral-fill),.2);
    background-color: var(--beta-fill);
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-cards/next-icon-38f8f7d6304e7c4b5b805d8b7be18499.png);
    background-size: 8px 13px;
    background-repeat: no-repeat
}

@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio: 2.6/2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx) {
    .o__interactive.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-button {
        background-image:url(https://static.intercomassets.com/ember/assets/images/messenger-cards/next-icon@2x-2a7cb9d96cd35b21edd4f101eb630a54.png)
    }
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-button,.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-success-icon {
    border: 0
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-button:hover {
    background-color: var(--beta-fill-emphasis)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-button:active {
    box-shadow: inset 0 1px 3px 0 rgba(var(--neutral-fill),.2)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-button:focus {
    outline: 0
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-button:focus:active {
    background-position-y: 55%;
    border: 1px solid rgba(var(--neutral-fill),.2);
    box-shadow: inset 0 1px 3px 0 rgba(var(--neutral-fill),.2)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-button.disabled,.o__loading.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-button {
    opacity: .5;
    pointer-events: none
}

.intercom-interblocks-messenger-card .intercom-card-component.textarea-component .textarea-label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 21px
}

.intercom-interblocks-messenger-card .intercom-card-component.textarea-component .textarea-container {
    display: block
}

.intercom-interblocks-messenger-card .intercom-card-component.textarea-component .textarea-container.disabled {
    cursor: not-allowed
}

.intercom-interblocks-messenger-card .intercom-card-component.textarea-component textarea {
    width: 100%;
    height: 80px;
    padding: 8px 36px 8px 12px;
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid #e1e1e1;
    background-color: var(--neutral-border);
    border-radius: 4px;
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.07);
    color: var(--text-default);
    overflow-wrap: break-word
}

.intercom-interblocks-messenger-card .intercom-card-component.textarea-component textarea:-webkit-textarea-placeholder {
    color: var(--text-muted)
}

.intercom-interblocks-messenger-card .intercom-card-component.textarea-component textarea:-ms-textarea-placeholder {
    color: var(--text-muted)
}

.intercom-interblocks-messenger-card .intercom-card-component.textarea-component .error .textarea-label,.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.textarea-component .error .textarea-label {
    color: var(--text-error)
}

.intercom-interblocks-messenger-card .intercom-card-component.textarea-component .error textarea {
    background-color: var(--error-container);
    border-color: var(--error-border);
    color: var(--text-error)
}

.intercom-interblocks-messenger-card .intercom-card-component.textarea-component .disabled textarea {
    background-color: var(--neutral-border)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.textarea-component textarea {
    background: var(--neutral-container);
    border: 1px solid var(--neutral-border) r;
    box-shadow: none;
    height: 64px;
    width: 100%;
    flex: 1;
    overflow-wrap: break-word
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.textarea-component textarea::-webkit-textarea-placeholder {
    color: var(--text-muted)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.textarea-component textarea::-ms-textarea-placeholder {
    color: var(--text-muted)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.textarea-component textarea::-moz-placeholder {
    color: var(--text-muted)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.textarea-component .textarea-label {
    margin-bottom: 2px;
    font-size: 11px;
    font-weight: 500;
    color: var(--text-muted);
    text-transform: uppercase
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.textarea-component textarea:hover {
    border-color: var(--neutral-border)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.textarea-component .error textarea {
    border-color: var(--error-border);
    background-color: var(--error-container)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.textarea-component .disabled textarea {
    background-color: var(--neutral-border)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.textarea.disabled {
    opacity: .5;
    pointer-events: none
}

.intercom-embed-chat #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component.last-component,.intercom-embed-chat #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component.margin-bottom-none,.intercom-embed-note #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component.last-component,.intercom-embed-note #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component.margin-bottom-none,.intercom-embed-post #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component.last-component,.intercom-embed-post #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component.margin-bottom-none,.intercom-interblocks-messenger-card .intercom-card-component.button-component.last-component,.intercom-interblocks-messenger-card .intercom-card-component.button-component.margin-bottom-none,.intercom-interblocks-messenger-card .intercom-card-component.list-component.margin-bottom-none,.intercom-interblocks-messenger-card .intercom-card-component.text-component.last-component,.intercom-interblocks-messenger-card .intercom-card-component.text-component.margin-bottom-none {
    margin-bottom: 0
}

.composer-box .intercom-interblocks-messenger-card:not(.o__interactive) .intercom-card-component.button-component button[data-action-type=url],.intercom-interblocks-messenger-card .intercom-card-component.button-component button {
    font-size: 14px;
    line-height: 21px;
    border: 1px solid rgba(var(--neutral-fill),.2);
    border-radius: 3px;
    padding: 5px 12px 7px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    appearance: none;
    -webkit-touch-callout: none;
    user-select: none;
    box-sizing: border-box;
    transition: box-shadow linear .04s;
    vertical-align: bottom;
    width: 100%;
    height: 40px;
    outline: 0
}

.composer-box .intercom-interblocks-messenger-card:not(.o__interactive) .intercom-card-component.button-component button[data-action-type=url].primary,.intercom-interblocks-messenger-card .intercom-card-component.button-component button.primary {
    border: 0;
    background-color: var(--neutral-border);
    color: #bcbcbc
}

.composer-box .intercom-interblocks-messenger-card:not(.o__interactive) .intercom-card-component.button-component button[data-action-type=url].secondary,.intercom-interblocks-messenger-card .intercom-card-component.button-component button.secondary {
    background-color: var(--neutral-container);
    border-color: #bcbcbc;
    color: #bcbcbc
}

.composer-box .intercom-interblocks-messenger-card:not(.o__interactive) .intercom-card-component.button-component button[data-action-type=url].link,.intercom-interblocks-messenger-card .intercom-card-component.button-component button.link {
    border: 0;
    background-color: transparent;
    color: #bcbcbc
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.button-component button {
    border: 1px solid rgba(var(--neutral-fill),.2);
    width: auto;
    line-height: 18px;
    height: 32px
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.button-component button:hover {
    box-shadow: 0 1px 5px 0 rgba(var(--neutral-fill),.1)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.button-component button:active {
    padding-top: 6px;
    padding-bottom: 6px;
    box-shadow: inset 0 1px 3px 0 rgba(var(--neutral-fill),.2)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.button-component button:focus {
    outline: 0
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.button-component button:focus:active {
    border: 1px solid rgba(var(--neutral-fill),.2);
    padding: 6px 12px;
    box-shadow: inset 0 1px 3px 0 rgba(var(--neutral-fill),.2);
    outline: 0
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.button-component button.primary {
    color: var(--text-on-neutral);
    background-color: var(--beta-fill)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.button-component button.primary:hover {
    background-color: var(--beta-fill-emphasis)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.button-component button.secondary {
    background-color: var(--neutral-container);
    color: var(--text-muted)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.button-component button.link {
    border: 0;
    color: var(--text-muted)
}

#embedded_messenger .intercom-interblocks-messenger-card .text-component p,.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item .title.disabled,.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.button-component button.link:hover {
    color: var(--text-default)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.button-component button.secondary:hover {
    border: 1px solid rgba(var(--neutral-fill),.2);
    background-color: var(--neutral-container)
}

.intercom-interblocks-messenger-card:not(.o__interactive) .intercom-card-component.button-component button[data-action-type=url] {
    pointer-events: auto
}

.intercom-interblocks-messenger-card:not(.o__interactive) .intercom-card-component.button-component button[data-action-type=url].primary {
    color: var(--text-on-neutral)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.button-component button.disabled,.o__loading.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.button-component button {
    opacity: .5;
    pointer-events: none
}

.intercom-interblocks-messenger-card:not(.o__interactive) .intercom-card-component.button-component button.disabled {
    pointer-events: none;
    cursor: default
}

.intercom-embed-chat #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p,.intercom-embed-note #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p,.intercom-embed-post #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p,.intercom-interblocks-messenger-card .intercom-card-component.text-component p {
    font-size: 14px;
    line-height: 21px;
    margin: 0
}

.intercom-embed-chat #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.header,.intercom-embed-note #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.header,.intercom-embed-post #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.header,.intercom-interblocks-messenger-card .intercom-card-component.text-component p.header {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.intercom-embed-chat #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.muted,.intercom-embed-note #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.muted,.intercom-embed-post #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.muted,.intercom-interblocks-messenger-card .intercom-card-component.text-component p.muted {
    color: var(--text-muted)
}

.intercom-embed-chat #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.error,.intercom-embed-chat #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.error .link-text,.intercom-embed-note #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.error,.intercom-embed-note #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.error .link-text,.intercom-embed-post #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.error,.intercom-embed-post #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.error .link-text,.intercom-interblocks-messenger-card .intercom-card-component.text-component p.error,.intercom-interblocks-messenger-card .intercom-card-component.text-component p.error .link-text {
    color: var(--text-error)
}

.intercom-embed-chat #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.align-left,.intercom-embed-note #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.align-left,.intercom-embed-post #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.align-left,.intercom-interblocks-messenger-card .intercom-card-component.text-component p.align-left {
    text-align: left
}

.intercom-embed-chat #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.align-center,.intercom-embed-note #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.align-center,.intercom-embed-post #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.align-center,.intercom-interblocks-messenger-card .intercom-card-component.text-component p.align-center {
    text-align: center
}

.intercom-embed-chat #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.align-right,.intercom-embed-note #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.align-right,.intercom-embed-post #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component p.align-right,.intercom-interblocks-messenger-card .intercom-card-component.text-component p.align-right {
    text-align: right
}

.intercom-embed-chat #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component a,.intercom-embed-note #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component a,.intercom-embed-post #intercom_composer .intercom-interblocks-messenger-card .intercom-card-component.text-component a,.intercom-interblocks-inbox-card .intercom-card-component.text-component a,.intercom-interblocks-messenger-card .intercom-card-component.text-component a {
    pointer-events: auto
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.text-component p,.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.text-component p.header {
    color: var(--text-default);
    font-size: 14px;
    white-space: normal
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.text-component p.header {
    font-weight: 600
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.text-component p.error,.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.text-component p.muted {
    font-size: 13px
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.text-component p.muted {
    color: var(--text-muted)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.text-component p.error {
    color: var(--text-error)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.text-component p .link-text {
    color: var(--text-default)!important;
    font-weight: 400
}

.intercom-interblocks-messenger-card .intercom-card-component.list-component.first-component .list {
    border-top: none
}

.intercom-interblocks-messenger-card .intercom-card-component.list-component.first-component {
    margin-top: -15px
}

.intercom-interblocks-messenger-card .intercom-card-component.list-component.last-component {
    margin-bottom: -15px
}

.intercom-interblocks-messenger-card .intercom-card-component.list-component.last-component .list {
    border-bottom: none
}

.intercom-interblocks-messenger-card .intercom-card-component.list-component .list {
    margin-left: -24px;
    margin-right: -24px;
    border-top: 1px solid var(--neutral-border);
    border-bottom: 1px solid var(--neutral-border)
}

.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item {
    position: relative;
    background-color: transparent;
    padding: 16px 24px;
    border-bottom: 1px solid var(--neutral-border);
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    font-size: 14px;
    line-height: 21px
}

.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item[data-action-type=submit],.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item[data-action-type=url] {
    cursor: pointer
}

.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item .image-container {
    position: relative;
    max-width: 213px;
    margin-right: 8px
}

.intercom-interblocks-messenger-card .intercom-card-component.list-component .image-placeholder {
    opacity: 0
}

.intercom-interblocks-messenger-card .intercom-card-component.list-component .final-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%
}

.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item .text-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item .subtitle {
    color: var(--text-muted)
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .list .list-item .subtitle .tertiary-text:not(:first-child):before,.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item .subtitle .tertiary-text:not(:first-child):before {
    content: " • "
}

.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item .action {
    display: none
}

.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item[data-action-type] .action {
    display: inline-block;
    width: 7px;
    height: 7px;
    border: solid var(--neutral-border);
    border-width: 0 2px 2px 0;
    padding: 1px;
    transform: rotate(-45deg)
}

.intercom-interblocks-messenger-card .intercom-card-component.list-component .list-item:first-child {
    border-top: none
}

.intercom-interblocks-messenger-card .intercom-card-component.list-component .list-item:last-child {
    border-bottom: none
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.list-component .list {
    margin-left: -20px;
    margin-right: -20px;
    border-color: var(--neutral-border)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.list-component .list-item {
    border-color: var(--neutral-border)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item,.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.list-component .list-item .list-item {
    padding: 10px 20px
}

.embercom-composer .intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item img,.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item img,.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.list-component .list-item .list-item img {
    margin-right: 10px
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .loading :not(.messenger-card-loader),.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.list-component .list-item .loading :not(.messenger-card-loader) {
    opacity: .5
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.list-component.last-component .list {
    border-bottom: 1px solid var(--neutral-border)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.list-component .list-item[data-action-type]:hover {
    background-color: var(--neutral-container)
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item .title {
    color: var(--text-default);
    font-weight: 500
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item .subtitle {
    color: var(--text-muted)
}

.conversation__part .intercom-interblocks-messenger-card:not(.o__interactive) .intercom-card-component.list-component .list-item[data-action-type=url] {
    pointer-events: auto;
    cursor: pointer
}

.conversation__part .intercom-interblocks-messenger-card:not(.o__interactive) .intercom-card-component.list-component .list-item[data-action-type=url]:hover {
    background-color: var(--neutral-border)
}

.conversation__part .intercom-interblocks-messenger-card:not(.o__interactive) .intercom-card-component.list-component .list-item[data-action-type=url]:active {
    background-color: #f8f8f8
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item.disabled,.o__loading.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item[data-action-type] {
    background-color: transparent;
    pointer-events: none;
    cursor: default
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item.disabled :not(.messenger-card-loader),.o__loading.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item[data-action-type] :not(.messenger-card-loader) {
    opacity: .5
}

.embercom-composer .intercom-interblocks-messenger-card .intercom-card-component.list-component .list {
    margin-left: -20px;
    margin-right: -20px
}

.embercom-composer .intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item {
    padding: 10px 20px
}

.intercom-interblocks-messenger-card .intercom-card-component.image-component {
    position: relative;
    margin-bottom: 8px
}

.intercom-interblocks-messenger-card .intercom-card-component.image-component.margin-bottom-none {
    margin-bottom: 0
}

.intercom-interblocks-messenger-card .intercom-card-component.image-component .image-container {
    position: relative;
    max-width: 100%
}

.intercom-interblocks-messenger-card .intercom-card-component.image-component .image-placeholder {
    height: 0
}

.intercom-interblocks-messenger-card .intercom-card-component.image-component .final-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100%
}

.intercom-interblocks-messenger-card .intercom-card-component.image-component .align-left {
    text-align: left
}

.intercom-interblocks-messenger-card .intercom-card-component.image-component .align-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.intercom-interblocks-messenger-card .intercom-card-component.image-component .align-right {
    text-align: right;
    margin-left: auto
}

.intercom-interblocks-messenger-card .intercom-card-component.image-component .align-full_width {
    margin: auto -24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px
}

.intercom-interblocks-messenger-card .intercom-card-component.image-component.first-component .align-full_width {
    margin-top: -24px;
    padding-top: 24px;
    padding-bottom: 0
}

.intercom-interblocks-messenger-card .intercom-card-component.image-component.last-component .align-full_width {
    margin-bottom: -24px;
    padding-bottom: 0
}

.intercom-interblocks-messenger-card .intercom-card-component.image-component.first-component.last-component .align-full_width {
    margin-bottom: -32px
}

.intercom-interblocks-messenger-card .intercom-card-component.image-component img[data-action-type=url] {
    pointer-events: auto;
    cursor: pointer
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.image-component {
    margin-top: 0;
    margin-bottom: 10px
}

.intercom-interblocks-messenger-card .intercom-card-component.spacer-component div.spacer-xs {
    width: 100%;
    height: 4px
}

.intercom-interblocks-messenger-card .intercom-card-component.spacer-component div.spacer-s {
    width: 100%;
    height: 8px
}

.intercom-interblocks-messenger-card .intercom-card-component.spacer-component div.spacer-m {
    width: 100%;
    height: 16px
}

.intercom-interblocks-messenger-card .intercom-card-component.spacer-component div.spacer-l {
    width: 100%;
    height: 24px
}

.intercom-interblocks-messenger-card .intercom-card-component.spacer-component div.spacer-xl {
    width: 100%;
    height: 32px
}

.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component,.intercom-interblocks-messenger-card .intercom-card-component.data-table-component,.intercom-interblocks-messenger-card .intercom-card-component.divider-component,.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component,.intercom-interblocks-messenger-card .intercom-card-component.single-select-component {
    margin-bottom: 8px
}

.intercom-interblocks-messenger-card .intercom-card-component.divider-component.last-component,.intercom-interblocks-messenger-card .intercom-card-component.divider-component.margin-bottom-none,.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.divider-component.last-component,.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.divider-component.margin-bottom-none {
    margin-bottom: 0
}

.intercom-interblocks-messenger-card .intercom-card-component.divider-component div.divider {
    border-top: 1px solid var(--neutral-border);
    height: 0;
    margin-left: -20px;
    margin-right: -20px
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.divider-component {
    margin-top: 0;
    margin-bottom: 10px
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component.last-component,.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component.margin-bottom-none {
    margin-bottom: 0
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-container {
    width: 100%
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .label-dropdown-container {
    font-size: 14px
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-opener {
    background-color: var(--neutral-container);
    border: 1px solid rgba(var(--neutral-fill),.2);
    color: #bcbcbc;
    box-shadow: none;
    max-width: 410px;
    position: relative;
    display: inline-block;
    padding: 6px 12px 7px;
    font-size: 14px;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-placeholder {
    color: var(--text-default);
    display: block;
    line-height: 18px;
    padding-right: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-placeholder:before {
    position: absolute;
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
    right: 8px;
    content: "";
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/app-framework/dropdown-opener-5e3989bb9e5277e96505698d863ef05c.svg)
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-options-container {
    position: relative
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-options {
    background-color: var(--neutral-container);
    box-shadow: 0 4px 14px 0 rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.1);
    z-index: 2001;
    display: none;
    position: absolute;
    min-width: 200px;
    max-width: 440px;
    overflow-y: scroll;
    border-radius: 4px;
    left: 0
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-option {
    cursor: pointer;
    position: relative;
    padding: 6px 32px 6px 12px;
    font-size: 14px;
    color: var(--text-default)
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-option:hover {
    background-color: var(--vis-blue-40);
    color: var(--text-on-neutral)
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-option-selected:before {
    position: absolute;
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
    right: 8px;
    content: "";
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/app-framework/dropdown-option-selected-8326563a3c62df7e2bddd5c35a2049d2.svg)
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-option-selected:hover:before {
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/app-framework/dropdown-option-selected-hover-918a44b75214e73fd0fe603b27f7e760.svg)
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-option.disabled {
    cursor: auto;
    opacity: .5
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-option.disabled:hover {
    background-color: var(--neutral-container);
    color: var(--text-default)
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component.dropdown-open .dropdown-opener {
    border-color: var(--vis-blue-40);
    background-color: var(--vis-blue-80);
    box-shadow: 0 0 0 3px rgba(51,75,250,.2)
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component.dropdown-open .dropdown-options {
    display: block
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-opener:hover .dropdown-placeholder,.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component.dropdown-open .dropdown-placeholder {
    color: var(--vis-blue-40)
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-opener:hover .dropdown-placeholder:before,.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component.dropdown-open .dropdown-placeholder:before {
    content: "";
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/app-framework/dropdown-opener-hover-d4e42094dc00cac0ddaede05c6f9157c.svg)
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-container.disabled .dropdown-opener,.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-container.dropdown-saved .dropdown-opener {
    cursor: auto;
    pointer-events: none
}

.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-container.disabled .dropdown-opener .dropdown-placeholder,.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-container.dropdown-saved .dropdown-opener .dropdown-placeholder {
    color: var(--text-default);
    opacity: .5
}

.intercom-interblocks-messenger-card:not(.o__interactive) .intercom-card-component.dropdown-component .dropdown-opener {
    border-color: #e1e1e1;
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.07);
    display: block;
    height: 38px;
    padding: 0 12px;
    border-radius: 4px;
    line-height: 40px
}

.intercom-interblocks-messenger-card:not(.o__interactive) .intercom-card-component.dropdown-component .label-dropdown-container {
    font-size: 13px;
    margin: 5px 0
}

.intercom-interblocks-messenger-card:not(.o__interactive) .intercom-card-component.dropdown-component .dropdown-placeholder {
    color: #bcbcbc;
    display: block;
    padding-top: 10px;
    font-size: 13px
}

.intercom-interblocks-messenger-card:not(.o__interactive) .intercom-card-component.dropdown-component .dropdown-placeholder:before {
    content: messenger-card-dropdown-svg(#bcbcbc)
}

.intercom-interblocks-messenger-card .intercom-card-component.single-select-component.last-component,.intercom-interblocks-messenger-card .intercom-card-component.single-select-component.margin-bottom-none {
    margin-bottom: 0
}

.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-options {
    box-sizing: border-box;
    display: flex;
    max-width: 100%;
    margin-bottom: 8px
}

.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option {
    flex: 1 0 0;
    margin: 0;
    border: 1px solid #e1e1e1;
    color: var(--text-default);
    padding: 4px 2px;
    border-radius: 0;
    border-right: none;
    text-align: center;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.5;
    opacity: 1
}

.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option:last-child {
    border-right: 1px solid #e1e1e1;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option,.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option * {
    cursor: pointer
}

.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option-selected,.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option:active,.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option:hover {
    color: var(--vis-blue-40);
    border-color: var(--vis-blue-40);
    border-right: 1px solid var(--vis-blue-40);
    margin-right: -1px;
    z-index: 1001
}

.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option-selected:last-child,.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option:active:last-child,.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option:hover:last-child {
    border-right: 1px solid var(--vis-blue-40)
}

.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option-selected,.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option:active {
    background-color: var(--vis-blue-80)
}

.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option-selected:last-child,.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option:last-child:active,.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option:last-child:hover {
    margin-right: 0
}

.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option.disabled,.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option.disabled *,.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-saved .single-select-option,.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-saved .single-select-option *,.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-saving .single-select-option,.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-saving .single-select-option *,.intercom-interblocks-messenger-card.o__loading .intercom-card-component.single-select-component .single-select-option,.intercom-interblocks-messenger-card.o__loading .intercom-card-component.single-select-component .single-select-option *,.intercom-interblocks-messenger-card.o_interactive .intercom-card-component.single-select-component .single-select-option.disabled,.intercom-interblocks-messenger-card.o_interactive .intercom-card-component.single-select-component .single-select-option.disabled * {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.intercom-interblocks-messenger-card:not(.o__interactive) .intercom-card-component.single-select-component .label-single-select-container {
    margin: 5px 0
}

.intercom-interblocks-messenger-card:not(.o__interactive) .intercom-card-component.single-select-component .single-select-option {
    padding: 8px 2px;
    border-color: #e1e1e1;
    color: #bcbcbc
}

.intercom-interblocks-messenger-card:not(.o__interactive) .intercom-card-component.single-select-component .single-select-option-selected {
    background-color: #e1e1e1;
    color: var(--text-on-neutral)
}

.intercom-interblocks-messenger-card .intercom-card-component.data-table-component.margin-bottom-none {
    margin-bottom: 0
}

.intercom-interblocks-messenger-card .intercom-card-component.data-table-component .data-table .field-value {
    margin-bottom: 8px;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    font-weight: 400
}

.intercom-interblocks-messenger-card .intercom-card-component.data-table-component .data-table .field-value .field-value-field,.intercom-interblocks-messenger-card .intercom-card-component.data-table-component .data-table .field-value .field-value-value {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.intercom-interblocks-messenger-card .intercom-card-component.data-table-component .data-table .field-value .field-value-field {
    color: var(--text-muted);
    max-width: 40%;
    margin-right: 8px;
    float: left
}

.intercom-interblocks-messenger-card .intercom-card-component.data-table-component .data-table .field-value .field-value-value {
    color: var(--text-default);
    max-width: fit-content
}

.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .label-checkbox-container {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 21px
}

.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-option,.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-option * {
    display: flex;
    flex-direction: row
}

.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-option-box {
    margin: 3px 6px 3px 0
}

.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-failed .label-checkbox-container {
    color: var(--text-error)
}

.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-option.disabled,.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-option.disabled *,.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-option.disabled:hover,.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-option.disabled:hover *,.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-saved .checkbox-option,.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-saved .checkbox-option *,.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-saved .checkbox-option-selected,.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-saved .checkbox-option-selected *,.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-saved .checkbox-option:hover,.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-saved .checkbox-option:hover * {
    color: #bcbcbc;
    opacity: 1
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .label-checkbox-container {
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: 500;
    color: var(--text-muted);
    text-transform: uppercase
}

.o__interactive.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .invalid .label-checkbox-container {
    color: var(--text-error)
}

.intercom-interblocks-messenger-card:not(.o__interactive) .intercom-card-component.checkbox-component .label-checkbox-container {
    margin: 5px 0
}

.intercom-interblocks-messenger-card {
    font-size: 14px;
    line-height: 1.4;
    pointer-events: none;
    box-sizing: border-box
}

#embedded_messenger .intercom-note .app-framework__messenger-apps__inserter__panel__body .intercom-interblocks-messenger-card:not(.messenger-framework__panel__messenger-card),#embedded_messenger .intercom-post .app-framework__messenger-apps__inserter__panel__body .intercom-interblocks-messenger-card:not(.messenger-framework__panel__messenger-card),.prosemirror-composer-popover-container .intercom-interblocks-messenger-card:not(.messenger-preview__home__card):not(.messenger-preview-redesign__card) {
    width: 100%
}

.intercom-interblocks-messenger-card:not(.messenger-preview__home__card):not(.messenger-preview-redesign__card) {
    width: 280px;
    padding: 15px 20px
}

.intercom-interblocks-messenger-card .intercom-card-component {
    word-break: break-word
}

#embedded_messenger .intercom-interblocks-messenger-card {
    background-color: var(--neutral-container);
    color: var(--text-default);
    width: auto
}

#embedded_messenger .intercom-note .intercom-interblocks-messenger-card,#embedded_messenger .intercom-post .intercom-interblocks-messenger-card:not(.messenger-framework__panel__messenger-card) {
    margin: 16px auto
}

#embedded_messenger .intercom-note .intercom-interblocks-messenger-card:not(.messenger-framework__panel__messenger-card) {
    width: 280px
}

#embedded_messenger .intercom-post .intercom-interblocks-messenger-card:not(.messenger-framework__panel__messenger-card) {
    width: 320px
}

.intercom-interblocks-messenger-card.o__interactive {
    max-width: 100%;
    width: 100%;
    pointer-events: inherit;
    border-radius: 0;
    border: 0;
    box-shadow: none
}

.intercom-interblocks-messenger-card.o__borderless {
    border: 0
}

.app-framework__inbox-apps__frame__loading {
    min-height: 80px
}

.app-framework__inbox-apps__frame__error {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 12px
}

.app-framework__inbox-apps__frame {
    position: relative;
    margin: -12px
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component .input-label {
    display: block;
    margin-bottom: 2px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: var(--text-muted)
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component .label-input-container.disabled .input-container {
    cursor: not-allowed
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component .invalid .input-label {
    color: #c7493d
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component .input-container {
    position: relative;
    display: flex;
    flex: 1 1 auto
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component input {
    flex: 1;
    box-sizing: border-box;
    height: 24px;
    min-width: 35px;
    padding: 0 35px 0 8px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
    color: var(--text-default);
    background: var(--neutral-container);
    border: 1px solid rgba(0,0,0,.2)
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component input::-webkit-input-placeholder,.intercom-interblocks-inbox-card .intercom-card-component.textarea-component textarea::-webkit-input-placeholder {
    color: var(--text-muted)
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component input::-ms-input-placeholder,.intercom-interblocks-inbox-card .intercom-card-component.textarea-component textarea::-ms-input-placeholder {
    color: var(--text-muted)
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component input::-moz-placeholder,.intercom-interblocks-inbox-card .intercom-card-component.textarea-component textarea::-moz-placeholder {
    color: var(--text-muted)
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component input:hover {
    border-color: var(--vis-blue-40)
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component input:focus,.intercom-interblocks-inbox-card .intercom-card-component.textarea-component textarea:focus {
    outline: 0;
    border-color: var(--neutral-border);
    box-shadow: 0 0 0 3px rgba(var(--beta-fill),.2)
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component .disabled input {
    background-color: var(--neutral-container)
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component .disabled input:hover {
    border-color: var(--vis-salmon-40)
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component .invalid input {
    color: #c7493d;
    border-color: #c7493d;
    background-color: #fef0f0
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component .invalid input:focus {
    border-color: #c7493d;
    box-shadow: 0 0 0 3px rgba(var(--error-border),.2)
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component .input-button {
    border: 0;
    box-shadow: none
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component .input-success-icon {
    background-position: center;
    border: 0;
    box-shadow: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 24px;
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-cards/green-check-icon-6020fa42e332bcf0bd3aba4034f9c79d.png);
    background-size: 14px 12px;
    background-repeat: no-repeat
}

@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio: 2.6/2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx) {
    .intercom-interblocks-inbox-card .intercom-card-component.input-component .input-success-icon {
        background-image:url(https://static.intercomassets.com/ember/assets/images/messenger-cards/green-check-icon@2x-7668b3d108d3b40d2651ebae1087af1f.png)
    }
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component .input-button {
    position: relative;
    width: 24px;
    flex: 0 0 24px;
    margin-left: 8px;
    border-radius: 3px;
    background-position: center;
    border: 1px solid rgba(var(--neutral-fill),.2);
    background-color: var(--beta-fill);
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-cards/next-icon-38f8f7d6304e7c4b5b805d8b7be18499.png);
    background-size: 8px 13px;
    background-repeat: no-repeat
}

@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio: 2.6/2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx) {
    .intercom-interblocks-inbox-card .intercom-card-component.input-component .input-button {
        background-image:url(https://static.intercomassets.com/ember/assets/images/messenger-cards/next-icon@2x-2a7cb9d96cd35b21edd4f101eb630a54.png)
    }
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component .input-button:hover {
    background-color: var(--beta-fill-emphasis)
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component .input-button:active {
    box-shadow: inset 0 1px 3px 0 rgba(var(--neutral-fill),.2)
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component .input-button:focus {
    outline: 0
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component .input-button:focus:active {
    background-position-y: 55%;
    border: 1px solid rgba(var(--neutral-fill),.2);
    box-shadow: inset 0 1px 3px 0 rgba(var(--neutral-fill),.2)
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component .input-button.loading {
    background-image: none
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component .saved .input-button {
    display: none
}

.intercom-interblocks-inbox-card .intercom-card-component.button-component button.loading .messenger-card-loader,.intercom-interblocks-inbox-card .intercom-card-component.input-component .messenger-card-loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    animation: intercom-spin 1.1s infinite linear;
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/app-framework/loader-white-55db0f757ffb16ba1fef4aaae057118f.svg)
}

.intercom-interblocks-inbox-card .intercom-card-component.input-component .input-button.disabled,.o__loading.intercom-interblocks-inbox-card .intercom-card-component.input-component .input-button {
    opacity: .5;
    pointer-events: none
}

.intercom-interblocks-inbox-card .intercom-card-component.textarea-component {
    margin-bottom: 8px
}

.intercom-interblocks-inbox-card .intercom-card-component.textarea-component .textarea-label {
    display: block;
    margin-bottom: 2px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: var(--text-muted)
}

.intercom-interblocks-inbox-card .intercom-card-component.textarea-component .textarea-container {
    display: block
}

.intercom-interblocks-inbox-card .intercom-card-component.textarea-component .textarea-container.disabled {
    cursor: not-allowed
}

.intercom-interblocks-inbox-card .intercom-card-component.textarea-component .error .textarea-label {
    color: #c7493d
}

.intercom-interblocks-inbox-card .intercom-card-component.textarea-component textarea {
    width: 100%;
    min-height: 48px;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 18px;
    box-sizing: border-box;
    border-radius: 4px;
    color: var(--text-default);
    background: var(--neutral-container);
    border: 1px solid rgba(0,0,0,.2);
    overflow-wrap: break-word
}

.intercom-interblocks-inbox-card .intercom-card-component.textarea-component textarea:hover {
    border-color: var(--neutral-border)
}

.intercom-interblocks-inbox-card .intercom-card-component.textarea-component .error textarea {
    color: #c7493d;
    border-color: #c7493d;
    background-color: #fef0f0
}

.intercom-interblocks-inbox-card .intercom-card-component.textarea-component .error textarea:focus {
    box-shadow: 0 0 0 3px rgba(var(--error-border),.2)
}

.intercom-interblocks-inbox-card .intercom-card-component.textarea-component .disabled textarea {
    background-color: var(--neutral-container)
}

.intercom-interblocks-inbox-card .intercom-card-component.textarea-component.disabled,.o__loading.intercom-interblocks-inbox-card .intercom-card-component.textarea-component {
    opacity: .5;
    pointer-events: none
}

.intercom-interblocks-inbox-card .intercom-card-component.button-component button {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 24px;
    padding: 0 12px 2px;
    font-size: 14px;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: box-shadow linear .04s;
    appearance: none;
    user-select: none;
    font-weight: 500;
    border: 1px solid rgba(var(--neutral-fill),.2)
}

.intercom-interblocks-inbox-card .intercom-card-component.button-component button[data-action-type=url]:after {
    content: " ↗"
}

.intercom-interblocks-inbox-card .intercom-card-component.button-component button:active {
    box-shadow: 0 0 0 3px rgba(var(--beta-fill),.2)
}

.intercom-interblocks-inbox-card .intercom-card-component.button-component button:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(var(--beta-fill),.2)
}

.intercom-interblocks-inbox-card .intercom-card-component.button-component button:focus:active {
    border: 1px solid rgba(var(--neutral-fill),.2);
    outline: 0
}

.intercom-interblocks-inbox-card .intercom-card-component.button-component button.primary {
    color: var(--text-on-neutral);
    background-color: var(--beta-fill)
}

.intercom-interblocks-inbox-card .intercom-card-component.button-component button.primary:hover:not(.disabled) {
    background-color: var(--beta-fill-emphasis)
}

.intercom-interblocks-inbox-card .intercom-card-component.button-component button.disabled {
    opacity: .5;
    cursor: not-allowed;
    box-shadow: unset
}

.intercom-interblocks-inbox-card .intercom-card-component.button-component button.secondary {
    color: var(--text-muted);
    background-color: var(--neutral-container)
}

.intercom-interblocks-inbox-card .intercom-card-component.button-component button.secondary:hover:not(.disabled) {
    border: 1px solid var(--neutral-border);
    color: var(--text-link)
}

.intercom-interblocks-inbox-card .intercom-card-component.button-component button.link {
    border: 0;
    background-color: var(--neutral-container);
    color: var(--text-muted)
}

.intercom-interblocks-inbox-card .intercom-card-component.button-component button.link:active {
    box-shadow: unset
}

.intercom-interblocks-inbox-card .intercom-card-component.button-component button.link:focus {
    border: 0;
    box-shadow: unset
}

.intercom-interblocks-inbox-card .intercom-card-component.button-component button.link:hover:not(.disabled) {
    color: var(--text-link);
    box-shadow: none
}

.intercom-interblocks-inbox-card .intercom-card-component.button-component button.loading {
    color: transparent
}

.intercom-interblocks-inbox-card .intercom-card-component.button-component button.link.loading .messenger-card-loader,.intercom-interblocks-inbox-card .intercom-card-component.button-component button.secondary.loading .messenger-card-loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    animation: intercom-spin 1.1s infinite linear;
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/app-framework/loader-blue-a920674ee7e5969ac95f7da3fe8de55e.svg)
}

.o__loading.intercom-interblocks-inbox-card .intercom-card-component.button-component button {
    opacity: .5;
    pointer-events: none
}

.intercom-interblocks-inbox-card .intercom-card-component.text-component p {
    margin: 0;
    font-size: 14px;
    line-height: 19px;
    color: var(--text-default)
}

.intercom-interblocks-inbox-card .intercom-card-component.text-component p.header {
    font-size: 14px;
    font-weight: 500;
    line-height: normal
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .list .list-item .title.disabled,.intercom-interblocks-inbox-card .intercom-card-component.text-component p.muted {
    color: var(--text-muted)
}

.intercom-interblocks-inbox-card .intercom-card-component.text-component p.error {
    color: var(--text-error)
}

.intercom-interblocks-inbox-card .intercom-card-component.text-component p .link-text {
    font-weight: 400;
    text-decoration: underline
}

.appstore__app-details__onboarding__guide b,.developer-hub__getting-started-guide__composer b,.developer-hub__review__starting-guide-renderer b,.intercom-interblocks-inbox-card .intercom-card-component.text-component p .bold-text {
    font-weight: 600
}

.intercom-interblocks-inbox-card .intercom-card-component.text-component p.align-left {
    text-align: left
}

.intercom-interblocks-inbox-card .intercom-card-component.text-component p.align-center {
    text-align: center
}

.intercom-interblocks-inbox-card .intercom-card-component.text-component p.align-right {
    text-align: right
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component {
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component.margin-bottom-none {
    margin-bottom: 0
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component.first-component {
    margin-bottom: 1px
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .list {
    border-top: 1px solid var(--neutral-border);
    border-bottom: 1px solid var(--neutral-border)
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .list .list-item {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    padding: 8px 12px;
    background-color: transparent;
    border-bottom: 1px solid var(--neutral-border);
    font-size: 14px;
    line-height: 19px
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .list .list-item[data-action-type=submit],.intercom-interblocks-inbox-card .intercom-card-component.list-component .list .list-item[data-action-type=url] {
    cursor: pointer
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .list .list-item:last-child {
    border-bottom: none
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .list-item {
    padding: 10px 20px
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .list-item.loading {
    opacity: .5
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .messenger-card-loader {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    animation: intercom-spin 1.1s infinite linear;
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/app-framework/loader-blue-a920674ee7e5969ac95f7da3fe8de55e.svg);
    position: relative;
    flex: 0 0 18px
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component.last-component .list {
    border-bottom: 1px solid var(--neutral-border)
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .list .list-item .image-container {
    position: relative;
    max-width: 213px;
    margin-right: 10px
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .image-placeholder {
    display: block;
    opacity: 0
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .final-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%
}

.intercom-interblocks-inbox-card .intercom-card-component.image-component img.round,.intercom-interblocks-inbox-card .intercom-card-component.list-component .list .list-item img.round {
    border-radius: 50%
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .list .list-item .text-container {
    flex: 1
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .list .list-item .title {
    color: var(--text-default);
    font-weight: 400
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .list .list-item .subtitle {
    font-size: 14px;
    color: var(--text-muted)
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .list .list-item .action {
    display: none
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .list .list-item[data-action-type] .action {
    display: inline-block;
    width: 7px;
    height: 7px;
    padding: 1px;
    border-width: 0 2px 2px 0;
    transform: rotate(-45deg);
    border: solid var(--neutral-border)
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .list-item[data-action-type]:hover {
    background-color: var(--neutral-container)
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .list-item:first-child {
    border-top: none
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component.last-component {
    margin-bottom: 0
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component.last-component .list {
    border-bottom: none
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component .list .list-item.disabled,.o__loading.intercom-interblocks-inbox-card .intercom-card-component.list-component .list .list-item[data-action-type] {
    cursor: default;
    pointer-events: none
}

.intercom-interblocks-inbox-card .intercom-card-component.image-component {
    position: relative;
    margin-top: 0;
    margin-bottom: 10px
}

.intercom-interblocks-inbox-card .intercom-card-component.image-component .image-container {
    position: relative;
    max-width: 100%
}

.developer-hub__reports__uninstall-feedbacks__table thead>tr,.intercom-interblocks-inbox-card .intercom-card-component.image-component .image-placeholder {
    height: 0
}

.intercom-interblocks-inbox-card .intercom-card-component.image-component .final-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%
}

.intercom-interblocks-inbox-card .intercom-card-component.image-component .align-left {
    text-align: left
}

.intercom-interblocks-inbox-card .intercom-card-component.image-component .align-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.intercom-interblocks-inbox-card .intercom-card-component.image-component .align-right {
    text-align: right;
    margin-left: auto
}

.intercom-interblocks-inbox-card .intercom-card-component.image-component .align-full_width {
    margin: auto -12px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 12px
}

.intercom-interblocks-inbox-card .intercom-card-component.image-component.last-component .align-full_width {
    margin-bottom: -1px;
    padding-bottom: 0
}

.intercom-interblocks-inbox-card .intercom-card-component.image-component img[data-action-type=url] {
    cursor: pointer;
    pointer-events: auto
}

.intercom-interblocks-inbox-card .intercom-card-component.spacer-component {
    margin: 0
}

.intercom-interblocks-inbox-card .intercom-card-component.spacer-component .spacer-xs {
    width: 100%;
    height: 4px
}

.intercom-interblocks-inbox-card .intercom-card-component.spacer-component .spacer-s {
    width: 100%;
    height: 8px
}

.intercom-interblocks-inbox-card .intercom-card-component.spacer-component .spacer-m {
    width: 100%;
    height: 16px
}

.intercom-interblocks-inbox-card .intercom-card-component.spacer-component .spacer-l {
    width: 100%;
    height: 24px
}

.intercom-interblocks-inbox-card .intercom-card-component.spacer-component .spacer-xl {
    width: 100%;
    height: 32px
}

.intercom-interblocks-inbox-card .intercom-card-component.divider-component {
    padding-bottom: 8px;
    padding-left: 0;
    padding-right: 0
}

.intercom-interblocks-inbox-card .intercom-card-component.divider-component div.divider {
    border-top: 1px solid var(--neutral-border);
    width: 100%
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-container {
    width: 100%
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .label-dropdown-container {
    display: block;
    margin-bottom: 2px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: var(--text-muted)
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-opener {
    position: relative;
    padding: 2px 8px;
    font-size: 14px;
    text-decoration: none;
    border-radius: 4px;
    cursor: pointer;
    background-color: var(--neutral-container);
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: none
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-placeholder {
    display: block;
    padding-right: 24px;
    overflow: hidden;
    line-height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--text-default)
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-placeholder:before {
    position: absolute;
    top: calc(50% - 8px);
    right: 8px;
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/app-framework/dropdown-opener-5e3989bb9e5277e96505698d863ef05c.svg)
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-options-container {
    position: absolute;
    left: 12px;
    right: 12px
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-options {
    position: absolute;
    left: 0;
    z-index: 2001;
    width: 100%;
    overflow-y: scroll;
    border-radius: 4px;
    display: none;
    background-color: var(--neutral-container);
    box-shadow: 0 4px 14px 0 rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.1)
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-option {
    position: relative;
    padding: 6px 32px 6px 12px;
    font-size: 14px;
    cursor: pointer;
    color: var(--text-default)
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-option:hover {
    background-color: var(--vis-blue-40);
    color: var(--text-on-neutral)
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-option-selected:before {
    position: absolute;
    top: calc(50% - 8px);
    right: 8px;
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/app-framework/dropdown-option-selected-8326563a3c62df7e2bddd5c35a2049d2.svg)
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-option-selected:hover:before {
    content: "";
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/app-framework/dropdown-option-selected-hover-918a44b75214e73fd0fe603b27f7e760.svg)
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-option.disabled {
    cursor: not-allowed;
    opacity: .5
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-option.disabled:hover {
    background-color: var(--neutral-container);
    color: var(--text-default)
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component.dropdown-open .dropdown-opener {
    border-color: var(--vis-blue-40);
    background-color: var(--vis-blue-80);
    box-shadow: 0 0 0 3px rgba(var(--beta-fill),.2)
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component.dropdown-open .dropdown-options {
    display: block
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-opener:hover {
    border-color: var(--vis-blue-40)
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-opener:hover .dropdown-placeholder,.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component.dropdown-open .dropdown-placeholder {
    color: var(--vis-blue-40);
    border-color: var(--vis-blue-40)
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-opener:hover .dropdown-placeholder:before,.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component.dropdown-open .dropdown-placeholder:before {
    content: "";
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/app-framework/dropdown-opener-hover-d4e42094dc00cac0ddaede05c6f9157c.svg)
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-container.disabled {
    cursor: not-allowed
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-container.dropdown-failed .label-dropdown-container {
    color: #c7493d
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-container.disabled .dropdown-opener,.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-container.dropdown-saved .dropdown-opener {
    cursor: auto;
    pointer-events: none
}

.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-container.disabled .dropdown-opener .dropdown-placeholder,.intercom-interblocks-inbox-card .intercom-card-component.dropdown-component .dropdown-container.dropdown-saved .dropdown-opener .dropdown-placeholder {
    color: var(--text-default);
    opacity: .5
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .label-single-select-container {
    display: block;
    margin-bottom: 2px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: var(--text-muted)
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-options {
    display: flex;
    box-sizing: border-box;
    height: 24px;
    max-width: 100%;
    margin-bottom: 8px
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-option {
    position: relative;
    flex: 1 0 0;
    margin: 0;
    padding: 0 2px;
    overflow: hidden;
    font-weight: 400;
    font-size: 13px;
    line-height: 23px;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    border-radius: 0;
    opacity: 1;
    border: 1px solid rgba(0,0,0,.2);
    color: var(--text-default);
    border-right: none
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-option:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-option:last-child {
    border-right: 1px solid rgba(0,0,0,.2);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-option,.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-option * {
    cursor: pointer
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-option-selected,.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-option:active:not(.disabled) {
    color: var(--vis-blue-40);
    border-color: var(--vis-blue-40);
    border-right: 1px solid var(--vis-blue-40);
    margin-right: -1px
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-option:hover:not(.disabled) {
    color: var(--vis-blue-40);
    border-color: var(--vis-blue-40);
    border-right: 1px solid var(--vis-blue-40);
    background-color: var(--vis-blue-80);
    margin-right: -1px
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-option-selected:last-child,.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-option:active:not(.disabled):last-child,.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-option:hover:not(.disabled):last-child {
    border-right: 1px solid var(--vis-blue-40)
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-option-selected,.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-option:active:not(.disabled) {
    background-color: var(--vis-blue-80)
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-option-selected:last-child,.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-option:last-child:active,.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-option:last-child:hover {
    margin-right: 0
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .messenger-card-loader {
    display: none
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .loading .single-select-option-selected {
    color: transparent
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .loading .single-select-option-selected:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    animation: intercom-spin 1.1s infinite linear;
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/app-framework/loader-blue-a920674ee7e5969ac95f7da3fe8de55e.svg);
    content: ""
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-option.disabled {
    opacity: .5;
    cursor: not-allowed
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-option.loading,.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-option.loading *,.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-saved .single-select-option,.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-saved .single-select-option *,.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-saving .single-select-option,.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-saving .single-select-option *,.o__loading .intercom-card-component.single-select-component .single-select-option,.o__loading .intercom-card-component.single-select-component .single-select-option * {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-failed .label-single-select-container {
    display: block;
    margin-bottom: 2px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: var(--text-error)
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component .single-select-failed .single-select-option {
    color: #c7493d;
    border-color: #c7493d;
    background-color: #fef0f0
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component.single-select-component-has-value .single-select-failed .single-select-option {
    border: 1px solid rgba(0,0,0,.2);
    color: var(--text-default);
    background-color: unset
}

.intercom-interblocks-inbox-card .intercom-card-component.single-select-component.single-select-component-has-value .single-select-failed .single-select-option-selected {
    color: var(--vis-blue-40);
    border-color: var(--vis-blue-40);
    background-color: var(--vis-blue-80)
}

.intercom-interblocks-inbox-card .intercom-card-component.checkbox-component,.intercom-interblocks-inbox-card .intercom-card-component.data-table-component,.news-item-composer li img {
    margin-bottom: 8px
}

.intercom-interblocks-inbox-card .intercom-card-component.data-table-component .data-table .field-value {
    margin-bottom: 8px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400
}

.intercom-interblocks-inbox-card .intercom-card-component.data-table-component .data-table .field-value .field-value-field,.intercom-interblocks-inbox-card .intercom-card-component.data-table-component .data-table .field-value .field-value-value {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.intercom-interblocks-inbox-card .intercom-card-component.data-table-component .data-table .field-value .field-value-field {
    color: var(--text-muted);
    max-width: 40%;
    margin-right: 15px;
    float: left
}

.intercom-interblocks-inbox-card .intercom-card-component.data-table-component .data-table .field-value .field-value-value {
    color: var(--text-default);
    max-width: fit-content
}

.intercom-interblocks-inbox-card .intercom-card-component.checkbox-component .label-checkbox-container {
    display: block;
    margin-bottom: 2px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: var(--text-muted)
}

.intercom-interblocks-inbox-card .intercom-card-component.checkbox-component .checkbox-option,.intercom-interblocks-inbox-card .intercom-card-component.checkbox-component .checkbox-option * {
    display: flex;
    flex-direction: row
}

.intercom-interblocks-inbox-card .intercom-card-component.checkbox-component .checkbox-option-box {
    margin: 3px 6px 3px 0
}

.intercom-interblocks-inbox-card .intercom-card-component.checkbox-component .checkbox-failed .label-checkbox-container {
    color: var(--text-error)
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-container.disabled .dropdown-opener .dropdown-placeholder,.intercom-interblocks-inbox-card .intercom-card-component.checkbox-component .checkbox-option.disabled,.intercom-interblocks-inbox-card .intercom-card-component.checkbox-component .checkbox-option.disabled *,.intercom-interblocks-inbox-card .intercom-card-component.checkbox-component .checkbox-option.disabled:hover,.intercom-interblocks-inbox-card .intercom-card-component.checkbox-component .checkbox-option.disabled:hover *,.intercom-interblocks-inbox-card .intercom-card-component.checkbox-component .checkbox-saved .checkbox-option,.intercom-interblocks-inbox-card .intercom-card-component.checkbox-component .checkbox-saved .checkbox-option *,.intercom-interblocks-inbox-card .intercom-card-component.checkbox-component .checkbox-saved .checkbox-option-selected,.intercom-interblocks-inbox-card .intercom-card-component.checkbox-component .checkbox-saved .checkbox-option-selected *,.intercom-interblocks-inbox-card .intercom-card-component.checkbox-component .checkbox-saved .checkbox-option:hover,.intercom-interblocks-inbox-card .intercom-card-component.checkbox-component .checkbox-saved .checkbox-option:hover * {
    color: #bcbcbc;
    opacity: 1
}

.intercom-interblocks-inbox-card {
    box-sizing: border-box;
    padding-top: 12px;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 0;
    pointer-events: inherit;
    border: 0;
    box-shadow: none
}

.intercom-interblocks-inbox-card .intercom-card-component {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 8px;
    word-break: break-word
}

.intercom-interblocks-inbox-card .intercom-card-component:last-child {
    padding-bottom: 12px
}

.intercom-interblocks-inbox-card .intercom-card-component.list-component:last-child {
    padding-bottom: 0
}

.intercom-interblocks-inbox-card .intercom-card-component.last-component,.intercom-interblocks-inbox-card .intercom-card-component.margin-bottom-none {
    margin-bottom: 0
}

.messenger-home__container {
    height: 590px;
    width: 370px;
    border: 1px solid var(--neutral-border-emphasis);
    border-radius: 8px
}

.messenger-home__slot {
    width: 100%;
    max-width: 344px;
    margin-left: 0;
    margin-right: 0
}

.messenger-home__preview-slot {
    max-width: 344px
}

.messenger-home__empty-slot {
    border-radius: 5px;
    margin-top: 20px;
    border: 1px dotted var(--neutral-border);
    height: 150px
}

.messenger-home__settings__slots-list {
    padding-left: 0;
    list-style-type: none
}

.messenger-home__draggable-handle {
    cursor: grab;
    margin-right: 24px;
    line-height: 0
}

.messenger-home__draggable-handle:active {
    cursor: grabbing
}

.messenger-home__settings__slots-list-item {
    cursor: pointer;
    margin-bottom: 10px;
    transition: box-shadow .15s
}

.messenger-home__settings__slots-list-item.o__drop-target {
    background-color: var(--neutral-container-emphasis);
    outline: 1px solid #4e92df
}

.messenger-home__settings__slots-list-item.o__drop-ghost {
    border: 1px dashed rgba(var(--neutral-container),.3);
    box-shadow: none!important;
    background: rgba(255,255,255,.2)
}

.messenger-home__settings__slots-list-item.o__drop-ghost * {
    visibility: hidden
}

.ember-stripe-card {
    border: 1px solid var(--neutral-border);
    padding: 8px 5px;
    background-color: var(--neutral-container)
}

.ember-stripe-card.o__error {
    border: 1px solid var(--error-border)
}

.integrations-hub__connect-action-dropdown-button {
    border: 1px solid rgba(0,0,0,.2);
    background-color: var(--beta-fill);
    color: var(--text-on-neutral);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 3px;
    line-height: 18px
}

.integrations-hub__connect-action-dropdown-button:hover {
    box-shadow: 0 1px 5px 0 rgba(var(--neutral-fill),.1)
}

.integrations-hub__connect-action-dropdown-button__primary-action {
    border: 0;
    box-shadow: inset -1px 0 0 0 rgba(0,0,0,.2);
    box-sizing: border-box;
    height: 32px;
    border-radius: 3px 0 0 3px;
    padding: 3px 10px 5px 14px
}

.integrations-hub__connect-action-dropdown-button__primary-action:focus {
    padding: 3px 10px 5px 14px
}

.integrations-hub__connect-action-dropdown-button__opener {
    border: 0;
    box-sizing: border-box;
    border-radius: 0 3px 3px 0;
    height: 32px;
    margin-right: -1px
}

#integrations-hub__connect-action-dropdown-button__opener:focus {
    background-color: var(--beta-fill);
    box-shadow: none;
    border: 0;
    padding-left: 8px;
    padding-right: 8px
}

#integrations-hub__connect-action-dropdown-button__opener:active,#integrations-hub__connect-action-dropdown-button__opener:active:focus {
    background-color: var(--beta-fill-emphasis);
    box-shadow: inset 0 1px 3px 0 rgba(var(--neutral-fill),.2)
}

.integrations-hub__connect-action-dropdown-button__dropdown {
    position: absolute;
    right: -1px;
    top: 100%;
    font-weight: 400;
    font-size: 14px
}

.integrations-hub__connect-action-dropdown-button__item {
    color: var(--text-default);
    height: 20px;
    min-width: 245px
}

.attribute-selector__qualification-attributes {
    counter-reset: qualification-attributes
}

.attribute-selector__qualification-attribute {
    padding-bottom: 10px;
    list-style: none;
    position: relative
}

.attribute-selector__mandatory-qualification-attribute {
    padding-bottom: 3px
}

.attribute-selector__qualification-attribute-dropdown-container {
    width: 260px
}

.attribute-selector__qualification-attributes .attribute-selector__qualification-attribute:before {
    content: counter(qualification-attributes) ".";
    counter-increment: qualification-attributes;
    position: absolute;
    top: 5px;
    left: -20px
}

.attribute-selector__remove-qualification-attribute {
    display: none
}

.attribute-selector__qualification-attribute:hover .attribute-selector__remove-qualification-attribute {
    display: inline
}

.marketing-site__cta-footer {
    background-color: var(--neutral-border);
    padding: 30px
}

@media (min-width: 480px) {
    .marketing-site__cta-footer {
        padding:50px 60px;
        margin: 20px
    }
}

.marketing-site__cta-footer__header {
    color: var(--text-default);
    font-weight: 300;
    font-size: 36px;
    line-height: 1.44;
    margin: 0 0 10px
}

.marketing-site__cta-footer__subheader {
    font-size: 16px;
    line-height: 1.5;
    max-width: 470px
}

.marketing-site__cta-footer__learn-more {
    color: var(--text-link);
    text-decoration: none;
    position: relative;
    padding-right: 17px
}

.marketing-site__cta-footer__learn-more::after {
    content: "→";
    position: absolute;
    margin-left: 5px;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.marketing-site__cta-footer__left,.marketing-site__cta-footer__right {
    width: 50%;
    min-width: 50%;
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.marketing-site__cta-footer__right {
    text-align: right
}

.marketing-site__cta-footer__list {
    margin-top: 10px;
    font-size: 14px;
    letter-spacing: .15px
}

.marketing-site__cta-footer__list__bullet-inline {
    display: inline-block
}

.marketing-site__cta-footer__list__bullet-inline.o__has-bullet {
    margin-left: 3px
}

.marketing-site__cta-footer__list__bullet-inline.o__has-bullet:before {
    content: "•";
    margin-right: 5px
}

.marketing-site__cta-footer__log-in {
    font-size: 16px;
    line-height: 1.5
}

.marketing-site__cta-footer__log-in__link {
    color: var(--text-link)
}

.marketing-site__cta-form {
    box-sizing: border-box
}

@media (min-width: 480px) {
    .marketing-site__cta-form {
        padding-left:20px
    }
}

.marketing-site__cta-form.o__small {
    width: auto
}

.marketing-site__cta-form.o__error {
    animation: cta__shake .5s
}

.marketing-site__cta-form__input-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box
}

.marketing-site__cta-form__input-wrapper.o__small {
    width: 165px;
    max-width: 165px
}

.marketing-site__cta-form__button-wrapper {
    box-sizing: inherit
}

.marketing-site__cta-form__input {
    box-sizing: inherit;
    width: 100%;
    padding: .4em .7em;
    font-size: 18px;
    height: 42px;
    background: unset;
    color: var(--text-default);
    margin-top: 10px;
    outline: 0;
    box-shadow: none;
    border-radius: 4px;
    border: 1px solid var(--neutral-border)
}

.marketing-site__cta-form__input:focus {
    border-color: var(--neutral-border-emphasis)
}

@media (min-width: 480px) {
    .marketing-site__cta-form__input {
        margin-top:0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: none
    }
}

.marketing-site__cta-form__button {
    display: inline-block;
    font-weight: 400;
    letter-spacing: .04em;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid var(--neutral-border);
    font-size: 18px;
    padding: .4em 1.2em;
    margin-top: 10px;
    outline: 0;
    text-transform: capitalize;
    border-radius: 4px;
    position: relative;
    height: 42px;
    text-decoration: none;
    -webkit-transition: color,background .2s;
    transition: color,background .2s;
    overflow: visible;
    line-height: 1.5;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: var(--beta-fill);
    color: var(--text-on-beta);
    width: 100%
}

@media (min-width: 480px) {
    .marketing-site__cta-form__button {
        margin-top:0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
}

.marketing-site__cta-form__button:hover {
    border-color: var(--beta-border-emphasis);
    background: var(--beta-fill-emphasis);
    color: var(--text-on-beta)
}

.marketing-site__cta-form__button:disabled {
    opacity: .6;
    cursor: not-allowed
}

.marketing-site__cta-form__button.o__small,.marketing-site__cta-form__input.o__small {
    font-size: 15px;
    height: 32px
}

.marketing-site__cta-form__input.o__small {
    padding: .28em .5em .18em
}

.marketing-site__cta-form__button.o__small {
    padding: .28em 1.2em .18em
}

.marketing-site__cta-form__input::placeholder {
    color: var(--text-muted)
}

.marketing-site__cta-form__input.o__error {
    border-color: var(--error-border-emphasis)
}

.marketing-site__logo__intercom {
    height: 32px;
    width: 130px;
    min-width: 130px
}

.messenger-installation__install-method-card__container {
    width: 750px
}

.messenger-installation__install-method-card__container.o__selected .messenger-installation__install-method-card__component:first-child,.messenger-installation__install-method-card__container:hover .messenger-installation__install-method-card__component:first-child {
    border-right: 1px solid var(--neutral-border)
}

.messenger-installation__install-method-card__component {
    background-color: var(--neutral-container);
    border: 1px solid rgba(0,0,0,.2)
}

.messenger-installation__install-method-card__component.o__selected,.messenger-installation__install-method-card__component.o__selected:hover {
    background-color: var(--neutral-container-emphasis);
    box-shadow: none
}

.messenger-installation__install-method-card__component:first-child {
    border-left: 1px solid rgba(0,0,0,.2)
}

.messenger-installation__install-method-card__component.o__selected:first-child,.messenger-installation__install-method-card__component:first-child:hover {
    border-left: 1px solid var(--neutral-border)
}

.messenger-installation__install-method-card__component:hover {
    background-color: var(--neutral-container);
    border-color: var(--neutral-border);
    box-shadow: 0 4px 14px rgba(5,73,209,.1);
    z-index: 1000
}

.messenger-installation__messenger-install__inline-code {
    background: var(--neutral-container);
    border-radius: 2px;
    padding: 3px 6px
}

.messenger-installation__messenger-install__verification-message {
    margin-bottom: 2px
}

@media screen and (max-width: 1215px) {
    .messenger-installation__messenger-install__verification-message {
        width:calc(100% - 120px - 36px - 15px - 32px)
    }
}

.messenger-settings__container {
    width: 100%;
    min-width: 1080px
}

.messenger-settings__header__icon {
    position: relative;
    margin-right: 15px
}

.messenger-settings__accordion {
    max-width: 60%;
    min-width: 600px;
    padding: 0 0 30px 25px
}

.messenger-settings__accordion .liquid-child:not(.velocity-animating) {
    transform: none!important;
    overflow: visible
}

.messenger-settings__accordion .liquid-child.velocity-animating {
    transform: inherit
}

.messenger-settings__accordion .liquid-container:not(.liquid-animating) {
    transform: none!important;
    overflow: visible
}

.messenger-settings__accordion .liquid-container.liquid-animating {
    transform: inherit
}

.messenger-settings__accordion-section {
    padding: 0 50px 30px 70px
}

.messenger-settings__accordion-subsection {
    width: calc(100% + 20px);
    position: relative;
    left: -10px;
    padding-left: 80px;
    padding-right: 60px;
    box-sizing: border-box
}

.messenger-settings__accordion-subsection.o__grey-block {
    background-color: var(--neutral-container);
    background-clip: padding-box;
    padding-top: 20px;
    padding-bottom: 32px
}

.messenger-settings__accordion-subsection.o__grey-block:after {
    content: "";
    position: absolute;
    left: 80px;
    top: 100%;
    width: 0;
    height: 0;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-top: 12px solid var(--neutral-border);
    clear: both
}

.messenger-settings__preview {
    margin-top: -4px;
    margin-bottom: -30px;
    z-index: 12;
    width: 40%;
    min-width: 376px;
    padding-bottom: 30px
}

.messenger-settings__preview__sticky {
    position: sticky;
    top: 84px;
    margin-left: auto;
    margin-right: auto
}

.messenger-settings__language-list {
    width: 460px
}

.messenger-settings__prosemirror__composer.is-focused,.messenger-settings__prosemirror__composer:focus-within {
    outline: 0;
    border-color: var(--neutral-border);
    box-shadow: 0 0 0 3px rgba(var(--beta-fill),.2)
}

.messenger-settings__prosemirror__composer .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted)
}

.messenger-settings__prosemirror__composer .intercom-interblocks-template {
    font-size: 12px!important;
    line-height: 18px!important;
    padding: 0 .6em;
    margin: 0
}

.messenger-settings__prosemirror__composer .intercom-interblocks-template::before {
    line-height: 18px!important;
    margin-top: 0;
    vertical-align: top
}

.messenger-settings__left-wrap {
    width: 500px
}

.messenger-settings__input-small {
    width: 77px
}

.messenger-settings__position-column {
    min-width: 100px;
    box-sizing: border-box
}

.messenger-settings__position-column.o__longer {
    min-width: 240px;
    padding-right: 70px
}

.messenger-settings__nudge-composer .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted)
}

.conversational-opt-in {
    width: 564px
}

.conversational-opt-in-description {
    margin-left: 28px
}

.conversational-border-box {
    padding: 24px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.1);
    background: rgba(255,255,255,.5)
}

.conversational-live-preview-container {
    width: 824px
}

.conversational-live-preview-container-opted-out {
    margin-left: -128px
}

.conversational-live-preview-pattern {
    z-index: -1;
    left: -160px
}

#conversational-live-preview-mount {
    height: 700px;
    width: 400px
}

.messenger-switcher__card__container {
    position: inherit;
    height: 100%;
    overflow: hidden
}

.messenger-switcher__card__container.o__hoverable:hover,.messenger-switcher__card__container.o__selected {
    cursor: pointer
}

.messenger-switcher__card__container:hover {
    opacity: 1
}

.messenger-switcher__card__title {
    font-weight: 700
}

.messenger-switcher__card__pill {
    padding: 0 8px;
    align-items: center;
    border-radius: 12px;
    background: linear-gradient(227deg,#8478ff -29.26%,#f7d4ff 26.86%,#c0ffd5 75.9%,#ffbaf8 120.39%);
    font-weight: 600;
    font-size: 14px
}

.messenger-switcher__card__container:hover .appstore__app-card__title {
    color: var(--text-link)
}

.messenger-greeting__brand__identity__logo__container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    border: 1px dashed #000
}

.messenger-greeting__brand__identity__logo__container.o__empty {
    width: 64px;
    height: 64px
}

.messenger-settings__home__app-inserter,.messenger-settings__home__type-switch {
    width: fit-content
}

.messenger-settings__home__app-inserter {
    margin-top: -17px
}

.messenger-settings__home__delete-slot {
    color: var(--text-error)
}

.messenger-settings__home__edit-slot {
    color: var(--text-default)
}

.messenger-settings__home-control {
    right: 0;
    top: 2px;
    padding: 12px 12px 6px 0;
    border-radius: 0 0 0 8px;
    background: var(--neutral-container)
}

.messenger-settings__home__delete-slot,.messenger-settings__home__drag-slot {
    height: 24px;
    width: 24px;
    border-radius: 6px;
    box-sizing: border-box;
    margin-left: 6px;
    background: var(--neutral-container)
}

.messenger-settings__home__delete-slot:hover,.messenger-settings__home__drag-slot:hover {
    background: var(--neutral-container-emphasis);
    color: var(--text-link)
}

.messenger-settings__home__drag-slot {
    cursor: grab;
    opacity: .7
}

.messenger-settings__home__app-inserter-button {
    width: 344px;
    border: 1px solid transparent
}

.messenger-settings__home__app-inserter-button:active,.messenger-settings__home__app-inserter-button:hover {
    border: 1px dashed var(--beta-fill);
    background-color: var(--neutral-container-emphasis);
    color: var(--text-link)
}

.messenger-settings__home__app-inserter-button:active {
    border: 1px dashed var(--neutral-border)
}

.messenger-settings__home__app-inserter-container {
    width: 480px;
    height: 353px;
    overflow: none;
    background: var(--neutral-container);
    box-sizing: border-box;
    border-radius: 3px;
    border: 0;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.24);
    border: 1px solid rgba(0,0,0,.2)
}

.messenger-settings__home__app-inserter-container .overlay__popover-caret.o__left {
    left: -3px
}

.messenger-settings__home__app-inserter-caret {
    margin-left: -2px!important
}

.messenger-settings__home__app-management,.messenger-settings__home__app-management.o__search-browse {
    position: relative;
    border: 1px solid var(--neutral-border);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-sizing: border-box
}

.messenger-settings__home__app-management {
    width: 378px;
    max-width: 378px;
    padding: 17px;
    border-radius: 5px
}

.messenger-settings__home__app-management.o__search-browse {
    width: 380px;
    max-width: 380px;
    border-radius: 0 0 8px 8px
}

.messenger-settings__home__app-management.o__search-browse::before,.messenger-settings__home__app-management::before {
    position: absolute;
    top: -2px;
    left: -2px;
    height: 18px;
    width: 380px;
    background: linear-gradient(to bottom,var(--base-module) 50%,transparent 100%);
    content: "";
    z-index: 1
}

.messenger-settings__home__app-management .upgrade__arrow {
    position: relative;
    top: -3px
}

.messenger-settings__home__app-list .messenger-preview__home__card {
    z-index: inherit;
    margin-bottom: 8px
}

.messenger-settings__home__app-list .messenger-preview__home__card * {
    font-family: proxima-nova,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale
}

.messenger-settings__home__app-list .sortable-item {
    padding: 0 4px;
    transition: transform .125s
}

.messenger-settings__home__app-list .sortable-item.is-dragging {
    position: relative;
    z-index: 1000
}

.messenger-settings__home__toggle-with-predicates>.paywall__block {
    width: 100%
}

.messenger-settings__look-and-feel__logo-background-solid {
    background: var(--gradient_start_color);
    border-radius: 5px
}

.messenger-settings__look-and-feel__logo-background-gradient {
    background: linear-gradient(to right,var(--gradient_start_color),var(--gradient_end_color));
    border-radius: 5px
}

.messenger-settings__look-and-feel__background-pattern-gradient-2 {
    background: linear-gradient(117.67deg,var(--gradient_first_color),var(--gradient_second_color))
}

.messenger-settings__look-and-feel__background-pattern-gradient-3 {
    background: linear-gradient(117.67deg,var(--gradient_first_color),var(--gradient_second_color),var(--gradient_third_color))
}

.messenger-settings__look-and-feel__logo-background {
    height: 55px;
    min-width: 160px;
    display: flex;
    cursor: pointer;
    border-radius: 5px
}

.messenger-settings__look-and-feel__logo-background.o__background-1 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-1-907d71126e883dca177e224b1f5e33fb.png);
    background-size: 432.5px 428px
}

.messenger-settings__look-and-feel__logo-background.o__background-2 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-2-a905c0fdd27a12715438c9d9a88e1c0e.png);
    background-size: 432.5px 428px
}

.messenger-settings__look-and-feel__logo-background.o__background-3 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-3-4b0f1bbcafb914af79487f8bf7010d40.png);
    background-size: 419px 181px
}

.messenger-settings__look-and-feel__logo-background.o__background-4 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-4-9519354d07d9296867b58617e8fb8573.png);
    background-size: 325px 323.5px
}

.messenger-settings__look-and-feel__logo-background.o__background-5 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-5-011ffee10ababae888ae0f4efc3e5661.png);
    background-size: 352px 390px
}

.messenger-settings__look-and-feel__logo-background.o__background-6 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-6-7493b9afcbf63f1fe51bc5df19f109af.png);
    background-size: 196.5px 225px
}

.messenger-settings__look-and-feel__logo-background.o__background-7 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-7-02c5d6d4abdf04ac81b743400fb86f1b.png);
    background-size: 69px 60px
}

.messenger-settings__look-and-feel__logo-background.o__background-8 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-8-a925d8594054635b64d7e75ca49103aa.png);
    background-size: 832px 439px
}

.messenger-settings__look-and-feel__logo-background.o__background-9 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-9-39c2aa42cd968e6bc3acc00c3717b7ff.png);
    background-size: 378px 378px
}

.messenger-settings__look-and-feel__logo-background.o__background-10 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-10-8b7bf0f6679af7a02bb481327d03acb9.png);
    background-size: 376px 376px
}

.messenger-settings__look-and-feel__logo-background.o__background-11 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-11-c7e2e660af06f295ad610300c460e8de.png);
    background-size: 378px 378px
}

.messenger-settings__look-and-feel__logo-background.o__background-12 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-12-af02a6b72a3f8c5bdec31c21c8c99c6c.png);
    background-size: 378px 378px
}

.messenger-settings__look-and-feel__logo-background.o__background-13 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-13-7966e12b520b63bcb8f46a0ee76ecc1b.png);
    background-size: 378px 378px
}

.messenger-settings__look-and-feel__logo-background.o__background-14 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-14-0080054ba994daa604f80a11b3ab692f.png);
    background-size: 378px 378px
}

.messenger-settings__look-and-feel__logo-background.o__background-15 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-15-f2eb9cbd4fdbb0aaa0f61dc2f2910e9d.png);
    background-size: 378px 378px
}

.messenger-settings__look-and-feel__logo-background.o__background-16 {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-4-backgrounds/background-16-1407ce5e3f9621a5d8828fda597cd8de.png);
    background-size: 378px 378px
}

.messenger-settings__look-and-feel__logo {
    max-height: 32px;
    max-width: 296px;
    margin-top: 12px;
    margin-left: 16px;
    margin-right: 16px
}

.messenger-settings__look-and-feel__launcher-logo {
    max-height: 36px;
    max-width: 36px
}

.messenger-settings__look-and-feel__delete-brand-list {
    list-style-type: none;
    padding: 0
}

.messenger-settings__brand-fetch-input-element .form__error-text {
    color: var(--text-error)
}

.messenger-settings__look-and-feel__brand-modal-footer {
    border-top: 1px solid var(--neutral-border)
}

.messenger-settings__look-and-feel__launcher-container {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    box-shadow: 0 5px 40px rgba(0,0,0,.16);
    background-color: var(--button_background_color)
}

.theme-option-preview {
    width: 100%;
    aspect-ratio: 186.67/124
}

.messenger-settings__redesign__layout-spaces .sortable-item {
    transition: transform .125s ease-out
}

.messenger-settings__redesign__layout-spaces .sortable-item>div {
    margin-top: -1px;
    transition: margin-top .125s ease-out,box-shadow .125s ease-out,border-color .125s ease-out
}

.messenger-settings__redesign__layout-spaces .sortable-item.is-dragging {
    position: relative;
    z-index: 1000;
    cursor: grabbing;
    transform: scale(1.05)
}

.messenger-settings__redesign__layout-spaces .sortable-item.is-dragging>div {
    box-shadow: lvl-2;
    border-color: var(--accent-border);
    margin-top: 0;
    border-radius: 12px!important
}

.messenger-settings__redesign__layout-spaces .sortable-item.is-dragging .messenger-settings__redesign__sortable-button {
    cursor: grabbing
}

.messenger-settings__redesign__sortable-button {
    cursor: grab
}

.messenger-settings__redesign__non-sortable-button {
    cursor: not-allowed
}

.messenger-settings__redesign__layout-paywalled-space .paywall__block {
    border-radius: 6px
}

.messenger-settings__redesign__layout-layout-illustration {
    width: 40px;
    height: 40px
}

.messenger-settings__redesign__content__add-apps {
    border-radius: 5px;
    box-sizing: border-box
}

.messenger-redesign__home__add-app-description {
    width: 480px;
    margin: 20px 0
}

.messenger-redesign__home__app-inserter-button {
    width: 480px
}

.messenger-redesign__home-control {
    right: 12px;
    top: 12px
}

.messenger-redesign__home__card-slot {
    background: var(--neutral-container);
    position: relative;
    border-radius: 6px;
    padding: 16px;
    min-width: 348px;
    max-width: 448px;
    color: var(--text-default)
}

.messenger-redesign__home__add-slot {
    height: 24px;
    width: 24px;
    border-radius: 6px;
    background: var(--success-container);
    color: var(--text-default)
}

.messenger-redesign__home__configure-slot {
    height: 24px;
    width: 24px;
    border-radius: 6px;
    box-sizing: border-box;
    margin-left: 6px;
    cursor: grab;
    background: var(--neutral-container)
}

.messenger-redesign__home__configure-slot:hover {
    background: var(--neutral-container-emphasis);
    color: var(--text-link)
}

.messenger-redesign__home__configure-slot .interface-icon.o__standard.o__by-text {
    margin-right: 0
}

.messenger-redesign__home-screen-suggestions-toggle {
    background-color: var(--neutral-container);
    border-radius: 6px;
    padding: 16px
}

.messenger-settings__redesign__app-list .sortable-item {
    transition: transform .125s
}

.messenger-settings__redesign__app-list .sortable-item.is-dragging {
    position: relative;
    z-index: 1000
}

.messenger-settings__content-greeting-container .messenger-settings__greeting-composer .composer-attribute-selector {
    position: relative;
    top: -65px
}

.messenger-settings__content-greeting-container .messenger-settings__greeting-composer .composer-attribute-selector:has(.has-expander) {
    top: 0
}

.messenger-settings-redesign__settings-panel .reply-expectations-checkbox {
    accent-color: var(--text-muted)
}

.messenger-settings-preview-header {
    height: 47px
}

.messenger-settings-preview-container {
    background: var(--neutral-container)
}

.messenger-settings__theme-option-card__radio {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid var(--neutral-border-emphasis);
    border-radius: 50%;
    position: relative
}

.messenger-settings__theme-option-card__radio:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--text-default)
}

.theme-option-card:hover {
    border: 1px solid var(--text-default)
}

.ds-new__dropdown .assignee-selector__assignee-details {
    min-width: 220px
}

.ds-new__dropdown .assignee-selector__assignee-name {
    max-width: calc(100% - 25px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 5px
}

.appstore__app-card__container {
    position: inherit;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.appstore__app-card__container:hover {
    opacity: 1
}

.appstore__app-card__container:hover .appstore__app-card__title {
    color: var(--text-link)
}

.appstore__app-card__icon {
    width: 48px;
    height: 48px;
    object-fit: contain
}

.workflowtemplates__app-card__icon {
    width: 28px;
    height: 28px;
    object-fit: contain
}

.appstore__app-card__icon__placeholder {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--neutral-container)
}

.appstore__app-card__description {
    color: var(--text-muted)
}

.appstore__app-card__description.o__fixed-height {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.appstore__app-card__description.o__fixed-height.o__fade {
    position: relative;
    line-height: 20px;
    height: 80px
}

.appstore__app-card__description.o__fixed-height.o__fade::after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 40px;
    background: linear-gradient(to bottom,rgba(255,255,255,0),#fff 90%)
}

.appstore__app-card__description.o__fixed-height.o__fade.o__short {
    position: relative;
    line-height: 20px;
    height: 60px
}

.appstore__app-card__description.o__fixed-height.o__short {
    -webkit-line-clamp: 2
}

.appstore__app-card__featured-stamp {
    margin-top: -1px
}

.appstore__app-details__header-container,.appstore__app-details__modal-close {
    background-color: var(--neutral-container);
    border-radius: 10px 10px 0 0
}

.appstore__app-details__header-container {
    border-bottom: 1px solid rgba(0,0,0,.1);
    border-radius: 4px 4px 0 0
}

.appstore__app-details__main {
    border-right: 1px solid rgba(0,0,0,.1);
    white-space: normal
}

.appstore__app-details__illustrative-icon {
    margin-right: 16px;
    fill: var(--beta-fill)
}

.appstore__app-details__header-icon {
    float: left;
    width: 80px;
    height: 80px;
    outline: 0;
    background-size: cover
}

.appstore__app-details__app-icon {
    width: 96px;
    height: 96px;
    box-sizing: border-box
}

.appstore__app-details__app-icon-bg {
    width: 98px;
    height: 98px;
    border-radius: 8px;
    border: 1px solid var(--neutral-border);
    background-color: var(--neutral-container);
    box-sizing: border-box
}

.appstore__app-details__long-description {
    overflow-wrap: break-word
}

.appstore__app-details__images {
    width: 100%
}

.appstore__app-details__side-component-content {
    position: sticky;
    top: 10px
}

.appstore__app-details__side-component-layout {
    width: 244px;
    box-sizing: border-box
}

.appstore__app-details__broken-state-cta {
    width: 180px;
    border-left: 1px solid rgba(0,0,0,.1);
    white-space: normal
}

.appstore__app-details__broken-state-box {
    border-color: var(--error-border);
    border-radius: 8px
}

.appstore__app-details__category-pill {
    padding: 2px 10px 3px;
    text-decoration: none
}

.appstore__app-details__category-pill:hover {
    opacity: 1;
    color: var(--text-link);
    border-color: var(--neutral-border)
}

.appstore__app-details__tos-privacy-link .interface-icon {
    display: none
}

.appstore__app-details__tos-privacy-link:hover .interface-icon {
    display: initial
}

.appstore__app-details__short-description,.appstore__app-details__tos-privacy-link {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-muted)
}

.appstore__app-details__label-container,.appstore__app-details__use-in-component.o__border {
    border-top: 1px solid rgba(0,0,0,.1)
}

.appstore__app-details__app-title {
    line-height: 30px
}

.appstore__app-details__label {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-muted)
}

.appstore__app-details__capability-link {
    text-decoration: none;
    line-height: 24px;
    font-weight: 500
}

.appstore__app-details__svg-container {
    display: flex;
    align-items: center
}

.appstore__app-details__header-description {
    margin-left: 100px
}

@media (min-width: 480px) {
    .appstore__app-details__header-description {
        max-width:calc(100% - 80px)
    }
}

.appstore__app-details__header__badge-opener-text {
    cursor: default;
    border-bottom: 1px dotted var(--neutral-container)
}

.appstore__app-details__header__tooltip-content {
    max-width: 250px
}

.appstore__app-details__header__mobile-close-button {
    position: absolute;
    right: 0;
    padding: 15px;
    cursor: pointer;
    color: var(--text-muted)
}

.appstore__app-details__onboarding__content {
    border-top: 1px solid rgba(0,0,0,.1)
}

.appstore__app-details__onboarding__content:first-child {
    border-top: none
}

.appstore__app-details__onboarding__content-link {
    font-size: 14px;
    font-weight: 500
}

.appstore__app-details__onboarding__guide {
    margin: 0 auto;
    min-height: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 1.53;
    color: var(--text-default);
    width: inherit
}

.appstore__app-details__onboarding__guide img,.developer-hub__getting-started-guide__composer img,.developer-hub__review__starting-guide-renderer img {
    max-width: 100%;
    margin-bottom: 34px;
    height: 100%
}

.appstore__app-details__onboarding__guide h1 {
    font-size: 19px;
    line-height: 1.24;
    margin-bottom: 17px;
    font-weight: 400
}

.appstore__app-details__onboarding__guide h2 {
    font-size: 15px;
    line-height: 1.24;
    margin-bottom: 17px;
    font-weight: 600
}

.appstore__app-details__onboarding__guide p {
    line-height: 1.53;
    margin-bottom: 17px;
    margin-top: 4px
}

.appstore__app-details__onboarding__guide a,.developer-hub__getting-started-guide__composer a,.developer-hub__review__starting-guide-renderer a {
    color: #0071b2
}

.appstore__app-details__onboarding__guide li,.developer-hub__getting-started-guide__composer li,.developer-hub__review__starting-guide-renderer li {
    line-height: 1.53;
    margin: 0 0 5px 15px
}

.appstore__app-details__onboarding__guide code,.developer-hub__getting-started-guide__composer code,.developer-hub__review__starting-guide-renderer code,.news-item-composer code {
    padding: .2em 0;
    margin: 0;
    font-size: 85%;
    background-color: rgba(0,0,0,.04)!important;
    border-radius: 3px
}

.appstore__app-details__onboarding__guide ol,.appstore__app-details__onboarding__guide ul,.developer-hub__getting-started-guide__composer ol,.developer-hub__getting-started-guide__composer ul,.developer-hub__review__starting-guide-renderer ol,.developer-hub__review__starting-guide-renderer ul {
    padding-left: 16px;
    margin-bottom: 27px
}

.appstore__app-details__onboarding__guide .intercom-interblocks-code pre,.appstore__app-details__onboarding__guide pre.code,.developer-hub__getting-started-guide__composer .intercom-interblocks-code pre,.developer-hub__getting-started-guide__composer pre.code,.developer-hub__review__starting-guide-renderer .intercom-interblocks-code pre,.developer-hub__review__starting-guide-renderer pre.code {
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: var(--neutral-container);
    border-radius: 3px
}

.appstore__app-details__onboarding__guide .intercom-interblocks-button a,.appstore__app-details__onboarding__guide a.intercom-h2b-button {
    display: inline-block;
    font-weight: 500;
    color: var(--text-on-neutral);
    background-color: var(--beta-fill);
    text-align: center;
    box-sizing: border-box;
    border-radius: 4px;
    border: 0;
    padding: 8px 40px;
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none;
    margin: 0 129px 17px
}

.appstore__app-details__onboarding__guide .embercom-composer-placeholder {
    top: 0;
    left: 0
}

.appstore__app-details__onboarding__capabilities .appstore__app-details__onboarding__content:first-child {
    padding-top: 0!important
}

.appstore__app-details__onboarding__messenger-icon {
    width: 40px;
    height: 40px;
    color: var(--text-link)
}

.appstore__app-details__onboarding__messenger-icon svg {
    width: 40px;
    height: 40px;
    fill: var(--beta-fill)
}

.appstore__app-details__video-embed__container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

.appstore__app-details__video-embed__iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-width: 0
}

.appstore__app-details__installed-badge {
    line-height: 16px
}

.appstore__app-details__install-banner__secondary-text {
    font-weight: 400
}

.answers__index__simple-table tr,.appstore__app-details__invite-teammates__teammate-row {
    border-bottom: 1px solid var(--neutral-border)
}

.appstore__app-details__invite-teammates__teammate-row:last-child {
    border-bottom: none
}

.appstore__email-subscribe__container {
    width: 305px
}

.appstore__email-subscribe__input {
    margin-left: 19px;
    width: 286px
}

.appstore__email-subscribe__description {
    width: 450px
}

.appstore__get-a-demo__teammate-suggestion-container {
    width: 300px
}

.appstore__get-a-demo__teammate-suggestion-container__label {
    padding: 10px 20px
}

.appstore__get-a-demo__teammate-suggestion-text-container {
    max-width: 218px
}

.appstore__get-a-demo__teammate-suggestion-container__light {
    color: var(--text-muted)
}

.appstore__get-a-demo__teammate-suggestion-container__items__item:hover {
    color: var(--text-on-neutral);
    background-color: var(--beta-fill);
    cursor: pointer
}

.appstore__get-a-demo__preview * {
    font-family: proxima-nova,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale
}

.appstore__get-a-demo__preview-container {
    background-color: var(--neutral-container);
    border-radius: 4px;
    padding: 30px
}

.appstore__get-a-demo__preview-card {
    margin-left: auto;
    margin-right: auto
}

.appstore__get-a-demo__preview-card * {
    pointer-events: all!important
}

.appstore__get-a-demo__preview-card .list-item {
    padding-left: 40px!important
}

.appstore__get-a-demo__teammate-suggestion-container__items__item:hover .appstore__get-a-demo__teammate-suggestion-container__light {
    color: var(--text-on-neutral);
    background-color: var(--beta-fill)
}

.appstore__grid__see-all {
    color: var(--text-link);
    font-size: 16px;
    text-decoration: none;
    cursor: pointer
}

.appstore__grid__container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-left: -30px
}

.appstore__grid__container.o__single-row {
    overflow: hidden;
    max-height: 250px
}

.appstore__grid__container.o__appstore-capabilities.o__single-row {
    max-height: 225px
}

.appstore__grid__item {
    width: 100%;
    min-height: 225px;
    padding: 0 0 30px 30px;
    box-sizing: border-box
}

.appstore__grid__item.o__responsive {
    width: 100%
}

.appstore__grid__item.o__single-row {
    display: inline-block;
    height: 250px
}

.appstore__grid__item.o__appstore-capabilities.o__single-row {
    height: 225px;
    min-height: 225px
}

@media screen and (min-width: 800px) {
    .appstore__grid__item,.appstore__grid__item.o__responsive {
        width:50%
    }
}

@media screen and (min-width: 1100px) {
    .appstore__grid__item,.appstore__grid__item.o__responsive {
        width:33.33333%
    }
}

@media screen and (min-width: 1300px) {
    .appstore__grid__item,.appstore__grid__item.o__responsive {
        width:25%
    }
}

@media screen and (min-width: 1700px) {
    .appstore__grid__item.o__responsive {
        width:20%
    }
}

@media screen and (min-width: 2000px) {
    .appstore__grid__item.o__responsive {
        width:16.66666%
    }
}

@media screen and (min-width: 2500px) {
    .appstore__grid__item.o__responsive {
        width:12%
    }
}

@media screen and (min-width: 3000px) {
    .appstore__grid__item.o__responsive {
        width:10%
    }
}

@media screen and (min-width: 3440px) {
    .appstore__grid__item.o__responsive {
        width:8%
    }
}

.appstore__grid__toggle {
    background-color: var(--neutral-container);
    position: relative;
    width: 24px;
    height: 13px;
    border-radius: 6px
}

.appstore__grid__toggle__input {
    display: none
}

.appstore__grid__toggle__slider {
    position: absolute;
    left: 0;
    bottom: 0
}

.appstore__grid__toggle__label-unhighlight {
    color: var(--text-muted);
    font-size: 14px
}

.appstore__grid__toggle__slider:before {
    background-color: var(--neutral-fill);
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    left: 2px;
    bottom: 2px;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%
}

.appstore__grid__toggle__input:checked+.appstore__grid__toggle__slider:before {
    left: 13px
}

.appstore__grid-footer {
    padding-top: 70px;
    padding-bottom: 100px
}

.appstore__grid-footer__title {
    color: var(--text-default);
    font-weight: 300;
    font-size: 24px;
    line-height: 1.5
}

.appstore__grid-footer__subtitle {
    color: var(--text-muted);
    font-weight: 300;
    font-size: 18px;
    line-height: 1.72;
    max-width: 602px;
    padding: 15px;
    box-sizing: border-box
}

.appstore__grid-footer__explore-api {
    color: var(--text-link);
    text-decoration: none;
    padding-right: 17px;
    font-size: 18px;
    line-height: 1.72
}

.appstore__grid-footer__explore-api::after {
    content: "→";
    position: absolute;
    margin-left: 5px;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.appstore__modal {
    margin-top: 10vh
}

.appstore__modal__loading-container {
    height: 350px
}

.appstore__mini-public-banner p,.appstore__modal__recommendations {
    display: none
}

@media screen and (min-width: 500px) {
    .appstore__modal__recommendations {
        background-color:var(--neutral-container);
        border-top: 1px solid var(--neutral-border);
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        padding: 0 30px;
        display: inline-block;
        width: 100%;
        box-sizing: border-box
    }

    .appstore__modal__grid__item:nth-child(3),.appstore__modal__grid__item:nth-child(4) {
        display: none
    }
}

.appstore__modal__recommendations-header {
    font-size: 16px;
    font-weight: 600
}

.appstore__modal__grid__item {
    width: 50%;
    display: inline-block;
    padding: 0 0 30px 30px;
    box-sizing: border-box
}

@media screen and (min-width: 800px) {
    .appstore__modal__grid__item {
        width:33.33%
    }

    .appstore__modal__grid__item:nth-child(3) {
        display: inline-block
    }

    .appstore__modal__grid__item:nth-child(4) {
        display: none
    }
}

@media screen and (min-width: 1100px) {
    .appstore__modal__grid__item {
        width:25%
    }

    .appstore__modal__grid__item:nth-child(4) {
        display: inline-block
    }
}

.appstore__mobile-modal__container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    overflow: auto;
    z-index: 5000
}

@media (min-width: 480px) {
    .appstore__public-banner__content-wrapper {
        min-width:585px;
        margin-right: 100px
    }
}

.appstore__public-banner__hero-img {
    width: 400px;
    height: 400px
}

.appstore__public-banner__title {
    color: var(--text-default);
    font-weight: 300;
    font-size: 36px;
    line-height: 1.2
}

.appstore__public-banner__subtitle {
    color: var(--text-muted);
    font-weight: 300;
    font-size: 24px;
    line-height: 1.5
}

@media (min-width: 1200px) {
    .appstore__capability__banner-container {
        display:flex;
        flex-direction: row;
        align-items: center
    }

    .appstore__capability__banner-content-wrapper {
        margin-bottom: 0;
        max-width: 45%;
        margin-right: 5%
    }

    .appstore__capability__banner-asset-wrapper {
        width: 50%
    }
}

@media (min-width: 1600px) {
    .appstore__capability__banner-content-wrapper {
        max-width:50%
    }
}

.appstore__capability__banner-content-wrapper {
    margin-bottom: 40px
}

.appstore__capability__banner-asset-wrapper,.appstore__capability__banner-operator-asset-wrapper {
    width: 100%;
    text-align: center
}

.appstore__capability__banner-asset-wrapper {
    background-color: #f4f0eb
}

.appstore__capability__banner-operator-asset-wrapper {
    background-color: #f7f2ef
}

.appstore__capability__banner-sub-heading {
    font-weight: 400;
    line-height: 24px;
    font-size: 16px;
    color: var(--text-muted)
}

.appstore__capability__banner-heading {
    font-weight: 300;
    line-height: 46px;
    font-size: 38px
}

.appstore__capability__banner-subtext {
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
    padding-top: 10px
}

.appstore__capability__banner-hero-asset {
    width: 100%;
    max-width: 500px;
    margin: 0 auto
}

.appstore__capability__filter-opener {
    margin-top: -5px
}

.appstore__capability__filter-item {
    text-decoration: none
}

.appstore__collection {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

@media screen and (min-width: 768px) {
    .appstore__collection {
        flex-direction:row
    }
}

.appstore__collection__title-container {
    flex: 0 0 100%;
    padding: 8% 4% 4%
}

@media screen and (min-width: 768px) {
    .appstore__collection__title-container {
        flex:0 0 33%;
        padding: 10% 4%
    }
}

.appstore__collection__title-container__dark {
    color: var(--text-on-neutral)
}

.appstore__collection__title-content-link {
    font-size: 14px;
    text-decoration: none
}

.appstore__collection__title-content-title {
    font-size: 36px;
    line-height: 1.2;
    max-width: 22ch;
    margin: 2rem 0 1.5rem
}

.appstore__collection__title-content-description {
    font-size: 16px;
    max-width: 38ch
}

.appstore__collection__apps-container {
    flex: 1 1 auto;
    padding: 2% 4% 4%;
    height: 100%;
    max-height: 100vh;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
    grid-auto-rows: max-content;
    row-gap: 1.5rem;
    column-gap: 1rem
}

@media screen and (min-width: 768px) {
    .appstore__collection__apps-container {
        padding:10% 4% 4%
    }
}

.appstore__collection__app-container {
    min-height: 194px
}

.appstore__collection__app-card {
    width: 100%
}

.appstore__mini-public-banner {
    border-bottom: 1px solid var(--neutral-border);
    color: var(--text-muted)
}

@media (min-width: 480px) {
    .appstore__mini-public-banner p {
        line-height:32px;
        display: initial
    }
}

.appstore__public-footer {
    box-sizing: border-box;
    color: var(--text-muted);
    font-size: 15px;
    font-weight: 300
}

.appstore__public-footer__nav {
    padding: 30px 20px;
    overflow: hidden;
    box-sizing: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.appstore__public-footer__nav__links {
    padding-top: 40px;
    width: 50%
}

@media (min-width: 480px) {
    .appstore__public-footer__nav__links.o__products {
        width:15%
    }

    .appstore__public-footer__nav__links.o__use-cases {
        width: 20%
    }

    .appstore__public-footer__nav__links.o__features {
        width: 17%
    }

    .appstore__public-footer__nav__links.o__company,.appstore__public-footer__nav__links.o__resources {
        width: 13%
    }
}

.appstore__public-footer__nav__heading {
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.77
}

.appstore__public-footer__nav__hr {
    margin: 26px 20px 26px 0;
    border-top: 1px solid var(--neutral-border)
}

.appstore__public-footer__nav__link {
    box-sizing: inherit;
    margin-top: 14px;
    font-size: 14px
}

.appstore__public-footer__nav__link__a {
    text-decoration: none
}

.appstore__public-footer__nav__link:hover {
    color: var(--text-link)
}

.appstore__public-top-nav {
    padding: 20px;
    display: flex;
    align-items: center
}

.appstore__public-top-nav__logo {
    display: flex;
    align-items: center;
    flex-grow: 1;
    line-height: 0
}

.appstore__public-top-nav__logo__divider {
    width: 1px;
    height: 19px;
    display: inline-block;
    margin: 0 8px;
    background-color: var(--neutral-border)
}

.appstore__public-top-nav__logo__appstore {
    text-decoration: none
}

.appstore__public-top-nav__link {
    color: var(--text-muted);
    font-weight: 300;
    position: relative;
    padding: 0 20px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    font-size: 15px
}

.appstore__public-top-nav__link:hover {
    color: var(--text-default)
}

.appstore__public-top-nav__link.o__selected {
    color: var(--text-link);
    opacity: 1
}

.appstore__quick-links__link-wrapper {
    padding: 12px
}

.appstore__quick-links__url-wrapper .embercom-composer-editor {
    min-height: 13px!important;
    white-space: nowrap;
    overflow: hidden
}

.appstore__quick-links__url-wrapper .embercom-composer-placeholder {
    top: 7px;
    left: 12px
}

.appstore__quick-links__outer-link-wrapper {
    margin-bottom: 12px
}

.appstore__quick-links__preview {
    width: 260px;
    padding: 20px;
    background-color: var(--neutral-container);
    border-radius: 4px
}

.appstore__quick-links__preview .ds-new__card {
    border: 1px solid rgba(0,0,0,.1)
}

.appstore__quick-links__preview .intercom-interblocks-inbox-card {
    width: inherit;
    max-width: inherit
}

.appstore__quick-links__url__error-message {
    font-size: 13px;
    color: var(--text-error)
}

.appstore__search-input__container {
    max-width: 500px;
    min-width: 300px
}

.appstore__section-menu {
    padding-left: 30px;
    padding-top: 22px;
    box-sizing: border-box
}

@media (min-width: 480px) {
    .appstore__section-menu {
        width:233px
    }
}

.appstore__section-menu__list {
    list-style: none;
    margin: 20px 0 40px;
    padding: 0
}

.appstore__section-menu__list__item {
    margin-bottom: 13px;
    color: var(--text-default)
}

.appstore__section-menu__category.o__selected,.appstore__section-menu__list__item:hover {
    color: var(--text-link);
    opacity: 1
}

.appstore__section-menu__category {
    text-decoration: none
}

.appstore__clearbit__main {
    width: 488px;
    height: 44px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.appstore__marketo-enrichment__cookie-scraping-permission {
    margin-right: 5px
}

.appstore__marketo-enrichment__subdomain-input {
    width: 100px
}

.appstore__collection-card__container {
    overflow: hidden;
    height: 350px;
    max-width: 2500px
}

.appstore__collection-card__link,.developer-hub__top-navigation-header__container a {
    text-decoration: none
}

.appstore__collection-card {
    height: 300px;
    width: calc((100% - 30px)*.5 - 30px);
    margin: 30px 0 30px 30px;
    border-radius: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    background-color: var(--neutral-container-emphasis);
    transition: all .2s ease
}

.appstore__collection-card:hover {
    transform: scale(1.03);
    transition: all .2s ease
}

.appstore__collection-card.o__light {
    color: #000
}

.appstore__collection-card.o__light .appstore__collection-card__title {
    text-shadow: 0 0 5px #fff
}

.appstore__collection-card.o__dark {
    color: #fff
}

.appstore__collection-card.o__dark .appstore__collection-card__title {
    text-shadow: 0 0 5px #000
}

.appstore__collection-card__title-container {
    margin: 56px 10% 0;
    height: 50%
}

.appstore__collection-card__title {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 700
}

.appstore__collection-card__button {
    padding: 10px 16px;
    font-size: 14px;
    color: inherit;
    border-radius: 6px;
    border: 2px solid;
    display: inline-block;
    text-decoration: none;
    margin-left: 15%
}

.appstore__collection-card__button:hover {
    text-decoration: none;
    color: inherit
}

@media screen and (min-width: 1250px) {
    .appstore__collection-card__button {
        margin-left:10%
    }
}

@media screen and (min-width: 1650px) {
    .appstore__collection-card {
        width:calc((100% - 30px)/ 3 - 30px)
    }

    .appstore__collection-card__button {
        margin-left: 10%
    }
}

.appstore__get-support {
    background-color: var(--neutral-container);
    border-radius: 10px
}

.appstore__get-support__avatars>.avatar {
    display: inline-block
}

.appstore__get-support__avatars>.avatar:not(:first-child) {
    margin-left: -15px
}

.appstore__get-support__messenger>.interface-icon {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.appstore__get-support__email>.interface-icon {
    width: 18px;
    height: 18px;
    margin-bottom: 1px
}

.appstore {
    background-color: var(--base-module);
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    overflow-y: auto
}

.appstore__container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    max-width: 1404px;
    box-sizing: border-box
}

.appstore__container__nav {
    z-index: 4
}

.appstore__container.o__content {
    max-width: 1300px
}

.public-appstore {
    min-width: 320px
}

.public-appstore [data-primary-nav-skeleton],.public-appstore [data-secondary-nav-skeleton] {
    display: none
}

.public-appstore .app__wrapper {
    min-width: unset
}

@media (min-width: 480px) {
    .public-appstore {
        min-width:1024px
    }
}

.developer-hub__app-package-details__icon {
    width: 15px;
    height: 15px;
    outline: 0;
    background-size: cover
}

.developer-hub__app-package-permissions__container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.developer-hub__app-package-permissions__item {
    width: 50%;
    padding: 0 30px 10px 0;
    box-sizing: border-box;
    min-width: 400px
}

.developer-hub__app-package-permissions__item[disabled] {
    opacity: .5
}

.developer-hub__app-package-permissions__table {
    width: 70%
}

.developer-hub__getting-started-guide__composer,.developer-hub__review__starting-guide-renderer {
    width: 640px;
    margin: 0 auto;
    min-height: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
    line-height: 1.53;
    color: var(--text-default)
}

.developer-hub__getting-started-guide__composer h1,.developer-hub__review__starting-guide-renderer h1 {
    font-size: 22px;
    line-height: 1.24;
    margin-bottom: 17px;
    font-weight: 400
}

.developer-hub__getting-started-guide__composer h2,.developer-hub__review__starting-guide-renderer h2 {
    font-size: 18px;
    line-height: 1.24;
    margin-bottom: 17px;
    font-weight: 600
}

.developer-hub__getting-started-guide__composer p,.developer-hub__review__starting-guide-renderer p {
    line-height: 1.53;
    margin-bottom: 17px;
    margin-top: 4px
}

.developer-hub__getting-started-guide__composer .intercom-interblocks-button a,.developer-hub__getting-started-guide__composer a.intercom-h2b-button,.developer-hub__review__starting-guide-renderer .intercom-interblocks-button a,.developer-hub__review__starting-guide-renderer a.intercom-h2b-button {
    display: inline-block;
    font-weight: 500;
    color: var(--text-on-neutral);
    background-color: var(--beta-fill);
    text-align: center;
    box-sizing: border-box;
    border-radius: 4px;
    border: 0;
    padding: 8px 40px;
    font-size: 17px;
    line-height: 1.4;
    text-decoration: none;
    margin: 0 129px 17px
}

.developer-hub__getting-started-guide__composer .embercom-composer-placeholder,.developer-hub__review__starting-guide-renderer .embercom-composer-placeholder {
    top: 0;
    left: 0
}

.developer-hub__top-navigation-header__container {
    background-color: var(--base-module);
    box-shadow: var(--shadow-lvl-1);
    position: relative;
    z-index: 3001;
    padding: 20px 30px 20px 20px
}

.developer-hub__top-navigation-header__container a:hover {
    opacity: 1;
    text-decoration: none
}

.developer-hub__top-navigation-header__icon {
    height: 32px
}

.developer-hub__top-navigation-header__icon svg {
    float: left;
    height: 32px
}

.developer-hub__top-navigation-header__text {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid
}

.developer-hub__top-navigation-header__link {
    font-size: 15px;
    font-weight: 300;
    text-decoration: none
}

.developer-hub__top-navigation-header__link.o__selected {
    color: var(--text-link);
    opacity: 1
}

.developer-hub__top-navigation-header__submenu a {
    margin-bottom: 5px
}

.developer-hub__top-navigation-header__submenu a:hover {
    text-decoration: none;
    color: var(--text-link)!important
}

.developer-hub__app-package-listing__form .developer-hub__app-package-listing__form-legacy-item {
    margin-bottom: 15px!important
}

.developer-hub__your-apps__container {
    background-color: var(--neutral-container)
}

.developer-hub__app-partnership {
    max-width: 480px
}

.developer-hub__app-package-grid__container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.developer-hub__app-package-grid__item,.developer-hub__app-package-grid__item__review {
    width: auto;
    height: auto;
    max-width: 400px;
    padding: 0 0 10px 10px;
    box-sizing: border-box
}

.developer-hub__app-package-grid__item img,.developer-hub__app-package-grid__item__review img,.developer-hub__app-package-grid__item__review__icon img {
    display: block;
    width: 100%;
    height: auto
}

.developer-hub__app-package-grid__item__review {
    max-width: 250px
}

.developer-hub__app-package-form__long-description p {
    margin: 0 0 1.3em
}

.developer-hub__app-package-form__item__preview__app-card-container {
    border-left: 1px solid rgba(0,0,0,.1)
}

.developer-hub__app-package-form__item__preview__app-card-wrapper {
    position: sticky;
    top: 10px
}

.developer-hub__app-package-form__item__preview__app-card {
    height: 190px;
    width: 225px;
    word-wrap: break-word
}

.developer-hub__app-package-form__item__preview__topbar {
    height: 40px;
    background: var(--beta-fill);
    color: var(--text-on-neutral);
    animation-name: developer-hub__slideDown;
    -webkit-animation-name: developer-hub__slideDown;
    animation-duration: .8s;
    -webkit-animation-duration: .8s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease
}

.developer-hub__app-package-form__item__preview__topbar__content {
    height: 100%
}

.developer-hub__app-package-grid__item__review__icon {
    width: auto;
    height: auto;
    max-width: 100px;
    padding: 0 0 10px 10px;
    box-sizing: border-box
}

.developer-hub__workspace-list__access-token {
    max-width: 300px
}

.developer-hub__app-package-review__add {
    color: var(--success-fill)
}

.developer-hub__app-package-review__remove {
    color: var(--text-error)
}

.developer-hub__app-package-review__change,.developer-hub__canvas-kit__webhook-input h4 {
    color: var(--text-default)
}

.developer-hub__app-package-review__listed-status {
    color: var(--success-fill)
}

.developer-hub__video-embed__container {
    position: relative;
    width: 480px;
    height: 0;
    padding-bottom: 270px
}

.developer-hub__video-embed__iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-width: 0
}

.developer-hub__app-package__header-icon {
    width: 17px;
    height: 17px;
    outline: 0;
    background-size: cover
}

.developer-hub__content-outlet {
    top: 72px!important
}

.developer-hub__content-outlet-with-banner {
    top: 112px!important
}

.developer-hub__app-package-basic-info__icon {
    width: 64px;
    height: 64px
}

.developer-hub__workspace-dropdown-opener {
    max-width: 100%;
    max-height: 32px;
    text-align: left
}

.developer-hub__preview__app-details {
    min-width: 716px
}

.developer-hub__upload {
    background-color: var(--neutral-container);
    border: 1px dashed var(--neutral-border);
    color: var(--text-muted);
    border-color: rgba(0,0,0,.1);
    border-radius: 6px;
    box-sizing: border-box;
    width: 200px;
    height: 60px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 14px
}

.developer-hub__upload:hover {
    background-color: var(--neutral-container-emphasis);
    color: var(--text-link);
    border-color: var(--neutral-border)
}

.developer-hub__upload__icon {
    color: inherit;
    padding-right: 10px
}

.developer-hub__screenshot-upload-row {
    border: 1px solid rgba(var(--neutral-fill),.2);
    border-radius: 4px;
    min-width: 310px;
    padding: 8px
}

.developer-hub__feedback-notes__error {
    color: var(--text-error)
}

.developer-hub__feedback-notes__list {
    margin-top: 0;
    margin-left: -20px
}

.developer-hub__categories-list {
    list-style-type: none;
    padding: 0
}

.developer-hub__webhooks-topic-picker {
    max-width: 558px
}

.developer-hub__canvas-kit__container {
    width: 66.66%
}

@media screen and (max-width: 1400px) {
    .developer-hub__canvas-kit__container {
        width:100%
    }
}

.developer-hub__canvas-kit__capability-checkbox {
    min-width: 16px
}

.onboarding__home__steps__auto-message__deleted-preview-container {
    width: 100%;
    height: 400px
}

.onboarding__home__steps__auto-message__deleted-preview {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

.onboarding__home__steps__get-started-with-product-tours__illustration {
    margin: auto
}

.onboarding__home__steps__import-support-content-wrapper {
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: flex-start;
    text-align: flex-start;
    padding: 14px 24px;
    margin-bottom: 20px
}

.onboarding__home__steps__import-support-content-wrapper.o__success {
    background-color: #f1f1f1;
    color: #222
}

.onboarding__home__steps__import-support-content-wrapper.o__success span {
    color: #4b5eb4
}

.onboarding__home__steps__route-conversation-to-human-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.onboarding__home__steps__route-conversation-to-human-tabs button {
    width: max-content
}

.onboarding__home__steps__route-conversation-to-human-preview-info {
    color: var(--text-muted)
}

.onboarding__guide-library__resource-card-container:hover p,.onboarding__guide-library__resource-card-container:hover strong,.onboarding__home__steps__route-conversation-to-human-other-tool-text {
    color: var(--text-default)!important
}

.onboarding__home__steps__accordion-wrapper {
    padding: 0 50px 30px
}

.onboarding__home__steps__accordion-wrapper .block-image {
    max-width: 450px
}

.onboarding__home__steps__accordion-wrapper .composer-style-basic {
    max-width: 500px
}

.onboarding__home__steps__left-content {
    max-width: 410px;
    min-width: 291px
}

.onboarding__home__steps__preview-image {
    max-width: 400px;
    max-height: 200px
}

.onboarding__home__steps__demo__preview-image {
    position: relative;
    z-index: -1;
    max-height: 650px;
    margin-top: -50px;
    margin-bottom: -30px
}

.onboarding__home__steps__demo__text {
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    display: flex;
    align-items: center;
    text-align: center;
    width: 400px
}

.onboarding__home__steps__demo-button.btn {
    background-color: #f2ce49
}

.onboarding__home__steps__demo-button.btn.o__secondary:hover {
    color: var(--text-default);
    background-color: #ebbd17
}

.onboarding__home__steps__demo-button.btn.o__secondary:focus {
    color: var(--text-default);
    background-color: #f2ce49;
    box-shadow: 0 0 0 3px #f5e6b9
}

.onboarding__home__steps__demo-button.btn.o__secondary:active {
    color: var(--text-default);
    background-color: #ebbd17;
    box-shadow: 0 0 0 3px #f5e6b9
}

.onboarding__home__steps__paywall-container {
    width: 100%
}

.onboarding__home__steps__customize-messenger-preview-wrapper {
    height: 670px;
    position: relative
}

.onboarding__home__steps__customize-messenger-redesign-preview-wrapper {
    height: 800px
}

.onboarding__home__steps__video-opener-image {
    cursor: pointer;
    height: 295px
}

.onboarding__home__steps__video-opener-container {
    box-shadow: 0 1px 15px rgba(0,0,0,.2);
    cursor: pointer;
    overflow: hidden
}

.onboarding__home__steps__video-opener-container.blue-filtered-shadow {
    box-shadow: none;
    filter: drop-shadow(0 4px 14px rgba(0,0,0,.1))
}

.onboarding__home__steps__video-opener-container.no-shadow {
    box-shadow: none
}

.onboarding__home__steps__video-opener-container.hoverable .onboarding__home__steps__video-opener-icon {
    opacity: .8
}

.onboarding__home__steps__video-opener-container.hoverable:hover .onboarding__home__steps__video-opener-icon {
    opacity: 1
}

.onboarding__home__steps__video-opener-icon {
    background-color: var(--beta-fill);
    height: 60px;
    width: 60px;
    border-radius: 50%
}

.onboarding__home__steps__video-opener-icon.o__black {
    background-color: var(--neutral-fill)
}

.onboarding__home__steps__video-opener-icon.o__small {
    height: 40px;
    width: 40px
}

.onboarding__home__steps__video-opener-icon.o__grey {
    background-color: rgba(34,34,34,.5)
}

.onboarding__home__steps__video-opener-icon-arrow {
    height: 30px;
    width: 30px
}

.onboarding__home__steps__video-opener-icon-arrow.o__small {
    height: 16px;
    width: 16px
}

.onboarding__home__steps__video-opener-icon-arrow path {
    fill: #fff
}

.onboarding__home__steps__video-opener__image {
    max-height: 250px
}

.onboarding__home__steps__video-opener__image.no-max-height {
    max-height: max-content
}

.onboarding__home__steps__video-opener__image.o__hero-banner {
    max-height: 240px
}

.onboarding__home__steps__video-opener__image.o__small {
    max-width: 280px
}

.onboarding__home__steps__video-opener__image.o__header {
    min-width: 410px
}

.onboarding__home__steps__video-opener__image.o__smaller {
    max-height: 116px
}

.onboarding__home__steps__tile-wrapper {
    min-height: 70px
}

.onboarding__home__steps__tile-content {
    max-width: 275px
}

.onboarding__home__steps__tile {
    border-radius: 4px
}

.onboarding__home__steps__tile.o__inactive {
    background: var(--neutral-container-emphasis)
}

.onboarding__home__steps__tile:hover .onboarding__home__steps__tile-title {
    color: var(--text-link)
}

.onboarding__home__steps__auto-message-content-container {
    justify-content: space-between
}

.onboarding__home__steps__auto-message-left-content {
    max-width: 421px;
    min-width: 360px;
    margin-right: -30px;
    z-index: 1
}

.onboarding__home__steps__auto-message-arrow {
    position: absolute;
    top: -3px
}

.onboarding__home__steps__redirect-arrow {
    position: absolute;
    top: 335px;
    right: 450px;
    transform: matrix(.63,.78,.78,-.63,0,0);
    z-index: 10000
}

.onboarding__home__steps__permissions-tooltip-opener {
    display: inline-block
}

@media screen and (max-width: 1220px) {
    .onboarding__home__steps__auto-message-arrow {
        display:none
    }
}

.onboarding__home__steps__forward-emails-input {
    position: relative
}

.onboarding__home__steps__forward-emails-input-checkmark {
    position: absolute;
    right: 10px;
    top: 5px
}

.onboarding__home__steps__forward-emails-preview-image {
    width: 320px
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.button-component button,.onboarding__home__steps__inline-bold {
    font-weight: 700
}

.onboarding__home__steps__install-app__app-card {
    height: 190px;
    max-height: 190px;
    max-width: calc(25% - 12px)
}

.onboarding__home__steps__unblock-potential-with-apps__app-card {
    height: 190px;
    max-height: 190px
}

.onboarding__home__steps__install-app__mark-complete {
    line-height: 32px
}

.onboarding__home__steps__install-app__btn-wrapper {
    position: absolute;
    bottom: 5px
}

.onboarding__home__banner__banner {
    height: 50px;
    position: relative;
    transition: .5s ease-in-out;
    transition-property: background-color,height,opacity;
    z-index: 3000
}

.onboarding__home__banner__level-completed {
    background-color: var(--success-fill)
}

.onboarding__home__banner__level-completed:after,.onboarding__home__banner__wrapper.o__green .onboarding__home__banner__banner:after {
    border-top-color: var(--success-border)
}

.onboarding__home__banner__level-completed.o__back-to-home,.onboarding__home__banner__step-available {
    background-color: var(--beta-fill);
    height: 75px
}

.onboarding__home__banner__level-completed.o__back-to-home:after,.onboarding__home__banner__step-available:after {
    border-top-color: var(--neutral-border)
}

.onboarding__home__banner__step-available-new {
    height: 56px
}

.onboarding__home__banner__phil-wrapper {
    height: 100%;
    width: 85px;
    transition: opacity .5s ease-in
}

.onboarding__home__banner__phil-wrapper.o__medium {
    width: 110px
}

.onboarding__home__banner__illustration {
    width: 90px;
    transition: opacity .5s ease-in;
    align-self: flex-end
}

.onboarding__home__banner__secondary-on-green-button {
    border: 1px solid rgba(255,255,255,.6)!important;
    background-color: var(--success-fill)!important;
    color: var(--text-on-neutral)!important
}

.onboarding__home__banner__secondary-on-green-button:hover {
    border-color: var(--neutral-border)!important
}

.onboarding__home__banner__wrapper {
    color: var(--text-on-neutral);
    background-color: var(--beta-fill);
    transition: background-color .5s ease-in
}

.onboarding__home__banner__wrapper-new {
    color: var(--text-on-neutral);
    background-color: #dce1f9;
    transition: background-color .5s ease-in
}

.onboarding__home__banner__wrapper.o__green {
    background-color: var(--success-fill)
}

.onboarding__home__banner__banner.o__no-banner,.onboarding__home__banner__level-completed.o__back-to-home.o__no-banner {
    height: 0;
    opacity: 0;
    overflow: hidden
}

.onboarding__home__banner__dismiss-icon {
    position: absolute;
    top: 12px;
    right: 12px
}

.onboarding__home__banner__dismiss-icon-black {
    position: absolute;
    top: 0;
    right: 0
}

.onboarding__home__banner__dismiss-icon-black svg {
    color: #222
}

.onboarding__home__banner__step-available__center-text {
    transform: translateX(-50%)
}

.channel__banner__button-primary button {
    color: var(--text-on-neutral)!important;
    background-color: var(--neutral-fill)!important
}

.empty-state__banner__image-shadow {
    box-shadow: 0 2px 16px 6px rgba(156,112,6,.16)
}

.onboarding__home__guide-accordion__level-accordion-section .accordion__section {
    border: 1px solid rgba(0,0,0,.2);
    background-color: var(--neutral-container);
    overflow: hidden
}

.onboarding__home__guide-accordion__level-accordion-section .accordion__section.o__open,.onboarding__home__guide-accordion__level-accordion-section .accordion__section:hover {
    box-shadow: var(--shadow-lvl-1)
}

.onboarding__home__guide-accordion__step-accordion-section .accordion__section {
    border: 1px solid transparent
}

.onboarding__home__guide-accordion__step-accordion-section.o__error .accordion__section.o__open {
    border: 1px solid var(--error-border-emphasis)!important
}

.onboarding__home__guide-accordion__fin-step-accordion-section .accordion__section {
    border: 1px solid var(--neutral-border)
}

.onboarding__home__guide-accordion__fin-step-accordion-section .accordion__section.o__open,.onboarding__home__guide-accordion__fin-step-accordion-section .accordion__section:hover,.onboarding__home__guide-accordion__step-accordion-section .accordion__section.o__open,.onboarding__home__guide-accordion__step-accordion-section .accordion__section:hover {
    border: 1px solid var(--neutral-border);
    position: relative;
    z-index: 0
}

.onboarding__home__guide-accordion__section-header.o__faded,.onboarding__home__guide-accordion__section-header.o__faded:hover {
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: .5
}

.onboarding__home__guide-accordion__section-header.o__faded:hover {
    opacity: 1
}

.onboarding__home__guide-accordion__section-header:hover .onboarding__home__guide-accordion__section-header__title {
    -webkit-transition: color .4s ease;
    transition: color .4s ease;
    color: var(--text-accent)
}

.onboarding__home__guide-accordion__icon-wrapper {
    position: relative
}

.onboarding__home__guide-accordion__icon-circle {
    border-radius: 50%;
    height: 24px;
    width: 24px;
    border: 1px solid var(--neutral-border-emphasis)
}

.onboarding__home__guide-accordion__icon-circle.o__completed {
    background-color: var(--success-fill);
    border-color: var(--success-border);
    color: var(--text-on-neutral)
}

.onboarding__home__guide-accordion__icon-circle.o__completed.o__small-badge {
    height: 23px;
    width: 23px;
    border: 3px solid var(--neutral-border);
    left: 60%
}

.getting-started__step-border.no-border::before,.onboarding__floating-widget__step-border.no-border::before,.onboarding__home__guide-accordion__icon-circle.o__failed {
    border-color: transparent
}

.onboarding__home__guide-accordion__icon-circle.o__failed svg {
    width: 26px;
    height: auto
}

.onboarding__home__guide-accordion__icon-badge {
    background-color: var(--neutral-container);
    padding: 1px;
    position: absolute;
    top: 60%;
    left: 65%
}

.onboarding__home__guide-accordion__section-header.o__available:hover .onboarding__home__guide-accordion__icon-circle {
    border-radius: 50%;
    height: 24px;
    width: 24px;
    border: 1px solid var(--neutral-border);
    color: var(--text-link)
}

.onboarding__home__guide-accordion__progress-bar {
    height: 5px
}

.onboarding__home__guide-accordion__progress-bar-complete {
    background-color: var(--success-fill);
    transition: all 1s
}

.onboarding__home__guide-accordion__progress-bar-incomplete {
    background-color: var(--neutral-container)
}

.onboarding__home__guide-accordion__level-accordion-section {
    position: relative
}

.onboarding__home__guide-accordion__level-unseen-badge-wrapper {
    width: 20px
}

.onboarding__home__guide-accordion__level-unseen-badge {
    border-radius: 50%;
    height: 6px;
    width: 6px;
    float: right;
    background-color: var(--beta-fill)
}

.onboarding__home__guide-accordion__level__confetti-canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    pointer-events: none;
    width: 100%;
    height: 100%
}

.onboarding__home__hosted-messenger__iframe {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 95vh;
    width: 100%;
    border: 0;
    z-index: 1
}

.onboarding__home__hosted-messenger__loading-indicator {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 95vh;
    width: 400px;
    z-index: 0
}

.onboarding__home__hosted-messenger__prompt {
    height: 100vh;
    box-sizing: border-box;
    margin-left: 80px;
    padding-top: 250px;
    padding-right: 455px;
    padding-bottom: 115px
}

.onboarding__home__hosted-messenger__header {
    position: absolute;
    width: 100%;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--neutral-border)
}

.onboarding__home__hosted-messenger__header-placeholder {
    background-color: var(--neutral-container);
    width: 80px;
    height: 8px;
    border-radius: 10px
}

.onboarding__home__hosted-messenger__header-placeholder.o__title {
    width: 130px;
    height: 16px
}

.onboarding__home__hosted-messenger__prompt-text {
    max-width: 440px
}

.onboarding__home__hosted-messenger__prompt-emphasis {
    font-weight: 600
}

.onboarding__home__hosted-messenger__arrow-container {
    overflow-y: hidden
}

.onboarding__home__hosted-messenger__arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%
}

.onboarding__home__hosted-messenger__close-and-continue-button {
    z-index: 2
}

.onboarding__home__guide-assistant__asset {
    position: absolute;
    bottom: 0
}

.onboarding__home__guide-assistant__asset.o__large {
    width: 123px;
    height: 88px;
    left: 18px
}

.onboarding__home__guide-assistant__asset.o__medium {
    width: 85px;
    height: 61px;
    left: 5px
}

.onboarding__home__guide-assistant__asset.o__small {
    height: 40px;
    width: 56px;
    left: 9px
}

.onboarding__home__guide-assistant__circle-backdrop__right {
    background-color: var(--notice-fill);
    position: absolute;
    bottom: 0;
    right: 20px
}

.onboarding__home__guide-assistant__circle-backdrop__right.o__large {
    height: 77px;
    width: 154px;
    border-top-left-radius: 154px;
    border-top-right-radius: 154px
}

.onboarding__home__guide-assistant__circle-backdrop__right.o__medium {
    height: 45px;
    width: 90px;
    border-top-left-radius: 90px;
    border-top-right-radius: 90px
}

.onboarding__home__guide-assistant__circle-backdrop__right.o__small {
    height: 34px;
    width: 70px;
    border-top-left-radius: 67px;
    border-top-right-radius: 67px
}

.onboarding__home__guide-assistant__speech-bubble,.onboarding__home__guide-assistant__speech-bubble__right {
    background-color: var(--neutral-container);
    border-color: var(--notice-border);
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    position: absolute;
    bottom: 40px;
    padding: 15px 20px
}

.onboarding__home__guide-assistant__speech-bubble {
    white-space: nowrap;
    left: 110px
}

.onboarding__home__guide-assistant__speech-bubble__right {
    max-width: 420px;
    right: 130px
}

.onboarding__home__guide-header {
    position: relative;
    height: 168px;
    margin-right: 40px;
    margin-bottom: -62px
}

.onboarding__home__guide-section__heading {
    padding: 0 0 30px;
    display: block;
    text-align: left
}

.onboarding__home__guide-section__heading.underline {
    border-bottom: 1px solid var(--neutral-border);
    padding: 0 0 10px;
    margin-bottom: 30px;
    text-decoration: none
}

.onboarding__home__guide-section__wrapper {
    overflow: hidden
}

.onboarding__home__guide-section__wrapper.o__white {
    background: var(--neutral-container)
}

.onboarding__home__change-guide__error-banner {
    position: fixed;
    left: 50%;
    transform: translateX(-50%)
}

.onboarding__home__main-content-outlet {
    background-color: var(--neutral-container)
}

.onboarding__home__liquid-container,.onboarding__home__main {
    overflow-y: scroll;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.onboarding__home__content-wrapper {
    width: 1074px;
    margin: 0 auto
}

.onboarding__home__content-wrapper.wide {
    max-width: 1170px;
    min-width: 1170px;
    margin: 0 auto
}

.onboarding__home__content-header-background {
    background-color: #f4f5fc
}

.onboarding__home__content-header-background.background-with-image {
    background-image: url(https://static.intercomassets.com/ember/assets/images/onboarding/home/header/header-9092db7d464c374f248a684ed140753e.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 376px
}

.onboarding__home__content-header-background.gray-background {
    background-color: #f5f5f5
}

.onboarding__home__content-fin-loading-background,.onboarding__home__content-fin-loading-background-alt {
    background-image: url(https://static.intercomassets.com/ember/assets/images/onboarding/home/fin/fin-loading-bg-cd6d1f47f315eadf4926ccc26429d98c.png);
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 333/583;
    max-width: 100%;
    margin-right: 78px;
    margin-bottom: 48px;
    overflow: hidden;
    width: 333px;
    box-shadow: 0 0 40px rgba(0,0,0,.16);
    border-radius: 12.5px
}

.onboarding__guide-library-card__icon-background .interface-icon.o__standard.o__by-text,.onboarding__home__content-fin-loading-background-alt.no-margins,.onboarding__home__content-fin-loading-background.no-margins {
    margin-right: 0;
    margin-bottom: 0
}

.onboarding__home__content-fin-loading-background-alt {
    background-image: url(https://static.intercomassets.com/ember/assets/images/onboarding/home/fin/in-progress-bg-alt-cdc6ade298ac3c9ecc21595f039d2412.png)
}

.onboarding__home__content-fin-steps-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 679px
}

.onboarding__home__import-content-fin-iframe {
    border-radius: 1rem;
    max-width: 100%;
    aspect-ratio: 333/583;
    margin-right: 78px;
    margin-bottom: 12px;
    overflow: hidden;
    width: 333px;
    box-shadow: 0 0 4px rgba(0,0,0,.16)
}

.onboarding__home__fin-messenger-bottom-container {
    width: 333px;
    height: 50px;
    margin-top: .5rem;
    display: flex;
    align-items: center
}

.onboarding__home__fin-messenger-bottom-container .onboarding__home__fin-try-questions {
    width: max-content;
    margin: 0 auto;
    position: relative
}

.onboarding__home__fin-messenger-bottom-container .onboarding__home__fin-try-arrow {
    position: absolute;
    bottom: 5px;
    left: -45px
}

.onboarding__home__header-wrapper {
    max-width: 954px;
    margin: 0 auto
}

.onboarding__home__development-mode-container {
    position: absolute;
    display: flex;
    top: 15px;
    right: 15px
}

.guide__library__development-mode-container {
    position: absolute;
    display: flex;
    top: 20px;
    right: 525px
}

.guide__library__development-mode-container-new {
    position: absolute;
    display: flex;
    top: 10px;
    right: 10px
}

.onboarding__home__development-mode-step-container {
    position: absolute;
    bottom: 5px;
    right: 5px
}

.onboarding__home__product-tour-messenger-wrapper {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100px
}

.onboarding__home__copy-link-input {
    text-overflow: ellipsis
}

.onboarding__home__list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.onboarding__home__list-item {
    counter-increment: step-counter;
    padding-left: 36px;
    position: relative
}

.onboarding__home__list-item::before {
    content: counter(step-counter);
    color: var(--text-default);
    font-size: 13px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle
}

.onboarding__home__connected-to-intercom-container,.onboarding__home__list-item::before {
    background-color: var(--neutral-container)
}

.onboarding__home__cda-table {
    height: 20px!important
}

.onboarding__home__cda-list-header {
    display: table-cell;
    padding: 0;
    text-align: left
}

.onboarding__home__cda-list-item {
    padding: 0 10px 3px 0
}

.onboarding__home__cda-list-item.o__description,.onboarding__home__cda-list-item.o__name {
    width: 258px
}

.onboarding__home__cda-list-item.o__type {
    width: 95px;
    padding-right: 16px
}

.onboarding__home__background-grey {
    background-color: #f4f0eb
}

.onboarding__home__code-container {
    max-width: 780px
}

.onboarding__home__fin-level-one-container .onboarding__home__guide-accordion__fin-step-accordion-section {
    max-width: 670px
}

.onboarding__home__fin-level-one-container .accordion__section {
    width: inherit
}

.onboarding__home__fin-step-overflow .accordion__section,.onboarding__home__fin-step-overflow .liquid-child,.onboarding__home__fin-step-overflow .liquid-container {
    overflow: visible!important
}

.onboarding__home__ga-fin-preview-no-margin .onboarding__home__content-fin-loading-background,.onboarding__home__ga-fin-preview-no-margin .onboarding__home__content-fin-loading-background-alt {
    margin-right: 20px!important
}

.onboarding__home__ga-fin-preview-no-margin .get-started__fin-live-preview {
    min-width: 333px!important;
    min-height: 583px!important;
    max-height: 583px!important;
    position: relative;
    box-shadow: 0 0 40px rgba(0,0,0,.1)
}

.onboarding__home__ga-fin-preview-no-margin .onboarding__home__fin-messenger-pulse.get-started__fin-live-preview {
    box-shadow: 0 0 30px rgba(var(--beta-fill),.3);
    animation: fin-pulse 2s infinite;
    will-change: box-shadow
}

.onboarding__home__ga-fin-preview-no-margin iframe {
    aspect-ratio: 333/583!important
}

.onboarding__home__guide-header-intro-text.font-gray {
    color: var(--text-muted)
}

.onboarding__home__fin-steps-container {
    max-width: 672px;
    min-width: 672px
}

.onboarding__home__fin-preview-container {
    overflow: auto;
    background-color: var(--neutral-container)
}

.onboarding__home__fin-preview-header {
    z-index: 1
}

.onboarding__home__fin-preview-main-container {
    width: 900px;
    margin: 10px auto
}

.onboarding__home__fin-preview-text-container {
    max-width: 373px;
    width: 373px;
    z-index: 2
}

.onboarding__home__fin-preview-text-container .mb-4 {
    margin-bottom: 1rem!important
}

.onboarding__home__fin-preview-text-container .mb-8 {
    margin-bottom: 2rem!important
}

.onboarding__home__fin-preview-text-container .heading {
    font-size: 46px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: .5px;
    word-break: break-word;
    overflow-wrap: break-word;
    font-family: "TT Norms Pro-Bold",Helvetica,Arial,sans-serif!important
}

.onboarding__home__fin-preview-text-container .tab-control__tab__label,.onboarding__home__fin-preview-text-container .text {
    font-family: "TT Norms Pro",Helvetica,Arial,sans-serif!important
}

.onboarding__home__fin-preview-text-container .text {
    font-size: 16px;
    line-height: 23px;
    font-weight: 500
}

.onboarding__home__fin-preview-text-container .text.font-semibold {
    font-weight: 600
}

.onboarding__home__fin-preview-text-container .onboarding__home__fin-preview-description {
    font-size: 18px
}

.onboarding__home__fin-preview-text-container .onboarding__home__fin-preview-pages-text {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 400
}

.onboarding__home__fin-preview-background-container {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: transparent
}

.onboarding__home__fin-preview-background-container #fin-demo-preview-mount {
    height: 606px
}

.onboarding__home__fin-preview-background-container .get-started__fin-live-preview,.onboarding__home__fin-preview-background-container iframe {
    aspect-ratio: 345/606;
    overflow: hidden;
    width: 345px;
    height: 606px;
    background-color: var(--neutral-container);
    box-shadow: 0 0 40px rgba(0,0,0,.16);
    border-radius: 12.5px
}

.onboarding__home__fin-preview-background-container img.onboarding__home__fin-preview-background-image {
    width: 820px;
    z-index: -1;
    position: absolute;
    right: -250px;
    top: -115px
}

.onboarding__home__fin-preview-background-container .onboarding__home__fin-preview-iframe-container {
    position: relative;
    height: max-content;
    width: max-content
}

.onboarding__home__fin-preview-background-container .onboarding__home__fin-preview-message-arrow {
    position: absolute;
    bottom: 40px;
    left: -165px;
    height: 142px;
    width: 148px;
    z-index: 1
}

.welcome__fin__preview-background-image {
    width: 620px;
    z-index: -1;
    position: absolute
}

.onboarding__home__fin-legal-disclaimer-container {
    margin-top: 2rem;
    margin-bottom: .4rem;
    z-index: 2
}

.onboarding__home__fin-legal-disclaimer-container .onboarding__home__fin-legal-disclaimer {
    font-size: 12px
}

.onboarding__home__fin-preview-question {
    margin-left: 12px;
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 12px 16px;
    z-index: 1;
    cursor: pointer
}

.onboarding__home__fin-preview-question:hover {
    box-shadow: 4px 6px 12px 0 rgba(0,0,0,.1)
}

.onboarding__home__fin-preview-titles-container {
    max-height: 4.5rem;
    overflow: scroll
}

.onboarding__home__share-fin-preview-button-container {
    width: 333px;
    display: flex;
    justify-content: center;
    margin-bottom: 1rem
}

.onboarding__home__share-fin-preview-button-container button {
    width: max-content
}

.onboarding__guide-library__steps__inbox-tour__onboarding-content {
    box-shadow: 0 -3px 64px 0 rgba(0,0,0,.1),0 2px 6px 0 rgba(0,0,0,.15);
    border-radius: 8px;
    margin: 8px 48px;
    min-width: 1040px
}

.onboarding__guide-library__steps__inbox-tour__onboarding-content .ib2-conversation-details-sidebar {
    border-radius: 0 8px 8px 0
}

.onboarding__guide-library__steps__inbox-tour__onboarding-content .guide-library-el-active {
    animation: pulse-box-shadow 1s ease infinite;
    border: 2px solid #334bfa;
    background-color: #eef0fc
}

.onboarding__guide-library__steps__inbox-tour__onboarding-content .guide-library-el-not-focused {
    pointer-events: none
}

.h-85vh {
    height: calc(100vh - 180px)
}

@media only screen and (min-width: 1536px) {
    .h-85vh {
        height:calc(100vh - 196px)
    }
}

.onboarding__guide-library__steps__inbox-tour__step-panel-container {
    padding: 46px 46px 32px;
    min-width: 1040px
}

.onboarding__guide-library__steps__inbox-tour__skip-button {
    color: #737373
}

.inbox2__guide-library-focused {
    border-radius: 8px;
    border: 2px solid #334bfa;
    background-color: #eef0fc;
    animation: pulse-box-shadow 1s ease infinite;
    cursor: pointer;
    width: calc(100% - 10px);
    margin: auto;
    padding: 12px 6px
}

.js-send-trigger.guide-library-el-active {
    border-radius: 8px
}

.onboarding__guide-library__inbox-tour-modal-container-offset {
    top: 180px;
    bottom: 0
}

.onboarding__guide-library__inbox-tour-modal-action-items svg {
    border-radius: 8px;
    background: #f1f1f1;
    padding: 8px;
    height: 16px
}

.onboarding__guide-library__inbox-tour-navigation__text {
    animation-name: fade_in_from_left;
    animation-duration: .6s;
    animation-timing-function: linear;
    animation-fill-mode: forwards
}

.bigger-pulse-effect .guide-library-el-active,.bigger-pulse-effect .inbox2__guide-library-focused {
    animation: bigger-pulse-box-shadow 1s ease infinite
}

.onboarding__guide-library__steps__meet-helpdesk__container {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: row;
    justify-content: space-between;
    box-sizing: border-box
}

.onboarding__guide-library__steps__meet-helpdesk__gray-msgr-container {
    background-color: var(--neutral-container);
    width: 480px;
    height: 100%;
    box-sizing: border-box;
    padding: 3rem 2.4rem 1rem!important
}

@media (min-width: 1600px) {
    .onboarding__guide-library__steps__meet-helpdesk__gray-msgr-container {
        padding:5rem 4.4rem!important;
        width: 50%;
        display: flex;
        align-items: flex-end;
        flex-direction: column;
        justify-content: center
    }
}

.onboarding__guide-library__steps__meet-helpdesk__white-content-container {
    background-color: #f7f7f7;
    flex: 1;
    height: 100%;
    padding: 5rem;
    box-sizing: border-box
}

@media (min-width: 1600px) {
    .onboarding__guide-library__steps__meet-helpdesk__white-content-container {
        display:flex;
        justify-content: center;
        flex-direction: column
    }
}

.onboarding__guide-library__steps__meet-helpdesk__heading {
    color: #222
}

.onboarding__guide-library__steps__meet-helpdesk__description {
    color: #222;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.onboarding__guide-library__steps__meet-helpdesk__card {
    border-radius: 12px;
    max-width: 512px;
    min-width: 340px;
    background-color: #f7f7f7
}

.onboarding__guide-library__steps__meet-helpdesk__video {
    border-radius: 4px;
    aspect-ratio: 776/388;
    box-shadow: 0 0 50px 0 rgba(0,0,0,.2)
}

.onboarding__guide-library__steps__meet-helpdesk__video-container {
    max-width: 776px;
    min-width: 440px;
    max-height: 388px;
    min-height: 220px
}

.welcome-helpdesk__page {
    height: 100%;
    overflow: auto
}

.welcome-helpdesk__video-container {
    max-width: 576px;
    min-width: 384px;
    max-height: 300px;
    min-height: 200px
}

.welcome-helpdesk__explore-cta {
    font-size: 18px;
    padding: 8px 16px!important;
    min-height: 48px
}

.welcome-helpdesk__card-copilot {
    width: 296px
}

.welcome-helpdesk__card__bullet {
    background-color: #79f6e2;
    height: 10px;
    width: 10px
}

.welcome-helpdesk__video-thumbnail-shadow {
    position: relative!important;
    overflow: unset!important;
    z-index: 1
}

.welcome-helpdesk__video-thumbnail-shadow::before {
    position: absolute;
    content: url(https://static.intercomassets.com/ember/assets/svgs/onboarding/copilot-welcome-screen-5119c225b08931264295f2c3a721ad6d.svg);
    transform: scale(1.01);
    top: -35%;
    left: -15%;
    z-index: -1
}

.onboarding__guide-library__steps__meet-helpdesk__video-wrapper {
    padding-top: 140px
}

@media (min-width: 1600px) {
    .onboarding__guide-library__steps__meet-helpdesk__video-wrapper {
        align-items:center;
        justify-content: flex-start;
        display: flex;
        padding-top: 0;
        height: 100%
    }
}

.welcome-helpdesk__video-wrapper {
    align-items: center;
    justify-content: flex-start;
    display: flex;
    padding-top: 0;
    height: 100%
}

.onboarding__guide-library__steps__meet-action-container {
    border-radius: 12px;
    background-color: #f7f7f7;
    display: flex;
    width: 776px;
    height: 96px;
    align-items: center;
    margin: 32px 0;
    justify-content: space-between
}

.welcome-helpdesk__testimonial-wrapper {
    width: 936px;
    height: 186px;
    flex-shrink: 0;
    border-radius: 12px;
    background-color: #f4fbfd
}

.onboarding__guide-library__steps__proactive-support__card {
    max-width: 512px;
    min-width: 360px;
    border-radius: 12px;
    background-color: #f7f7f7
}

.onboarding__guide-library__proactive-support__container {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: row;
    justify-content: space-between;
    box-sizing: border-box
}

.onboarding__guide-library__proactive-support__container .onboarding__guide-library__proactive-support__right-container {
    background-color: #f7f7f7;
    flex: 1;
    height: 100%;
    padding: 5rem 4.4rem;
    box-sizing: border-box
}

.onboarding__guide-library__proactive-support__left-container {
    background-color: var(--neutral-container);
    width: 480px;
    height: 100%;
    box-sizing: border-box;
    padding: 2.2rem 3.4rem 1rem
}

@media (min-width: 1600px) {
    .onboarding__guide-library__proactive-support__left-container {
        padding:5rem 4.4rem;
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }
}

.onboarding__guide-library__steps__proactive-support__video-container {
    max-width: 480px;
    min-width: 300px;
    min-height: 300px;
    max-height: 480px;
    margin-top: 74px
}

@media (min-width: 1600px) {
    .onboarding__guide-library__steps__proactive-support__video-container {
        margin-top:0
    }
}

.onboarding__guide-library__steps__proactive-support__video-container .onboarding__guide-library__steps__proactive-support__video {
    border-radius: 12px;
    aspect-ratio: 1;
    background-color: #d6d9dc;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.1)
}

@media (min-width: 1600px) {
    .onboarding__guide-library__steps__proactive-support__video-wrapper {
        align-items:center;
        justify-content: flex-start
    }
}

.onboarding__guide-library__company-url-fetch__sub-container {
    width: 440px
}

.onboarding__guide-library__company-url-fetch__form-item {
    margin: 16px 0
}

.onboarding__guide-library__company-url-fetch__form-item .form__error-text {
    color: var(--text-error)
}

.onboarding__guide-library__install-messenger__sub-container {
    width: 49rem;
    max-width: 49rem;
    margin: 0 auto;
    margin-top: 3.5rem;
    margin-bottom: 4.375rem
}

.onboarding__guide-library__install-messenger__toggle-container {
    width: 100%;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    border-radius: .75rem;
    background-color: var(--neutral-container)
}

.onboarding__guide-library__install-messenger__nocode-integrations-container {
    display: flex;
    padding: 24px;
    align-items: flex-start;
    min-width: 386px;
    width: 386px;
    gap: 12px;
    box-sizing: border-box;
    height: 5.5rem;
    border-radius: 12px;
    cursor: pointer;
    flex: 0 1 334px;
    border: 1px solid rgba(0,0,0,.05)
}

.onboarding__guide-library__install-messenger__nocode-integrations-container .title-text {
    flex: 1
}

.onboarding__guide-library__install-messenger__nocode-integrations-container:hover {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15)
}

.onboarding__guide-library__install-messenger__nocode-integrations-container .description-text {
    color: var(--text-muted)!important
}

.onboarding__guide-library__install-messenger__nocode-integrations-container:nth-child(even) {
    margin-left: 12px
}

.onboarding__guide-library__install-messenger__connect-with-code-container {
    display: flex;
    padding: 24px;
    align-items: flex-start;
    align-content: flex-start;
    flex: 1 0 0;
    min-height: 3.5rem;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.05);
    cursor: pointer
}

.onboarding__guide-library__install-messenger__connect-with-code-container:hover {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15)
}

.onboarding__guide-library__install-messenger__connect-with-code-container .icon-container {
    margin-right: 12px;
    width: 32px;
    height: 32px;
    min-height: 32px;
    min-width: 32px;
    position: relative;
    border-radius: 100%;
    background-color: var(--neutral-container)
}

.onboarding__guide-library__install-messenger__connect-with-code-container .description-text {
    color: var(--text-muted)!important
}

.onboarding__guide-library__install-messenger__connect-with-code-icon {
    display: block;
    position: absolute;
    top: 47%;
    left: 55%;
    transform: translate(-50%,-50%)
}

.onboarding__guide-library__install-messenger__resources-container {
    background-color: var(--neutral-container);
    padding: 1.5rem;
    width: 338px;
    border-radius: 12px
}

.onboarding__guide-library__install-messenger__resource-link-container {
    display: flex;
    align-items: center;
    gap: .5rem;
    text-decoration: none;
    color: var(--text-link)
}

.onboarding__guide-library__install-messenger__resource-link-container .link-text {
    text-decoration: none;
    color: var(--text-link)
}

.onboarding__guide-library__install-messenger__cta {
    font-size: 18px;
    font-weight: 500;
    padding: 8px 16px!important;
    min-height: 48px
}

.onboarding__guide-library__install-messenger__cta.connect {
    max-width: 219px
}

.onboarding__guide-library__install-messenger__cta.submit {
    max-width: 126px;
    display: flex;
    align-items: center
}

.onboarding__guide-library__install-messenger__cta.next {
    max-width: 104px
}

.onboarding__guide-library__install-messenger__resource-link-container:hover {
    color: var(--text-link);
    cursor: pointer
}

.onboarding__guide-library__install-messenger__resource-link-container:hover .link-text {
    text-decoration: underline;
    color: var(--text-link)
}

.onboarding__guide-ew-chatbot-container {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: row;
    justify-content: space-between;
    box-sizing: border-box
}

.onboarding__guide-child-container {
    padding: 4rem 2.5rem;
    width: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.onboarding__guide-ew-content-wrapper {
    height: 658px
}

@media (min-width: 1600px) {
    .onboarding__guide-ew-content-wrapper {
        height:768px
    }
}

.onboarding__guide-ew-msgr-container {
    align-items: flex-end
}

.onboarding__guide-ew-content-container {
    align-items: flex-start
}

.onboarding__guide-ew-chatbot-gray-msgr-container {
    background-color: #f7f7f7;
    width: 480px;
    height: 100%;
    box-sizing: border-box;
    padding: 5rem 2.5rem
}

@media (min-width: 1600px) {
    .onboarding__guide-ew-chatbot-gray-msgr-container {
        padding:5rem 4.4rem;
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }
}

.onboarding__guide-ew-chatbot-white-content-container {
    background-color: var(--neutral-container);
    flex: 1;
    height: 100%;
    padding: 5rem;
    box-sizing: border-box
}

@media (min-width: 1600px) {
    .onboarding__guide-ew-chatbot-white-content-container {
        display:flex;
        justify-content: center;
        flex-direction: column
    }
}

.onboarding__guide-ew-chatbot-white-content-wrapper {
    min-height: 695px
}

.onboarding__wizard-primary-btn {
    padding: 1rem 2rem!important
}

.onboarding__guide-ew-chatbot-content-container {
    width: 636px;
    max-width: 636px
}

.onboarding__guide-ew-chatbot-progress-bar {
    display: block;
    height: 4px;
    width: 12px;
    border-radius: 8px;
    margin-right: 4px;
    animation: width 1s ease;
    background-color: rgba(var(--neutral-fill),.4)
}

.onboarding__guide-ew-chatbot-progress-bar.active {
    width: 24px;
    height: 4px;
    background-color: var(--neutral-fill)
}

.onboarding__guide-ew-chatbot-heading,.onboarding__guide-ew-chatbot-heading-container,.onboarding__guide-ew-chatbot-subtitle {
    margin-bottom: .5rem
}

.onboarding__guide-ew-chatbot-heading-container .onboarding__guide-ew-chatbot-heading {
    margin-bottom: 0;
    line-height: normal
}

.onboarding__guide-ew-chatbot-description {
    margin-bottom: 2rem
}

.onboarding__guide-ew-chatbot-cards-container {
    width: 636px;
    margin-bottom: 51px
}

.onboarding__guide-ew-chatbot-cards-container .onboarding__guide-ew-chatbot-card {
    padding: 1.5rem;
    background-color: #f7f7f7;
    border-radius: .75rem;
    border: 0;
    margin-bottom: 1rem
}

.onboarding__guide-ew-chatbot-cards-container .onboarding__guide-ew-chatbot-card.short {
    width: 310px
}

.onboarding__guide-ew-chatbot-cards-container .text {
    font-size: 13px!important;
    color: var(--text-muted)!important
}

.onboarding__guide-ew-chatbot-cards-container,.onboarding__guide-ew-messenger-installation-cards-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.onboarding__guide-ew-messenger-installation-cards-container .onboarding__guide-ew-messenger-installation-card {
    padding: 1.5rem;
    background-color: #f7f7f7;
    border-radius: 1rem;
    border: 0
}

.onboarding__guide-ew-chatbot-fin-preview-messenger-container,.onboarding__guide-ew-chatbot-meet-fin-messenger-video,.onboarding__guide-ew-chatbot-meet-fin-messenger-video-placeholder {
    border-radius: 15px;
    width: 360px;
    height: 640px;
    aspect-ratio: 400/700;
    box-shadow: 0 0 50px 0 rgba(0,0,0,.2)
}

.onboarding__guide-ew-chatbot-meet-fin-messenger-video-placeholder {
    cursor: pointer
}

.onboarding__guide-ew-chatbot-secondary-skip-now-button {
    font-weight: 400;
    color: var(--text-muted)!important;
    padding: 0;
    outline: 0
}

.onboarding__guide-ew-chatbot-secondary-skip-now-button:active,.onboarding__guide-ew-chatbot-secondary-skip-now-button:focus,.onboarding__guide-ew-chatbot-secondary-skip-now-button:focus-visible {
    outline: 0;
    box-shadow: none;
    background-color: transparent!important
}

.onboarding__guide-ew-chatbot-secondary-skip-now-button:hover {
    outline: 0;
    background-color: transparent!important
}

.onboarding__guide-library-meet-fin-messenger-play-button-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    aspect-ratio: 360/640;
    background-color: transparent!important;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: opacity .5s ease;
    transition-delay: 1s
}

.onboarding__guide-library-meet-fin-messenger-play-button-container .onboarding__guide-library-meet-fin-messenger-play-button {
    cursor: pointer;
    transition: transform .5s ease
}

.onboarding__guide-library-meet-fin-messenger-play-button-container .onboarding__guide-library-meet-fin-messenger-play-button:hover {
    transform: scale(1.1);
    transition: transform .5s ease
}

.onboarding__guide-library-meet-fin-messenger-play-button-container.hide {
    opacity: 0;
    pointer-events: none;
    cursor: default;
    transition: opacity .5s ease
}

.onboarding__guide-ew-chatbot-fin-preview-messenger-container {
    position: relative;
    overflow: hidden
}

.onboarding__guide-ew-chatbot-fin-preview-messenger-container .onboarding__guide-ew-chatbot-fin-preview-messenger-placeholder-bg {
    z-index: -1;
    top: 0;
    left: 0;
    width: 360px;
    height: 640px
}

.onboarding__guide-ew-chatbot-fin-preview-messenger-container .onboarding__guide-ew-chatbot-fin-preview-messenger-content-import-status {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    width: 90%
}

.onboarding__guide-ew-chatbot-fin-preview-messenger-container .onboarding__guide-ew-chatbot-fin-preview-messenger-placeholder-copy-container {
    background-color: #f7f7f7;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 241px;
    height: 112px;
    z-index: 1;
    padding: 1.25rem 2rem;
    border-radius: 8px;
    text-align: center;
    box-sizing: border-box
}

.onboarding__guide-ew-chatbot-fin-preview-messenger-container .onboarding__guide-ew-chatbot-fin-preview-messenger-placeholder-copy {
    color: var(--text-muted)!important
}

.onboarding__guide-wizard-demo-btn {
    background-color: transparent!important
}

.onboarding__guide-import-progress-container .external__content__status__inner__card {
    background-color: #f7f7f7;
    max-width: 328px
}

.onboarding__wizard-no-max-width-form {
    max-width: none!important
}

.guide-library__empty-state__discovery-banner {
    background: var(--neutral-container);
    border-radius: 16px;
    width: calc(100% - 16px);
    padding: 0 0 0 48px
}

.getting-started__empty-state__discovery-banner>div,.guide-library__empty-state__discovery-banner>div,.guide-library__workflows__empty-state__discovery-banner>div,.overview__discovery-banner>div {
    width: inherit;
    height: 100%
}

.guide-library__empty-state__discovery-banner .tickets-banner {
    height: 320px
}

.guide-library__empty-state__discovery-banner.full-width {
    width: 100%
}

.guide-library__empty-state__discovery-banner.md-margin-width {
    width: calc(100% - 48px)
}

.guide-library__empty-state__discovery-banner .body-container {
    width: 100%
}

.guide-library__empty-state__discovery-banner.updated {
    padding-left: 0
}

.guide-library__empty-state__discovery-banner.updated .body-container {
    padding-left: 48px
}

.guide-library__empty-state__discovery-banner.updated>button:first-child {
    z-index: 2;
    margin-top: 6px!important;
    color: var(--text-default)
}

.guide-library__empty-state__discovery-banner.compact>.flex-row.gap-6>:first-child,.guide-library__empty-state__discovery-banner.updated>.flex-row.gap-6>:first-child {
    margin-right: 0
}

.guide-library__empty-state__discovery-banner.updated h2.heading.o__size-1.mb-2:first-of-type,.guide-library__empty-state__discovery-banner.updated p.text.mb-4:first-of-type {
    display: none
}

.guide-library__empty-state__new-discovery-banner>button:last-child {
    margin-top: 4px;
    margin-right: 4px;
    display: none
}

.guide-library__empty-state__new-discovery-banner:hover>button:last-child {
    display: block
}

.guide-library__empty-state__discovery-banner.compact {
    padding-left: 0;
    width: calc(100% - 16px);
    margin: 0 8px
}

.guide-library__empty-state__discovery-banner.compact .body-container {
    padding-left: 0
}

.getting-started__empty-state__discovery-banner.paywalled>button:first-child,.guide-library__empty-state__discovery-banner.compact>button:first-child {
    display: none!important
}

.guide-library__empty-state__discovery-banner.compact .phils-head-container {
    height: 60px;
    padding: 0!important;
    gap: 0!important
}

.guide-library__empty-state__discovery-banner.compact .guide-library__empty-state__phil-head-outer-container {
    height: 60px
}

.guide-library__empty-state__discovery-banner.compact .phils-head-text {
    width: 10rem;
    font-size: 13px;
    padding-right: 10px;
    margin: auto 0 auto 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.guide-library__empty-state__phil-head-outer-container {
    width: 100%;
    height: 40px;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,.05)
}

.guide-library__empty-state__phil-head-outer-container .phils-head-container {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: flex-end;
    border-radius: 12px 12px 0 0;
    height: 40px;
    top: 0;
    gap: 16px
}

.guide-library__empty-state__phil-head-outer-container .phils-head-img {
    max-width: 100%;
    height: auto
}

.guide-library__empty-state__discovery-banner__text {
    width: 500px
}

.guide-library__empty-state__discovery-banner__text .o__standalone-link {
    color: var(--text-default)
}

.guide-library__empty-state__discovery-banner__text .a {
    text-decoration: none!important;
    text-decoration-line: none!important
}

.guide-library__empty-state__discovery-banner__text.wider {
    width: 610px
}

.onboarding__guide-ai-bot-wizard-video-container {
    height: 640px;
    position: relative
}

.onboarding__guide-library-set-fin-live-arrow-container {
    position: relative;
    width: max-content;
    z-index: 1
}

.onboarding__guide-library-set-fin-live-arrow-container::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 102%;
    height: 100%;
    background: var(--neutral-container);
    padding: 5px;
    z-index: -1
}

.onboarding__guide-library-set-fin-live-arrow-container .arrow {
    position: absolute;
    top: 50%;
    left: -46%;
    height: 540px
}

.onboarding__guide-library-set-fin-live-arrow-container .arrow-sample-questions {
    position: absolute;
    top: 50%;
    left: -29%;
    height: 540px
}

.onboarding__guide-library-set-fin-live-sample-questions {
    margin-bottom: 40px
}

.onboarding__guide-library-set-fin-live-sample-questions .sample-question:nth-of-type(2) {
    margin-left: 50px
}

.onboarding__home__guide__library-assistant__asset {
    position: absolute;
    bottom: 0
}

.onboarding__home__guide__library-assistant__asset.o__large {
    width: 123px;
    height: 88px;
    margin-left: 18px
}

.onboarding__home__guide__library-assistant__circle-backdrop__right {
    background-color: var(--notice-fill);
    position: absolute
}

.onboarding__home__guide__library-assistant__circle-backdrop__right.o__large {
    height: 77px;
    width: 154px;
    border-top-left-radius: 154px;
    border-top-right-radius: 154px
}

.onboarding__home__guide__library-assistant__speech-bubble__right {
    background-color: var(--neutral-container);
    border-color: var(--notice-border);
    max-width: 420px;
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    position: absolute;
    bottom: 28px;
    left: 115px;
    padding: 15px 20px
}

.onboarding__home__guide__library-assistant__speech-bubble__product-specialist__line {
    min-width: calc(100% + 40px);
    margin-bottom: 0;
    text-align: center;
    position: relative;
    left: -20px
}

.onboarding__home__guide__library-assistant__progress-indicator {
    border-radius: 24px;
    display: inline-flex;
    padding: 4px 8px;
    align-items: center;
    gap: 4px
}

.onboarding__home__guide__library-assistant__progress-indicator.o__red {
    background-color: var(--error-container);
    color: var(--text-error)
}

.onboarding__home__guide__library-assistant__progress-indicator.o__orange {
    background-color: var(--accent-container);
    color: var(--vis-orange-40)
}

.onboarding__home__guide__library-assistant__progress-indicator.o__green {
    background-color: var(--success-container);
    color: var(--success-fill)
}

.onboarding__guide-library__checklist {
    width: 360px
}

.onboarding__guide-library__checklist__phil-message {
    width: 295px
}

.onboarding__guide-library__checklist__steps-container a {
    text-decoration: none
}

.onboarding__guide-library__checklist__phil-head-outer-container {
    width: 100%;
    height: 40px;
    position: relative
}

.onboarding__guide-library__checklist__phil-head-outer-container .phils-head-container {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: flex-end;
    border-radius: 8px 8px 0 0;
    height: 40px;
    top: 0;
    gap: 16px;
    border-bottom: 1px solid rgba(0,0,0,.05)
}

.onboarding__guide-library__checklist__phil-head-outer-container .phils-head-img {
    max-width: 100%;
    height: auto
}

.onboarding__guide-library__progress-badge {
    position: absolute;
    top: -9px;
    right: -11px;
    color: var(--text-on-neutral);
    border: 1px solid var(--neutral-border);
    border-radius: 12px;
    padding: 2px 3px;
    font-size: 8px;
    font-style: normal;
    font-weight: 700;
    line-height: 8px
}

.onboarding__guide-library__progress-badge.o__red {
    background-color: var(--error-fill)
}

.onboarding__guide-library__progress-badge.o__orange {
    background-color: var(--vis-orange-50)
}

.onboarding__guide-library__progress-badge.o__green {
    background-color: var(--success-fill)
}

.onboarding__guide-library-card,.onboarding__guide-library-card-updated {
    width: 320px;
    height: fit-content
}

.onboarding__guide-library-card.clickable {
    cursor: pointer
}

.onboarding__guide-library-card.clickable:hover {
    box-shadow: 0 2px 15px 0 rgba(0,0,0,.1)
}

.onboarding__guide-library-card-img {
    width: 318px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.onboarding__guide-library-card__step .gray-font-color {
    color: var(--text-muted)!important
}

.onboarding__guide-library-card__step.checklist {
    width: 310px;
    max-width: 310px;
    min-width: 310px
}

.onboarding__guide-library-card__step:hover {
    border-radius: 12px;
    background-color: var(--neutral-container);
    cursor: pointer
}

.onboarding__guide-library-card-setup-heading {
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px
}

.onboarding__guide-library-card-setup-heading.animated-gray {
    animation: heading-color-change 1s ease-in forwards;
    animation-delay: .5s
}

.onboarding__guide-library-card-setup-stamp {
    display: flex;
    padding: 0 8px;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.onboarding__guide-library-card__icon-background {
    border-radius: 50%;
    background-color: var(--neutral-container)
}

.onboarding__guide-library-card__icon-background.guide-library__evaluation-wizard-helpdesk-library-card-icon {
    background-color: #bde7f2
}

.onboarding__guide-library-card__icon-background.guide-library__evaluation-wizard-chatbot-library-card-icon {
    background-color: var(--neutral-container)
}

.onboarding__guide-library-card__icon-background.guide-library__evaluation-wizard-proactive-support-library-card-icon {
    background-color: #fddfa1
}

.onboarding__guide-library-card__icon-background.completed {
    background-color: var(--success-fill)
}

.onboarding__guide-library-card__icon-completed-animated {
    animation: og-icon-completion-animation 1.5s ease-in-out forwards;
    animation-delay: .25s;
    position: relative
}

.onboarding__guide-library-card__icon-completed-animated .animated-icon-fadeout {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
    animation: og-icon-fade-out .7s ease-in-out forwards;
    animation-delay: .25s
}

.onboarding__guide-library-card__icon-completed-animated .animated-icon-fadein {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    animation: og-icon-fade-in .7s ease-in-out forwards;
    animation-delay: .5s
}

.onboarding__guide-library-card__icon-completed-animated.foundational-step .animated-icon-fadein,.onboarding__guide-library-card__icon-completed-animated.foundational-step .animated-icon-fadeout {
    top: 50%;
    left: 55%
}

.onboarding__guide-foundational-step-card {
    width: 242px;
    height: fit-content
}

.onboarding__guide-foundational-step-card .gray-font-color {
    color: var(--text-muted)!important
}

.onboarding__guide-foundational-step-card .gray-font-color-animated {
    animation: heading-color-change 1s ease-in forwards;
    animation-delay: .5s
}

.onboarding__guide-foundational-step-card:hover {
    cursor: pointer;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,.1)
}

.onboarding__guide-foundational-step-card.updated {
    width: 320px;
    max-width: 320px;
    min-width: 320px;
    height: 72px;
    flex: 0 0 calc(33.33% - 2.5rem)
}

.onboarding__guide-foundational-step-card.updated:hover {
    background-color: var(--neutral-container);
    box-shadow: none
}

.onboarding__guide-foundational-step-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    background-color: #2e3e61;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.onboarding__guide-foundational-step-icon.completed {
    background-color: var(--success-fill)
}

.onboarding__guide-foundational-step-icon.updated {
    margin-right: 16px
}

.onboarding__guide-lib-overall-container {
    height: fit-content;
    margin: 0 auto
}

.onboarding__guide-lib-overall-container a {
    text-decoration: none!important;
    cursor: inherit
}

.onboarding__guide-lib-overall-container .onboarding__guide-foundational-cards-container {
    width: 100%
}

.onboarding__guide-lib-overall-container .onboarding__guide__release__two-foundational-cards-container {
    width: 100%;
    padding-top: 120px
}

.onboarding__guide-library-custom-centered-width {
    width: 1040px;
    margin-left: auto;
    margin-right: auto
}

.onboarding__guide-library-heading-margin-important {
    margin-bottom: 16px!important
}

.onboarding__guide-library__inbox-tour-wrapper {
    background: linear-gradient(180deg,#f0f1fa 0,#fff 100%)
}

.onboarding__guide-library__guide-assistant-wrapper {
    border-bottom: 1px solid rgba(0,0,0,.05);
    height: 77px;
    position: relative
}

.onboarding__guide-library__guide-assistant-wrapper.borderless {
    border-bottom: none
}

.onboarding__guide-library__resource-card-container {
    width: 242px;
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: row;
    flex: 0 0 calc(25% - 1.5rem);
    text-decoration: none;
    color: var(--text-muted)!important
}

.onboarding__guide-library__resource-card-container p,.onboarding__guide-library__resource-card-container strong {
    font-size: 13px;
    color: var(--text-muted)!important
}

.onboarding__guide-library__resource-card-container:hover {
    cursor: pointer!important;
    color: var(--text-default)!important
}

.onboarding__guide-ew-messenger-installation-content-wrapper {
    width: 400px
}

.ds-new__modal__blanket:has(.onboarding__profiling-survey__modal) {
    backdrop-filter: blur(6px)
}

.ds-new__modal__blanket:has(.onboarding__profiling-survey__modal) .ds-new__modal__container.o__s {
    width: 596px;
    min-height: 540px
}

.ds-new__modal__blanket:has(.onboarding__profiling-survey__modal) .btn.o__primary {
    width: 107px
}

.onboarding__profiling-survey__progress-pill {
    display: block;
    height: 4px;
    width: 33px;
    border-radius: 8px;
    margin-right: 4px;
    background-color: var(--neutral-container)
}

.onboarding__profiling-survey__progress-pill.active {
    background-color: var(--neutral-fill)
}

.onboarding__profiling-survey__answer-option {
    display: flex;
    border-radius: 8px;
    border: 2px solid var(--neutral-border);
    padding: 6px 12px;
    align-items: center;
    cursor: pointer
}

.onboarding__profiling-survey__answer-option.selected {
    background-color: var(--neutral-container)
}

.onboarding__profiling-survey__welcome-img {
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.getting-started__empty-state__discovery-banner {
    background: var(--neutral-container);
    border-radius: 16px;
    width: 100%;
    padding: 0 48px 24px
}

.getting-started__empty-state__discovery-banner .body-container {
    width: 100%
}

.getting-started__empty-state__discovery-banner>button:first-child {
    z-index: 2;
    color: var(--text-default)
}

.getting-started__empty-state__discovery-banner>.flex-row.gap-6>:first-child {
    margin-right: 0
}

.getting-started__empty-state__discovery-banner.hide-dismiss-button>button.absolute.top-0.right-0.mr-4.mt-4 {
    display: none!important;
    pointer-events: none
}

.getting-started__empty-state__discovery-banner__text {
    width: 500px
}

.getting-started__empty-state__discovery-banner__text .o__standalone-link {
    color: var(--text-default)
}

.getting-started__empty-state__discovery-banner__text .a {
    text-decoration: none!important
}

.getting-started__empty-state__discovery-banner__img-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: end;
    align-items: center
}

.getting-started__empty-state__discovery-banner__img-container img {
    width: 100%;
    height: 100%;
    max-width: 515px;
    max-height: 240px
}

.getting-started__accordion-header input[type=checkbox] {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid var(--neutral-border-emphasis);
    border-radius: 6px;
    outline: 0;
    cursor: not-allowed
}

.getting-started__accordion-header input[type=checkbox]:checked {
    background-color: var(--neutral-fill);
    border-color: var(--neutral-border-emphasis);
    position: relative;
    opacity: .3
}

.getting-started__accordion-header input[type=checkbox]:checked::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 4px;
    width: 2px;
    height: 6px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.onboarding__guide-home__completed-icon svg {
    height: 23px!important;
    width: 23px!important
}

.onboarding__getting-started__content {
    width: 968px
}

.onboarding__getting-started__guide-card {
    width: 312px;
    height: 204px
}

.onboarding__getting-started__guide-card.with-cta {
    height: 268px;
    max-width: 328px;
    justify-content: space-between
}

.fadeIn {
    opacity: 1;
    animation: fadeInOpacity .3s ease-in
}

.fadeOut {
    opacity: 0;
    animation: fadeOutOpacity .3s ease-in
}

.onboarding__guide-home__image {
    width: 344px
}

.onboarding__guide-home__image-container {
    min-width: 344px
}

.onboarding__guide-home__image-container .collapsible-content {
    border: 1px solid var(--Utility-Border-light,rgba(0,0,0,.05));
    flex-basis: 0;
    flex-grow: 1
}

.getting-started__step-border {
    width: 100%;
    height: 16px;
    position: relative;
    z-index: 1;
    background-color: transparent;
    overflow-x: hidden
}

.getting-started__step-border::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 32px;
    width: 100%;
    height: 0;
    border-bottom: 1px solid var(--neutral-border)
}

.onboarding__getting-started__talk-to-card {
    height: 204px;
    border-radius: 16px;
    width: 312px
}

.onboarding__getting-started__product-specialist-cta:focus {
    outline: 0
}

.onboarding__getting-started__fin-first-title {
    font-size: 48px;
    line-height: 100%;
    font-weight: 300;
    letter-spacing: -.03em
}

.onboarding__floating-widget__checklist {
    position: fixed;
    bottom: 16px;
    left: 52px;
    z-index: 4001;
    box-shadow: var(--shadow-lvl-2)
}

.onboarding__floating-widget__checklist .liquid-child,.onboarding__floating-widget__checklist .liquid-container {
    overflow: unset!important
}

.onboarding__floating-widget__checklist.with-updated-nav {
    left: 64px
}

.onboarding__floating-widget__checklist.with-pinned-nav {
    left: 204px
}

.onboarding__floating-widget__checklist.show-elevated-widget {
    bottom: 58px
}

.onboarding__floating-widget__checklist.invisible {
    left: -230px
}

.onboarding__floating-widget__checklist.onboarding__floating-widget__checklist-collapsed__container {
    box-shadow: var(--shadow-lvl-1);
    z-index: 3000
}

.onboarding__floating-widget__checklist.standalone {
    bottom: 8px;
    left: 8px;
    z-index: 3001
}

.onboarding__floating-widget__checklist-expanded {
    max-width: 420px;
    width: 100%
}

.onboarding__floating-widget__checklist-collapsed {
    width: 214px;
    cursor: pointer;
    transition: width 150ms ease-in-out
}

.onboarding__floating-widget__checklist-collapsed.standalone {
    width: 196px
}

@media screen and (max-width: 1024px) {
    .onboarding__floating-widget__checklist-collapsed {
        width:204px
    }
}

@media screen and (max-width: 1440px) {
    .onboarding__floating-widget__checklist-collapsed.inbox {
        width:184px
    }
}

.onboarding__floating-widget__animation {
    animation: slideUpOnShow 429ms ease forwards;
    transition: transform .4s ease-in-out
}

.onboarding__floating-widget__animation.rendered {
    animation: none;
    transform: translateY(0)
}

.onboarding__floating-widget__animation.slide-up {
    transform: translateY(-4px)
}

.onboarding__floating-widget__animation.nudge {
    animation: nudge .5s ease-in-out
}

.onboarding__floating-widget__animation.expand-spring-animation {
    overflow: hidden;
    animation: expandSpringAnimation .4s cubic-bezier(.34,1.56,.64,1) forwards
}

.onboarding__floating-widget__animation.collapse-spring-animation {
    overflow: hidden;
    animation: collapseSpringAnimation .4s cubic-bezier(.34,1.56,.64,1) forwards
}

.onboarding__floating-widget__title {
    color: var(--text-default);
    position: relative
}

.onboarding__floating-widget__title.title-animate {
    animation: text-color-change 650ms ease forwards;
    animation-delay: .6s
}

.onboarding__floating-widget__title.step-complete {
    color: var(--text-muted);
    text-decoration: line-through
}

.onboarding__floating-widget__animation.o__without-submenu {
    transform: translateX(-150%)
}

.onboarding__floating-widget__step-header {
    padding-top: 18px;
    padding-bottom: 6px
}

.onboarding__floating-widget__step-header .accordion-new__header-action-icon {
    opacity: .3
}

.onboarding__floating-widget__step-completed .onboarding__floating-widget__step-desc {
    color: var(--text-muted)
}

.onboarding__floating-widget__checklist__collapse-button>svg {
    margin-right: 0!important
}

.onboarding__floating-widget__step-border {
    width: 100%;
    height: 12px;
    position: relative;
    z-index: 1;
    background-color: transparent;
    overflow-x: hidden
}

.onboarding__floating-widget__step-border::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px solid var(--neutral-border)
}

.onboarding__common-checkbox-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.onboarding__common-checkbox-container.small {
    width: 16px;
    height: 16px
}

.onboarding__common-checkbox-container.medium {
    width: 20px;
    height: 20px
}

.onboarding__common-checkbox-container .checkbox,.onboarding__common-checkbox-container .checkmark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.onboarding__common-checkbox-container .checkbox {
    border-radius: 50%;
    border: 3px solid var(--neutral-border-emphasis);
    background-color: transparent;
    z-index: 9
}

.onboarding__common-checkbox-container .checkbox.light-gray {
    border: 3px solid var(--neutral-border);
    background-color: transparent
}

.onboarding__common-checkbox-container .checkbox.small {
    width: 10px;
    height: 10px
}

.onboarding__common-checkbox-container .checkbox.medium {
    width: 14px;
    height: 14px
}

.onboarding__common-checkbox-container .checkmark {
    border-radius: 50%;
    -ms-transform: translate(-50%,-50%) scale(0) rotate(45deg);
    -webkit-transform: translate(-50%,-50%) scale(0) rotate(45deg);
    transform: translate(-50%,-50%) scale(0) rotate(45deg);
    z-index: 10
}

.onboarding__common-checkbox-container .checkmark.small {
    width: 16px;
    height: 16px
}

.onboarding__common-checkbox-container .checkmark.medium {
    width: 20px;
    height: 20px
}

.onboarding__common-checkbox-container .checkmark.green {
    background-color: var(--success-fill)
}

.onboarding__common-checkbox-container .checkmark.light-gray {
    background-color: var(--neutral-container-emphasis)
}

.onboarding__common-checkbox-container .checkmark::before {
    content: "";
    position: absolute;
    width: 1.8px;
    height: 9px;
    left: 8px;
    top: 3px
}

.onboarding__common-checkbox-container .checkmark::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 1.8px;
    left: 5px;
    top: 10px
}

.onboarding__common-checkbox-container .checkmark.medium::before {
    left: 10px;
    top: 5px
}

.onboarding__common-checkbox-container .checkmark.medium::after {
    left: 7px;
    top: 12px
}

.onboarding__common-checkbox-container .checkmark::after,.onboarding__common-checkbox-container .checkmark::before {
    background-color: var(--neutral-container);
    border-radius: 5px
}

.onboarding__common-checkbox-container.checked .checkbox {
    width: 0;
    height: 0;
    border: 0;
    background-color: var(--success-fill);
    opacity: 0
}

.onboarding__common-checkbox-container.checked .checkmark {
    transform: translate(-50%,-50%) scale(1) rotate(45deg);
    background-color: var(--neutral-container-emphasis)
}

.onboarding__common-checkbox-container.checked .checkmark.light-gray {
    background-color: var(--neutral-container)
}

.onboarding__common-checkbox-container.checked .checkmark::after,.onboarding__common-checkbox-container.checked .checkmark::before {
    background-color: var(--neutral-border-emphasis)
}

.onboarding__common-checkbox-container.checked .checkmark.light-gray::after,.onboarding__common-checkbox-container.checked .checkmark.light-gray::before {
    background-color: var(--neutral-border)
}

.onboarding__common-checkbox-container.checked .confetti-dots,.onboarding__common-checkbox-container.checked .rays {
    display: none
}

.onboarding__common-checkbox-container.animate .checkbox {
    animation: emptyCheckboxAnimation 2005ms ease forwards;
    animation-delay: 1.25s
}

.onboarding__common-checkbox-container.animate .checkmark {
    animation: checkmarkAnimation 1955ms ease forwards;
    animation-delay: 1.25s
}

.onboarding__common-checkbox-container.animate .checkmark::after,.onboarding__common-checkbox-container.animate .checkmark::before {
    animation: checkmarkColorChange 1955ms ease forwards;
    animation-delay: 1.25s
}

.onboarding__common-checkbox-container.animate .rays {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%
}

.onboarding__common-checkbox-container.animate .rays .ray {
    width: 0;
    height: 0;
    border-radius: 1.5px;
    background-color: #00da00;
    position: absolute
}

.onboarding__common-checkbox-container.animate .rays .ray:nth-child(1) {
    transform: rotate(0) translateY(16px);
    animation: radiate1 1955ms ease forwards;
    animation-delay: 1.25s;
    opacity: 0;
    z-index: 1000
}

.onboarding__common-checkbox-container.animate .rays .ray:nth-child(2) {
    transform: rotate(45deg) translateY(16px);
    animation: radiate2 1955ms ease forwards;
    animation-delay: 1.25s;
    opacity: 0;
    z-index: 1000
}

.onboarding__common-checkbox-container.animate .rays .ray:nth-child(3) {
    transform: rotate(90deg) translateY(16px);
    animation: radiate3 1955ms ease forwards;
    animation-delay: 1.25s;
    opacity: 0;
    z-index: 1000
}

.onboarding__common-checkbox-container.animate .rays .ray:nth-child(4) {
    transform: rotate(135deg) translateY(16px);
    animation: radiate4 1955ms ease forwards;
    animation-delay: 1.25s;
    opacity: 0;
    z-index: 1000
}

.onboarding__common-checkbox-container.animate .rays .ray:nth-child(5) {
    transform: rotate(180deg) translateY(16px);
    animation: radiate5 1955ms ease forwards;
    animation-delay: 1.25s;
    opacity: 0;
    z-index: 1000
}

.onboarding__common-checkbox-container.animate .rays .ray:nth-child(6) {
    transform: rotate(225deg) translateY(16px);
    animation: radiate6 1955ms ease forwards;
    animation-delay: 1.25s;
    opacity: 0;
    z-index: 1000
}

.onboarding__common-checkbox-container.animate .rays .ray:nth-child(7) {
    transform: rotate(270deg) translateY(16px);
    animation: radiate7 1955ms ease forwards;
    animation-delay: 1.25s;
    opacity: 0;
    z-index: 1000
}

.onboarding__common-checkbox-container.animate .rays .ray:nth-child(8) {
    transform: rotate(315deg) translateY(16px);
    animation: radiate8 1955ms ease forwards;
    animation-delay: 1.25s;
    opacity: 0;
    z-index: 1000
}

.onboarding__common-checkbox-container.animate .confetti-dots {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 1;
    left: 8.5px;
    z-index: -1
}

.onboarding__common-checkbox-container.animate .confetti-dots .dot {
    width: 4.5px;
    height: 4.5px;
    border-radius: 50%
}

.onboarding__common-checkbox-container.animate .confetti-dots .dot:nth-child(1) {
    transform: rotate(34deg) translateY(50px);
    animation: confettiGlow1 1.9s ease forwards;
    animation-delay: 1.25s;
    opacity: 0;
    z-index: 1002;
    background-color: #c4ce5a
}

.onboarding__common-checkbox-container.animate .confetti-dots .dot:nth-child(2) {
    transform: rotate(74deg) translateY(50px);
    animation: confettiGlow2 1.9s ease forwards;
    animation-delay: 1.25s;
    opacity: 0;
    z-index: 1002;
    background-color: #31ef3e
}

.onboarding__common-checkbox-container.animate .confetti-dots .dot:nth-child(3) {
    transform: rotate(114deg) translateY(50px);
    animation: confettiGlow3 1.9s ease forwards;
    animation-delay: 1.25s;
    opacity: 0;
    z-index: 1002;
    background-color: #e43874
}

.onboarding__common-checkbox-container.animate .confetti-dots .dot:nth-child(4) {
    transform: rotate(154deg) translateY(50px);
    animation: confettiGlow4 1.9s ease forwards;
    animation-delay: 1.25s;
    opacity: 0;
    z-index: 1002;
    background-color: #c4ce5a
}

.onboarding__common-checkbox-container.animate .confetti-dots .dot:nth-child(5) {
    transform: rotate(194deg) translateY(50px);
    animation: confettiGlow5 1.9s ease forwards;
    animation-delay: 1.25s;
    opacity: 0;
    z-index: 1002;
    background-color: #31ef3e
}

.onboarding__common-checkbox-container.animate .confetti-dots .dot:nth-child(6) {
    transform: rotate(234deg) translateY(50px);
    animation: confettiGlow6 1.9s ease forwards;
    animation-delay: 1.25s;
    opacity: 0;
    z-index: 1002;
    background-color: #e43874
}

.onboarding__common-checkbox-container.animate .confetti-dots .dot:nth-child(7) {
    transform: rotate(274deg) translateY(50px);
    animation: confettiGlow7 1.9s ease forwards;
    animation-delay: 1.25s;
    opacity: 0;
    z-index: 1002;
    background-color: #c4ce5a
}

.onboarding__common-checkbox-container.animate .confetti-dots .dot:nth-child(8) {
    transform: rotate(314deg) translateY(50px);
    animation: confettiGlow8 1.9s ease forwards;
    animation-delay: 1.25s;
    opacity: 0;
    z-index: 1002;
    background-color: #31ef3e
}

.onboarding__floating-widget__checklist__expanded-header>.onboarding__getting-started__common__radial-progress-indicator {
    height: 18px;
    padding-top: 1px
}

.onboarding__getting-started__common__radial-progress-indicator {
    padding-top: 4px
}

.onboarding__floating-widget__checklist__steps-completed__standalone {
    padding-top: 112px
}

.onboarding__loader__dot {
    animation: 1s blink infinite
}

.onboarding__loader__dot:nth-child(2) {
    animation-delay: 250ms
}

.onboarding__loader__dot:nth-child(3) {
    animation-delay: .5s
}

.onboarding__demo-messenger__iframe {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 95vh;
    width: 50%;
    border: 0;
    z-index: 1
}

.match-system-container {
    background-image: url(https://static.intercomassets.com/ember/assets/images/onboarding/theme/match-system-background-6eedbba74552a378d8b2f3e9eb68e7f6.png);
    background-size: cover
}

.keyboard-shortcut {
    top: 1px;
    left: 7px
}

.legacy-hero-banner__container {
    background-color: var(--neutral-container);
    border-radius: 7px 0 0 0
}

.legacy-hero-banner__icon {
    width: 50px;
    height: 50px;
    color: var(--text-link)
}

.legacy-hero-banner__icon svg {
    width: 50px;
    height: 50px;
    fill: var(--beta-fill)
}

.legacy-hero-banner__logo {
    height: 50px;
    border-right: 1px solid rgba(0,0,0,.1)
}

.legacy-hero-banner__description {
    padding-top: 5px;
    max-width: 480px
}

.legacy-hero-banner__description.o__wide {
    max-width: 520px
}

.legacy-hero-banner__description.o__full-width {
    max-width: 1100px
}

.search__pill {
    height: 100%;
    position: relative;
    border-radius: 3px;
    color: var(--text-default);
    background: var(--neutral-container);
    display: inline-flex;
    align-items: center
}

.search__pill.o__selected,.search__pill:hover {
    color: var(--text-link);
    background: var(--neutral-container-emphasis)
}

.search__pill:hover .search__pill-delete {
    display: flex
}

.search__pill-delete {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    align-items: center;
    background: linear-gradient(to left,var(--neutral-container) 50%,rgba(255,255,255,0))
}

.search__input-with-pills__input,.search__input-with-pills__input:focus {
    border: 0;
    outline: 0;
    width: 100%;
    min-width: 60px
}

.search__empty-state__text {
    max-width: 230px
}

.search__empty-state__illustration {
    width: 138px;
    height: 116px;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto 20px;
    background-size: 160px 160px
}

.search__empty-state__illustration.o__platform {
    background-image: url(/assets/images/search-placeholders/search-people.png)
}

.search__empty-state__illustration.o__inbox {
    background-image: url(/assets/images/search-placeholders/search-conversations.png)
}

.search__empty-state__illustration.o__messages,.search__empty-state__illustration.o__outbound {
    background-image: url(/assets/images/search-placeholders/search-messages.png)
}

.search__empty-state__illustration.o__articles {
    background-image: url(/assets/images/search-placeholders/search-articles.png)
}

.search__simple-modal {
    width: 600px;
    height: 250px;
    overflow: auto
}

.branching-qualification__category-options,.tours__editor__interblock-styles .intercom-interblocks div {
    margin-bottom: 10px
}

.branching-qualification__category-options__underline {
    border-bottom-color: rgba(0,0,0,.2);
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.branching-qualification__category-option,.inbox2 .ds-new__modal__body.override__padding h3 {
    margin-bottom: 4px
}

.branching-qualification__options-dropdown-icon-svg {
    transform: rotate(90deg)
}

.branching-qualification__category-options__icon {
    width: 16px
}

.branching-qualification__category__add {
    padding-top: 8px;
    padding-bottom: 15px
}

.branching-qualification__question-container {
    width: 230px
}

.branching-qualification__question {
    line-height: normal;
    overflow-wrap: break-word
}

.branching-qualification__question-link__container {
    margin-top: -5px;
    margin-left: 75px
}

.branching-qualification__question-link {
    font-size: 13px
}

.branching-qualification__question-editor {
    padding: 0;
    border: 0;
    outline: 0;
    background-color: transparent;
    box-shadow: none
}

.owner-component__static {
    padding-right: 4px
}

.owner-component__static:hover {
    justify-content: space-between;
    cursor: pointer
}

.owner-component__icon {
    margin-top: 2px
}

.owner-component__not-editable {
    color: var(--text-muted)
}

.owner-component__arrow {
    visibility: hidden;
    color: var(--text-muted)
}

.owner-component__static:hover .owner-component__arrow {
    visibility: visible
}

.profile-sidebar-section__owner-component-details .owner-component__current-selection-opener {
    margin-left: 13px
}

.profile-sidebar-section__owner-component .owner-component__current-selection-opener {
    padding-left: 2px
}

.owner-component__description {
    flex: auto
}

.teammate__avatar-upload {
    border: 2px solid transparent;
    border-radius: 50%;
    width: 72px;
    height: 72px;
    margin-top: -4px;
    position: relative;
    cursor: pointer
}

.teammate__avatar-upload__icon {
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 50%;
    padding: 2px 4px;
    position: absolute;
    left: 48px;
    top: 48px;
    color: var(--text-muted);
    background-color: var(--neutral-container)
}

.teammate__avatar-upload:hover {
    border-color: var(--neutral-border)
}

.teammate__avatar-upload:hover .teammate__avatar-upload__icon {
    border-color: var(--neutral-border);
    background-color: var(--beta-fill);
    color: var(--text-on-neutral)
}

.answers__index__filter-tab {
    pointer-events: all!important
}

.answers__index__table-header {
    text-align: left
}

.answers__index__wrap {
    max-width: 380px
}

.answers__index__table.o__hidden {
    opacity: 0
}

.answers__index__table-title {
    width: calc(35vw - 64px - 230px);
    overflow: hidden;
    text-overflow: ellipsis
}

.answers__index__simple-table {
    width: 100%
}

.answers__index__simple-table-cell:last-child {
    width: 1px
}

.answers__index__simple-table-title-cell {
    max-width: 520px;
    min-width: 280px;
    width: 33.33%
}

.answers__index__simple-table-title-cell.limit-width {
    max-width: 375px
}

.answers__index__simple-table-title-cell-text {
    max-width: 75%
}

.answers__index__table-header:hover .answers__index__table-header-text {
    color: var(--text-accent);
    text-decoration: none
}

.answers__clusters__cluster-container {
    max-height: 100%
}

.answers__clusters__cluster-examples {
    overflow-y: scroll
}

.answers__clusters__cluster-action-button-container {
    position: relative
}

.answers__clusters__cluster-action-button-prompt {
    position: absolute;
    background: var(--neutral-container);
    padding: 8px 12px;
    bottom: 32px;
    right: 130px;
    width: 170px;
    box-shadow: 0 4px 14px 0 rgba(0,0,0,.2);
    border-radius: 4px;
    opacity: 0;
    transition: opacity .4s ease-in-out
}

.answers__clusters__cluster-action-button-prompt.o__visible {
    opacity: 1
}

.answers__clusters__cluster-example .answers__clusters__list-action {
    display: none
}

.answers__clusters__cluster-example:hover .answers__clusters__list-action {
    display: inline
}

.answers__answer-editor__container {
    min-width: 926px
}

.answers__answer-editor__accordion .liquid-child:not(.velocity-animating) {
    transform: none!important;
    overflow: visible
}

.answers__answer-editor__accordion .liquid-child.velocity-animating {
    transform: inherit
}

.answers__answer-editor__accordion .liquid-container:not(.liquid-animating) {
    transform: none!important;
    overflow: visible
}

.answers__answer-editor__accordion .liquid-container.liquid-animating {
    transform: inherit
}

.answers__answer-editor__operator-response-text-body {
    max-width: 350px
}

.answers__answer-editor__separator-with-text {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color: var(--text-muted)
}

.answers__answer-editor__separator-with-text::after,.answers__answer-editor__separator-with-text::before {
    content: "";
    flex-grow: 1;
    background-color: var(--neutral-container);
    height: 1px;
    font-size: 0;
    line-height: 0
}

.answers__answer-editor__review-text {
    max-width: 500px
}

.answers__answer-editor__search-container {
    max-width: 850px
}

.answers__answer-editor__rejected-question.o__selected {
    border: var(--beta-fill) 1px solid
}

.answers__example-questions-editor__container,.answers__example-questions-editor__search-results-container,.answers__example-questions-editor__training-progress-container {
    width: 100%;
    max-width: 558px
}

.answers__example-questions-editor__added-example,.answers__example-questions-editor__question-text {
    overflow-wrap: break-word;
    word-break: break-word;
    hyphens: none
}

.answers__example-questions-editor__added-example {
    background-color: rgba(var(--neutral-container),.5)
}

.answers__example-questions-editor__training-indicator-check {
    position: absolute;
    top: 8px;
    left: 10px;
    color: var(--success-fill)
}

.answers__past-conversations__expanded-card-container {
    border-top: 1px solid #d3d3d3;
    max-height: calc(100vh - 340px);
    min-height: 140px;
    overflow: scroll;
    cursor: default
}

.answers__past-conversations__expanded-card-footer {
    border-top: 1px solid #d3d3d3;
    cursor: default
}

.answers__past-conversations__admin-bubble,.answers__past-conversations__user-bubble {
    user-select: none
}

.answers__past-conversations__admin-bubble {
    color: var(--text-link);
    cursor: pointer
}

.answers__past-conversations__admin-bubble:hover {
    background: var(--notice-container-emphasis)
}

.answers__past-conversations__admin-bubble-selected,.answers__past-conversations__admin-bubble-selected a {
    background: var(--beta-fill);
    color: var(--text-on-beta)
}

.answers__past-conversations__admin-bubble-selected:hover,.answers__past-conversations__admin-bubble-selected:hover a {
    background: var(--beta-fill-emphasis)
}

.answers__rate-conversation-part__rating:hover {
    cursor: pointer;
    color: var(--text-link)
}

.answers__rate-conversation-part__rating-positive {
    position: relative;
    top: -1px
}

.answers__rate-conversation-part__rating-negative {
    position: relative;
    top: 3px
}

.answers__suggested-answer-cluster__header {
    width: 243px
}

.answers__suggested-answer-cluster__container {
    max-height: 114px
}

.answers__suggested-answer-cluster__overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right,#fff 0,rgba(255,255,255,0) 5px),linear-gradient(to left,#fff 0,rgba(255,255,255,0) 5px);
    pointer-events: none
}

.answers__suggested-answer-cluster__container-item {
    border-radius: 4px;
    margin-left: 5px;
    margin-right: 5px;
    min-width: 190px;
    text-decoration: none;
    min-height: 92px;
    flex: 1 1 0px;
    max-width: 33%;
    border: 1px solid var(--neutral-border);
    color: var(--text-link)
}

.answers__suggested-answer-cluster__container-text {
    flex: 1 1 auto;
    overflow: hidden;
    border-radius: 4px;
    max-height: 80px;
    box-sizing: border-box;
    padding: 10px;
    position: relative;
    background-color: var(--neutral-container)
}

.answers__suggested-answer-cluster__container-text-inner {
    overflow: hidden;
    max-height: 60px
}

.answers__suggested-answer-cluster__container-text:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20%;
    height: 26px
}

.answers__suggested-answer-cluster__add-button {
    background-color: var(--beta-fill);
    color: var(--text-on-neutral);
    font-size: 14px;
    line-height: 32px;
    font-weight: 500;
    border-radius: 0 0 2px 2px;
    text-decoration: none;
    height: 32px;
    cursor: pointer
}

.answers__suggested-answer-cluster__container-item:hover {
    border: 1px solid var(--neutral-border-emphasis);
    color: var(--text-link);
    opacity: 1
}

.answers__suggested-answer-cluster__container-item:hover .answers__suggested-answer-cluster__add-button {
    background-color: var(--beta-fill-emphasis)
}

.answers__suggested-answer-cluster__next-button-wrapper {
    width: 16px
}

.answers__suggested-answer-cluster__next-button {
    cursor: pointer;
    margin-bottom: 32px;
    height: 100%;
    max-height: 114px
}

.answers__suggested-answer-cluster__next-button:hover {
    color: var(--text-link)
}

.answers__question-suggestion-search__clear-text-icon {
    padding: 6px 8px
}

.answers__workflow-editor__behaviors-link,.answers__workflow-editor__messenger-stream,.answers__workflow-editor__messenger-stream-ending,.generic-triage__messenger-stream {
    width: 376px
}

.answers__workflow-editor__messenger-stream {
    box-shadow: 0 -30px 10px 0 #fff,0 30px 0 0 #fff,0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.14)
}

.answers__workflow-editor__messenger-stream-ending.conditional-branches,.generic-triage__editor .answers__workflow-editor__messenger-stream-ending.terminal {
    box-shadow: 0 -20px 10px 0 #fff,0 30px 0 0 #fff,0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.14);
    border-radius: 0
}

.generic-triage__editor .answers__workflow-editor__messenger-stream-ending.terminal {
    min-height: 30px;
    margin-bottom: 20px
}

.answers__workflow-editor__messenger-stream-ending.custom-object-selector,.answers__workflow-editor__messenger-stream-ending.reply-buttons,.answers__workflow-editor__messenger-stream-ending.terminal,.generic-triage__messenger-stream {
    box-shadow: 0 -20px 10px 0 #fff,0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.14);
    border-radius: 0 0 8px 8px
}

.answers__workflow-editor__step-wrapper .operator-flows__part-composer-wrapper {
    clear: both;
    display: inline-block;
    width: 100%;
    box-sizing: border-box
}

.answers__workflow-editor__step-wrapper .messenger-preview__stream__part-container {
    padding: 0
}

.answers__workflow-editor__ending-divider {
    display: flex;
    flex-basis: 100%;
    width: 440px;
    margin-left: -32px;
    align-items: center;
    color: var(--text-muted)
}

.answers__workflow-editor__ending-divider::after,.answers__workflow-editor__ending-divider::before {
    content: "";
    flex-grow: 1;
    height: 1px;
    font-size: 0;
    line-height: 0;
    border-top: 2px dashed rgba(var(--neutral-container),.5)
}

.answers__workflow-editor__arrow {
    position: absolute;
    right: -80px;
    top: 80px
}

.answers__workflow-editor__editor__sidebar {
    background-color: var(--neutral-container);
    border-right: 1px solid rgba(0,0,0,.1);
    width: 270px;
    min-width: 270px;
    max-width: 270px;
    border-bottom-left-radius: 3px;
    position: relative
}

.answers__workflow-editor__editor__sidebar.o__new {
    width: 310px;
    min-width: 310px;
    max-width: 310px
}

.answers__workflow-editor__quick-replies {
    display: flex;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end
}

.answers__workflow-editor__quick-reply-button {
    border-radius: 6px;
    line-height: 18px;
    font-weight: 400;
    border: 0;
    background-color: var(--quick_reply_background_color);
    color: var(--quick_reply_text_color)
}

.answers__workflow-preview__messenger-wrapper {
    box-shadow: 0 16px 0 0 #fff,0 -16px 0 0 #fff,16px 0 32px -12px rgba(0,0,0,.1),-16px 0 32px -12px rgba(0,0,0,.1);
    width: 376px
}

.answers__workflow-preview__messenger-wrapper .embercom-composer-editor ic-block {
    cursor: auto
}

.answers__workflow-preview__messenger-wrapper .embercom-composer-editor ic-block .block-image:hover {
    cursor: auto!important
}

.answers__workflow-preview__messenger-wrapper .liquid-child,.answers__workflow-preview__messenger-wrapper .liquid-container {
    overflow: visible
}

.answers__preview__graph__container {
    min-height: calc(100vh - 260px)
}

.answers__preview__graph__container.o__fullscreen {
    min-height: calc(100vh - 60px)
}

.answers__tooltip-layout-box-center,.answers__tooltip-layout-box-top {
    position: absolute;
    right: 0;
    transform: translate(105%,-50%)
}

.answers__tooltip-layout-box-center {
    top: 50%
}

.answers__tooltip-layout-box-top {
    top: 25px
}

.answers__tooltip-container {
    position: relative;
    padding: 8px 12px;
    z-index: 100;
    max-width: 200px;
    background: var(--neutral-container);
    border: 0;
    box-shadow: 0 4px 14px 0 rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.05);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.answers__tooltip-container:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: -6px;
    border-top: 6px solid transparent;
    border-right: 6px solid rgba(0,0,0,.1);
    border-bottom: 6px solid transparent
}

.answers__tooltip-container:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: -5px;
    border-top: 5px solid transparent;
    border-right: 5px solid var(--neutral-border);
    border-bottom: 5px solid transparent
}

.answers__answer-container {
    max-width: 1600px
}

.custom-bots__audience-editor__sidebar {
    width: 295px;
    min-height: 300px;
    background-color: var(--neutral-container);
    border-right: 1px solid rgba(0,0,0,.2)
}

.custom-bots__audience-editor__sidebar__selection-state__user-targeting-title {
    font-weight: 500;
    font-size: 13px;
    color: var(--text-muted)
}

.custom-bots__editor__conversation-layout__path-editor__container {
    box-shadow: 0 24px 0 0 #fff,0 -24px 0 0 #fff,1px 0 2px 0 rgba(0,0,0,.1),-1px 0 2px 0 rgba(0,0,0,.1);
    box-sizing: border-box;
    width: 420px
}

.custom-bots__editor__conversation-layout__path-editor__step-composer {
    min-width: 200px;
    min-height: 45px;
    padding-top: 8px
}

.custom-bots__editor__conversation-layout__path-editor__step-composer p {
    margin-top: 0
}

.custom-bots__editor__conversation-layout__path-editor__step-composer.o__no-inserters {
    min-height: 100px
}

.custom-bots__editor__conversation-layout__path-editor__step-text-editor {
    min-width: 200px;
    max-width: 291px;
    border-radius: 5px;
    background: var(--neutral-container);
    border: 1px solid transparent
}

.custom-bots__editor__conversation-layout__path-editor__step-text-editor img,.custom-bots__preview__read-only-composer [data-type=image] img {
    max-width: 100%
}

.custom-bots__editor__conversation-layout__path-editor__step-text-editor .composer-attribute-editor {
    margin-left: -20px
}

.custom-bots__editor__conversation-layout__path-editor__step-text-editor.o__error {
    border: 1px solid var(--error-border)
}

.custom-bots__editor__conversation-layout__path-editor__step-text-editor:focus-within {
    border: 1px solid var(--neutral-border)
}

.custom-bots__editor__conversation-layout__path-editor__step-composer .embercom-prosemirror-composer-editor:focus-visible {
    outline: 0
}

.custom-bots__editor__conversation-layout__path-editor__step-composer .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted)
}

.custom-bots__editor__conversation-layout__path-editor__step-composer:focus-within>.custom-bots__editor__conversation-layout__path-editor__step-text-editor__inserters,.custom-bots__editor__conversation-layout__path-editor__step-composer:hover>.custom-bots__editor__conversation-layout__path-editor__step-text-editor__inserters,.custom-bots__editor__conversation-layout__path-editor__step-text-editor:focus-within>.custom-bots__editor__conversation-layout__path-editor__step-text-editor__inserters,.custom-bots__editor__conversation-layout__path-editor__step-text-editor:hover>.custom-bots__editor__conversation-layout__path-editor__step-text-editor__inserters,.custom-bots__editor__conversation-layout__path-editor__step-text-editor__inserters__active {
    visibility: visible
}

.custom-bots__editor__conversation-layout__path-editor__step-text-editor__inserters {
    visibility: hidden
}

.custom-bots__editor__conversation-layout__path-editor__data-field-editor-container {
    max-width: 291px
}

.custom-bots__editor__conversation-layout__path-editor__avatar {
    margin-left: -40px;
    position: absolute;
    bottom: 0
}

.custom-bots__editor__trigger-workflow__first-path-preview {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1),0 -24px 0 0 #fff,1px 0 2px 0 rgba(0,0,0,.1),-1px 0 2px 0 rgba(0,0,0,.1);
    width: 420px
}

.custom-bots__editor__conversation-layout__end-state__divider {
    border-left: 1px solid rgba(0,0,0,.1)
}

.custom-bots__editor__composer-suggestion-layout__path-editor__container {
    box-shadow: 0 24px 0 0 #fff,0 -24px 0 0 #fff,16px 0 32px -12px rgba(0,0,0,.1),-16px 0 32px -12px rgba(0,0,0,.1);
    margin-top: -20px;
    height: 200px;
    box-sizing: border-box;
    width: 376px;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 0!important
}

.custom-bots__editor__composer-suggestion-layout__path-editor__prompt {
    padding: 0 30px;
    width: 375px;
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box
}

.custom-bots__editor__composer-suggestion-layout__path-editor__prompt-composer {
    word-break: break-word;
    text-align: right;
    min-width: 98px;
    z-index: 1;
    color: var(--text-muted);
    border: 0;
    border-bottom: 1px solid transparent;
    transition: border-bottom-color .2s ease;
    outline: 0;
    border-bottom: 1px dashed rgba(0,0,0,.2)
}

.custom-bots__editor__composer-suggestion-layout__path-editor__prompt-composer.o__error {
    border: 0;
    border-bottom: 1px solid;
    border-bottom-color: var(--error-border);
    transition: border-bottom-color .2s ease
}

.custom-bots__editor__composer-suggestion-layout__path-editor__prompt-composer .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted);
    opacity: .7
}

.custom-bots__editor__composer-suggestion-layout__path-editor__prompt-composer:hover {
    border-bottom: 1px dashed rgba(0,0,0,.2)
}

.custom-bots__editor__composer-suggestion-layout__path-editor__horizontal-rule {
    display: flex;
    width: 424px;
    align-items: center;
    color: var(--text-muted)
}

.custom-bots__editor__composer-suggestion-layout__path-editor__horizontal-rule-text {
    width: 205px;
    text-align: center
}

.custom-bots__editor__composer-suggestion-layout__path-editor__horizontal-rule::after,.custom-bots__editor__composer-suggestion-layout__path-editor__horizontal-rule::before {
    content: "";
    flex-grow: 1;
    height: 1px;
    font-size: 0;
    line-height: 0;
    border-top: 2px dashed rgba(var(--neutral-container),.5)
}

.custom-bots__editor__composer-suggestion-layout__end-state__divider {
    border-left: 1px solid rgba(0,0,0,.1)
}

.custom-bots__editor__composer-suggestion-layout__end-state__options-wrapper {
    box-sizing: border-box;
    max-width: 376px
}

.custom-bots__editor__layout__path.o__fullscreen {
    overflow: scroll
}

.custom-bots__editor__layout__path-editor__teammate-help-text {
    max-width: 225px
}

.custom-bots__editor__layout__end-state__separator {
    margin-right: -16px;
    margin-left: -16px
}

.custom-bots__editor__incoming-paths__title {
    font-size: 13px
}

.custom-bots__editor__incoming-paths__buttons {
    max-width: 700px;
    position: relative;
    transition-delay: .3s
}

.custom-bots__editor__incoming-paths__buttons::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(transparent 40px,#fff);
    pointer-events: none;
    opacity: 1;
    transition-delay: .3s
}

.custom-bots__editor__incoming-paths:hover .custom-bots__editor__incoming-paths__buttons {
    transition-delay: .2s;
    max-height: 9999999px
}

.custom-bots__editor__incoming-paths:hover .custom-bots__editor__incoming-paths__buttons::before {
    opacity: 0;
    transition-delay: .2s
}

.custom-bots__editor__sidebar {
    background-color: var(--neutral-container);
    border-right: 1px solid rgba(0,0,0,.1);
    width: 270px;
    min-width: 270px;
    max-width: 270px;
    border-bottom-left-radius: 3px;
    position: relative
}

.custom-bots__editor__sidebar.o__new {
    width: 310px;
    min-width: 310px;
    max-width: 310px
}

.custom-bots__editor__path-list__path-index {
    color: var(--text-muted);
    font-size: 14px;
    height: 42px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.custom-bots__editor__path-list__path-shadow-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.custom-bots__editor__path-list__path-shadow-container__shadow {
    height: 42px;
    width: 100%;
    border-radius: 3px;
    background-color: var(--neutral-container)
}

.custom-bots__editor__path-list__sortable-group {
    position: relative;
    width: 238px
}

.custom-bots__editor__path-list__path-item__sortable-item,.custom-bots__editor__path-list__path-item__unsortable-item {
    position: relative;
    z-index: 9
}

.custom-bots__editor__path-list__path-item__sortable-item.is-dragging,.custom-bots__editor__path-list__path-item__sortable-item.is-dropping {
    z-index: 10
}

.custom-bots__editor__path-list__path-item__sortable-item.is-dragging .custom-bots__editor__path-list__path-item__card {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    transform: translateX(12px)
}

.custom-bots__editor__path-list__path-item__sortable-item.is-dragging * {
    cursor: grabbing!important
}

.custom-bots__editor__path-list__path-item__sortable-item:not(.is-dragging) {
    transition: transform .2s ease-in-out
}

.custom-bots__editor__path-list__path-item__card {
    transition: transform .2s ease-in-out,box-shadow .2s ease-in-out
}

.custom-bots__editor__path-list__path-item__card:hover .custom-bots__editor__path-list__path-item__options {
    display: block
}

.custom-bots__editor__path-list__path-item__handle {
    color: var(--text-muted);
    padding: 10px 12px 9px 15px
}

.custom-bots__editor__path-list__path-item__title {
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline;
    padding: 10px 0
}

.custom-bots__editor__path-list__path-item__title.o__nameless {
    color: var(--text-muted);
    opacity: .7
}

.custom-bots__editor__path-list__path-item__spacer {
    height: 40px
}

.custom-bots__editor__path-list__path-item__options {
    display: none;
    padding: 10px 10px 10px 0;
    color: var(--text-muted)
}

.custom-bots__editor__path-list__path-item__card.o__selected,.custom-bots__editor__path-list__path-summary__card.o__selected {
    border-color: var(--neutral-border)
}

.custom-bots__editor__path-list__path-item__card.o__selected .custom-bots__editor__path-list__path-item__options,.custom-bots__editor__path-list__path-item__card.o__selected .custom-bots__editor__path-list__path-item__title,.custom-bots__editor__path-list__path-summary__card.o__selected .custom-bots__editor__path-list__path-item__options,.custom-bots__editor__path-list__path-summary__card.o__selected .custom-bots__editor__path-list__path-item__title {
    color: var(--text-link)
}

.custom-bots__editor__quick-replies-input {
    padding: 5px 11px;
    line-height: 20px;
    box-sizing: border-box;
    border-radius: 6px;
    border: 0;
    background-color: var(--suggestion_background_color);
    color: var(--suggestion_text_color)
}

.custom-bots__editor__quick-replies-input.disabled {
    opacity: .5;
    pointer-events: none
}

.custom-bots__editor__quick-replies-input.o__safari {
    box-sizing: unset
}

.custom-bots__editor__quick-replies-input.o__error {
    background-color: var(--suggestion_error_background_color);
    color: var(--suggestion_error_text_color)
}

.custom-bots__editor__quick-replies-input::placeholder {
    color: var(--text-link)
}

.custom-bots__editor__quick-replies-input.o__error::placeholder {
    color: var(--text-error)
}

.custom-bots__editor__reply-button-editor__head-line {
    margin-right: -16px;
    margin-left: -16px
}

.custom-bots__editor__custom-object-selector-editor__options-wrapper,.custom-bots__editor__reply-button-editor__options-wrapper {
    align-items: flex-end;
    border-radius: 0 0 8px 8px;
    box-sizing: border-box;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1),0 -24px 0 0 #fff,1px 0 2px 0 rgba(0,0,0,.1),-1px 0 2px 0 rgba(0,0,0,.1);
    padding: 20px 20px 24px;
    width: 420px
}

.custom-bots__editor__custom-object-selector-editor__options-wrapper {
    padding: 20px 20px 24px 0
}

.stacked-select {
    z-index: 1;
    border: 2px solid #fff;
    border-radius: 6px
}

.stacked-select::after,.stacked-select::before {
    background: rgba(var(--beta-fill),.04);
    border: 2px solid #fff;
    content: "";
    position: absolute;
    left: 0;
    width: calc(100% - 4px);
    height: 100%;
    border-radius: 6px
}

.stacked-select::before {
    bottom: -9px;
    z-index: -1
}

.stacked-select::after {
    bottom: -18px;
    z-index: -2
}

.stacked-select.o__has-error::after,.stacked-select.o__has-error::before {
    color: var(--text-error);
    background-color: rgba(var(--error-border),.08)
}

.o__has-error {
    color: var(--text-error);
    background-color: var(--error-container)
}

.custom-bots__editor__composer-suggestion-editor__suggestions {
    margin-top: -50px!important;
    padding-top: 50px!important;
    width: 376px;
    min-width: 376px;
    box-sizing: border-box;
    border-radius: 8px;
    z-index: 0;
    box-shadow: 0 15px 32px 0 rgba(0,0,0,.1)
}

.custom-bots__editor__composer-suggestion-editor__options-wrapper {
    border-color: rgba(0,0,0,.1);
    border-top: none;
    align-items: flex-end;
    padding: 16px 30px 30px
}

.custom-bots__editor__composer-suggestion-editor__composer-suggestion-go-to {
    max-width: 200px
}

.custom-bots__editor__composer-suggestion-editor__reply-button-go-to {
    margin-top: -12px
}

.custom-bots__editor__composer-suggestion-editor__composer-disabled-selector__invalid-channel {
    opacity: .5
}

.custom-bots__editor__answer-bot-editor__head-line {
    margin-right: -16px;
    margin-left: -16px
}

.custom-bots__editor__answer-bot-editor__messenger,.custom-bots__editor__answer-bot-editor__messenger__with-behaviors {
    align-items: flex-end;
    border-radius: 0 0 8px 8px;
    box-sizing: border-box;
    box-shadow: 0 16px 32px -12px rgba(0,0,0,.1),0 -24px 0 0 #fff,16px 0 32px -12px rgba(0,0,0,.1),-16px 0 32px -12px rgba(0,0,0,.1);
    padding: 20px 20px 30px;
    width: 420px
}

.custom-bots__editor__answer-bot-editor__messenger__with-behaviors {
    box-shadow: 0 24px 0 0 #fff,0 -24px 0 0 #fff,16px 0 32px -12px rgba(0,0,0,.1),-16px 0 32px -12px rgba(0,0,0,.1);
    padding: 20px
}

.custom-bots__editor__answer-bot-editor__bot-only__no-actions-text {
    width: 420px
}

.custom-bots__editor__answer-bot-editor__line-container {
    position: relative;
    width: 40px
}

.custom-bots__editor__answer-bot-editor__line-container::before {
    position: absolute;
    top: -24px;
    left: 14px;
    bottom: -89px;
    width: 1px;
    content: "";
    border-left: 1px dashed rgba(0,0,0,.2)
}

.custom-bots__editor__answer-bot-editor__fallback-heading__standard {
    position: relative;
    border-radius: 4px;
    padding: 3px 9px;
    font-weight: 500;
    color: var(--text-muted);
    border: 1px solid rgba(0,0,0,.1)
}

.custom-bots__editor__answer-bot-editor__fallback-heading__standard::before {
    position: absolute;
    top: 50%;
    left: -24px;
    width: 24px;
    height: 1px;
    content: "";
    border-top: 1px dashed rgba(0,0,0,.2)
}

.custom-bots__editor__answer-bot-editor__bot-message,.custom-bots__editor__answer-bot-editor__reply-buttons-preview {
    opacity: .55
}

.custom-bots__editor__answer-bot-editor__user-message {
    padding: 10px;
    max-width: 65%;
    border-radius: 5px;
    font-style: italic;
    background-color: var(--beta-fill);
    color: rgba(255,255,255,.75)
}

.custom-bots__editor__answer-bot-editor__bot-message {
    padding: 10px;
    width: 250px;
    border-radius: 5px;
    color: var(--text-default);
    background: var(--neutral-container);
    border: 1px solid transparent
}

.custom-bots__editor__answer-bot-editor__bot-message .custom-bots__editor__answer-bot-editor__bot-message__arrow {
    display: inline-block;
    transform: rotate(90deg)
}

.custom-bots__editor__answer-bot-editor__bot-message.o__italic {
    font-style: italic
}

.custom-bots__editor__answer-bot-editor__reply-buttons-preview {
    text-align: right
}

.custom-bots__editor__answer-bot-editor__reply-buttons-preview__button {
    display: inline-block;
    margin: 0 4px 8px 0;
    padding: 6px 10px;
    border-radius: 6px;
    background-color: var(--suggestion_background_color);
    color: var(--suggestion_text_color)
}

.custom-bots__editor__answer-bot-editor__fallback-heading__standard {
    display: inline-block
}

.custom-bots__editor__answer-bot-editor__fallback-heading__looping-with-no-teammate,.custom-bots__editor__answer-bot-editor__fallback-heading__looping-with-teammate,.custom-bots__editor__answer-bot-editor__handoff-to-fallback {
    position: relative
}

.custom-bots__editor__answer-bot-editor__fallback-heading__looping-with-teammate::after {
    position: absolute;
    bottom: 50%;
    right: -46px;
    width: 200px;
    height: 100px;
    content: "";
    border-bottom: 1px dashed rgba(0,0,0,.2);
    border-right: 1px dashed rgba(0,0,0,.2)
}

.custom-bots__editor__answer-bot-editor__fallback-heading__looping-with-no-teammate::before {
    position: absolute;
    bottom: 25px;
    left: 35px;
    width: 1px;
    height: 90px;
    content: "";
    border-left: 1px dashed rgba(0,0,0,.2)
}

.custom-bots__editor__answer-bot-editor__handoff-to-fallback::after {
    position: absolute;
    top: 50%;
    right: -86px;
    width: 75px;
    height: 5px;
    content: "";
    border-top: 1px dashed rgba(0,0,0,.2);
    border-right: 1px dashed rgba(0,0,0,.2)
}

.custom-bots__editor__answer-bot-editor__horizontal-rule {
    position: relative;
    width: 352px;
    margin: 20px 0;
    border-top: 2px dashed rgba(0,0,0,.1)
}

.custom-bots__editor__answer-bot-editor__horizontal-rule-with-text {
    position: relative;
    width: 255px
}

.custom-bots__editor__answer-bot-editor__horizontal-rule-with-text::before {
    position: absolute;
    top: 50%;
    right: 275px;
    width: 90px;
    content: "";
    border-top: 2px dashed rgba(0,0,0,.1)
}

.custom-bots__editor__answer-bot-editor__horizontal-rule-with-text::after {
    position: absolute;
    top: 50%;
    left: 275px;
    width: 90px;
    content: "";
    border-top: 2px dashed rgba(0,0,0,.1)
}

.custom-bots__editor__rules-editor__head-line {
    margin-right: -16px;
    margin-left: -16px
}

.custom-bots__editor.o__fullscreen {
    height: calc(100vh - 130px)
}

.custom-bots__editor__sidebar.o__fullscreen {
    height: calc(100vh - 227px);
    overflow-y: scroll
}

.custom-bots__editor__hover-actions {
    visibility: hidden
}

.custom-bots__editor__hover-actions-wrapper:hover .custom-bots__editor__hover-actions {
    visibility: visible
}

.custom-bots__editor .filter-block__container {
    max-width: 300px
}

.custom-bots__editor__footer {
    border-top: 1px solid rgba(0,0,0,.1)
}

.custom-bots__preview__graph__container {
    min-height: calc(100vh - 260px)
}

.custom-bots__preview__row {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.custom-bots__preview__read-only-composer p:not(:last-child) {
    margin-bottom: 10px
}

.custom-bots__preview__composer-suggestions__container {
    display: flex;
    flex-direction: column-reverse
}

#fin-demo-preview-mount,#workflow-preview-mount {
    height: 630px
}

#hosted-messenger-fin-preview,.custom-bots__preview__iframe-mount iframe {
    height: 100%;
    width: 100%
}

.custom-bots__preview__header {
    margin-top: 224px
}

#unified-messenger-preview-layout {
    width: 400px
}

.overview__filter-count {
    position: sticky;
    top: 63px
}

.collapsible-list__header__open {
    background-color: var(--base-module);
    position: sticky;
    top: 182px;
    z-index: 15
}

.collapsible-list__header__open.net-new-flag {
    top: 95px
}

.overview__first__use__experience-divider {
    width: 100%;
    border-bottom: 1px solid var(--neutral-border)
}

.guide-library__workflows__empty-state__discovery-banner,.overview__discovery-banner {
    background: var(--neutral-container);
    border-radius: 16px;
    width: 100%;
    background-position: center;
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-image: url(https://static.intercomassets.com/ember/assets/images/operator/workflows-info-header-bg-ba8ea907f5a29a97d52f3232813b38e0.jpg)
}

.overview__discovery-banner {
    height: 297px;
    padding: 0 0 0 48px
}

.guide-library__workflows__empty-state__discovery-banner .overview__discovery-banner__vbb,.overview__discovery-banner .overview__discovery-banner__vbb {
    margin-top: 44px;
    max-width: max-content
}

.guide-library__workflows__empty-state__discovery-banner {
    height: 270px;
    overflow-x: hidden;
    background-size: cover
}

.first__use__experience-banner {
    height: 250px
}

.overview__discovery-banner__text,.overview__text-width {
    width: 428px
}

.overview__discovery-banner__text .o__standalone-link {
    color: var(--text-default)
}

.overview__empty-state>.interface-icon.o__standard {
    width: 42px;
    height: 42px
}

.workflows-custom-discovery-banner {
    border-radius: 16px;
    background-color: var(--neutral-container)
}

.custom-bots__trigger-time-editor__container {
    max-width: 520px
}

.custom-bots__save-button {
    min-width: 142px
}

.custom-bots__accordion {
    min-width: 1000px
}

.custom-bots__accordion .liquid-child:not(.velocity-animating) {
    transform: none!important;
    overflow: visible
}

.custom-bots__accordion .liquid-child.velocity-animating {
    transform: inherit
}

.custom-bots__accordion .liquid-container:not(.liquid-animating) {
    transform: none!important;
    overflow: visible
}

.custom-bots__accordion .liquid-container.liquid-animating {
    transform: inherit
}

.custom-bots__empty-state__template-tile {
    width: 277px;
    height: 170px
}

.custom-bots__video-bots__popover-tooltip {
    width: 486px;
    position: relative
}

.custom-bots__video-bots__popover__close-button {
    position: absolute;
    top: 12px;
    right: 12px
}

.custom-bots__video-bots__popover-image {
    height: 96px;
    width: auto;
    border-radius: 6px
}

.custom-bots__empty-state-banner {
    min-height: 270px
}

.custom-bots__simple-automations-banner .base-module {
    height: 288px;
    background-color: var(--neutral-container)
}

.custom-bots__simple-automations-banner .left-banner-content-container {
    min-width: 450px
}

.section__title__arrow {
    transition: .4s transform;
    display: inline-block
}

.section__title__arrow.o__expanded {
    transform: rotate(90deg)
}

.change-plan-modal__body {
    padding: 0;
    margin: 0;
    position: relative
}

.change-plan-modal__close-button {
    position: absolute;
    top: 14px;
    right: 8px;
    height: 32px;
    width: 32px;
    margin-left: 50px
}

.change-plan-modal__removing-text {
    text-decoration: line-through
}

.change-plan-modal__price {
    min-width: 115px;
    text-align: right
}

.change-plan-modal__breakdown-icon {
    color: var(--text-muted)
}

.change-plan-modal__header__icon {
    background-color: var(--neutral-container);
    box-shadow: 0 4px 12px 0 rgba(var(--neutral-fill),.1);
    border-radius: 8px;
    min-width: 72px;
    height: 72px;
    margin-right: 30px;
    margin-top: 25px;
    position: relative
}

.change-plan-modal__header__icon__icon {
    height: 32px;
    width: 32px
}

.change-plan-modal__header__icon__icon path,.change-plan-modal__info__benefit-icon path,.upsell-banner__icon__icon path,.upsell-banner__icon__icon polygon {
    fill: var(--text-link)
}

.change-plan-modal__header__content {
    margin-top: 25px
}

.change-plan-modal__header__total-content {
    width: 650px
}

.change-plan-modal__cta__items {
    border-top: 1px solid rgba(0,0,0,.1);
    padding-top: 15px
}

.change-plan-modal__cta__li {
    list-style-type: none;
    position: relative;
    padding-bottom: 10px
}

.change-plan-modal__cta__li:before {
    content: "→";
    position: absolute;
    top: 0;
    left: -20px
}

.change-plan-modal__cta__text {
    color: var(--text-muted);
    font-size: 13px
}

.change-plan-modal__cta__text-early-stage {
    color: var(--text-muted);
    font-size: 16px
}

.change-plan-modal__cta__select {
    width: 100%
}

.change-plan-modal__cta__form,.change-plan-modal__cta__select {
    border: 1px solid rgba(0,0,0,.1);
    padding: 0 10px;
    height: 35px
}

.change-plan-modal__cta__form-field__caption {
    font-size: 14px;
    color: var(--text-muted)
}

.change-plan-modal__cta__form-field__caption.o__error {
    text-transform: none;
    color: var(--text-error)
}

.change-plan-modal__cta__form-field__caption.o__account-error {
    text-transform: none;
    color: var(--text-error);
    position: absolute
}

.change-plan-modal__cta__button {
    background-color: var(--success-fill);
    color: var(--text-on-neutral);
    font-weight: 700;
    height: 45px;
    border-radius: 4px;
    border: 1px solid var(--neutral-border);
    width: 100%
}

.change-plan-modal__cta__contact-sales-button {
    font-size: 14px;
    height: 32px;
    border-radius: 4px;
    width: 100%
}

.change-plan-modal__info__benefit-box {
    flex: 1;
    flex-basis: 0;
    margin-left: 45px
}

.change-plan-modal__info__benefit-box:first-child {
    margin-left: 0
}

.change-plan-modal__info__benefit-icon {
    width: 32px;
    height: 32px;
    position: relative
}

.change-plan-modal__info__benefit-icon-svg {
    max-width: 100%;
    max-height: 100%;
    width: 32px;
    height: 32px
}

.change-plan-modal__info__column {
    flex: 1;
    flex-basis: 0
}

.change-plan-modal__info__feature {
    border-bottom: 1px solid rgba(0,0,0,.05);
    list-style-type: none;
    position: relative;
    padding: 10px 10px 10px 35px
}

.change-plan-modal__info__feature:before {
    color: var(--text-muted);
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    font-size: 16px;
    font-weight: 600
}

.change-plan-modal__info__feature.o__selected:before {
    color: var(--text-link)
}

.change-plan-modal__info__feature-highlight {
    background: var(--neutral-container-emphasis);
    color: var(--text-link);
    padding: 2px 4px;
    border-radius: 4px
}

.change-plan-modal__info__feature-list {
    border-top: 1px solid rgba(0,0,0,.05);
    margin: 0;
    padding: 0
}

.change-plan-modal__info__video {
    border: 1px solid rgba(0,0,0,.1);
    position: relative;
    max-width: 100%;
    border-radius: 4px;
    padding: 56.25% 0 0
}

.change-plan-modal__info__video iframe {
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.change-plan-modal__info__pricing {
    text-align: left;
    width: 100%
}

.change-plan-modal__info__pricing td,.change-plan-modal__info__pricing th {
    padding: 10px 0
}

.change-plan-modal__info__pricing tr {
    border-top: 1px solid var(--neutral-border)
}

.change-plan-modal__info__plan-selector {
    vertical-align: middle;
    margin-bottom: 5px
}

.change-plan-modal__info__mouseover__indicator {
    border-bottom: 1px dashed var(--beta-fill);
    color: var(--text-link)
}

.change-plan-modal__info__pricing-top-range td {
    border-bottom: 0
}

.change-plan-modal__info__pricing-light-text {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-muted);
    font-weight: 400
}

.change-plan-modal__info__pricing-section {
    width: 265px;
    padding: 8px 0
}

.change-plan-modal__info__pricing-section:not(:last-child) {
    border-bottom: 1px solid rgba(var(--neutral-container),.1)
}

.change-plan-modal__info__pricing-line:last-of-type {
    border-top: 1px solid rgba(var(--neutral-fill),.1);
    padding-top: 15px
}

.change-plan-modal__info__pricing-text-box.o__right {
    text-align: right
}

.change-plan-modal__info__pricing-text-box.o__limit-size {
    width: 140px
}

.zoom-webinar__settings-integration-info {
    background-color: var(--neutral-container);
    height: 56px;
    border-radius: 4px
}

.zoom-webinar__settings-logo {
    background-image: url(https://static.intercomassets.com/ember/assets/images/zoom-webinar/logo-5fd8ac5fc654a143b05e0ea0da55dc9c.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    margin: 12px 20px
}

.zoom-webinar__settings-account-email {
    flex-grow: 1
}

.importer__header__container {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: solid 2px rgba(0,0,0,.2);
    margin: 0 50px
}

.importer__header__wrapper {
    background-color: var(--neutral-container)
}

.importer__header__heading {
    color: var(--text-default)
}

.importer__header__step.o__current,.outbound__sms__onboarding__active-step>span {
    color: var(--text-on-neutral);
    background-color: var(--beta-fill)
}

.importer__header__step.o__remaining {
    height: 22px;
    width: 22px;
    box-sizing: border-box;
    background-color: var(--neutral-container);
    color: var(--text-muted);
    border: 1px solid rgba(0,0,0,.2)
}

.importer__header__step__copy {
    color: var(--text-default);
    font-size: 16px;
    margin-left: 5px
}

.importer__header__step__copy.o__current {
    color: var(--text-link)
}

.importer__header__step__copy.o__remaining {
    color: var(--text-muted)
}

.importer__header__step__wrapper {
    margin-left: 20px
}

.importer__header__container.o__borderless {
    border-bottom: 0
}

.importer__step__container {
    margin-left: 50px
}

.importer__step__container.o__centered {
    margin: 0 auto
}

.importer__step__btn-container {
    margin-right: 50px;
    width: 145px
}

.importer__step__btn-container.o__large {
    width: 198px
}

.importer__step__btn-container.o__wide {
    width: 240px
}

.importer__step__summary {
    width: 625px
}

.importer__step__summary.o__wide {
    width: 730px
}

.importer__step__screenshot__container {
    margin-right: 50px
}

.importer__step__label {
    display: block;
    color: var(--text-muted)
}

.importer__step__import__mixpanel {
    max-width: 387px
}

.importer__step__record-text {
    color: var(--text-muted)
}

.importer__step__file-upload {
    background-color: var(--neutral-container);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    height: 172px;
    box-sizing: border-box;
    justify-content: center;
    text-align: center
}

.importer__step__file-upload.o__disabled {
    opacity: .5;
    pointer-events: none
}

.importer__step__file-upload.o__dragging {
    border-style: solid
}

.importer__step__file-upload.o__error {
    background-color: var(--error-container)
}

.importer__step__file-upload__instructions {
    max-width: 526px;
    margin: 0 auto;
    color: var(--text-muted)
}

.importer__step__file-upload__btn {
    width: 121px;
    margin: 0 auto
}

.importer__step__screenshot {
    max-width: 100%;
    height: auto
}

.importer__step__instruction {
    max-width: 372px
}

.importer__step__mailchimp__list-lookup-input {
    width: 35%;
    display: inline-block;
    margin-top: 5px
}

.importer__step__mailchimp__list-headers.o__header {
    background-color: var(--neutral-container);
    color: var(--text-default);
    border-bottom: 1px solid rgba(0,0,0,.2);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    font-weight: 500;
    text-align: left;
    padding: 9px 15px
}

.importer__step__mailchimp__list-headers.o__select-btn {
    width: 20px
}

.importer__step__mailchimp__list-headers.o__list-name {
    width: 300px
}

.importer__step__mailchimp__list-headers.o__date,.importer__step__mailchimp__list-headers.o__subscribers {
    width: 100px
}

.importer__step__mailchimp__tbl-body-cell {
    color: var(--text-muted);
    border-bottom: 1px solid var(--neutral-border);
    border-top: 0!important;
    border-left: 0!important;
    border-right: 0!important
}

.importer__step__mailchimp__tbl-body-cell.o__radio {
    padding-left: 4px
}

.importer__step__zendesk__loading-indicator {
    display: inline-block;
    padding-right: 15px
}

.importer__step__zendesk__loading-indicator.o__large {
    width: 26px;
    height: 26px
}

.importer__step__zendesk__loading-text {
    vertical-align: middle
}

.importer__step__zendesk__domain-label {
    align-self: flex-end
}

.importer__step__error-message,.importer__step__input__label.o__error {
    color: var(--text-error)
}

.importer__step__input.o__error {
    border-color: var(--error-border)
}

.importer__step__email {
    font-weight: 500
}

.importer__tag__header {
    display: flex;
    font-weight: 400;
    height: 97px;
    justify-content: space-between;
    margin-left: 50px;
    width: 512px
}

.importer__finish__container {
    margin: 0 50px
}

.importer__finish__header {
    margin-bottom: 40px
}

.importer__finish__progress__bar-wrapper {
    background-color: var(--neutral-container);
    height: 8px;
    border-radius: 4px
}

.importer__finish__progress__bar {
    background-color: var(--beta-fill);
    height: 8px;
    border-radius: 4px
}

.importer__finish__main__wrapper {
    width: 533px
}

.importer__finish__import-view-errors {
    color: var(--text-link);
    font-size: 14px;
    font-weight: 400
}

.importer__finish__btn-container {
    width: 145px
}

.importer__finish__import-summary {
    margin-right: 30px
}

.importer__finish__import-summary-text {
    font-size: 11px;
    line-height: 20px;
    color: var(--text-muted)
}

.importer__mapping {
    background-color: var(--neutral-container)
}

.importer__mapping * {
    box-sizing: border-box
}

.importer__mapping__secondary-header {
    margin: 40px 50px
}

.importer__mapping__secondary-header__explanation {
    margin-top: 10px;
    color: var(--text-muted)
}

.importer__mapping__columns {
    flex-wrap: wrap;
    margin: 0 50px
}

.importer__mapping__card__inner {
    padding: 20px;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
    background-color: var(--neutral-container);
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10
}

.importer__mapping__column-placeholder {
    margin: 0 50px 30px 0;
    position: relative;
    height: 350px;
    width: 280px
}

.importer__mapping__columns.o__currently-mapping .importer__mapping__column:not(.o__open) {
    opacity: .4
}

.importer__mapping__finished-mapping .importer__mapping__column-placeholder:not(.o__mapped) {
    display: none
}

.importer__mapping__column.o__hoverable:not(.o__open) {
    cursor: pointer
}

.importer__mapping__column.o__hoverable:not(.o__open):hover .importer__mapping__column__number {
    color: var(--text-link)
}

.importer__mapping__column.o__open {
    opacity: 1;
    z-index: 1000;
    overflow: visible;
    width: 560px;
    border-color: rgba(0,0,0,.2)
}

.accordion__section.o__closed:hover .oauth__accordion__header__title-text,.importer__mapping__column.o__open .importer__mapping__column__number {
    color: var(--text-link)
}

.importer__mapping__column__number {
    padding: 35px 0 0 44px
}

.importer__mapping__column__label {
    padding: 0 0 0 25px
}

.importer__mapping__column.o__open .importer__mapping__column__right-pane {
    border-left: 1px solid rgba(0,0,0,.2);
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1);
    background-color: var(--neutral-container);
    z-index: 1001;
    opacity: 1!important;
    visibility: visible!important;
    display: block!important
}

.importer__mapping__column__left-pane {
    display: flex;
    flex-direction: column;
    width: 280px
}

.importer__mapping__column__heading {
    padding: 10px 0 7px 23px;
    color: var(--text-muted)
}

.importer__mapping__column .importer__mapping__column__right-pane {
    height: 100%;
    left: 281px;
    position: absolute;
    top: 0;
    width: 280px;
    overflow: hidden;
    word-wrap: break-word;
    background-color: var(--neutral-container);
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease-in-out,visibility .15s ease-in-out
}

.importer__mapping__rows {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0
}

.importer__mapping__header-row {
    background-color: var(--neutral-container);
    color: var(--text-muted);
    font-size: 14px;
    display: flex;
    font-weight: 400;
    align-items: center;
    max-height: 40px;
    padding: 0 45px
}

.importer__mapping__header-row.o__mapped {
    background-color: var(--success-container)
}

.importer__mapping__column.o__open .importer__mapping__header-row {
    background-color: var(--neutral-container-emphasis)
}

.importer__mapping__column-placeholder:hover:not(.o__open):not(.o__mapped) .importer__mapping__header-row {
    background-color: var(--neutral-container-emphasis)
}

.importer__mapping__column {
    border-radius: 5px;
    counter-reset: row;
    cursor: default;
    display: flex;
    height: 100%;
    overflow: hidden;
    position: absolute;
    transition: opacity .15s ease-in-out;
    width: 280px;
    background-color: var(--neutral-container)
}

.importer__mapping__row {
    align-items: center;
    color: var(--text-default);
    display: flex;
    flex: 1;
    max-height: 40px;
    padding: 0 20px
}

.importer__mapping__row:before {
    color: var(--text-muted);
    counter-increment: row;
    content: counter(row);
    margin-right: 20px
}

.importer__mapping__row:not(:last-child) {
    border-bottom: 1px solid var(--neutral-border)
}

.importer__mapping__row:last-child {
    color: var(--text-muted)
}

.importer__mapping__row:last-child:before {
    color: inherit;
    content: "…"
}

.importer__mapping__f-undoable-text-field {
    width: 185px
}

.importer__mapping__undo {
    margin-left: 5px;
    text-decoration: underline
}

.importer__mapping__column.o__mapped {
    border: 1px solid var(--success-border)
}

.importer__mapping__btn__container.o__left {
    width: 30%
}

.importer__mapping__btn__container.o__right {
    width: 55%
}

.importer__mapping__column__right-pane .t__h1,.importer__mapping__column__right-pane div {
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.importer__mapping__column.o__open .importer__mapping__column__right-pane::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--neutral-container);
    z-index: -1
}

.importer,.upsell-banner__wrapper {
    background-color: var(--neutral-container)
}

.upsell-banner__wrapper {
    border-radius: 4px;
    padding: 30px
}

.upsell-banner__icon__container {
    background-color: var(--neutral-container);
    box-shadow: 0 4px 12px 0 rgba(var(--neutral-fill),.1);
    border-radius: 8px;
    width: 72px;
    height: 72px;
    position: relative
}

.upsell-banner__icon__icon {
    max-width: 24px;
    max-height: 24px
}

.paywall__h1 {
    font-weight: 300;
    font-size: 36px;
    line-height: 1.2
}

.paywall__container {
    width: 900px;
    margin: 0 auto;
    padding: 30px
}

.paywall__tier {
    color: var(--text-link);
    font-weight: 500
}

.paywall__description-text {
    width: 360px
}

.paywall__asset {
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
    border: 1px solid var(--neutral-border);
    width: 460px;
    border-radius: 8px
}

.paywall__block {
    background-color: var(--paywall-container);
    border: 1px solid var(--paywall-border);
    padding: 8px!important;
    border-radius: 3px
}

.paywall__badge {
    cursor: pointer;
    pointer-events: auto;
    font-size: 13px;
    font-weight: 400
}

.paywall__badge,.paywall__badge.o__unclickable:hover,.paywall__badge:hover {
    color: var(--text-default)
}

.paywall__badge:hover circle {
    fill: var(--paywall-fill-emphasis)
}

.paywall__badge.o__unclickable {
    cursor: auto
}

.paywall__badge-nested {
    position: absolute;
    right: 0;
    padding-right: 8px
}

.paywall__badge-text-only {
    font-size: 13px;
    font-weight: 400;
    color: var(--text-default)
}

.paywall__badge-only {
    display: inline-block;
    background-color: var(--paywall-container);
    border: 1px solid var(--paywall-border);
    border-radius: 3px;
    padding: 1px 8px 1px 3px;
    line-height: 1.3
}

.paywall__icon {
    border-radius: 50%;
    display: inline-block;
    height: 14px;
    margin-bottom: -2px;
    margin-left: 5px;
    padding-right: 1px;
    width: 15px;
    box-sizing: border-box
}

.paywall__badge path,.paywall__banner path {
    fill: var(--base-module)
}

.paywall__banner {
    background-color: var(--paywall-container);
    color: var(--text-default)
}

.paywall__hover__icon,.paywalls__limit-reached-hover-card__feature-upgrade-arrow svg {
    width: 20px;
    height: 20px
}

.paywall__hover__icon-container {
    padding-top: 4px
}

.paywall__button,.paywall__button.btn {
    white-space: normal;
    background-color: var(--paywall-fill)!important;
    color: var(--text-on-paywall)!important
}

.paywall__button.btn:active,.paywall__button.btn:hover,.paywall__button:active,.paywall__button:hover {
    background-color: var(--paywall-fill-emphasis)!important;
    border-color: var(--paywall-border-emphasis)!important
}

.paywall__button.btn:active,.paywall__button.btn:focus,.paywall__button:active,.paywall__button:focus {
    box-shadow: 0 0 0 3px var(--paywall-border);
    border-color: var(--paywall-border-emphasis)
}

.paywall__hover__tooltip-content {
    padding: 8px 4px
}

.paywall__hover__divider {
    margin-right: -16px;
    margin-left: -16px
}

.paywall__splash__text {
    max-width: 340px
}

.paywall__splash__feature {
    font-weight: 600
}

.paywall__mini-splash {
    height: 100%
}

.paywall__highlight-text-coming-soon {
    color: var(--text-default);
    border: 1px solid var(--neutral-border-emphasis);
    font-size: 10px;
    border-radius: 34px;
    padding: 4px 8px;
    line-height: 1
}

.paywall__interface-icon .interface-icon.o__standard {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0
}

.paywall__container__override {
    background-color: var(--paywall-container)!important
}

.paywall__container__override:hover {
    background-color: var(--paywall-container-emphasis)!important
}

.paywall__container__override:active {
    outline: 1px solid var(--paywall-border)!important
}

.paywalls__upgrade-modal__content {
    padding: 24px
}

.paywalls__upgrade-modal__header-title {
    display: grid;
    align-content: center
}

.paywalls__upgrade-modal__sales-led__header {
    height: 108px;
    box-shadow: inset 0 -1px 0 rgba(var(--neutral-fill),.1);
    border-radius: 8px 8px 0 0
}

.paywalls__upgrade-modal__horizontal-rule {
    border-bottom: solid 1px rgba(var(--neutral-fill),.1)
}

.paywalls__upgrade-modal__icon {
    width: 40px;
    height: 40px
}

.paywalls__upgrade-modal__icon path,.paywalls__upgrade-modal__icon-with-rounded-arrow path {
    fill: var(--paywall-fill)
}

.paywalls__upgrade-modal__product-icon {
    width: 32px;
    height: 32px
}

.paywalls__upgrade-modal__upgrade-icon {
    height: 28px;
    width: 28px
}

.paywalls__upgrade-modal__icon-container {
    height: 72px;
    width: 72px;
    border-radius: 10px;
    background-color: #fcf9fe;
    border: 1px solid #f2e9fe;
    justify-content: center;
    align-items: center;
    display: flex
}

.paywalls__upgrade-modal__product-icon-container {
    height: 36px;
    width: 36px;
    justify-content: center;
    align-items: center;
    display: flex
}

.paywalls__upgrade-modal__secondary-body-icon-color {
    fill: var(--neutral-container)
}

.paywalls__upgrade-modal__highlight-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 16px 24px
}

.paywalls__upgrade-modal__highlight-icon-svg {
    width: 100%;
    height: 100%;
    max-width: 40px;
    max-height: 40px
}

.paywalls__upgrade-modal__highlight-icon path {
    fill: var(--text-link)
}

.paywalls__upgrade-modal__coming-soon-hr {
    margin-top: 12px!important;
    margin-bottom: 4px!important
}

.paywalls__upgrade-modal__feature {
    position: relative;
    padding: 4px 0 4px 24px
}

.paywalls__upgrade-modal__feature:before {
    color: var(--text-default);
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    padding: 4px;
    font-size: 16px;
    font-weight: 600
}

.paywalls__upgrade-modal__feature.o__highlighted {
    color: var(--text-default)
}

.paywalls__upgrade-modal__sidebar {
    padding: 72px 24px 24px;
    background-color: var(--neutral-container);
    width: 221px;
    border-radius: 0 8px 8px 0
}

.paywalls__upgrade-modal__sidebar--upgrade-icon {
    padding-top: 85px
}

.paywalls__upgrade-modal__loading-indicator {
    height: 594px
}

.paywalls__upgrade-modal__header-ic-interface-icon .interface-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0!important;
    padding: 0!important
}

.paywalls__upgrade-modal__badge-icon .interface-icon {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0!important;
    margin: 0 8px 0 0!important
}

.paywalls__upgrade-card {
    border-radius: 6px;
    background-color: var(--neutral-container)
}

.paywalls__upgrade-card__expand-button {
    cursor: pointer;
    color: var(--text-default)
}

.paywalls__upgrade-card__expand-icon {
    color: var(--text-default);
    opacity: .4
}

.paywalls__upgrade-card__expand-icon svg.interface-icon {
    width: 10px
}

.paywalls__upgrade-card__inline-paywall-card {
    border-top: 1px solid rgba(0,0,0,.1)
}

.paywalls__upgrade-card__price-breakdown td:first-child {
    width: 230px
}

.paywalls__upgrade-card__price-breakdown td:last-child {
    font-weight: 500
}

.paywalls__upgrade-card__feature-upgrade-icon {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 8px;
    background-color: var(--paywall-container)
}

.paywalls__limit-reached-hover-card__feature-upgrade-arrow circle,.paywalls__upgrade-card__feature-upgrade-arrow {
    stroke: var(--paywall-border)
}

.inbox2 .paywall__badge circle,.paywalls__limit-reached-hover-card__feature-upgrade-arrow path,.paywalls__upgrade-card__feature-upgrade-arrow path,.workflows__node__step-container-menu__item-paywall circle {
    fill: var(--paywall-fill)
}

.paywalls__limit-reached-hover-card__divider {
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px
}

.paywalls__limit-reached-hover-card__feature-upgrade-arrow {
    display: inline-block;
    width: 20px;
    height: 20px
}

.ds-new__dropdown__standard .paywall__block {
    margin-bottom: -9px;
    margin-top: 9px
}

.ds-new__dropdown__standard .paywall__block .js__paywalled__dropdown__item {
    padding: 6px 3px
}

.ds-new__dropdown__standard .no-free-items {
    margin-top: -18px
}

.paywalls__sidebar__sidebar-icon .interface-icon {
    height: 2rem;
    width: 2rem
}

.getting-started__container {
    width: 960px
}

.getting-started__content {
    width: 360px
}

.copy-text-component {
    background-color: var(--neutral-container);
    padding: 8px 10px
}

.import-modal__import-icon {
    background-size: 25px;
    background-repeat: no-repeat;
    margin-right: 15px
}

.import-modal__import-icon.o__zendesk-chat {
    background-image: url(https://static.intercomassets.com/ember/assets/images/import/zendesk/zendesk-chat-logo-9fc335397cd485e0486feb7f27d02468.png);
    width: 25px;
    height: 25px
}

.import-modal__import-icon.o__zendesk-tickets {
    background-image: url(https://static.intercomassets.com/ember/assets/images/import/zendesk/zendesk-tickets-logo-db0e5a4687bbec7f0f5760107c9f169b.png);
    width: 25px;
    height: 25px
}

.import-modal__import-icon.o__csv {
    fill: var(--beta-fill);
    height: 22px;
    width: 25px
}

.import-modal__import-icon.o__mailchimp {
    background-image: url(https://static.intercomassets.com/ember/assets/images/start/import/mailchimp_logo-8e92bf8d413bc9396375c04974eb0389.png);
    width: 25px;
    height: 30px
}

.import-modal__import-icon.o__mixpanel {
    margin-top: 7px;
    background-image: url(https://static.intercomassets.com/ember/assets/images/start/import/mixpanel-4109533d03837fef957afe916054e663.png);
    width: 25px;
    height: 30px
}

.import-modal__import-icon.o__zendesk {
    background-image: url(https://static.intercomassets.com/ember/assets/images/start/import/zendesk_logo-f671169a57850949bce41dc5432cd48b.png);
    width: 25px;
    height: 30px
}

.calendar-common__setting-header-body {
    width: 500px
}

.calendar-common__logo {
    border-radius: 1px;
    width: 40px;
    height: 40px
}

.calendar-common__settings-integration-info {
    width: 18px;
    height: 18px
}

.google__auth-button,.google__auth-button:hover {
    background-color: #4285f4;
    border: 1px solid #4285f4
}

.google__auth-button {
    outline: 0;
    border-radius: 2px;
    color: var(--text-on-neutral);
    font-size: 14px;
    width: 260px;
    text-decoration: none;
    transition: all .2s ease;
    font-weight: lighter;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.25)
}

.google__auth-button:hover {
    opacity: 1;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.25),inset 0 1px 2px 0 transparent
}

.google__logo {
    background: #fff url(https://static.intercomassets.com/ember/assets/images/oauth/google_g_logo-36x36-at-2x-5394e408c65ea28a0a21350de2ff6c2d.png) center center/18px no-repeat
}

.oauth__connect-container {
    background-color: var(--neutral-container)
}

.oauth__requested-scopes-container {
    max-width: 35%;
    margin: auto
}

.oauth__workspace-picker-opener-button {
    padding: 0
}

.oauth__workspace-picker-opener-button:hover {
    padding: 5px 6px 7px 8px
}

.banner__composer__prosemirror-banner b,.new-content-modal__new-header h2,.oauth__bold {
    font-weight: 600
}

.oauth__accordion {
    max-width: 100%
}

.oauth__accordion .liquid-child:not(.velocity-animating) {
    transform: none!important;
    overflow: visible
}

.oauth__accordion .liquid-child.velocity-animating {
    transform: inherit
}

.oauth__accordion .liquid-container:not(.liquid-animating) {
    transform: none!important;
    overflow: visible
}

.oauth__accordion .liquid-container.liquid-animating {
    transform: inherit
}

.oauth__accordion__header__title {
    margin-bottom: 2px
}

.oauth__accordion__header__title-text {
    transition: color .4s ease
}

.oauth__accordion__header__beta-label,.oauth__accordion__header__new-label {
    color: var(--text-on-neutral);
    background-color: var(--neutral-container);
    padding: 2px 8px;
    border-radius: 4px;
    border: 0;
    font-size: 13px;
    line-height: 18px;
    margin-left: 15px
}

.oauth__accordion__header__beta-label {
    color: var(--text-link);
    background-color: var(--neutral-container-emphasis);
    display: inline
}

.oauth__accordion__header__new-label,.oauth__accordion__header__title-text {
    display: inline
}

.oauth__connect-buttons {
    width: 50%
}

.oauth__app-package-or-workspace-box {
    padding: 15px
}

.oauth__app-package-default-svg,.oauth__app-package-img,.oauth__intercom-logo {
    width: 60px;
    height: 60px
}

.oauth__intercom-logo {
    fill: var(--beta-fill)
}

.oauth__description-align {
    margin-left: 70px;
    margin-right: 40px
}

.oauth__non-connectable-message-box {
    border: 1px solid var(--neutral-border);
    border-radius: 5px;
    padding: 20px;
    margin-top: 15px;
    margin-bottom: 15px
}

@media screen and (min-width: 300px) {
    .oauth__requested-scopes-container {
        max-width:97%
    }
}

@media screen and (min-width: 576px) {
    .oauth__requested-scopes-container {
        max-width:95%
    }
}

@media screen and (min-width: 768px) {
    .oauth__requested-scopes-container {
        max-width:60%
    }
}

@media screen and (min-width: 992px) {
    .oauth__requested-scopes-container {
        max-width:40%
    }
}

@media screen and (min-width: 1200px) {
    .oauth__requested-scopes-container {
        max-width:500px
    }
}

.accounts__new-account-button {
    position: absolute;
    top: 20px;
    right: 30px
}

.accounts__table__truncated-cell {
    min-width: 165px;
    max-width: calc(40vw - 300px)
}

.outlook__auth-button,.outlook__auth-button:hover {
    background-color: var(--neutral-fill);
    border: 1px solid var(--neutral-border-emphasis)
}

.outlook__auth-button {
    outline: 0;
    border-radius: 2px;
    color: var(--text-on-neutral);
    font-size: 14px;
    width: 200px;
    text-decoration: none;
    transition: all .2s ease;
    font-weight: lighter;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.25)
}

.outlook__auth-button:hover {
    opacity: 1;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.25),inset 0 1px 2px 0 transparent
}

.outlook__logo {
    background: var(--neutral-fill) url(https://static.intercomassets.com/ember/assets/images/oauth/microsoft-icon_2x-7af2a7ffbdf49b7e989884fa3f0d3ec2.png) center center/18px no-repeat
}

.tours__editor__content-panel__timeline-container {
    width: 100%;
    overflow-y: hidden
}

.tours__editor__content-panel__step-progress {
    padding-left: 18px;
    color: #888
}

.tours__editor__content-panel__build-url-input-container {
    max-width: 502px
}

.tours__editor__content-panel__config-container {
    width: 308px;
    height: inherit;
    float: left;
    border-right: 1px solid var(--neutral-border)
}

.tours__editor__content-panel__timeline-heading {
    position: relative
}

.tours__editor__content-panel__timeline-start-tour {
    width: 220px;
    height: 162px;
    background: var(--neutral-container);
    border-radius: 5px
}

.tours__editor__content-panel__empty-panel {
    min-width: 205px;
    height: 150px;
    border-radius: 6px;
    background: var(--neutral-container);
    margin-left: 30px
}

.tours__editor__content-panel__empty-panel:nth-child(2) {
    opacity: .8
}

.tours__editor__content-panel__empty-panel:nth-child(3) {
    opacity: .6
}

.tours__editor__content-panel__empty-panel:nth-child(4) {
    opacity: .4
}

.tours__editor__content-panel__empty-panel:nth-child(5) {
    opacity: .2
}

.tours__editor__timeline-component__intercom-avatar {
    width: 32px;
    height: 32px;
    display: block
}

.tours__editor__timeline-component__intercom-avatar svg.o__standard__owner {
    width: 32px;
    height: 32px
}

.tours__editor__timeline-component__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    padding: 0 7.31% 16px;
    color: var(--tour_text_color,var(--THEME-EJECTION__CONTENT-PREVIEW__BLACK-COLOR));
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden
}

.tours__editor__timeline-component__scaled-container {
    transform: scale(.75);
    transform-origin: 0 0;
    width: 133.333%
}

.tours__editor__timeline-component__header-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.tours__editor__timeline-component__pointer-arrow-container {
    width: 10px;
    height: 10px;
    margin-left: 90px;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    background-color: var(--tour_background_color,var(--THEME-EJECTION__CONTENT-PREVIEW__WHITE-COLOR));
    border-bottom: none;
    border-left: none;
    border-top: 1px solid rgba(0,0,0,.1);
    border-right: 1px solid rgba(0,0,0,.1);
    box-sizing: border-box;
    position: absolute;
    transition: all .16s cubic-bezier(.2,.8,.2,1)
}

.tours__editor__timeline-component__post-step-container {
    width: 306px;
    position: relative
}

.tours__editor__timeline-component__pointer-step-container {
    width: 214px;
    position: relative
}

.tours__editor__timeline-component__step-progress-icon {
    margin-top: 7px
}

.tours__editor__timeline-component__step-progress-icon:after,.tours__editor__timeline-component__step-progress-icon:before {
    background-color: var(--neutral-border-emphasis);
    height: 2px;
    width: 6px;
    margin-right: 2px;
    margin-left: 2px;
    position: relative;
    display: block;
    content: ""
}

.tours__editor__timeline-component__block-container {
    width: 100%
}

.tours__editor__timeline-component__block-container .embercom-composer-editor {
    min-height: 0
}

.tours__editor__timeline-component__block-content {
    word-break: break-all;
    white-space: normal;
    overflow: hidden;
    width: auto;
    max-height: 138px;
    pointer-events: none
}

.tours__editor__timeline-component__pointer-step-container,.tours__editor__timeline-component__post-step-container {
    float: left
}

.tours__editor__timeline-component__display-flex {
    display: flex;
    padding-top: 24px;
    overflow-x: auto;
    padding-bottom: 24px
}

.tours__editor__timeline-component__video-step-container__inner {
    -webkit-mask-image: url(https://js.intercomcdn.com/images/video-tours-mask.13acd30e.svg);
    mask-image: url(https://js.intercomcdn.com/images/video-tours-mask.13acd30e.svg)
}

.tours__editor__timeline-component__video-step-container__inner .tours__editor__timeline-component__block-content {
    max-height: none
}

.tours__editor__timeline-component__pointer-step-container .tours__editor__timeline-component__step__inner-container,.tours__editor__timeline-component__post-step-container .tours__editor__timeline-component__step__inner-container {
    padding-top: 15px;
    background-color: var(--tour_background_color,var(--THEME-EJECTION__CONTENT-PREVIEW__WHITE-COLOR));
    color: var(--tour_text_color,var(--THEME-EJECTION__CONTENT-PREVIEW__BLACK-COLOR));
    transition: all .16s cubic-bezier(.2,.8,.2,1);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
    border: 1px solid rgba(0,0,0,.1);
    max-height: 150px
}

.tours__editor__timeline-component__video-step-container {
    width: 214px;
    height: 150px
}

.tours__editor__timeline-component__video-step-container .tours__editor__timeline-component__step__inner-container {
    box-shadow: none;
    max-height: 160px;
    position: relative;
    top: -10px
}

.tours__editor__content-panel__timeline-component .tours__editor__timeline-component__step-container:hover {
    transform: scale(1.02) translateY(-4px)
}

.tours__editor__content-panel__timeline-component .tours__editor__timeline-component__step__inner-container:hover {
    cursor: pointer
}

.tours__editor__timeline-component__add-step-block {
    width: 220px;
    height: 150px;
    background: var(--neutral-container);
    border-radius: 5px
}

.tours__editor__insertion-panel__body.o__disabled {
    opacity: .5
}

.tours__editor__insertion-panel__highlight-template-variable {
    background: var(--neutral-container)
}

.tours__editor__insertion-panel__messenger-container {
    width: 340px
}

.tours__editor__insertion-panel__messenger {
    box-shadow: 0 2px 32px rgba(0,0,0,.14),0 1px 6px rgba(0,0,0,.06);
    border-radius: 0 0 8px 8px;
    width: 340px
}

.tours__editor__insertion-panel__messenger__footer {
    border-top: 1px solid var(--neutral-border)
}

.tours__editor__insertion-panel__messenger__footer .tours__editor__insertion-panel__messenger__footer__gif-picker-icon {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 1px
}

.tours__editor__insertion-panel__product-tour-card-mirror {
    background: var(--neutral-container);
    width: 193px
}

.tours__editor__insertion-panel__product-tour-card__preview-card {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.tours__editor__insertion-panel__product-tour-card__preview-card-container {
    width: 255px
}

.tours__editor__insertion-panel__product-tour-card-author {
    align-self: flex-end;
    margin-bottom: 13px
}

.tours__editor__insertion-panel__product-tour-card-container {
    position: relative
}

.tours__editor__insertion-panel__product-tour-card__redirect-arrow-url {
    position: absolute;
    bottom: -86px;
    left: 185px
}

.tours__editor__insertion-panel__text {
    width: 480px
}

.tours__editor__insertion-panel__text-column {
    width: 240px
}

.tours__editor__insertion-panel__url-container {
    min-width: 485px
}

.tours__editor__insertion-panel__url__param-container {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 0 4px 4px 0;
    background: var(--neutral-container)
}

.tours__editor__insertion-panel__url {
    padding: 0
}

.tours__editor__insertion-panel__url .tours__editor__insertion-panel__url__param {
    border: 0
}

.tours__editor__insertion-panel__url .embercom-composer-editor {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    white-space: nowrap;
    overflow: hidden
}

.tours__editor__insertion-panel__url .embercom-composer-placeholder {
    top: 6px;
    left: 11px
}

.tours__editor__publish-panel__audience-summary {
    max-width: 700px
}

.tours__editor__container.o__half-opaque {
    opacity: .5
}

.tours__editor__panel-footer {
    border-top: 1px solid var(--neutral-border);
    position: relative;
    min-height: 54px
}

.tours__editor__panel-footer__button {
    position: absolute;
    right: 20px;
    top: 10px
}

.tours__inline-composer .embercom-composer-editor {
    min-height: 32px!important
}

.tours__inline-composer-preview .embercom-composer-editor {
    min-height: 13px!important;
    display: inline!important
}

.tours__inline-composer-preview .embercom-composer-editor p {
    display: inline!important
}

.tours__editor__interblock-styles .intercom-interblocks ol>li,.tours__editor__interblock-styles .intercom-interblocks ul>li,.tours__inline-composer-preview .embercom-composer-editor .composer-style-custom ic-attribute span,.tours__inline-composer-preview .embercom-composer-editor ic-attribute span {
    color: inherit!important
}

.tours__inline-composer-preview .composer-help-container,.tours__inline-composer-preview .embercom-composer,.tours__inline-composer-preview .embercom-composer #composer-read-only-content-container {
    display: inline
}

.tours__editor__panel {
    border-bottom: 1px solid rgba(0,0,0,.1);
    transition-property: margin-bottom,border-color;
    transition-duration: .2s;
    transition-timing-function: ease
}

.tours__editor__panel-title {
    padding: 25px 21px 25px 0;
    transition: background-color .2s ease
}

.tours__editor__panel-heading {
    min-width: 250px;
    margin-right: 20px
}

.tours__editor__audience-predicate {
    display: inline-block;
    vertical-align: bottom;
    max-width: 380px;
    margin-right: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tours__editor__open-editor {
    margin-top: 15px;
    margin-left: 20px;
    position: relative
}

.tours__editor__open-editor-empty-state {
    margin-top: -15px;
    text-align: center
}

.tours__editor__container__loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.tours__editor__embedded-accordion-tour-steps,.tours__editor__embedded-accordion-tour-steps .accordion__header__opener {
    width: 100%
}

.goals__time-constraint__dropdown-label {
    color: var(--text-link)
}

.goals__time-constraint__dropdown-label:hover {
    text-decoration: underline
}

.tours__editor__interblock-styles .intercom-interblocks img,.tours__editor__interblock-styles .intercom-interblocks video {
    margin-left: auto!important;
    margin-right: auto!important;
    max-width: 100%
}

.tours__list__empty-state__template-tile {
    width: 277px;
    height: 170px;
    line-height: 18px;
    border: 1px solid;
    border-color: rgba(0,0,0,.2)
}

.tours__pre-tour__main-content {
    width: 500px;
    margin: 0 auto
}

.tours__pre-tour__recent-urls {
    width: 500px
}

.tours__pre-tour__get-started {
    width: 120px
}

.tours__pre-tour__got-it {
    width: 100px
}

.tours__pre-tour__fake-toolbar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    border-top: 1px dashed var(--beta-fill);
    background-color: var(--neutral-container-emphasis)
}

.tours__pre-tour__arrow {
    position: fixed;
    left: calc(55% + 20px);
    top: calc(50% - 20px)
}

.tours__pre-tour__container {
    background: var(--base-module)
}

.tours__design-tour-panel-sidebar {
    width: 350px;
    height: 100%;
    border-right: 1px solid var(--neutral-border);
    box-sizing: border-box
}

.tours__open-editor-button {
    padding-bottom: 27px
}

.tours__panel-index {
    width: 25px
}

.tours__accordion {
    background: var(--neutral-container);
    padding: 13px 30px 0
}

.tours__accordion .liquid-child:not(.velocity-animating) {
    transform: none!important;
    overflow: visible
}

.tours__accordion .liquid-child.velocity-animating {
    transform: inherit
}

.tours__accordion .liquid-container:not(.liquid-animating) {
    transform: none!important;
    overflow: visible
}

.tours__accordion .liquid-container.liquid-animating {
    transform: inherit
}

.tours__loading-container {
    background: var(--neutral-container)
}

.tours__main-content-container {
    overflow-y: scroll
}

.tours__table-container {
    overflow-x: scroll
}

.filter-block__container.o__static .filter-block {
    background-color: var(--neutral-container);
    border-color: rgba(0,0,0,.1)
}

.filter-block__default>* {
    background: var(--neutral-container)
}

.filter-group__item {
    display: inline-block
}

.filter-group__item .filter-block {
    border-radius: 0;
    border-left-style: dashed;
    border-right-style: dashed
}

.filter-group__item:first-of-type .filter-block {
    border-top-left-radius: var(--border-radius-full);
    border-bottom-left-radius: var(--border-radius-full);
    border-left-style: solid
}

.filter-group__item:last-child .filter-block {
    border-top-right-radius: var(--border-radius-full);
    border-bottom-right-radius: var(--border-radius-full);
    border-right-style: solid
}

.filter-group__connection-switcher>* {
    float: left
}

.filter-group__connection-switcher__label {
    min-width: 24px;
    float: left;
    padding: 6px 10px;
    text-align: center;
    font-weight: 600;
    background-color: var(--base-input);
    color: var(--text-default);
    border-top: 1px solid var(--neutral-border);
    border-bottom: 1px solid var(--neutral-border);
    border-right: 1px dashed var(--neutral-border);
    border-left: 1px dashed var(--neutral-border);
    margin-left: -1px;
    margin-right: -1px
}

.filter-group__add-button.o__active,.filter-group__connection-switcher__label.o__active {
    background-color: var(--neutral-container);
    color: var(--text-accent)
}

.filter-group.o__connection-switcher-hovered .filter-group__connection-switcher__label:not(.o__disabled) {
    background-color: var(--neutral-container);
    color: var(--text-accent)
}

.filter-group__add-button {
    color: var(--text-default);
    background-color: var(--base-module);
    border: 1px solid var(--neutral-border);
    border-left: 0 solid transparent;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration-line: none;
    border-top-right-radius: var(--border-radius-full);
    border-bottom-right-radius: var(--border-radius-full)
}

.filter-group__add-button:hover:not(.o__disabled) {
    color: var(--text-accent);
    background-color: var(--neutral-container)
}

.filter-group__add-button.o__disabled {
    pointer-events: auto;
    cursor: default
}

.filter-group .filter-block__content.o__one-line.o__deletable {
    padding-right: 16px
}

.knowledgehub-audience-rules-editor .filter-group .filter-block__content.o__one-line.o__deletable {
    max-width: 180px
}

.users-and-companies__predicates-editor__add-filter {
    margin-left: 0!important
}

.users-and-companies__predicates-editor__hide-filters {
    margin-right: 15px!important
}

.answer-filter-predecessor-block .filter-block {
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    max-width: 275px
}

.answer-filter-successor-block .filter-block {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    max-width: 275px
}

.articles__site-settings__sticky-header {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: var(--neutral-container)
}

.articles__site-settings__section-body {
    margin-left: 56px;
    min-width: 600px
}

.article__site-settings__section-custom-domain {
    max-width: 520px
}

.articles__site-settings__preview-branding-logo {
    width: 16px;
    height: 16px
}

.articles__site-settings__link-icon {
    border-radius: 50%;
    background-color: var(--beta-fill);
    color: var(--text-on-neutral)
}

.articles__site-settings__link-icon svg {
    margin: 3px!important
}

.articles__list__cleanup-before-import-info ul,.articles__site-settings__remove-info ul {
    padding-left: 12px
}

.articles__site-settings__content__header {
    padding-top: 15px
}

.articles__site-settings__content__header .content>.form__section__heading.o__size-4 {
    margin-top: 0
}

.articles__site-settings__content__header .content>.form__label {
    color: var(--text-muted)
}

.articles__site-settings__search-alignment-option .o__standard__middle {
    transform: rotate(90deg)
}

.articles__site-settings-domain-redirects .redirect-from {
    max-width: 250px
}

.articles__site-settings-domain-redirects .redirect-to {
    max-width: 130px
}

.articles__site-settings__welcome-message-input .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted)
}

.articles__site-settings__welcome-message-input.o__error {
    border: 1px solid var(--error-border)
}

.articles__site-settings__error-message {
    color: var(--text-error)
}

.form__error-text {
    color: var(--text-error)!important
}

.site-preview-url-bar-btn {
    transition: all 150ms cubic-bezier(.25,.25,.27,1);
    border: 1px solid rgba(0,0,0,.05);
    line-height: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: auto
}

.site-preview-url-bar-btn svg {
    transform: scale(.75)
}

.site-preview-url-bar-btn .site-preview-url-bar-hover-icon,.site-preview-url-bar-btn:hover .site-preview-url-bar-regular-icon {
    opacity: 0;
    transition: all 150ms cubic-bezier(.25,.25,.27,1)
}

.site-preview-url-bar-btn:hover .site-preview-url-bar-text {
    color: var(--text-link)
}

.site-preview-url-bar-btn:hover {
    background: var(--base-module-subtle)!important
}

.site-preview-url-bar-btn.not-mobile {
    max-width: 80%
}

@media screen and (max-width: 1080px) {
    .site-preview-url-bar-btn.not-mobile {
        max-width:100%!important;
        margin-right: 0!important;
        padding-right: 40px!important;
        padding-left: 40px!important
    }
}

@media screen and (max-width: 1180px) {
    .site-preview-url-bar-btn.not-mobile {
        padding-right:12px;
        padding-left: 12px
    }
}

.site-preview-url-bar-btn:hover .site-preview-url-bar-hover-icon {
    display: flex;
    opacity: 1
}

.site-preview-url-bar-btn:active {
    box-shadow: none;
    background: var(--neutral-container-emphasis)!important
}

.site-preview-url-bar-btn-holder {
    padding-right: 6px;
    padding-left: 6px
}

.site-preview-url-bar-regular-icon {
    top: -2px;
    left: -2px
}

.site-preview-url-bar-hover-icon {
    top: -2px;
    left: -2px;
    color: var(--text-link)
}

@media screen and (max-width: 1080px) {
    .site-preview-url-bar-dots-holder {
        display:none
    }
}

.articles__editor__save-button {
    min-width: 125px
}

.articles__editor__multilingual-container,.articles__editor__singlelingual-container {
    background-color: var(--neutral-container)
}

.articles__editor__singlelingual-above-line {
    height: 16px;
    max-height: 16px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.articles__editor__header-text {
    font-size: 20px
}

.articles__editor__stats-spacer {
    min-width: 64px
}

.articles__editor__locale-tab-underline {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.articles__editor__collection-select-item-icon {
    stroke: var(--neutral-border-emphasis);
    width: 16px;
    height: 16px;
    margin: 1px 0;
    float: left;
    padding-right: 6px
}

.ds-new__dropdown__block__item:focus .articles__editor__collection-select-item-icon {
    stroke: var(--neutral-border)
}

.articles__list__title {
    max-width: 0;
    width: 100%
}

.articles__list__tbl .o__locale {
    text-align: center
}

.articles__list__tbl .o__locale span,.articles__list__tbl .o__locale>div {
    margin-right: 0
}

.articles__list__languages-tab-control__tab {
    text-align: left
}

.articles__list__languages-tab-control__tab__locale-id {
    font-weight: 400;
    font-size: 13px
}

.articles__list__status-badge-wrapper {
    height: 20px
}

.articles__list__status-badge {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: transparent
}

.articles__list__status-badge.o__published {
    background-color: var(--success-fill)
}

.articles__list__status-badge.o__published.o__review {
    border: 2px solid var(--success-border);
    background-color: rgba(var(--success-border),0);
    box-sizing: border-box
}

.articles__list__status-badge.o__draft {
    background-color: var(--notice-fill)
}

.articles__list__status-badge.o__draft.o__review {
    border: 2px solid var(--notice-border);
    background-color: transparent;
    box-sizing: border-box
}

.articles__list__status-badge.o__missing {
    background-color: transparent;
    border: solid 2px rgba(0,0,0,.2);
    box-sizing: border-box
}

.articles__list__status-badge.o__published-with-draft {
    border-radius: 50%;
    border-color: var(--notice-fill) var(--notice-fill) var(--success-fill) var(--success-fill);
    border-width: 4px;
    border-style: solid;
    width: 0;
    height: 0;
    transform: rotate(45deg);
    display: inline-block
}

.articles__list__tbl__summary__cell__title {
    color: var(--text-link)
}

.articles__list__tbl__summary.o__missing {
    color: var(--text-muted);
    font-weight: 300;
    font-style: italic
}

.articles__list__tbl__author__cell__missing-author {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px dashed var(--neutral-border)
}

.articles__list__tbl__avatar__stack .avatar {
    border: 2px solid var(--neutral-border);
    box-sizing: content-box
}

.articles__list__tbl__avatar__stack .articles__list__tbl__avatar-group:first-child {
    margin-left: 0;
    z-index: 8
}

.articles__list__tbl__avatar__stack .articles__list__tbl__avatar-group {
    margin-left: -8px
}

.articles__list__tbl__avatar__stack .articles__list__tbl__avatar-group:nth-child(2) {
    z-index: 6
}

.articles__list__tbl__avatar__stack .articles__list__tbl__avatar-group:nth-child(3) {
    z-index: 5
}

.articles__list__tbl__avatar__stack .articles__list__tbl__avatar-group:nth-child(4) {
    z-index: 4
}

.articles__list__tbl__avatar__stack .articles__list__tbl__avatar-group:nth-child(5) {
    z-index: 3
}

.articles__list__tbl__avatar__stack .articles__list__tbl__avatar-group:nth-child(6) {
    z-index: 2
}

.articles__list__tbl__avatar__stack .articles__list__tbl__avatar-group:nth-child(7) {
    z-index: 1
}

.articles__list__tbl__avatar__stack .articles__list__tbl__avatar-group:nth-child(8) {
    z-index: 0
}

.articles__list__fallback__title {
    color: var(--text-muted)
}

.articles__list__article-content-summary {
    padding-left: 2px
}

.articles__list__article-centerfix {
    height: 100%
}

.articles__list__article-card {
    background-color: var(--neutral-container);
    list-style: none;
    border: 1px solid rgba(0,0,0,.1);
    border-left: none;
    border-right: none;
    border-color: rgba(0,0,0,.1);
    border-bottom: 0
}

.articles__list__article-card:not(.o__empty-section-indicator):last-child {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.articles__list__article-card-content {
    padding: 16px;
    min-height: 40px
}

.articles__list__article-card.o__empty-section-indicator {
    background-color: transparent;
    border: 1px dashed rgba(0,0,0,.2);
    border-radius: 4px
}

.articles__list__draggable-heightfix {
    height: 100%;
    position: relative
}

.articles__list__icon-buttons {
    height: 100%;
    visibility: hidden;
    color: var(--text-muted)
}

.articles__list__article-card:hover .articles__list__icon-buttons {
    visibility: visible
}

.articles__status__filter__draft,.articles__status__filter__published {
    border-radius: 50%;
    border-color: var(--notice-border);
    border-width: 4px;
    border-style: solid;
    width: 0;
    height: 0;
    transform: rotate(45deg);
    display: inline-block
}

.articles__status__filter__published {
    border-color: var(--success-border)
}

.articles__status__filter__missing {
    border-radius: 50%;
    background-color: transparent;
    border: solid 2px rgba(0,0,0,.2);
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    display: inline-block
}

.articles__status__filter__published-with-draft {
    border-radius: 50%;
    border-width: 4px;
    border-style: solid;
    width: 0;
    height: 0;
    transform: rotate(45deg);
    display: inline-block
}

.articles__collection-help-center-summary__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.articles__list__empty-state-banner {
    min-height: 284px
}

.articles__collections__tbl {
    width: 100%
}

.articles__collections__tbl__row {
    padding: 20px 0;
    margin-top: -1px;
    border-bottom: 1px solid var(--neutral-border)
}

.articles__collections__tbl__row,.collection__tree__item {
    border-top: 1px solid var(--neutral-border)
}

.collection__tree__header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

[data-tree-item-is-being-dragged=true] .collection__tree__item {
    opacity: .25
}

.collection__tree [data-insertion-point-depth="1"] {
    margin-left: 30px
}

.collection__tree [data-insertion-point-depth="2"] {
    margin-left: 60px
}

.collection__tree [data-insertion-point-depth="3"] {
    margin-left: 90px
}

.collection__tree {
    margin-bottom: 30px;
    border: 1px solid var(--neutral-border);
    border-radius: 8px
}

.disabled__collection * {
    pointer-events: none
}

.articles__collections__sortable-wrapper {
    background-color: var(--base-module)
}

.articles__collections__sortable-wrapper.sortable-item.is-dragging {
    z-index: 100000;
    position: relative;
    box-shadow: none!important;
    background: rgba(255,255,255,.2)
}

.articles__collections__tbl__description__cell {
    max-width: 500px
}

.articles__collections__tbl__icon__cell {
    width: 112px
}

.articles__collections__tbl__count__cell {
    width: 81px
}

.articles__collections__tbl__site__provider__cell,.articles__collections__tbl__status__cell {
    width: 130px
}

.articles__collections__section-item {
    width: 100%;
    list-style: none;
    margin-bottom: 10px
}

.articles__collections__section-heading {
    background-color: var(--neutral-container);
    min-height: 50px
}

.articles__collections__section-heading-title {
    padding: 13px 15px;
    display: inline-block
}

.articles__collections__section-heading__icon {
    padding: 0 2px;
    opacity: .4;
    color: var(--text-default);
    cursor: pointer;
    display: inline-block
}

.articles__collections__section-heading__icon.o__rotate180 {
    transform: rotate(180deg)
}

.articles__collections__section-heading__icon:hover {
    opacity: 1
}

.articles__collections__section-heading__icon-group {
    display: none;
    padding-right: 20px
}

.articles__collections__section-heading:hover .articles__collections__section-heading__icon-group {
    display: block
}

.articles__collections__article__title {
    min-width: 0
}

.articles__collections__article__state {
    min-width: 160px
}

.articles__collections__article__authors,.articles__collections__article__last__edited__at {
    min-width: 240px
}

.responsive-expanding-input {
    max-width: 384px
}

.responsive-expanding-input-new {
    width: 220px
}

.article-count {
    width: 72px
}

.collections-preview-wrapper {
    height: calc(100vh - 163px)
}

.article-count-new {
    width: 28px
}

.actions-col {
    width: 64px
}

.collections-tree-item-elements {
    min-width: 150px
}

@media (max-width: 1700px) {
    .responsive-expanding-input-new {
        max-width:220px
    }
}

@media (max-width: 1400px) {
    .responsive-expanding-input {
        max-width:220px
    }

    .article-count-new {
        width: 20px;
        margin-left: 12px
    }

    .actions-col {
        width: 48px
    }

    .collection-tree-indent {
        width: 26px
    }

    .collection-tree-chevron {
        margin: 0
    }

    .collections-tree-item-elements {
        min-width: 136px
    }
}

@media (max-width: 1300px) {
    .responsive-expanding-input {
        max-width:100px
    }

    .responsive-expanding-input-new {
        max-width: 160px
    }

    .article-count {
        width: 48px
    }

    .article-count-new {
        width: 16px;
        margin-left: 8px
    }

    .actions-col {
        width: 32px
    }

    .article-count-col-header {
        width: 100px
    }

    .collections-tree-item-elements {
        min-width: 112px
    }
}

@media (max-width: 1160px) {
    .responsive-expanding-input {
        max-width:100px
    }
}

@media (max-width: 1080px) {
    .responsive-expanding-input {
        max-width:80px
    }
}

.collections-preview-divider {
    width: 1px;
    height: 100%;
    background-color: var(--neutral-border);
    margin-right: 16px
}

.collections-all-articles-button-icon {
    margin-top: 2px
}

.page-content-wrapper {
    height: calc(100vh - 82px)
}

.articles__article-picker__header {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.articles__article-picker__body {
    height: 465px
}

.articles__article-picker__table {
    width: 100%
}

.articles__importer__modal-img {
    width: 474px;
    height: 185px;
    background-image: url(https://static.intercomassets.com/ember/assets/images/educate_importer/import-articles@2x-04b2412f82ef089144d31d10fa40bf0e.png);
    background-size: 474px 185px;
    margin: 30px auto
}

.articles__sync__zendesk__modal-img {
    width: 474px;
    height: 130px;
    background-image: url(https://static.intercomassets.com/ember/assets/images/articles/sync/zendesk/sync-articles@2x-8018a23385bd967bc934d519c59d5a1f.png);
    background-size: 474px 130px;
    margin: 30px auto
}

.articles__importer__modal__tooltip-color {
    color: var(--text-error)
}

.articles__importer__modal__input .form__input-prefix {
    border-radius: 9999px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.articles__importer__modal__tooltip-animation-style {
    position: absolute;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: var(--error-fill);
    display: block
}

.articles__importer__modal__pulse-animation,.articles__importer__modal__tooltip-animation-style {
    content: "";
    top: 2px;
    border-radius: 50%;
    animation: articles__importer__modal__tooltip-animation 2s ease 0s infinite
}

.articles-show-public-link {
    margin-top: 26px
}

.saved-contents__popover {
    width: 100%;
    max-width: 480px;
    height: 360px;
    position: fixed!important;
    padding-top: 0!important;
    padding-bottom: 0!important
}

.saved-contents__popover__panel {
    overflow: auto;
    height: 268px;
    padding: 0;
    position: relative;
    border-top: 1px solid rgba(0,0,0,.1)
}

.saved-contents__list-item {
    color: var(--text-default);
    padding: 8px 12px
}

.saved-contents__list-item.o__active {
    cursor: pointer
}

.saved-contents__list-item.o__hoverable:hover,.saved-contents__list-item.o__selected,.saved-contents__list-item.o__selected .saved-contents__list-item__summary {
    cursor: pointer;
    background-color: var(--beta-fill);
    color: var(--text-on-neutral)
}

.saved-contents__list-item__name {
    font-size: 14px;
    font-weight: 500;
    padding-left: 12px;
    max-width: calc(50% - 12px)
}

.saved-contents__list-item.o__active {
    color: var(--text-link)
}

.saved-contents__list-item__content {
    opacity: 1!important;
    width: calc(100% - 12px)
}

.saved-contents__list-item__summary {
    color: var(--text-muted);
    max-width: 50%
}

.saved-contents__modal__contents {
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 0!important
}

.saved-contents__modal__contents__left {
    box-sizing: border-box;
    min-width: 40%;
    max-width: 40%;
    border-right: 1px solid rgba(0,0,0,.1)
}

.saved-contents__modal__footer {
    box-sizing: border-box;
    padding: 20px;
    height: 73px;
    border-top: 1px solid rgba(0,0,0,.1)
}

.saved-contents__modal-preview {
    height: 305px;
    overflow: auto
}

.saved-contents__modal-edit {
    height: 297px;
    overflow: visible
}

.saved-contents__modal-composer-editor {
    overflow-y: scroll;
    min-height: 295px!important;
    max-height: 295px;
    padding: 5px 10px 45px
}

.saved-contents__modal-preview__textarea {
    height: 100%;
    max-height: 100%;
    margin-bottom: 0;
    resize: none!important;
    padding-right: 35px
}

.saved-contents__modal-preview__composer {
    height: 100%;
    max-height: 100%;
    margin-bottom: 0;
    z-index: 11;
    padding: 0
}

.saved-contents__modal__edit-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: .7;
    background-color: var(--neutral-container)
}

.knowledge-hub__inbox-sidebar__article-content-blocks .intercom-interblocks-paragraph b,.saved-contents__modal__active-content {
    font-weight: 500
}

.saved-contents__modal__list-item__name {
    padding-left: 10px
}

.stats-system__tour-step-failure-list__selector {
    width: 200px
}

.stats-system__truncated-button {
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.stats-system__user-cell__checkbox {
    visibility: hidden;
    display: inline-block
}

.stats-system__user-cell:hover .stats-system__user-cell__checkbox,.stats-system__user-cell__checkbox.o__checked {
    visibility: visible
}

.article-modal__container {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    padding: 50px;
    background-color: var(--neutral-container);
    overflow-y: auto;
    overflow-wrap: break-word;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap
}

.article-modal__wrapper {
    min-width: 500px;
    max-width: 900px;
    margin: 0 auto
}

.article-modal__view__title {
    font-size: 33px;
    line-height: 1.24;
    margin-bottom: 17px;
    font-weight: 400
}

.article-modal__view__summary {
    font-size: 20px;
    line-height: 1.35;
    margin-bottom: 17px;
    color: var(--text-muted);
    word-wrap: break-word
}

.article-modal__body {
    min-height: 100px;
    padding: 0 30px 13px
}

.article-modal__error {
    padding-top: 20px
}

.canvas-kit-builder__container {
    background-color: var(--base-module)
}

.canvas-kit-builder__preview {
    min-width: 50%
}

.canvas-kit-builder__editor {
    min-width: 50%;
    background-color: #091a3e
}

.canvas-kit-builder__inbox-canvas {
    width: 260px;
    padding: 8px;
    border-radius: 6px
}

.canvas-kit-builder__messenger-canvas * {
    font-family: proxima-nova,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale
}

.canvas-kit-builder__inserter-canvas__app-canvas {
    width: 100%!important
}

.canvas-kit-builder__editor-text-area {
    height: 100%
}

.canvas-kit-builder__editor .CodeMirror {
    height: 100%!important;
    background-color: #091a3e
}

.canvas-kit-builder__editor .cm-s-panda-syntax .CodeMirror-gutters {
    background-color: #0a204d
}

.canvas-kit-builder__embeddable-preview-footer {
    border-top: 1px solid rgba(0,0,0,.1)
}

.canvas-kit-builder__embeddable-preview-footer a {
    text-decoration: none
}

.canvas-kit-builder__embeddable-preview-footer a:hover {
    opacity: 1;
    text-decoration: none
}

.canvas-kit-builder__preview-style-selector {
    border-bottom: 1px solid var(--neutral-border);
    background-color: var(--neutral-container)
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1),0 4px 15px 0 rgba(0,0,0,.1),inset 0 2px 0 0 var(--beta-fill);
    border-radius: 3px;
    width: 344px;
    padding: 26px 24px 24px;
    box-sizing: border-box;
    pointer-events: auto
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.input-component input:focus {
    background: var(--neutral-container);
    border: 1px solid #e1e1e1
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.input-component .disabled input,.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-button.disabled,.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.input-component .saved input {
    cursor: not-allowed
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.input-component .saved input:focus {
    background: var(--neutral-container)
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.input-component .invalid input:focus,.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.textarea-component .error textarea:focus {
    background-color: var(--error-container);
    border-color: var(--error-border)
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-button:not(.disabled) {
    background-color: var(--beta-fill);
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-cards/next-icon-38f8f7d6304e7c4b5b805d8b7be18499.png);
    background-size: 8px 13px;
    background-repeat: no-repeat
}

@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio: 2.6/2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx) {
    .canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.input-component .input-button:not(.disabled) {
        background-image:url(https://static.intercomassets.com/ember/assets/images/messenger-cards/next-icon@2x-2a7cb9d96cd35b21edd4f101eb630a54.png)
    }
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.textarea-component textarea:focus {
    background: var(--neutral-container);
    outline: 0
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.textarea-component .disabled textarea {
    cursor: not-allowed
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-placeholder {
    color: var(--text-link);
    font-weight: 600
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-options-container,.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .label-dropdown-container {
    font-size: 14px
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-options {
    width: 100%
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-saved .dropdown-placeholder:before {
    background-image: url(https://static.intercomassets.com/ember/assets/images/messenger-cards/green-check-icon-6020fa42e332bcf0bd3aba4034f9c79d.png);
    background-size: 14px 12px;
    background-repeat: no-repeat
}

@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio: 2.6/2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx) {
    .canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-saved .dropdown-placeholder:before {
        background-image:url(https://static.intercomassets.com/ember/assets/images/messenger-cards/green-check-icon@2x-7668b3d108d3b40d2651ebae1087af1f.png)
    }
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-failed .label-dropdown-container {
    color: var(--text-error)
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component.dropdown-open .dropdown-opener {
    border-color: var(--neutral-border);
    background-color: var(--neutral-container)
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-container.dropdown-saved .dropdown-opener {
    background-color: var(--neutral-container);
    pointer-events: none
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.dropdown-component .dropdown-container.dropdown-saved .dropdown-opener .dropdown-placeholder {
    pointer-events: none;
    color: var(--text-muted);
    opacity: 1
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.button-component button.primary:not(.disabled) {
    background-color: var(--beta-fill);
    color: var(--text-on-neutral)
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.button-component button.primary:hover:not(.disabled) {
    background-color: var(--beta-fill-emphasis)
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.button-component button.secondary:not(.disabled) {
    color: var(--text-link);
    border-color: var(--neutral-border)
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.button-component button.link:hover:not(.disabled),.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.button-component button.secondary:hover:not(.disabled) {
    color: var(--text-link);
    border-color: var(--neutral-border-emphasis)
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.button-component button.link:not(.disabled),.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.text-component p:not(.muted):not(.error) .link-text {
    color: var(--text-link)
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.list-component .list-item[data-action-type]:hover:not(.disabled) {
    background-color: var(--neutral-container)
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.list-component .list-item[data-action-type] .title {
    color: var(--text-link)
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item.disabled {
    pointer-events: none;
    cursor: default
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.list-component .list .list-item.disabled .title {
    color: var(--text-muted)
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.list-component.first-component {
    margin-top: -24px
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.list-component.last-component {
    margin-bottom: -24px
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option {
    font-weight: 600;
    border-color: var(--neutral-border);
    color: var(--text-link)
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option:hover:not(.single-select-option-selected) {
    color: #0548ce;
    border-color: #0548ce
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option-selected {
    background-color: var(--beta-fill);
    color: var(--text-on-neutral)
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-failed .label-single-select-container {
    color: var(--text-error)
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option.disabled,.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-option.disabled:hover,.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-saved .single-select-option,.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-saved .single-select-option-selected,.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.single-select-component .single-select-saved .single-select-option:hover {
    color: #bcbcbc;
    background-color: var(--neutral-container);
    border-color: #bcbcbc;
    opacity: 1
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.data-table-component .data-table {
    display: table;
    border-spacing: 8px;
    margin: 0 0 8px
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.data-table-component .data-table .field-value {
    display: table-row
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.data-table-component .data-table .field-value .field-value-field,.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.data-table-component .data-table .field-value .field-value-value {
    display: table-cell;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    vertical-align: top;
    max-width: none
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.data-table-component .data-table .field-value .field-value-field {
    word-break: normal
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.data-table-component .data-table .field-value .field-value-value {
    word-break: break-word
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-option {
    display: flex;
    flex-direction: row
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-option-box {
    margin: 3px 6px 3px 0
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-failed .label-checkbox-container,.series__edge__deleter:hover svg {
    color: var(--text-error)
}

.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-option.disabled,.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-option.disabled:hover,.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-saved .checkbox-option,.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-saved .checkbox-option-selected,.canvas-kit-builder__messenger-canvas.intercom-interblocks-messenger-card .intercom-card-component.checkbox-component .checkbox-saved .checkbox-option:hover {
    color: #bcbcbc;
    opacity: 1
}

.kv__pair.o__in-list-editable-events {
    margin-bottom: 10px
}

.tags-list__add-tag-pill {
    padding: 2px 10px 3px;
    text-decoration: none
}

.tags-list__add-tag-pill:hover {
    opacity: 1;
    color: var(--text-link);
    border-color: var(--neutral-border)
}

.series__editor__header {
    border-top-left-radius: var(--border-radius-module);
    border-top-right-radius: var(--border-radius-module);
    position: sticky;
    top: 0;
    z-index: 2;
    max-width: 1050px;
    background-color: var(--base-module)
}

.series__header {
    height: 64px;
    min-height: 64px;
    box-sizing: border-box;
    padding: 16px 24px;
    background-color: var(--base-module);
    z-index: 100
}

.series__header-view-mode-title {
    max-width: 55%
}

@media screen and (min-width: 1280px) {
    .series__header-view-mode-title {
        max-width:60%
    }
}

@media screen and (min-width: 1920px) {
    .series__header-view-mode-title {
        max-width:70%
    }
}

.series__header.o__shadow {
    box-shadow: 0 1px 16px rgba(0,0,0,.04)
}

.series__header__buttons {
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.series__header__buttons.o__hidden {
    opacity: 0;
    pointer-events: none
}

.series__node__wrapper {
    z-index: 100;
    max-height: 144px
}

.series__node {
    z-index: 2;
    position: relative;
    margin-left: -2px;
    width: 192px;
    height: 144px;
    box-sizing: border-box;
    background-color: var(--base-module);
    backdrop-filter: blur(2px);
    padding: 8px 12px;
    border: 2px solid var(--neutral-border);
    border-radius: 8px;
    box-shadow: 0 4px 32px rgba(0,0,0,.06);
    display: flex;
    flex-direction: column;
    transition-property: box-shadow,border-color;
    transition-duration: .1s;
    transition-timing-function: ease
}

.series__node.o__view-mode {
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 0 0 transparent
}

.series__node.o__view-mode.o__hovered {
    box-shadow: 0 4px 16px rgba(0,0,0,.1)
}

.series__node.o__hovered {
    box-shadow: 0 4px 32px rgba(0,0,0,.16);
    cursor: pointer
}

.series__node.o__connectable,.series__node.o__selected {
    border-color: var(--neutral-border);
    box-shadow: 0 0 0 4px rgba(41,111,250,.2),0 4px 32px rgba(0,0,0,.16)
}

.series__node.o__dragging {
    box-shadow: var(--shadow-lvl-2);
    cursor: move;
    cursor: grabbing
}

.series__node__inserter {
    cursor: grab
}

.series__node__actions {
    overflow: visible;
    opacity: 0;
    margin-top: -28px;
    box-sizing: border-box;
    padding-bottom: 8px;
    margin-bottom: -10px;
    z-index: 10;
    pointer-events: none;
    transition: opacity .1s ease
}

.series__node__actions.o__hovered,.series__node__actions:hover {
    opacity: 1;
    pointer-events: all
}

.series__node__actions-wrapper {
    min-width: fit-content;
    min-height: fit-content;
    border-radius: 5px;
    background-color: var(--neutral-container)
}

.series__node__icon {
    height: 36px;
    width: 36px
}

.series__node__action {
    cursor: pointer;
    padding: 6px 6px 0;
    opacity: .7
}

.series__node__action:hover {
    opacity: 1
}

.series__node__error {
    color: var(--text-error)!important;
    font-size: 11px;
    line-height: 16px
}

.series__node__object-name-label,.series__node__stats-block-text {
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase
}

.series__node__object-name-label {
    color: var(--text-default);
    padding: 2px
}

.series__node__stats-block-text {
    letter-spacing: 1px;
    color: var(--text-muted)!important
}

.series__node__options-block {
    margin: 0 -8px -4px
}

.series__node__options-block-inner {
    padding: 6px 6px 6px 8px;
    border-radius: 6px;
    background: var(--neutral-container);
    box-sizing: border-box;
    max-height: 30px
}

.series__node__options-block-inner:hover {
    background: var(--neutral-container-emphasis);
    color: var(--text-link)
}

.series__node__options-block-inner-view-mode:hover {
    background: var(--neutral-container)!important;
    color: var(--text-default)!important
}

.series__node__title {
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box
}

.series__node__actions-wrapper {
    background: 0 0;
    position: absolute;
    right: 0
}

.series__node__actions-wrapper.o__visible {
    box-shadow: var(--shadow-lvl-1)
}

.series__node__actions-wrapper.o__annotation {
    margin-right: 5px
}

.series__node__actions-wrapper.o__annotation.o__visible {
    box-shadow: none
}

.series__node__actions-button {
    padding: 4px!important;
    line-height: initial!important;
    opacity: 0;
    transition: opacity .2s ease;
    pointer-events: none
}

.series__node__actions-button.o__visible.o__annotation {
    opacity: .5
}

.series__node__actions-button.o__visible {
    opacity: 1;
    pointer-events: all
}

.series__node__action-items {
    border-radius: 4px;
    overflow: hidden;
    padding: 4px 0
}

.series__node__action-item {
    min-height: 30px
}

.series__node__new-node__wrapper {
    background-color: var(--beta-fill);
    border: 6px solid var(--neutral-border);
    z-index: 3;
    position: absolute;
    width: 192px;
    height: 144px;
    opacity: .15;
    left: -8px;
    top: -6px;
    border-radius: 8px
}

.series__node__new-node__wrapper.o__hovered {
    border-top-left-radius: 0
}

.series__node__new-node__added-by {
    background-color: var(--beta-container);
    color: var(--text-default);
    z-index: 3;
    position: absolute;
    top: -34px;
    left: -8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 4px 8px
}

.series__edge,.series__edge__arrowhead {
    stroke-width: 2px;
    stroke: #444
}

.series__edge.o__error {
    stroke-width: 2px;
    stroke: var(--error-border)
}

.series__edge.o__error+.series__edge__arrowhead {
    stroke: var(--error-border);
    fill: var(--error-fill)
}

.series__edge__arrowhead {
    fill: #444
}

.series__edge__hover-path:hover {
    cursor: pointer
}

.series__edge__hover-path:hover+.series__edge {
    stroke: #888
}

.series__edge__hover-path:hover+.series__edge+.series__edge__arrowhead {
    stroke: #888;
    fill: #888
}

.series__edge.is-selected {
    stroke: var(--neutral-border)!important;
    box-shadow: 0 4px 32px rgba(0,0,0,.16);
    z-index: 4000
}

.series__edge__arrowhead.is-selected,.series__edge__connector-label-icon-pair.o__selected .series__edge__connector-svg circle {
    stroke: var(--neutral-border)!important;
    fill: var(--beta-fill)!important
}

.series__edge__connector {
    margin-left: 4px;
    margin-top: -2px
}

.series__edge__connector__wrapper {
    margin-top: 62px;
    pointer-events: none
}

.series__edge__connector__wrapper.o__shifted-vertically {
    margin-top: 14px
}

.series__edge__connector__wrapper.o__visible {
    pointer-events: all
}

.series__edge__single-connector-wrapper {
    transition: opacity 150ms;
    opacity: 0
}

.series__edge__single-connector-wrapper.o__visible {
    opacity: 1
}

.series__edge__text,.series__edge__text-tooltip {
    color: var(--text-muted)
}

.series__edge__text {
    min-width: fit-content;
    text-overflow: ellipsis;
    white-space: nowrap;
    user-select: none;
    align-items: center;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 1px;
    box-sizing: border-box;
    height: 24px;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 4px
}

.series__edge__connector-label-icon-pair.o__selected .series__edge__text,.series__edge__text.o__selected {
    color: var(--text-link)
}

.series__edge__connector-svg {
    padding-bottom: 1px
}

.series__edge__connector-svg.o__split {
    margin-top: -40px
}

.series__edge__connector-label-icon-pair {
    vertical-align: bottom;
    height: 24px
}

.series__edge__add-button-container {
    height: 26px;
    width: 26px;
    margin-top: 4px;
    position: relative;
    overflow: visible;
    display: flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    transition: opacity .2s ease
}

.series__edge__add-button-container.o__hovered {
    opacity: 1
}

.series__edge__add-button-container.o__dragging {
    opacity: 0!important
}

.series__edge__add__bg {
    cursor: grab;
    height: 24px;
    width: 24px;
    position: absolute;
    transform: scale(1);
    transform-origin: center;
    transition: transform .1s ease;
    background-color: var(--neutral-container);
    border-radius: 50%;
    pointer-events: auto
}

.series__edge__add__bg:hover {
    transform: scale(1.2)
}

.series__edge__deleter,.series__edge__vertical-label {
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.series__edge__deleter {
    transition: opacity .2s ease-in-out;
    position: relative;
    margin-top: -12px;
    margin-left: -12px;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    box-sizing: border-box;
    background-color: var(--neutral-container)
}

.series__edge__vertical-label {
    pointer-events: none!important;
    width: 100px;
    margin-left: -50px
}

.series__edge__vertical-label.o__visible {
    opacity: 1
}

.series__edge__deleter.o__visible,.series__edge__deleter:hover {
    opacity: 1;
    pointer-events: all
}

.series__edge__deleter svg,.workflows__graph-editor__node-items__steps__apply-rules__predicate>span,.workflows__graph-editor__node-items__steps__conditional-branches__predicate>span {
    margin: 0!important
}

.series__edge__deleter.o__left {
    margin-top: -13px;
    margin-left: -20px
}

.series__edge__deleter.o__top {
    margin-top: -15px
}

.series__edge__deleter.o__bottom {
    margin-top: -1px
}

.series__edge__vertical-label.o__top {
    margin-top: -50px
}

.series__edge__vertical-label.o__bottom {
    margin-top: 25px
}

.series__edge__vertical-label.o__left .series__edge__text {
    margin-top: 4px;
    margin-left: -180px
}

.series__edge__inserter {
    width: 0;
    overflow: visible
}

.series__edge__shortcuts {
    transform: scale(0);
    transform-origin: top left;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease-in-out;
    padding-left: 12px;
    margin-left: 18px;
    position: absolute;
    left: 100%;
    top: 0;
    width: fit-content;
    min-width: 150px;
    z-index: 300;
    border: 0;
    background-color: transparent
}

.series__edge__shortcut__connector {
    background-color: var(--neutral-container);
    height: 16px;
    width: 38px;
    text-align: center;
    border-radius: 4px
}

.series__edge__shortcut__text {
    align-items: center;
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 1px;
    height: 32px;
    text-transform: uppercase;
    margin-top: 1px
}

.series__edge__shortcut__content {
    cursor: pointer;
    align-items: center;
    border-radius: 4px;
    padding: 0 4px;
    box-sizing: border-box;
    backdrop-filter: blur(4px);
    width: fit-content;
    background-color: var(--neutral-container)
}

.series__edge__shortcut__wrapper {
    margin-top: -5px
}

.series__edge__shortcut__dash {
    height: 0;
    width: 2px;
    border-radius: 2px;
    margin-top: 11px;
    border: 1px solid var(--neutral-border-emphasis)
}

.series__edge__shortcut__separator {
    width: 0;
    height: 2px;
    margin-left: 15px;
    border-radius: 2px;
    border: 1px solid var(--neutral-border-emphasis)
}

.series__edge__controls {
    z-index: 100000;
    border-radius: 4px;
    background-color: var(--neutral-container);
    box-shadow: 0 4px 14px 0 rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.05);
    width: 200px;
    margin-left: -100px;
    margin-top: 4px;
    padding: 8px 12px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer
}

.series__edge__controls:hover .series__edge__controls-text {
    color: var(--text-link)
}

.series__edge__connector-block {
    background-color: rgba(250,250,250,.7);
    border-radius: 4px;
    padding: 8px;
    box-sizing: border-box;
    backdrop-filter: blur(4px)
}

.series__edge__connector-block-wrapper {
    opacity: 0;
    pointer-events: none;
    transition: opacity .1s ease-in-out;
    padding: 5px 0 0 10px;
    width: fit-content;
    min-width: 150px
}

.series__edge__connector-block-wrapper.o__with-popover-open,.series__edge__connector:hover .series__edge__connector-block-wrapper {
    opacity: 1;
    pointer-events: all
}

.series__edge__connector:hover .series__edge__shortcuts {
    opacity: 1;
    pointer-events: all;
    transform: scale(1)
}

.series__edge__shortcut__content:hover {
    background-color: var(--neutral-container)
}

.series__edge__shortcuts.o__hide-shortcuts {
    opacity: 0!important;
    pointer-events: none!important
}

.series__edge__shortcut__svg svg {
    margin-bottom: -5px;
    height: 24px;
    width: 24px
}

.series__edge__connector__spacer-inner {
    min-height: 10px
}

.series__sidebar {
    background: var(--base-module);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 78px;
    padding: 48px 0;
    box-sizing: border-box;
    transition: width .2s ease-in-out;
    overflow: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    box-shadow: var(--shadow-lvl-2);
    user-select: none
}

.series__sidebar.o__open {
    width: 224px
}

.series__sidebar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.series__sidebar__chevron {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    position: absolute;
    top: 16px;
    right: 24px;
    background: var(--neutral-container);
    transform: rotate(270deg);
    color: var(--text-muted)
}

.series__inserter-list__section {
    margin-bottom: 16px
}

.series__inserter-list__section-header {
    width: 200px;
    height: 24px;
    font-weight: 500;
    word-wrap: none;
    opacity: 0;
    transition: all 150ms ease-in-out;
    user-select: none;
    overflow: hidden;
    color: var(--text-muted);
    margin-left: 24px;
    margin-bottom: 4px;
    margin-top: 8px
}

.series__inserter-list__section-header.o__open {
    opacity: 1
}

.series__inserter-list__inserter {
    transition: all 150ms ease-in-out;
    background-color: transparent;
    border: 1px solid transparent;
    width: 52px;
    box-sizing: border-box;
    border-radius: 8px;
    margin-left: 12px;
    padding: 8px
}

.series__inserter-list__inserter__icon {
    height: 36px;
    width: 39px
}

.series__inserter-list__inserter.o__open {
    width: 195px
}

.series__inserter-list__inserter:hover {
    cursor: grab;
    box-shadow: var(--shadow-lvl-1)
}

.series__inserter-list__inserter:active {
    cursor: grabbing
}

.series__inserter-list__inserter__text {
    overflow: hidden;
    opacity: 0;
    transition: all 150ms ease-in-out;
    text-transform: uppercase;
    font-size: 11px;
    width: 0;
    color: var(--text-default)
}

.series__inserter-list__inserter__text.o__open {
    margin-left: 8px;
    opacity: 1;
    text-overflow: ellipsis;
    width: 100px
}

.series__inserter-list__popover {
    width: 224px
}

.series__inserter-list__inserter__animation {
    opacity: 0;
    transform: translateX(-10px)
}

.series__inserter-list__inserter__animation[data-animation-settled] {
    transform: translate3d(0,0,0);
    opacity: 1
}

.series__starting-state {
    transform: translate(50px,50px);
    position: relative;
    pointer-events: none;
    transition: opacity .5s ease-in-out
}

.series__starting-state.o__has-nodes {
    opacity: 0
}

.series__node-wait-settings {
    font-size: 12px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.series__node-wait-settings__link {
    cursor: pointer;
    color: var(--text-link)
}

.inbox2__composer__container .ProseMirror .intercom-interblocks-html-block table,.series__node-wait-settings__block.o__open .series__node-wait-settings,.series__node-wait-settings__block:hover .series__node-wait-settings {
    white-space: normal
}

.series__graph-controls {
    position: absolute;
    bottom: 16px;
    left: 32px
}

.series__graph-controls__section {
    background-color: var(--base-module);
    font-size: 13px;
    border-radius: var(--border-radius-large);
    padding: 4px;
    overflow: hidden;
    box-shadow: var(--shadow-lvl-2);
    opacity: 1;
    transition: opacity .2s ease
}

.series__graph-controls__dropdown.o__invisible,.series__graph-controls__section.o__invisible {
    opacity: 0;
    pointer-events: none;
    width: 0;
    padding: 0;
    margin: 0
}

.series__graph-controls__zoom-percentage {
    text-align: center;
    min-width: 36px;
    padding: 2px 6px;
    border-radius: 4px
}

.series__graph-controls__zoom-button {
    padding: 1px 8px 3px;
    user-select: none;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    border-radius: var(--border-radius-large)
}

.series__graph-controls__panning-button:hover,.series__graph-controls__refocus-button:hover,.series__graph-controls__scroll-wheel-zoom-button:hover,.series__graph-controls__undo-button:hover,.series__graph-controls__zoom-button:hover,.series__graph-controls__zoom-percentage:hover {
    background-color: var(--neutral-container-emphasis);
    color: var(--text-link);
    fill: var(--beta-fill)
}

.series__graph-controls__panning-button,.series__graph-controls__refocus-button,.series__graph-controls__scroll-wheel-zoom-button,.series__graph-controls__undo-button {
    padding: 0 4px;
    cursor: pointer;
    height: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: var(--border-radius-large)
}

.series__graph-controls__panning-button svg,.series__graph-controls__scroll-wheel-zoom-button svg {
    height: 16px
}

.series__graph-controls__panning-button.o__panning-mode svg,.series__graph-controls__scroll-wheel-zoom-button.o__scroll-wheel-zoom-mode svg {
    fill: var(--text-accent);
    color: var(--text-accent)
}

.series__graph-controls__undo-button.disabled:hover {
    cursor: default;
    background-color: transparent
}

.series__graph-controls__undo-button.disabled svg {
    fill: var(--neutral-container)
}

.series__graph-controls__refocus-button svg {
    margin-bottom: 0!important
}

.series__graph-controls__dropdown>.btn {
    background-color: var(--neutral-container);
    box-shadow: var(--shadow-lvl-2)
}

.series__graph-controls__hide-highlighted-changes {
    color: var(--text-link);
    background-color: var(--beta-container);
    border-radius: 8px;
    padding: 4px 12px;
    backdrop-filter: blur(8px)
}

.duplicate-ruleset-in-series__container {
    min-height: 250px;
    max-height: 250px;
    height: 250px;
    overflow: scroll
}

.duplicate-ruleset-in-series__item {
    cursor: pointer;
    font-weight: 500
}

.duplicate-ruleset-in-series__item.o__selected,.duplicate-ruleset-in-series__item:hover {
    color: var(--text-link)!important
}

.series__stats-list__container {
    box-sizing: border-box;
    min-width: 100px;
    position: relative;
    border-top: 1px solid var(--neutral-border)
}

.series__stats-list__items {
    margin-top: -3px;
    margin-left: 6px;
    font-weight: 600
}

.series__rules__predecessor-block .filter-block.card {
    border-color: var(--neutral-border)!important;
    border-width: 1px;
    background-color: var(--neutral-container)!important;
    margin-bottom: 4px
}

.annotation__wrapper {
    background-color: var(--notice-container);
    border: 2px solid var(--neutral-border);
    backdrop-filter: blur(4px);
    border-radius: 8px;
    width: 192px;
    min-height: 75px
}

.annotation__wrapper.o__selected {
    border-color: var(--neutral-border);
    box-shadow: 0 0 0 4px rgba(41,111,250,.2),0 4px 32px rgba(0,0,0,.16)
}

.annotation__wrapper .embercom-prosemirror-composer.dragging {
    box-shadow: none
}

.annotations__composer .embercom-prosemirror-composer-placeholder {
    opacity: .5
}

.annotations__composer .embercom-prosemirror-composer-editor {
    -webkit-user-select: text
}

.series-performance-content {
    width: 980px;
    margin: 0 auto;
    padding: 2rem 1rem 1rem
}

.series-performance-content.o__fluid {
    box-sizing: border-box;
    width: 100%;
    min-width: 1056px;
    max-width: 1524px
}

.custom-table-styling .ds-new__table {
    --cell-transition-gradient: linear-gradient( 90deg, rgba(from palette-color("base-module") r g b / 1) 0%, rgba(from palette-color("base-module") r g b / 0) 100% )!important;
    --cell-transition-width: 10px!important
}

.custom-table-styling .ds-new__table__cell:first-child,.custom-table-styling .ds-new__table__column-header:first-child {
    position: sticky;
    left: 0;
    background-color: var(--base-module);
    z-index: 11
}

.custom-table-styling .ds-new__table__cell:first-child::after,.custom-table-styling .ds-new__table__column-header:first-child::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    background: var(--cell-transition-gradient)
}

.series__container .graph__container,.series__graph {
    min-height: calc(100vh - 260px)
}

.series__graph.o__view-mode {
    background-color: var(--base-editor)
}

.series__graph.o__view-mode .series__edge {
    stroke: var(--neutral-border-emphasis)
}

.series__graph.o__view-mode .series__edge__arrowhead {
    stroke: var(--neutral-border)!important;
    fill: var(--neutral-border-emphasis)!important
}

.series__graph.o__view-mode .series__edge__connector-svg * {
    fill: var(--neutral-border-emphasis)!important
}

.series__graph.o__view-mode .graph__grid::before {
    background: 0 0
}

.series__graph.o__panning-mode {
    cursor: grab
}

.series__graph.o__panning-mode.o__panning {
    cursor: grabbing
}

.series__graph-editor {
    border: 3px solid var(--notice-border)
}

.series__selection-area {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--neutral-border);
    background-color: rgba(100,185,255,.1)
}

.series__alignment-area {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    border: 2px solid var(--neutral-border);
    opacity: .5;
    pointer-events: none
}

.series__alignment-area.o__horizontal {
    margin: 0 6px;
    height: 100%;
    width: calc(100% - 12px);
    border-left: 0;
    border-right: 0
}

.series__alignment-area.o__vertical {
    margin-top: 12px;
    margin-left: -2px;
    height: calc(100% - 16px);
    width: calc(100% + 2px);
    border-top: 0;
    border-bottom: 0
}

.series__sidebar-example {
    position: absolute;
    top: 25px;
    bottom: 25px;
    left: 25px;
    background-color: #daa520;
    border-radius: 8px;
    width: 300px;
    overflow: scroll
}

.series__sidebar-example-spacer {
    height: 1500px;
    width: 100px;
    background-color: var(--neutral-container)
}

.series__editor-modal {
    min-height: 90vh
}

.series__popover {
    z-index: 200;
    border-radius: 8px;
    border: 0
}

.series__popover.ember-popover[x-placement^=top] .ember-popover-arrow {
    border-top-color: #fff
}

.series__popover.ember-popover[x-placement^=left] .ember-popover-arrow {
    border-left-color: #fff
}

.series__popover.ember-popover[x-placement^=right] .ember-popover-arrow {
    border-right-color: #fff
}

.series__popover.ember-popover[x-placement^=bottom] .ember-popover-arrow {
    border-bottom-color: #fff
}

.series__waiting-popover {
    width: 336px
}

.series__tabs-wrapper {
    background-color: var(--base-module);
    box-shadow: 0 1px 6px rgba(0,0,0,.05);
    padding-left: 56px;
    margin-left: 0!important
}

.series__editor-sheet.o__small {
    width: 450px
}

@media (max-width: 1536px) {
    .series__editor-sheet.o__small {
        width:420px
    }
}

.series__editor-sheet.o__medium {
    width: 696px;
    max-width: 696px
}

.series__editor-sheet.o__medium .series__ruleset-editor {
    width: 696px
}

.series__editor-sheet.o__large {
    width: 1050px;
    max-width: 1050px
}

.series__editor-sheet.o__large .series__ruleset-editor {
    width: 1050px
}

@media screen and (min-width: 2100px) {
    .series__editor-sheet.o__extra-large {
        width:1900px;
        max-width: 1900px
    }

    .series__editor-sheet.o__extra-large .series__ruleset-editor {
        width: 1900px
    }
}

.series__editor-sheet.o__series {
    width: 420px
}

@media (max-width: 1536px) {
    .series__editor-sheet.o__series {
        width:400px
    }
}

.series__ruleset-editor {
    max-width: 90vw
}

.series-content-implicit-rule-banner {
    border-radius: 6px;
    padding: 16px;
    background-color: var(--neutral-container)
}

.series__has-new-changes__banner {
    position: absolute;
    width: 500px;
    top: 8px;
    left: 50%;
    z-index: 1100;
    transform: translate(-50%,0)
}

.banners__banner-editor__content-panel {
    border-top: 1px solid rgba(0,0,0,.1)
}

.banners__begin-trial-and-enter-demo {
    height: 56px
}

.banners__begin-trial-and-enter-demo__circle-logo {
    background-image: url(https://static.intercomassets.com/ember/assets/images/signup-teams/starter-banner-circle-ee1f3c24fd0dfa34ab991383d8a6db0f.svg);
    background-size: cover;
    height: 60px;
    width: 105px
}

.banners__begin-trial-and-enter-demo__trial-days-left-center-text {
    transform: translateX(-50%)
}

.banners__begin-trial-and-enter-demo__trial-days-left .days-left {
    font-weight: 700
}

.banners__begin-trial-and-enter-demo__trial-days-left .clickable-plan-name {
    cursor: pointer;
    text-decoration: underline
}

.banners__begin-trial-and-enter-demo__progress-indicator {
    border-radius: 24px;
    padding: 0 8px;
    align-items: center;
    display: inline-block;
    color: var(--text-on-neutral)
}

.banners__begin-trial-and-enter-demo__progress-indicator.o__red {
    background-color: var(--error-fill)
}

.banners__begin-trial-and-enter-demo__progress-indicator.o__orange {
    background-color: var(--vis-orange-50)
}

.banners__begin-trial-and-enter-demo__progress-indicator.o__green {
    background-color: var(--success-fill)
}

.banners__begin-trial-and-enter-demo__progress-indicator-wrapper {
    padding-bottom: 6px
}

@media screen and (max-width: 1250px) {
    .banners__begin-trial-and-enter-demo__responsive-recommendation {
        display:none
    }
}

.banners__editor__content__composer-wrapper {
    min-height: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 8px 0;
    position: relative;
    background-color: var(--banner_background_color);
    font-family: proxima-nova,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale
}

.banners__editor__content__composer-wrapper .banners__editor__content__message-and-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 960px
}

.banners__editor__content__composer-wrapper.o__floating {
    border-radius: 12px;
    justify-content: flex-start;
    box-shadow: 0 4px 16px var(--banner_drop_shadow_color);
    width: 80%;
    max-width: 800px;
    margin: auto
}

.banners__editor__content__composer-wrapper.o__floating .banners__editor__content__avatar {
    margin-left: 32px
}

.banners__editor__content__composer-wrapper.o__floating .banners__editor__content__message-and-actions {
    width: 80%
}

.message__creation-modal__templates-preview .banners__editor__content__composer-wrapper.o__inline .banners__editor__content__message-and-actions {
    width: 90%
}

.banners__editor__content__composer-wrapper.o__floating.o__bottom {
    bottom: 16px
}

.banners__editor__content__composer-wrapper.o__floating.o__top {
    top: 16px
}

.banners__editor__content__composer {
    min-width: 120px
}

.banners__editor__content__composer .embercom-composer-placeholder {
    color: var(--banner_text_color);
    top: 0;
    left: 0;
    opacity: .5;
    width: 120px
}

.banners__editor__content__composer.o__read-only .embercom-composer-placeholder {
    top: -10px
}

.banners__editor__content__action-title,.banners__editor__content__composer-editor,.banners__editor__content__composer-editor a {
    color: var(--banner_text_color);
    font-size: 16px;
    line-height: 20px
}

.banners__editor__content__action-title {
    border-bottom: 2px solid var(--banner_text_color);
    display: flex;
    justify-content: center;
    align-self: baseline;
    font-weight: 700;
    text-align: center;
    margin: 6px 0 4px 16px;
    white-space: nowrap
}

.banners__editor__content__email-collector {
    border: 1px solid var(--banner_text_color);
    color: var(--banner_text_color);
    border-radius: 6px;
    opacity: .8;
    white-space: nowrap;
    height: 32px;
    margin-top: 4px
}

.banners__editor__content__tour-action {
    border-bottom: 2px solid var(--banner_text_color);
    color: var(--banner_text_color);
    display: flex;
    justify-content: center;
    align-self: baseline;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    margin: 6px 0 4px 16px;
    white-space: nowrap
}

.banners__editor__content__close-icon {
    position: absolute;
    top: 17px;
    right: 18px;
    width: 12px;
    height: 12px;
    padding-right: 12px
}

.banners__editor__content__close-icon>svg>path {
    fill: var(--banner_text_color)!important
}

.banners__editor__content__reaction-picker-container {
    white-space: nowrap;
    padding: 10px 0 6px
}

.banners__editor__content__reaction-picker-container .intercom-reaction {
    font-size: 30px;
    padding-right: 4px
}

.banners__editor__content__reaction-picker-container .intercom-reaction.o__editable {
    cursor: pointer;
    transition: transform .04s;
    width: 32px;
    height: 32px;
    display: inline-block
}

.banners__editor__content__reaction-picker-container .intercom-reaction.o__editable:hover,.workflows__polygon-icon-large svg.o__standard {
    transform: scale(1.3)
}

.banners__editor__content__reaction-picker-container .interface-icon.o__standard {
    height: 15px
}

.banners__editor__content__url-button {
    color: var(--banner_url_button_text_color)!important;
    background-color: var(--banner_url_button_color)!important;
    display: flex;
    justify-content: center;
    align-self: baseline;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    margin: 6px 0 4px 16px;
    white-space: nowrap
}

.banner__web-chrome__bottom-banner__browser-top__left {
    width: 70%;
    background-size: auto 100%;
    background-image: url(https://static.intercomassets.com/ember/assets/images/banners/web-chrome-bottom-banner-top-left@2x-0c06b63c4b306f8510c1e905f6378ea3.png)
}

.banner__web-chrome__bottom-banner__browser-top__right {
    width: 30%;
    background-size: auto 100%;
    background-image: url(https://static.intercomassets.com/ember/assets/images/banners/web-chrome-bottom-banner-top-right@2x-bb972b5ad499527d971a5e884e8ba602.png)
}

.banner__web-chrome__top-banner__browser-top__left {
    width: 198px;
    background-size: cover;
    background-image: url(https://static.intercomassets.com/ember/assets/images/content-editor/web-chrome-top-left@2x-c2d047b8520eaa95195b8cf4b4bc4523.png);
    border-top-left-radius: 4px
}

.banner__web-chrome__top-banner__browser-top__middle {
    background-size: auto 100%;
    background-image: url(https://static.intercomassets.com/ember/assets/images/content-editor/web-chrome-top-middle@2x-e066ff8981347d4fa41cbef78a29a68c.png)
}

.banner__web-chrome__top-banner__browser-top__right {
    width: 71px;
    background-size: cover;
    background-image: url(https://static.intercomassets.com/ember/assets/images/content-editor/web-chrome-top-right@2x-d336e8be4bbe1a61ddaf4d5920a4baec.png);
    border-top-right-radius: 4px
}

.banner__web-chrome__top-banner__browser-bottom__left {
    width: 159px;
    background-size: cover;
    background-image: url(https://static.intercomassets.com/ember/assets/images/banners/web-chrome-top-banner-bottom-left@2x-720302051c8f1c0f4f0c3260b9dcfc61.png)
}

.banner__web-chrome__top-banner__browser-bottom__right {
    width: 168px;
    background-size: cover;
    background-image: url(https://static.intercomassets.com/ember/assets/images/banners/web-chrome-top-banner-bottom-right@2x-485b67db0c8a73fc57de464524276ec0.png)
}

.outbound__filters__sender-dropdown {
    max-height: 400px
}

.outbound__filters__empty-tags-component {
    max-width: 180px
}

.template-list-with-preview__section-divider {
    box-shadow: 0 -2px 12px 0 rgba(0,0,0,.1);
    position: relative
}

.template-list-with-preview__thumbnail-header {
    width: 200px
}

.template-list-with-preview__thumbnail-iframe {
    width: 285.71%;
    transform: scale(.35);
    transform-origin: 0 0;
    pointer-events: none
}

.template-list-with-preview__thumbnail-iframe-container {
    min-width: 211px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.template-list-with-preview__empty-thumbnail {
    height: 145px
}

.template-list-with-preview__empty-button {
    height: 32px
}

.new-workflow-modal__card-container {
    --finCardHeight: 100px;
    --borderWidth: 2px;
    position: relative;
    z-index: 0
}

.new-workflow-modal__card.fin-ai-border::after {
    background: linear-gradient(135deg,rgb(from var(--ai-gradient-step-1) r g b/.5) -5%,rgb(from var(--ai-gradient-step-2) r g b/.5) 33%,rgb(from var(--ai-gradient-step-3) r g b/.5) 66%,rgb(from var(--ai-gradient-step-4) r g b/.5) 100%);
    content: "";
    position: absolute;
    top: calc(-1*var(--borderWidth));
    left: calc(-1*var(--borderWidth));
    height: calc(100% + var(--borderWidth)*2);
    width: calc(100% + var(--borderWidth)*2);
    border-radius: calc(5*var(--borderWidth));
    z-index: -1;
    animation: animatedgradient 4s ease infinite;
    background-size: 700% 700%
}

.new-workflow-modal__card-container.fin-ai-border .new-workflow-modal__card {
    min-height: var(--finCardHeight)
}

.new-workflow-modal__card {
    border: 1px solid var(--neutral-border);
    box-shadow: var(--shadow-lvl-1);
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 8px;
    transition: box-shadow ease-in-out .2s;
    min-height: 125px;
    min-width: 225px;
    max-width: 225px
}

.new-workflow-modal__card.create-from-scratch {
    min-height: 60px
}

.new-workflow-modal__card.create-card {
    min-height: 85px
}

.new-workflow-modal__card.fin-ai-border {
    border: 0
}

.new-workflow-modal__card.end-user-experience,.new-workflow-modal__card.proactive-support,.new-workflow-modal__card.teammate-efficiency {
    height: 125px
}

.new-workflow-modal__card.workflows-setup-card__template {
    min-height: 148px;
    min-width: 240px;
    border: 1px solid var(--neutral-border);
    box-shadow: none
}

.new-workflow-modal__card.workflows-setup-card__template.with-pill {
    min-height: 180px
}

.new-workflow-modal__card.workflows-setup-app-card {
    border: 1px solid var(--neutral-border);
    box-shadow: none;
    width: 240px;
    height: 88px;
    min-height: 88px
}

.workflows-setup-card__pill.o__free-your-team,.workflows-setup-card__pill.o__prioritize-specific-issues {
    background-color: var(--paywall-container);
    color: var(--paywall-fill-emphasis)
}

.workflows-setup-card__pill.o__speed-up-support {
    background-color: var(--vis-teal-70);
    color: var(--vis-teal-10)
}

.workflows-setup-card__pill.o__keep-audiences-engaged,.workflows-setup-card__pill.o__use-feedback-to-improve {
    background-color: var(--vis-mantis-70);
    color: var(--vis-mantis-10)
}

.workflows-setup-card__icon {
    width: 28px;
    height: 28px
}

.workflows-setup-card__icon.o__orange {
    background-color: var(--vis-mantis-30)
}

.workflows-setup-card__icon.o__magenta {
    background-color: var(--vis-pink-70)
}

.workflows-setup-card__icon.o__mint {
    background-color: var(--vis-cyan-30)
}

.workflows-setup-card__icon.o__blue {
    background-color: var(--vis-teal-30)
}

.workflows-setup-card__icon.o__yellow {
    background-color: var(--vis-mustard-70)
}

.workflows-setup-card__icon.o__fin {
    background-color: var(--neutral-fill);
    color: var(--text-on-neutral)
}

.workflows-setup-card__icon.o__fin-wd {
    background-color: var(--paywall-fill)
}

.new-workflow-modal__template-category-list__item {
    width: 206px
}

.new-workflow-modal__template-category-list__item.selected {
    background-color: var(--neutral-container);
    border: 1px solid var(--neutral-border);
    padding: 7px 11px;
    box-shadow: var(--shadow-lvl-0)
}

.new-workflow-modal__template-category-list__item:hover {
    background-color: var(--neutral-container)
}

.new-workflow-modal__card__new-pill,.new-workflow-modal__template-category-list__item .new-pill {
    background-color: var(--beta-fill);
    color: var(--base-module-subtle);
    border: 1px solid var(--beta-fill)
}

.new-workflow__simple-template-card {
    width: 265px;
    height: 192px
}

.new-workflow-modal__template-list {
    min-height: 600px
}

.new-workflow-modal__card:hover {
    box-shadow: var(--shadow-lvl-2);
    border-color: var(--neutral-border)
}

.new-workflow-modal__graph-editor {
    border: 1px solid var(--neutral-border)
}

.new-workflow-modal__header-border {
    border-bottom: 1px solid var(--neutral-border)
}

.new-workflow-modal__card.o__small {
    height: 52px;
    min-height: 52px;
    max-height: 52px
}

.new-workflow-modal__card.o__medium {
    height: 180px;
    min-height: 180px;
    max-height: 180px
}

.new-workflow-modal__card.o__large {
    height: 220px;
    min-height: 220px;
    max-height: 220px
}

.new-workflow-modal__card.o__square {
    min-height: 116px;
    max-height: 116px;
    min-width: 116px;
    max-width: 116px
}

.new-workflow-modal__card.o__preview {
    min-height: 116px;
    max-height: 116px;
    min-width: 150px;
    max-width: 150px
}

.new-workflow-modal__titles-wd {
    line-height: 20px!important
}

.new-workflow-modal__icon {
    height: 32px;
    width: 32px
}

.new-workflow-modal__icon.o__orange {
    background-color: var(--vis-orange-70)
}

.new-workflow-modal__icon.o__magenta {
    background-color: var(--vis-pink-70)
}

.new-workflow-modal__icon.o__mint {
    background-color: var(--vis-mint-70)
}

.new-workflow-modal__icon.o__blue {
    background-color: var(--vis-azure-70)
}

.new-workflow-modal__icon.o__yellow {
    background-color: var(--vis-mustard-70)
}

.new-workflow-modal__icon.o__fin {
    background-color: var(--neutral-fill);
    color: var(--text-on-neutral)
}

.new-workflow-modal__icon.o__fin-wd {
    background-color: var(--vis-violet-70)
}

.new-workflow-modal__pill {
    width: fit-content
}

.new-workflow-modal__pill.o__orange {
    background-color: var(--vis-orange-70)
}

.new-workflow-modal__pill.o__magenta {
    background-color: var(--vis-pink-70)
}

.new-workflow-modal__pill.o__blue {
    background-color: var(--vis-azure-70)
}

.new-workflow-modal__pill.o__yellow {
    background-color: var(--vis-mustard-70)
}

.new-workflow-modal__pill.o__fin {
    background-color: var(--neutral-fill);
    color: var(--text-on-neutral)
}

.new-workflow-modal__card.new-workflows-setup-card {
    padding-bottom: 20px;
    height: 175px;
    min-height: 175px;
    max-height: 175px;
    width: 240px;
    min-width: 240px;
    max-width: 240px;
    box-shadow: none
}

.new-workflow-modal__card.new-workflows-setup-card:hover {
    box-shadow: var(--shadow-lvl-2)
}

.new-workflow-modal__workflows-setup-common-selector-modal {
    width: 1035px!important;
    height: 685px!important
}

.new-workflow-modal__workflows-setup-common-selector-modal .ds-new__modal__container {
    width: 1035px!important;
    height: 685px!important;
    overflow-y: hidden
}

.new-workflow-modal__workflows-setup-common-selector-modal .ds-new__modal__close__icon {
    top: 24px
}

.new-workflow-modal__workflows-setup-common-selector-modal .ds-new__modal__header {
    height: 81px
}

.new-workflow-modal__template-preview-control-group {
    background-color: var(--base-module)
}

.new-workflow-modal__template-preview-control-group .radio-button-group__button {
    outline: 0!important
}

.new-workflow-modal__template-preview-control-group .radio-button-group__button.btn.o__secondary:focus {
    box-shadow: none!important
}

.new-workflow-modal__end-user-preview {
    max-height: 512px;
    max-width: 720px;
    overflow: hidden;
    border-radius: 8px
}

.new-workflow-modal__end-user-preview img {
    object-fit: cover;
    position: relative;
    top: -30px;
    left: -50px;
    height: 545px
}

.new-content-modal__body {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 733px
}

.new-content-modal__body.o__with-header {
    height: 668px
}

.new-content-modal__sidebar,.new-content-modal__sidebar-outbound-ia {
    background: var(--neutral-container);
    border-top-left-radius: 8px;
    width: 160px
}

.new-content-modal__sidebar-outbound-ia {
    width: 165px
}

.new-content-modal__card {
    border: 1px solid var(--neutral-border);
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 12px;
    transition: box-shadow ease-in-out .2s;
    min-width: 249px;
    max-width: 249px
}

.new-content-modal__card:hover {
    border: 1px solid var(--neutral-border-emphasis);
    box-shadow: var(--shadow-lvl-1)
}

.new-content-modal__card__small {
    min-width: 242px;
    max-width: 242px
}

.new-content-modal__card__image {
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
    width: 100%
}

.new-content-modal__card__image-container {
    overflow: hidden
}

.new-content-modal__card.o__small {
    height: 52px
}

.new-content-modal__card.o__medium {
    height: 180px
}

.new-content-modal__card.o__large {
    height: 220px
}

.new-content-modal__card__title {
    font-size: 16px;
    font-weight: 500
}

.new-content-modal__card__title-with-thumbnail {
    height: 40px
}

.new-content-modal__back-button,.new-content-modal__sidenav__item {
    cursor: pointer
}

.new-content-modal__sidenav__item {
    transition: all ease-in-out 150ms
}

.new-content-modal__back-button:hover,.new-content-modal__sidenav__item.o__selected,.new-content-modal__sidenav__item:hover {
    color: var(--text-accent)
}

.new-content-modal__template-preview__image {
    width: fit-content;
    width: -moz-fit-content
}

.new-content-modal__description {
    width: 240px
}

.new-content-modal__new-sidenav {
    width: 180px
}

.new-content-modal__card__container {
    min-width: 184px;
    max-width: 184px;
    border-radius: 12px
}

.outbound__unsubscribes-stat,.survey__question-editor-content.o__web .o__large.o__validation-error .embercom-prosemirror-composer-placeholder {
    color: var(--text-error)
}

.outbound__goal-stat,.outbound__recipients-stat {
    color: var(--text-link)
}

.outbound__opens-stat {
    color: var(--vis-green-30)
}

.outbound__replies-stat {
    color: var(--vis-yellow-30)
}

.outbound__clicks-stat {
    color: var(--vis-magenta-40)
}

.outbound__collected-stat {
    color: var(--vis-orange-50)
}

.sms-keywords-responses-table td:last-child,.sms-keywords-responses-table th:last-child {
    box-shadow: none
}

.sms-phone-number-fix-issues-btn {
    height: 20px;
    padding: 0 8px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    border-radius: 4px
}

.toll-free-verification-form__header-icon {
    border-radius: 50%;
    height: 40px;
    min-width: 40px;
    max-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--neutral-border-emphasis)
}

.toll-free-verification-form__header-icon svg {
    margin: 0 auto!important
}

.toll-free-verification-form__header-icon.o__completed {
    background-color: var(--success-fill);
    border-color: var(--success-border);
    color: var(--text-on-neutral)
}

.toll-free-verification-form__info,.toll-free-verification-form__info li {
    color: var(--text-muted);
    font-size: 13px
}

.toll-free-verification-form__info ul {
    margin: 0
}

.outbound__sms__onboarding__available-phone-numbers__phone-number {
    padding: 6px 12px;
    max-width: 120px;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    border: 1px solid var(--neutral-border);
    border-radius: 6px;
    background-color: var(--neutral-container);
    color: var(--text-muted)
}

.outbound__sms__onboarding__available-phone-numbers__phone-number:active,.outbound__sms__onboarding__available-phone-numbers__phone-number:focus,.outbound__sms__onboarding__available-phone-numbers__phone-number:hover {
    background-color: var(--neutral-container-emphasis);
    color: var(--text-link);
    outline: 0
}

.outbound__sms__onboarding__available-phone-numbers {
    width: 800px
}

.outbound__sms__onboarding__selected-phone-number {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: var(--text-link)
}

.matching-system__preview .audience-preview-header:hover+span[data-test-accordion-header-action],.outbound__sms__onboarding__active-step {
    color: var(--text-link)
}

#onboarding-footer-wormhole .outbound__sms__onboarding__footer-inner {
    padding-right: 120px;
    background-color: var(--neutral-container)
}

.outbound__sms__onboarding__phone-number-input {
    -moz-appearance: textfield
}

.outbound__sms__onboarding__phone-number-input::-webkit-inner-spin-button,.outbound__sms__onboarding__phone-number-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.outbound__table__truncated-title-cell {
    min-width: 300px;
    max-width: calc(40vw - 300px)
}

.outbound__table__truncated-sender-cell {
    min-width: 140px;
    max-width: calc(20vw - 160px)
}

.outbound__table__content-cell {
    margin-top: 15px
}

.outbound__table__content-cell:first-of-type {
    margin-top: 0
}

.outbound__filter-and-count-block {
    background-color: var(--base-module);
    position: sticky;
    top: 64px;
    z-index: 11;
    padding-top: 24px
}

.vertical-line {
    border: 1px solid var(--neutral-border);
    height: 16px;
    margin: 6px 16px 0 8px!important
}

.outbound__table__content-cell__loading-state {
    background-color: var(--neutral-container);
    height: 10px;
    max-width: 50px
}

.outbound__table__empty-state-onboarding {
    background: #e3e7fa;
    background: linear-gradient(90deg,rgba(227,231,250,.3) 0,#e3e7fa 100%)
}

@media only screen and (max-width: 1398px) {
    .outbound__table__empty-state-onboarding {
        width:818px
    }
}

.outbound__table__empty-state-text-width {
    max-width: 750px
}

.outbound__table__empty-state-sms-setup {
    min-height: 350px;
    max-height: 800px
}

.outbound__table__message-template-card-bg {
    background-color: var(--neutral-container);
    border-radius: inherit
}

.outbound__empty-state-banner {
    min-height: 264px
}

.outbound__tiny__icon__override .interface-icon.o__standard {
    width: 12px!important;
    height: 12px!important;
    margin-bottom: 4px!important
}

.matching-system__main.o__disabled,.matching-system__preview.o__disabled {
    opacity: .5
}

.matching-system__preview {
    max-width: 100%;
    box-sizing: border-box
}

.matching-system__preview__tbl-wrapper {
    max-height: calc(100vh - 350px)
}

.matching-system__unsubscribed-preference .o__disabled {
    opacity: .5;
    pointer-events: none
}

.matching-system__unsubscribed-preference .text.o__small.o__disabled {
    color: var(--text-muted)
}

.matching-system__audience-selector__preview-container {
    min-height: 665px;
    width: 100%
}

.matching-system__audience-selector__collapsible-preview-container {
    width: 100%
}

.matching-system__audience-selector__send-frequency-dropdown {
    width: 200px;
    padding-top: 8px;
    padding-bottom: 8px
}

.matching-system__audience-selector__send-frequency-dropdown .ds-new__dropdown__block__item:focus {
    background-color: unset
}

.matching-system__timetable-editor {
    min-width: 540px
}

.matching-system__timetable-editor-dropdown-item.o__disabled {
    color: var(--text-default);
    cursor: default
}

.matching-system__timetable-editor-dropdown-item.o__disabled .matching-system__timetable-editor-dropdown-item-row {
    cursor: default
}

.matching-system__timetable-editor-grid {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    grid-template-rows: repeat(24,1fr);
    grid-auto-flow: column
}

.matching-system__timetable-editor-grid-item {
    color: var(--text-muted);
    background-color: var(--neutral-container);
    width: 80px;
    height: 25px;
    box-sizing: border-box;
    font-size: 8px;
    border: 1px solid var(--neutral-border);
    cursor: pointer;
    border-radius: 2px;
    user-select: none;
    text-align: center
}

.matching-system__timetable-editor-grid-item.o__active {
    background-color: var(--beta-fill);
    border-top: 0;
    border-bottom: 0;
    border-radius: 0;
    color: var(--text-on-neutral)
}

.matching-system__timetable-editor-grid-item:not(.o__active):hover {
    background-color: var(--neutral-container-emphasis)
}

.matching-system__timetable-editor-grid-hour-axis-item {
    width: 50px;
    height: 25px;
    font-size: 8px;
    text-align: center;
    box-sizing: border-box;
    text-transform: uppercase;
    color: var(--text-muted)
}

.matching-system__timetable-editor-grid-day-axis-item {
    width: 100px;
    height: 25px;
    font-size: 10px;
    text-transform: uppercase;
    color: var(--text-muted);
    padding-left: 5px;
    box-sizing: border-box
}

.matching-system__timetable-editor-grid-item-hover-text {
    opacity: 0;
    pointer-events: none
}

.matching-system__timetable-editor-grid-item:hover .matching-system__timetable-editor-grid-item-hover-text {
    opacity: 1
}

.matching-system__audience-selector__recurring-schedule-dropdown {
    width: 200px;
    padding-top: 8px;
    padding-bottom: 8px
}

.matching-system__audience-selector__recurring-schedule-dropdown .ds-new__dropdown__block__item:focus {
    background-color: unset
}

.matching-system__audience-selector__recurring-schedule-filter-block .filter-block {
    border-radius: 0
}

.matching-system__audience-selector__recurring-schedule-filter-block.o__summary .filter-block {
    border-radius: 0 6px 6px 0
}

.chat__composer__prosemirror-chat b,.inbox2__composer .inbox2__expandable-composer-wrapper .embercom-prosemirror-composer-editor b,.inbox2__composer .inbox2__expandable-composer-wrapper .embercom-prosemirror-composer-editor strong,.inbox2__conversation-stream__content-part b,.inbox2__conversation-stream__content-part strong,.matching-system__audience-selector__recurring-schedule-filter-block .filter-block__details,.news-item-composer b,.post__composer__prosemirror-post b {
    font-weight: 600
}

.matching-system__audience-selector__recurring-schedule-filter-block .filter-block__name {
    font-weight: 400
}

.matching-system__audience-selector__recurring-schedule-filter-block .filter-block__content.o__one-line {
    padding-left: 0
}

.matching-system__match-check-icon svg {
    margin: 0!important;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 8px;
    display: block!important
}

.date-range-picker__picker {
    width: 550px
}

.date-range-picker__picker-overlay {
    background: #fff;
    width: 550px;
    border-radius: 0 2px 2px;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.24)
}

.date-range-picker__header {
    width: 200px;
    min-height: 50px
}

.date-range-picker__picker-month-title {
    min-width: 200px;
    display: inline-block
}

.date-range-picker__header-end-unselected {
    opacity: .5
}

.date-range-picker__header-date-highlight {
    border-bottom: var(--accent-fill) solid 2px
}

.date-range-picker__picker .ember-power-calendar-nav-control {
    text-decoration: none
}

.date-range-picker__picker .ember-power-calendar-nav-control:hover,.inbox2 .intercom-interblocks-inbox-card .intercom-card-component.list-component .list .list-item[data-action-type]:hover .title {
    color: var(--text-accent)
}

.date-range-picker__picker .ember-power-calendar-nav {
    user-select: none
}

.date-range-picker__picker .ember-power-calendar-day--current-month {
    background-color: var(--neutral-container);
    padding: 8px
}

.date-range-picker__picker .ember-power-calendar-day--current-month.ember-power-calendar-day--selected {
    background-color: var(--neutral-container);
    color: var(--text-accent);
    font-weight: 400
}

.date-range-picker__picker .ember-power-calendar-day--selected.ember-power-calendar-day--range-end,.date-range-picker__picker .ember-power-calendar-day--selected.ember-power-calendar-day--range-start {
    background-color: var(--neutral-container-emphasis);
    color: var(--text-accent);
    font-weight: 600
}

.date-range-picker__picker .ember-power-calendar-day--selected.ember-power-calendar-day--range-start {
    border-radius: 3px 0 0 3px
}

.date-range-picker__picker .ember-power-calendar-day--selected.ember-power-calendar-day--range-end {
    border-radius: 0 3px 3px 0
}

.date-range-picker__picker .ember-power-calendar-day--other-month {
    visibility: hidden;
    padding: 8px
}

.sms__editor__sidebar {
    border-right: 1px solid rgba(0,0,0,.1);
    width: 450px;
    max-width: 450px;
    min-height: 348px;
    height: 100%;
    box-sizing: border-box;
    padding-top: 24px!important
}

.sms__editor__phone {
    width: 474px;
    height: 579px;
    position: relative;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-position: center;
    padding: 88px 60px 0;
    z-index: 1;
    color: var(--THEME-EJECTION__CONTENT-PREVIEW__BLACK-COLOR)
}

.sms__editor__phone:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 474px;
    height: 579px;
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/message-editor/iphone-12-34ffe1a54d6c3a38b803c1c50d5f031b.svg);
    mask-image: linear-gradient(to bottom,var(--neutral-fill),var(--neutral-fill) 80%,transparent)
}

.sms__editor__message-container {
    position: relative;
    width: 300px;
    max-height: 330px;
    border-radius: 20px;
    background: var(--THEME-EJECTION__CONTENT-PREVIEW__BLACK-COLOR);
    color: var(--THEME-EJECTION__CONTENT-PREVIEW__WHITE-COLOR)
}

.sms__editor__message-container::after {
    position: absolute;
    bottom: 0;
    content: "";
    left: -7px;
    width: 32px;
    height: 16px;
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/message-editor/chat-bubble-flair-6e8af0dee11e228851627b9656b61cd9.svg)
}

.sms__editor__message-container.o__right::after {
    left: 275px;
    transform: scaleX(-1)
}

.sms__editor__message {
    padding: 12px 15px;
    z-index: 1
}

.sms__editor__message-container .embercom-composer-placeholder {
    top: 2px;
    left: 2px
}

.sms__editor__banner {
    position: absolute;
    bottom: 32px;
    margin-right: 32px
}

.start-product-trial-link {
    display: inline-flex
}

.survey__branching__step-preview-block {
    width: max-content
}

.survey__branching__step-preview-block .intercom-interblocks {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    overflow: hidden
}

.survey__branching__step-preview-block .intercom-interblocks-paragraph,.survey__branching__step-preview-block .intercom-interblocks-paragraph p {
    display: inline
}

.survey__branching__step-preview-block .intercom-interblocks-paragraph+.intercom-interblocks-paragraph {
    margin-right: 5px
}

.survey__branching__question-preview-block {
    max-width: max-content
}

.survey__branching__next-step-arrow {
    margin: 6px 16px 6px 0
}

.questions-and-paths-container {
    position: relative
}

.questions-and-paths-container:before {
    content: "";
    display: block;
    position: absolute;
    height: calc(100% - 20px);
    border-right: 1px dashed var(--neutral-container);
    width: 1px;
    left: 0
}

.questions-and-paths-container.o__thank-you:before {
    height: calc(100% - 16px)
}

.connector-line {
    border-top: 1px dashed var(--neutral-container);
    height: 1px;
    width: 31px;
    margin-left: 1px;
    margin-top: auto;
    margin-bottom: auto
}

.survey__branching__predicates-section .filter-block__name {
    max-width: 270px
}

.survey__branching__predicates-section__divider-line {
    box-sizing: border-box;
    max-width: calc(100% - 20px)
}

.survey__branching__end-block {
    box-sizing: border-box;
    width: 56px;
    height: 32px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 6px;
    display: block;
    text-align: center;
    background-color: var(--neutral-container);
    color: var(--text-muted);
    padding: 5px 0 7px;
    font-size: 14px;
    font-weight: 500
}

.survey__chrome__large-format-section {
    background: #fff
}

.survey__chrome {
    min-width: 422px;
    max-width: 422px;
    height: 886px;
    position: relative;
    box-sizing: border-box;
    margin: 0 12px;
    padding: 65px 22px 33px;
    border-radius: 72px
}

.survey__chrome .survey__chrome__shell-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.survey__chrome .survey__chrome__inner {
    position: relative;
    height: 96%;
    box-sizing: border-box;
    width: 100%;
    background: linear-gradient(to bottom,var(--survey_background_color) 0,var(--survey_background_color) 20%,var(--survey_background_color) 80%,var(--survey_background_color) 100%)
}

.survey__chrome .survey__chrome__inner-android {
    height: 96%;
    width: calc(100% - 6px);
    margin-left: 3px;
    border-radius: 16px 16px 0 0
}

.survey__chrome .survey__chrome__inner-android .mobile-chrome-actions-container {
    height: 126px;
    margin-top: -126px
}

.survey__chrome .survey__chrome__inner-android .mobile-chrome-actions-container.secondary {
    height: 186px;
    margin-top: -186px
}

.survey__chrome .survey__chrome__inner-ios {
    height: 96%;
    border-radius: 37px
}

.survey__chrome .survey__chrome__inner-ios .mobile-chrome-actions-container {
    height: 68px;
    margin-top: -68px
}

.survey__chrome .survey__chrome__inner-ios .mobile-chrome-actions-container.secondary {
    height: 128px;
    margin-top: -128px
}

.survey__chrome .survey__chrome__status-bar {
    position: absolute;
    top: 32px;
    width: 380px
}

.survey__chrome .survey__chrome__status-bar-android {
    position: absolute;
    top: 72px;
    width: 380px
}

.survey__chrome .survey__chrome__bottom-bar {
    position: absolute;
    bottom: 42px;
    width: 136px;
    height: 5px;
    left: 143px;
    border-radius: 10px;
    background: #000
}

.survey__chrome .survey__chrome__footer-android {
    position: absolute;
    bottom: 60px;
    border-radius: 0 0 8px 8px;
    width: calc(100% - 48px);
    margin-left: 2px;
    overflow: hidden
}

.survey__chrome-shadow-layer {
    position: absolute;
    width: 100%;
    z-index: -1;
    left: 0
}

.survey__chrome-shadow-layer.o__android {
    top: 5px;
    height: 875px;
    border-radius: 53px
}

.survey__chrome-shadow-layer.o__ios {
    top: 15px;
    height: 857px;
    border-radius: 64px
}

.survey__chrome__footer-android__img {
    width: 100%
}

#survey-preview-iframe-mount {
    height: 80vh
}

.survey__preview__preview-modal__header {
    margin-top: 30vh;
    min-width: 250px
}

.survey-question__builder-content {
    width: 100%
}

.survey__builder-content {
    min-width: 615px
}

.survey__preview-content {
    min-width: 675px
}

.survey__sidebar-parent .content-editor__animated-sidebar {
    height: inherit
}

.survey__sidebar {
    box-sizing: border-box;
    max-width: 300px;
    width: 300px
}

.survey__sidebar .format-display {
    background: var(--neutral-container);
    padding: 6px 0;
    border-radius: 6px
}

.survey__sidebar .btn__tertiary {
    padding-top: 1px;
    padding-left: 14px
}

.survey__sidebar__section {
    padding: 0 26px 24px;
    border-bottom: 1px solid var(--neutral-border)
}

.survey__sidebar__section:last-child {
    border-bottom: none
}

.survey__thumbnail-controls {
    width: 100%;
    overflow-x: scroll;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: center;
    padding: 8px
}

.survey__scrolling-timeline:after,.survey__scrolling-timeline:before {
    content: "";
    width: 150px;
    height: 50px;
    margin-top: -6px;
    position: absolute;
    pointer-events: none;
    z-index: 1;
    visibility: hidden
}

.survey__scrolling-timeline:before {
    background: linear-gradient(90deg,#fff 5.1%,rgba(255,255,255,.0885417) 74.48%,rgba(255,255,255,0) 74.49%)
}

.survey__scrolling-timeline:after {
    right: 0;
    background: linear-gradient(270deg,#fff 5.1%,rgba(255,255,255,.0885417) 74.48%,rgba(255,255,255,0) 74.49%)
}

.survey__scrolling-timeline.o__scrolled-left:before,.survey__scrolling-timeline.o__scrolled-right:after {
    visibility: visible
}

.survey__step__nav__add-step-button {
    height: 38px
}

.survey__thumbnail-controls__control,.survey__thumbnail-controls__validation-error {
    position: relative;
    height: 38px;
    box-sizing: border-box;
    border-radius: 6px;
    line-height: 48px;
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap
}

.survey__thumbnail-controls__control {
    border: 1px solid rgba(0,0,0,.1);
    color: var(--text-muted)
}

.survey__thumbnail-controls__control.o__selected,.survey__thumbnail-controls__control:hover {
    cursor: pointer;
    border: 1px solid var(--neutral-border);
    color: var(--text-link)
}

.survey__thumbnail-controls__control.o__selected {
    background: var(--neutral-container-emphasis)
}

.survey__thumbnail-controls__control.o__disabled {
    color: #c2c3cc;
    background: var(--neutral-container)
}

.survey__thumbnail-controls__control.o__fixed-width {
    min-width: 65px;
    line-height: 0;
    padding-top: 18px;
    text-align: center
}

.survey__thumbnail-controls__control.o__fixed-width.o__selected {
    min-width: 70px;
    height: 50px;
    margin-top: -6px;
    padding-top: 24px
}

.survey__thumbnail-controls__control.o__fixed-width.o__not-selected {
    min-width: 38px
}

.survey__thumbnail-controls__control.o__fixed-width.o__debug-branching,.survey__thumbnail-controls__control.o__fixed-width.o__selected.o__debug-branching {
    width: 100px
}

.survey__thumbnail-controls__control .step-delete {
    display: none;
    position: absolute;
    top: -35px;
    right: 10px;
    left: 10px;
    padding-bottom: 2px;
    z-index: 2
}

.survey__thumbnail-controls__control:hover .survey__thumbnail-controls__step-delete {
    display: block
}

.survey__thumbnail-controls__validation-error {
    border: 1px solid var(--error-border);
    color: var(--text-error);
    background: var(--error-container)
}

.survey__thumbnail-controls__validation-error.o__selected,.survey__thumbnail-controls__validation-error:hover {
    cursor: pointer
}

.survey__thumbnail-controls__validation-error.o__fixed-width {
    min-width: 65px;
    line-height: 0;
    padding-top: 18px;
    text-align: center
}

.survey__thumbnail-controls__validation-error.o__fixed-width.o__selected {
    min-width: 70px;
    height: 50px;
    margin-top: -6px;
    padding-top: 24px
}

.survey__thumbnail-controls__validation-error.o__fixed-width.o__not-selected {
    min-width: 38px
}

.survey__thumbnail-controls__validation-error:hover .survey__thumbnail-controls__step-delete {
    display: block
}

.survey__thumbnail-controls-container {
    position: absolute;
    top: -38px;
    right: 4px;
    left: 4px;
    padding-bottom: 2px;
    background-color: var(--neutral-container);
    border-radius: 6px;
    z-index: 5
}

.survey__thumbnail-controls-container.o__not-selected {
    right: -4px;
    left: -4px
}

.survey__thumbnail-controls-container:hover {
    cursor: pointer
}

.survey__thumbnail-controls-hover-space {
    display: block;
    position: absolute;
    top: -16px;
    bottom: 50px;
    right: 0;
    left: 0;
    z-index: 3
}

.survey__thumbnail-controls-hover-space.o__not-selected {
    bottom: 46px
}

.survey__thumbnail-controls-icon {
    margin-left: 3px;
    color: var(--text-default)
}

.survey__thumbnail-controls-icon:hover {
    color: var(--text-link)
}

.survey__step-delete-margins {
    margin: 4px 0 0 -1px
}

.survey__step-reorder-margins {
    margin: 4px -1px 0 0
}

.survey__thumbnail-controls__step-delete {
    display: none;
    position: absolute;
    top: -35px;
    right: 10px;
    left: 10px;
    padding-bottom: 2px
}

.survey__thumbnail-controls__step-delete.o__not-selected {
    left: 0;
    right: 0
}

.survey__step-reorder-item {
    position: relative
}

.survey__step-reorder-item.is-dragging {
    z-index: 10;
    cursor: grabbing!important
}

.survey__sidebar__customization-settings {
    border-top: 1px solid rgba(0,0,0,.1)
}

.survey__sidebar-blue-content-text {
    color: var(--text-link)
}

.survey__sidebar-gray-content-text {
    color: var(--text-muted)
}

.survey__sidebar__change-format-modal {
    position: relative
}

.survey__sidebar__change-format-modal .web-mobile-style-icons {
    position: absolute;
    bottom: 13px
}

.survey__sidebar__change-format-modal li,.survey__sidebar__change-format-modal p {
    font-size: 13px
}

.survey__sidebar__change-format-modal .flip-icon {
    transform: scaleY(-1)
}

.survey__sidebar__action-settings__url-or-uri div:first-of-type {
    margin: 0
}

.survey__sidebar__action-settings__url-or-uri .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted)
}

.survey__sidebar__action-settings__url-or-uri .form__input.validation-error {
    border-color: var(--error-border)
}

.survey__sidebar__action-settings__url-or-uri .form__input.validation-error:focus,.survey__sidebar__action-settings__url-or-uri .form__input.validation-error:focus-within {
    box-shadow: 0 0 0 3px rgba(var(--error-border),.2)
}

.question-editor__multi-select .disabled-multi-select {
    background-color: var(--neutral-container)
}

.question-editor__rating-scale {
    width: 100%
}

.question-editor__rating-scale ul {
    padding-inline-start:0}

.question-editor__rating-scale .rating-item {
    font-weight: 500;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 5px 0;
    margin: 0;
    border: 2px solid var(--neutral-border);
    background: var(--neutral-container)
}

.question-editor-selected-neg-margin {
    margin: -2px
}

.validation-error-message {
    color: var(--text-error);
    font-size: 13px
}

.survey__editor__composer-wrapper.o__android .survey__editor__step__composer-preview .intercom-interblocks-heading,.survey__editor__composer-wrapper.o__android .survey__editor__step__composer-preview .intercom-interblocks-paragraph,.survey__editor__composer-wrapper.o__android .survey__editor__step__composer-preview .intercom-interblocks-subheading,.survey__editor__composer-wrapper.o__android.o__small .question-editor__rating-scale-label,.survey__editor__composer-wrapper.o__ios .survey__editor__step__composer-preview .intercom-interblocks-heading,.survey__editor__composer-wrapper.o__ios .survey__editor__step__composer-preview .intercom-interblocks-paragraph,.survey__editor__composer-wrapper.o__ios .survey__editor__step__composer-preview .intercom-interblocks-subheading,.survey__editor__composer-wrapper.o__ios.o__small .question-editor__rating-scale-label,.survey__editor__composer-wrapper.o__web.o__small .embercom-prosemirror-composer-editor,.survey__editor__composer-wrapper.o__web.o__small .intercom-interblocks,.survey__editor__composer-wrapper.o__web.o__small .question-editor__rating-scale-label,.validation-error-message.o__small {
    color: var(--survey_text_color)
}

.rating-star-item {
    color: var(--text-muted);
    width: 30px;
    height: 30px;
    list-style: none
}

.rating-emoji-item {
    font-size: 30px;
    padding-right: 4px;
    list-style: none;
    line-height: 1
}

.survey__editor__composer-wrapper {
    background: var(--survey_background_color);
    box-shadow: 0 4px 16px var(--survey_drop_shadow_color)
}

.survey__editor__composer-wrapper.o__large {
    width: 100%;
    max-width: 645px
}

.survey__editor__composer-wrapper--preview.o__large {
    max-width: 600px
}

.survey__editor__composer-wrapper.o__small {
    max-width: 680px;
    min-height: 72px
}

.survey__editor__composer-wrapper.o__android,.survey__editor__composer-wrapper.o__ios {
    min-height: 92%;
    padding-bottom: 68px
}

.survey__editor__composer-wrapper.o__android.o__small,.survey__editor__composer-wrapper.o__ios.o__small {
    margin-top: 28px;
    margin-bottom: 28px
}

.survey__editor__composer-wrapper.o__android .survey__editor__step__composer-preview .intercom-interblocks-heading h1,.survey__editor__composer-wrapper.o__ios .survey__editor__step__composer-preview .intercom-interblocks-heading h1 {
    font-size: 36px;
    line-height: 1.18
}

.survey__editor__composer-wrapper.o__android .survey__editor__step__composer-preview .intercom-interblocks-paragraph p,.survey__editor__composer-wrapper.o__ios .survey__editor__step__composer-preview .intercom-interblocks-paragraph p {
    font-size: 17px;
    line-height: 20px
}

.survey__editor__composer-wrapper.o__android .survey__step__composer-block,.survey__editor__composer-wrapper.o__ios .survey__step__composer-block {
    width: 100%;
    border: 0
}

.survey__editor__composer-content-wrapper {
    max-width: 600px;
    min-height: 32px
}

.survey__editor__composer-content-thank-you-container-cta-beside {
    flex-direction: row;
    justify-content: space-between
}

.survey__editor__composer-content-thank-you-container-cta-beside .survey__step__composer-block,.survey__editor__composer-content-thank-you-container-cta-under .survey__step__composer-block {
    flex: 1
}

.survey__editor__composer-content-thank-you-container-cta-under {
    flex-direction: column;
    justify-content: space-between;
    margin-right: 3%;
    padding-bottom: 4px
}

.survey__editor__add-question,.survey__editor__add-question--validation-error {
    font-family: proxima-nova,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    font-size: 16px
}

.survey__editor__add-question--validation-error {
    color: var(--text-error)
}

.survey__editor__composer-wrapper.o__small .survey__editor__add-question {
    color: var(--survey_text_color)
}

.survey__editor__close-button-container {
    color: var(--survey_text_color);
    top: 26px
}

.survey__editor__close-button-container.o__large {
    top: 20px;
    right: 18px
}

.survey__editor__sender-summary {
    font-family: proxima-nova,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    color: var(--survey_text_color)
}

.survey__editor__sender-summary .intercom-author-summary-name {
    font-weight: 700
}

.survey__question-preview__submit-icon {
    background: var(--survey_button_color)
}

.survey__question-preview__submit-icon .interface-icon {
    color: var(--survey_button_text_color)
}

.survey__question-w-1-24 {
    width: 4.166667%
}

.survey__step__composer-content h1 {
    font-size: 25px;
    line-height: 1.14;
    padding-bottom: 12px
}

.survey__step__composer-content h2 {
    font-size: 22px;
    line-height: 1.14;
    padding: 1px 0 11px
}

.survey__step__composer-content img {
    max-width: 100%;
    height: auto
}

.survey__question-settings-divider {
    width: 274px;
    border-top: 1px solid var(--neutral-border)
}

.survey__editor__step__composer-wrapper .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted)
}

.survey__question-editor-required-question p:not(:empty)::after {
    content: "*"
}

.survey__question-editor-required-question p:not(:empty)::after.o__small {
    color: var(--survey_text_color)
}

.survey__question-editor-container.o__web {
    display: flex
}

.survey__question-editor-container.o__web.o__small {
    flex-direction: row
}

.survey__question-editor-container.o__web.o__large {
    padding: 8px
}

.survey__question-editor-container.o__android,.survey__question-editor-container.o__ios {
    padding-top: 16px
}

.survey__question-editor-content.o__web {
    width: 100%;
    max-width: 512px
}

.survey__question-editor-content.o__web .o__small .embercom-prosemirror-composer-placeholder {
    color: var(--survey_banner_placeholder_text_color)
}

.survey__question-editor-content.o__web .o__large .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted)
}

.survey__question-editor-content.o__android,.survey__question-editor-content.o__ios {
    padding: 16px;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,.05);
    box-shadow: 0 4px 8px rgba(0,0,0,.15);
    background-color: var(--survey_background_color);
    color: var(--survey_text_color)
}

.survey__question-editor-content.o__android .embercom-prosemirror-composer,.survey__question-editor-content.o__android .intercom-interblocks-paragraph,.survey__question-editor-content.o__ios .embercom-prosemirror-composer,.survey__question-editor-content.o__ios .intercom-interblocks-paragraph {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px
}

.survey__question-editor-content.o__android .question-editor__rating-scale ul,.survey__question-editor-content.o__ios .question-editor__rating-scale ul {
    margin-bottom: 18px
}

.survey__question-editor-content.o__android .question-editor__rating-scale .rating-item,.survey__question-editor-content.o__ios .question-editor__rating-scale .rating-item {
    font-weight: 400;
    border: 1px solid rgba(0,0,0,.1);
    color: var(--text-muted)
}

.survey__question-editor-content.o__android .question-editor__rating-scale .rating-star-item,.survey__question-editor-content.o__ios .question-editor__rating-scale .rating-star-item {
    height: 32px;
    width: 33px
}

.survey__question-editor-content.o__android .question-editor__rating-scale .rating-star-item-icon,.survey__question-editor-content.o__ios .question-editor__rating-scale .rating-star-item-icon {
    color: var(--text-on-neutral);
    stroke: var(--neutral-border)
}

.survey__question-editor-content.o__android .question-editor__rating-scale-label,.survey__question-editor-content.o__ios .question-editor__rating-scale-label {
    font-size: 11px;
    stroke: var(--neutral-border)
}

.survey__question-editor-content.o__android .o__large,.survey__question-editor-content.o__android .o__small,.survey__question-editor-content.o__ios .o__large,.survey__question-editor-content.o__ios .o__small {
    pointer-events: none
}

.survey__editor__step__composer-preview .intercom-interblocks-paragraph {
    min-height: 20px
}

.survey__line-between-start-and-end-scale {
    background: var(--neutral-container);
    width: 30px;
    height: 2px;
    margin-right: 10px;
    margin-top: 40px
}

.survey__question-settings-numeric-start-scale-margin {
    margin-right: 10px
}

.survey__question-settings-numeric-scales-max-width {
    background: var(--neutral-container);
    border-style: none;
    width: 100px
}

.survey__question-settings-dropdown-textarea.form__input {
    border-color: var(--error-border)
}

.survey__question-settings-dropdown-textarea.form__input:focus {
    box-shadow: 0 0 0 3px var(--error-border)
}

.survey__question-settings-dropdown-hint {
    font-size: 13px;
    opacity: .75
}

.survey__question-reorder-item.is-dragging {
    z-index: 10;
    cursor: pointer!important
}

.survey__builder-content-button {
    background: var(--survey_button_color);
    border: 1px solid var(--survey_button_color);
    position: relative;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: default
}

.survey__builder-content-button:focus {
    outline: 0
}

.survey__builder-content-button.input-focused {
    outline: 2px solid var(--neutral-border)
}

.survey__builder-content-button.o__validation-error {
    outline: 2px solid var(--error-border)
}

.survey__builder-content-button.secondary {
    background: var(--neutral-container);
    border-color: var(--neutral-border)
}

.survey__builder-content-button.secondary.o__android,.survey__builder-content-button.secondary.o__ios {
    background: var(--survey_background_color);
    color: var(--survey_text_color)
}

.survey__builder-content-button.secondary.o__web {
    color: var(--text-default)
}

.survey__builder-content-button.o__android,.survey__builder-content-button.o__ios {
    height: 48px;
    width: 100%;
    font-weight: 500;
    font-size: 15px;
    border-radius: 8px;
    margin-bottom: 16px;
    border: 2px solid rgba(var(--survey_button_color),.2)
}

.survey__builder-content-button-text,.survey__builder-content-icon {
    position: relative;
    width: 12px;
    height: 12px;
    color: var(--survey_button_text_color)
}

.survey__builder-content-button-text.secondary.o__android,.survey__builder-content-button-text.secondary.o__ios,.survey__builder-content-icon.secondary.o__android,.survey__builder-content-icon.secondary.o__ios {
    color: var(--survey_text_color)
}

.survey__builder-content-button-text.secondary.o__web,.survey__builder-content-icon.secondary.o__web {
    color: var(--text-default)
}

.survey__builder-content-button-text svg,.survey__builder-content-icon svg {
    top: 0;
    transform: scale(.75)
}

.survey__builder-content-button-text.o__editable-button,.survey__builder-content-icon.o__editable-button {
    height: 20px
}

.survey__builder-content-button.secondary .survey__builder-content-button-text.o__editable-button::placeholder,.survey__builder-content-button.secondary .survey__builder-content-icon.o__editable-button::placeholder {
    color: var(--survey_editable_mobile_cta_placeholder_color)
}

.survey__builder-content-button.secondary .survey__builder-content-button-text.o__web.o__editable-button::placeholder,.survey__builder-content-button.secondary .survey__builder-content-icon.o__web.o__editable-button::placeholder {
    color: var(--survey_web_cta_placeholder_color)
}

.o__editable-button:focus {
    outline: 0
}

.survey__builder-content-button-text::placeholder {
    color: var(--survey_custom_button_placeholder_text_color)
}

.secondary .survey__builder-content-button-text::placeholder {
    color: var(--text-default)
}

.survey__stat-list .ds-new__table__column-header {
    width: 205px!important;
    margin: 10px 50px
}

.survey__stat-list .ds-new__table__column__label {
    display: block;
    word-wrap: break-word;
    white-space: normal;
    text-align: center
}

.survey__stat-list .ds-new__table__cell {
    width: 205px!important
}

.survey__stat-list .survey__stat-answers-table-cell {
    width: 205px!important;
    margin: 10px 50px
}

.survey__stat-list .ds-new__table__cell-shim {
    text-align: center
}

.question__no-visible-border .rating-item,.workflows__node__step-container-menu__button:hover hr {
    border-color: var(--neutral-border)
}

.question__no-visible-border .question__input-wrapper {
    border-color: var(--neutral-border);
    margin-right: 0
}

.question__no-visible-border .survey__question-preview__submit-icon {
    border-color: var(--survey_button_color)
}

.question__no-visible-border .rating-star-item path:last-of-type {
    display: none
}

.survey__multiple-choice-border {
    border-color: rgba(0,0,0,.1)
}

.survey__question-settings-branching {
    padding-top: 6px;
    padding-bottom: 6px
}

.survey__content-editor-panel {
    transition: opacity .2s ease-in-out
}

.survey__content-editor-panel--active {
    opacity: 1
}

.survey__content-editor-panel--inactive {
    opacity: .2;
    pointer-events: none;
    user-select: none
}

.survey__preview-background {
    background: var(--THEME-EJECTION__CONTENT-PREVIEW__WHITE-COLOR);
    color: var(--THEME-EJECTION__CONTENT-PREVIEW__BLACK-COLOR)
}

.suggestion-explore-panel .tab-control__tab__contents {
    line-height: 41px
}

.checklist__sidebar {
    min-height: 593px;
    min-width: 389px;
    width: 100%;
    max-width: 400px
}

.checklist__editor__main {
    min-height: 593px;
    min-width: 425px
}

.checklist__editor__checklist-wrapper {
    position: relative;
    width: 400px;
    min-width: 390px;
    height: 700px;
    border-radius: 15px;
    border: 1px solid var(--neutral-border);
    background: var(--THEME-EJECTION__CONTENT-PREVIEW__WHITE-COLOR);
    color: var(--THEME-EJECTION__CONTENT-PREVIEW__BLACK-COLOR)
}

.checklist__editor__task {
    box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid var(--neutral-border-emphasis)
}

.checklist__editor__task.o__selected {
    border: 2px solid var(--neutral-border);
    margin-top: -1px
}

.checklist__sidebar__step-settings__divider {
    border-top: 1px solid var(--neutral-border);
    margin: 0
}

.checklist__sidebar__step-settings__section {
    padding: 24px 32px
}

.checklist__editor__manual-resolve-divider {
    margin-left: 2%;
    width: 96%;
    border-top: 1px solid var(--neutral-border)
}

.checklist__editor__manual-resolve-text {
    color: var(--primary_app_color)
}

.checklist__editor__manual-resolve-text.o__light {
    color: var(--text-default)
}

.checklist__progress-bar__base {
    height: 8px;
    border-radius: 10px;
    overflow: hidden;
    background-color: var(--neutral-container)
}

.checklist__show-page__checklist-title {
    font-weight: 700;
    font-size: 24px
}

.checklist__editor__checklist-title-composer p,.checklist__editor__checklist-title-composer__error p {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    line-height: 140%
}

.checklist__editor__checklist-title-composer p.embercom-prosemirror-composer-placeholder {
    width: 100%;
    margin: auto;
    color: var(--text-default);
    opacity: .32
}

.checklist__editor__checklist-title-composer__error p.embercom-prosemirror-composer-placeholder {
    width: 100%;
    margin: auto;
    color: var(--text-error);
    opacity: .32
}

.checklist__editor__checklist-description-composer p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.checklist__editor__checklist-description-composer p.embercom-prosemirror-composer-placeholder {
    width: 100%;
    margin: auto;
    color: var(--text-default);
    opacity: .32
}

.checklist__show-page__checklist-subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.checklist__editor__task-title-composer p,.checklist__editor__task-title-composer__error p {
    font-weight: 600;
    font-size: 14px
}

.checklist__editor__task-title-composer p.embercom-prosemirror-composer-placeholder {
    color: var(--text-default);
    opacity: .32
}

.checklist__editor__task-title-composer__error p.embercom-prosemirror-composer-placeholder {
    color: var(--text-error);
    opacity: .56
}

.checklist__editor__task-body-composer p,.checklist__editor__task-body-composer__error p {
    font-weight: 400;
    font-size: 14px
}

.checklist__editor__task-body-composer p.embercom-prosemirror-composer-placeholder {
    color: var(--text-default);
    opacity: .32
}

.checklist__editor__task-body-composer__error p.embercom-prosemirror-composer-placeholder {
    color: var(--text-error);
    opacity: .56
}

.checklist__editor__completion-composer h1,.checklist__editor__completion-composer h2,.checklist__editor__completion-composer p,.checklist__editor__completion-composer__error h1,.checklist__editor__completion-composer__error h2,.checklist__editor__completion-composer__error p {
    line-height: 24px;
    text-align: center
}

.checklist__editor__completion-composer h1.embercom-prosemirror-composer-placeholder,.checklist__editor__completion-composer h2.embercom-prosemirror-composer-placeholder,.checklist__editor__completion-composer p.embercom-prosemirror-composer-placeholder {
    text-align: center;
    width: 100%;
    margin: auto;
    color: var(--text-default);
    opacity: .32
}

.checklist__editor__completion-composer__error {
    border: 1px solid var(--error-border);
    border-radius: 6px;
    height: 32px;
    padding-top: 8px
}

.checklist__editor__completion-composer__error h1.embercom-prosemirror-composer-placeholder,.checklist__editor__completion-composer__error h2.embercom-prosemirror-composer-placeholder,.checklist__editor__completion-composer__error p.embercom-prosemirror-composer-placeholder {
    text-align: center;
    width: 100%;
    margin: auto;
    color: var(--text-error);
    opacity: .56
}

.checklist__editor__task-body-composer img,iframe {
    max-width: 100%
}

.checklist__editor__task-accordion {
    min-height: 40px;
    background-color: var(--neutral-container);
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 0 25px rgba(0,0,0,.05)
}

.checklist__editor__task-accordion.o__hover,.checklist__editor__task-accordion.o__open {
    border: 1px solid var(--neutral-border)
}

.checklist__editor__task-accordion.o__error {
    border: 1px solid var(--error-border)
}

.checklist__editor__task-accordion.is-dragging {
    z-index: 10
}

.checklist__editor__task-number {
    position: relative;
    z-index: 1;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 50px;
    display: flex;
    background-color: var(--neutral-container);
    justify-content: center;
    align-items: center;
    color: var(--text-default)
}

.checklist__editor__task-number.o__open {
    background-color: transparent
}

.checklist__editor__task-number.o__open:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .1;
    z-index: -1;
    border-radius: 50px;
    background-color: var(--primary_app_color)
}

.force-word-break {
    word-break: break-word
}

.checklist__step-reorder__drag-icon {
    display: flex;
    width: 14px;
    height: 100%;
    cursor: grab
}

.checklist__step-reorder__drag-icon:hover {
    background-color: var(--neutral-container)
}

.attribute-picker__neg-15-margin {
    margin-left: -15px
}

.attribute-picker__neg-5-margin {
    margin-top: -5px
}

.checklist__task-settings__url-input__error {
    background: var(--error-container);
    border: 1px solid var(--error-border)
}

.checklist__editor__auto-resolve-event__error a,.checklist__editor__auto-resolve-event__error a:hover,.checklist__editor__auto-resolve-rule__error span span div div a,.checklist__editor__auto-resolve-rule__error span span div div a:hover,.checklist__task-settings__url-input__error p {
    color: var(--text-error)
}

.checklist__task-settings__url-input__error:hover {
    border: 1px solid var(--error-border-emphasis)
}

.checklist__editor__task-settings__logical-operator-switcher {
    color: var(--text-default);
    font-weight: 600;
    min-width: 24px;
    box-sizing: border-box;
    text-align: left
}

.checklist__editor__task-settings__logical-operator-switcher.o__active {
    color: var(--text-link)
}

.checklist__editor__screen-controls__control {
    height: 38px;
    box-sizing: border-box;
    border-radius: 6px;
    line-height: 48px;
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    align-items: center;
    border: 1px solid var(--neutral-border);
    color: var(--text-muted);
    background-color: var(--neutral-container)
}

.checklist__editor__screen-controls__control.o__selected,.checklist__editor__screen-controls__control:hover {
    cursor: pointer;
    border: 1px solid var(--neutral-border);
    color: var(--text-link)
}

.checklist__editor__screen-controls__control.o__selected {
    background: var(--neutral-container-emphasis);
    height: 50px
}

.checklist__editor__screen-controls__control.o__error {
    background-color: var(--error-container);
    color: var(--text-error);
    border: 1px solid var(--error-border)
}

.checklist__editor__screen-controls__control.o__error:hover:not(.o__selected) {
    background-color: var(--error-container);
    color: var(--text-error);
    border: 1px solid var(--error-border-emphasis)
}

.checklist__editor__screen-controls {
    gap: 16px;
    justify-content: center;
    align-items: center
}

.checklist__completion-preiew__confetti-canvas {
    position: absolute;
    width: 100%;
    height: 100%
}

.checklist__sidebar__step-completion .filter-block__container {
    max-width: calc(400px - 2*32px)!important
}

.checklist__editor__add-task-button {
    background-color: var(--neutral-container);
    color: var(--text-muted)!important;
    border: 1px solid rgba(var(--neutral-fill),.05);
    border-radius: 10px
}

.checklist__editor__add-task-button:hover {
    color: var(--text-link)!important
}

.checklist__editor__add-task-button__error {
    background-color: var(--error-container)!important;
    border: 1px solid var(--error-border);
    color: var(--text-error)!important;
    border-radius: 10px
}

.checklist__editor__add-task-button__error:hover {
    border: 1px solid var(--error-border-emphasis);
    color: var(--text-error)!important;
    background-color: var(--error-container)
}

.checklist__editor__add-task-button__error:focus {
    box-shadow: 0 0 0 3px var(--error-border)!important
}

.checklist__editor__add-task-button-container:before {
    content: "";
    position: absolute;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 30%);
    width: 100%;
    height: 12px;
    margin-top: -12px;
    z-index: 10000;
    visibility: visible
}

.checklist__editor__checklist-completion-preview h1,.checklist__editor__completion-composer h1 {
    padding-bottom: 12px
}

.checklist__editor__checklist-completion-preview p,.checklist__editor__completion-composer p {
    color: var(--text-muted)
}

.graph__node,.graph__node__connection-point {
    position: fixed;
    transform: translate(var(--x),var(--y))
}

.graph__edge {
    fill: none
}

.graph__edge,.graph__edge__arrow-head {
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none
}

.graph__edge__default-styles,.graph__edge__default-styles+.graph__edge__arrow-head {
    stroke-width: 2px;
    stroke: #333
}

.graph__edge__default-styles.is-hovered {
    stroke: red
}

.graph__edge__hover-path {
    pointer-events: all;
    stroke: transparent;
    fill: none;
    stroke-width: 15px
}

.graph__edge__hover-path.is-dragging,.workflows__graph-editor__node-items__steps__chat-message__render-blocks-edit-mode a {
    pointer-events: none
}

.graph__edge__yield-location {
    position: fixed;
    transform: translate(var(--x),var(--y))
}

.graph__edge__yield-location-foreign-object {
    position: absolute;
    z-index: 10000;
    overflow: visible
}

.graph__wrapper {
    all: inherit;
    position: relative
}

.graph__wrapper__demo {
    left: 0
}

.graph__container,.graph__scroll-wrapper {
    display: flex;
    flex: 1;
    flex-direction: column;
    transform: translate3d(0,0,0);
    overflow: hidden
}

.graph__scroll-wrapper {
    background: var(--neutral-container);
    box-sizing: border-box;
    will-change: transform;
    overflow: auto;
    overscroll-behavior: none
}

.graph__scroll-wrapper.o__scroll-disabled {
    overflow: hidden!important
}

.graph__grid {
    transform-origin: var(--originX) var(--originY);
    transform: translate3d(var(--offsetX),var(--offsetY),0) scale3d(var(--scale),var(--scale),1);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    will-change: transform;
    position: absolute;
    min-height: 4000px;
    min-width: 6000px;
    height: var(--grid-height);
    width: var(--grid-width);
    margin: 4000px 6000px
}

.graph__grid::before {
    content: "";
    position: absolute;
    top: -4000px;
    left: -6000px;
    width: calc(6000px*2 + var(--grid-width));
    height: calc(4000px*2 + var(--grid-height));
    background: var(--base-editor);
    background-image: radial-gradient(var(--neutral-border),1px,transparent 0);
    background-size: var(--grid-spacing) var(--grid-spacing);
    background-position: calc(var(--grid-spacing)*.5) calc(var(--grid-spacing)*.5);
    box-shadow: 0 0 15px 0 rgba(0,0,0,.2)
}

.graph__edge-svg {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: visible
}

.graph__selection-area {
    z-index: 10000
}

.graph__alignment-area,.graph__selection-area {
    pointer-events: none;
    position: fixed;
    transform: translate3d(var(--x),var(--y),0);
    width: var(--width);
    height: var(--height);
    display: var(--display)
}

.graph__side-sheet {
    width: 690px
}

.graph-demo__edge__connector {
    height: 20px;
    width: 20px;
    background-color: var(--error-fill);
    color: var(--text-on-neutral)
}

.graph-demo__edge__connector:hover {
    background-color: var(--beta-fill)
}

.graph-demo__controls,.graph-demo__node {
    background-color: var(--neutral-container)
}

.graph-demo__node {
    width: 100px;
    height: 100px;
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid var(--neutral-border-emphasis)
}

.graph-demo__controls {
    position: absolute;
    bottom: 25px;
    left: 25px;
    border-radius: 4px
}

.chat__editor__follow-up-actions {
    border-top: 1px solid rgba(0,0,0,.1)
}

.chat__editor__sidebar {
    border-right: 1px solid rgba(0,0,0,.2)
}

.chat__editor__content-container {
    margin: 64px auto 32px;
    width: 600px;
    height: 80%
}

.message__creation-modal__templates-preview-editor .chat__editor__content-container {
    margin: auto;
    width: 525px
}

.chat__editor__content-container__new {
    margin: 64px auto 32px;
    width: 500px
}

.message__creation-modal__templates-preview-editor .chat__editor__content-container__new {
    margin: auto
}

.chat__editor__composer {
    overflow-y: scroll;
    padding-top: 4px
}

.chat__editor__composer.o__web {
    max-height: 600px
}

.chat__editor__composer.o__android {
    max-height: 540px
}

.chat__editor__composer.o__ios {
    max-height: 640px
}

.chat__chrome__chat-bubble {
    margin-top: 150px;
    position: relative;
    bottom: 64px;
    width: 300px
}

.chat__chrome__chat-bubble .intercom-chat-card {
    width: 100%
}

.chat__chrome__chat-bubble.o__android,.chat__chrome__chat-bubble:not(.o__android) {
    background-color: var(--base-module);
    padding: 12px 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.chat__chrome__chat-bubble:not(.o__android) {
    border-radius: 20px;
    font-family: "SF Pro Text",sans-serif
}

.chat__chrome__chat-bubble.o__android {
    border-radius: 8px;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    width: 300px
}

.chat__chrome__chat-bubble.o__web {
    margin-top: 0;
    bottom: 20px
}

.chat__chrome__chat-bubble.o__web .intercom-chat-card {
    font-family: intercom-font,"Helvetica Neue",Helvetica,Arial,sans-serif;
    display: table;
    height: 400px
}

.chat__chrome__chat-bubble.o__ios .intercom-chat-card {
    font-family: intercom-font,"Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 8px!important
}

.chat__chrome__chat-bubble.o__ios .intercom-chat-card::after {
    content: none!important
}

.chat__chrome__chat-bubble .chat__composer__prosemirror-chat {
    overflow-y: hidden
}

.chat__chrome__main-shell.o__android,.chat__chrome__main-shell.o__ios {
    width: 474px;
    height: -webkit-fill-available;
    position: relative;
    min-height: 300px;
    margin-left: auto;
    margin-right: auto
}

.chat__chrome__main-shell.o__android::before,.chat__chrome__main-shell.o__ios::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 474px;
    height: 100%;
    min-height: 300px;
    background-position: bottom;
    background-repeat: no-repeat;
    mask-image: linear-gradient(to top,var(--neutral-fill),var(--neutral-fill) 80%,rgba(var(--neutral-fill),0))
}

.chat__chrome__main-shell.o__android::before {
    max-height: 850px;
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/content-editor/android-chrome-ab2761151967f2268bebab4c7213b244.svg);
    padding-bottom: 5px
}

.chat__chrome__main-shell.o__ios::before {
    max-height: 1000px;
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/content-editor/ios-chrome-eaf2e2a560a6a40e3106255330c6c18c.svg)
}

.chat__chrome__web-wrapper {
    position: relative;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--neutral-border);
    border-bottom-right-radius: 8px;
    background-image: radial-gradient(circle at bottom right,var(--neutral-container),var(--base-module) 80%)
}

.chat__chrome__browser-top {
    background-image: linear-gradient(to bottom,var(--base-module),transparent);
    height: 176px;
    width: 100%
}

.chat__chrome__browser-bottom,.chat__composer__prosemirror-chat .embercom-prosemirror-composer-video iframe,.chat__composer__prosemirror-chat .intercom-interblocks-video iframe,.chat__composer__prosemirror-chat .intercom-interblocks-video-file img {
    width: 100%
}

.chat__chrome__expanding-content-container.o__web {
    margin-right: 32px
}

.chat__chrome__expanding-content-container.o__android,.chat__chrome__expanding-content-container.o__ios {
    padding-bottom: 32px
}

.chat__chrome__reply-composer__gif-button {
    background-image: url(https://static.intercomassets.com/ember/assets/images/settings/appearance/gif-d28c699dd6365eb12d32455add4e6a52.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 52px;
    width: 32px;
    position: absolute;
    bottom: 0;
    right: 75px
}

.chat__composer__prosemirror-chat {
    overflow-y: scroll;
    padding-top: 4px
}

.chat__composer__prosemirror-chat.o__web {
    max-height: 600px
}

.chat__composer__prosemirror-chat.o__android {
    max-height: 540px
}

.chat__composer__prosemirror-chat.o__ios {
    max-height: 640px
}

.chat__composer__prosemirror-chat .embercom-prosemirror-composer-image img,.chat__composer__prosemirror-chat .intercom-interblocks-image img,.workflows__graph-editor__node-items__steps__chat-message__composer img {
    max-width: 100%;
    height: auto
}

.chat__composer__prosemirror-chat .embercom-prosemirror-composer-attachment {
    width: auto
}

.chat__composer__prosemirror-chat p {
    line-height: 1.4em;
    margin: 0 0 10px
}

.chat__composer__prosemirror-chat .intercom-interblocks-messenger-card {
    border-width: 1px
}

.embercom-prosemirror-composer-editor p {
    margin: 0
}

.embercom-prosemirror-composer-editor .embercom-prosemirror-composer-if-else-statement-block p {
    min-height: 1.4em
}

#embedded_messenger .intercom-chat-avatar.chat__chrome__avatar-wrapper {
    position: relative;
    left: 0
}

#embedded_messenger .intercom-chat-avatar.chat__chrome__avatar-wrapper.o__android {
    left: -8px;
    bottom: 65px
}

#embedded_messenger .intercom-chat-card {
    height: auto
}

#embedded_messenger .intercom-attribute-collector-card.chat__chrome__email-collector {
    width: 100%
}

#embedded_messenger .intercom-chat-composer.chat__chrome__reply-composer__container {
    background: var(--THEME-EJECTION__CONTENT-PREVIEW__WHITE-COLOR);
    color: var(--THEME-EJECTION__CONTENT-PREVIEW__BLACK-COLOR);
    box-shadow: 0 2px 8px rgba(35,47,53,.09)
}

.workflows__index__sticky {
    position: sticky;
    top: 0;
    background-color: var(--base-module);
    z-index: 12
}

.workflows__index__priority-indicator {
    position: relative;
    text-align: center
}

.workflows__index__priority-indicator:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    content: "";
    height: 1px;
    background-color: var(--neutral-container)
}

.workflows__index__priority-indicator__text {
    background-color: var(--neutral-container);
    display: inline-block;
    position: relative
}

.workflows__index__sortable-list-item.is-dragging {
    z-index: 10;
    position: relative
}

.workflows__index__sortable-list-item.is-dragging a {
    cursor: grabbing
}

.workflows__index__sortable-list-item.is-dragging .workflows__index__list-item {
    box-shadow: var(--shadow-lvl-2)
}

.workflows__index__sortable-list-item:not(.is-dragging) {
    transition: transform .2s ease-in-out
}

.workflows__index__list-item {
    border: 1px solid var(--neutral-border);
    background-color: var(--base-module);
    box-sizing: border-box;
    border-radius: 8px;
    transition: box-shadow .15s ease-out
}

.workflows__index__list-item:hover {
    border: 1px solid var(--neutral-border-emphasis);
    box-shadow: var(--shadow-lvl-1);
    cursor: pointer
}

.behaviors__index__list-item-ellipsis,.workflows__index__list-item-ellipsis {
    padding: 4px 6px!important
}

.behaviors__index__list-item-ellipsis.btn,.workflows__index__list-item-ellipsis.btn {
    color: var(--text-muted)
}

.workflows__index__opt-in__main-content {
    max-width: 940px
}

.workflows__index__opt-in__list {
    padding-inline-start:20px;margin-block-start:0;margin-block-end:0}

.workflows__index__filters-dropdown {
    width: 240px!important;
    max-width: 240px!important
}

.workflows__index__filters-dropdown .filter-block__popover {
    max-width: 200px!important
}

.workflows__index__filters-dropdown .filter-block__options,.workflows__index__filters-dropdown .filter-block__popover__done {
    max-width: 220px!important
}

.workflows__polygon-icon-large {
    width: 42px
}

.workflows__index__migrated-to-workflows__banner {
    background-color: var(--neutral-container)
}

.workflows__editor__loading-overlay {
    background-color: rgba(255,255,255,.5)
}

.workflows__editor__name-input::placeholder {
    font-style: italic;
    opacity: .6
}

.workflows__editor__logical-mode-dropdown {
    margin-left: -10px
}

.workflows__editor__add-more-predicates {
    margin-left: 86px
}

.workflows__editor__delay-trigger {
    max-width: 450px!important
}

.workflows__editor__main .filter-block__content {
    padding-right: 12px
}

.workflows__editor__main .filter-group__add-button-wrapper,.workflows__editor__main .filter-group__item,.workflows__trigger-info-node h3 {
    margin-bottom: 8px!important
}

.workflows__editor__awaiting-first-reply-paywalled {
    align-items: flex-start
}

.workflows__edge,.workflows__edge__arrowhead {
    stroke-width: 2px;
    stroke: var(--neutral-border-emphasis)
}

.workflows__edge__arrowhead {
    fill: var(--neutral-border-emphasis)
}

.workflows__edge__connector-wrapper.o__error .workflows__edge__add-button-container,.workflows__edge__connector-wrapper.o__error .workflows__edge__connected-edge-button-container,.workflows__edge__connector-wrapper.o__show-connector-button .workflows__edge__add-button-container,.workflows__edge__connector-wrapper.o__show-connector-button .workflows__edge__connected-edge-button-container,.workflows__edge__connector-wrapper:hover .workflows__edge__add-button-container,.workflows__edge__connector-wrapper:hover .workflows__edge__connected-edge-button-container {
    opacity: 1
}

.workflows__edge__connector-wrapper.o__error+.workflows__node__marker,.workflows__edge__connector-wrapper.o__show-connector-button+.workflows__node__marker,.workflows__edge__connector-wrapper:hover+.workflows__node__marker {
    opacity: 0
}

.workflows__graph-editor__node-items__steps__conditional-branches__else-branch:hover .workflows__edge__connected-edge-button-container,.workflows__node__hover-actions-wrapper:hover .workflows__node__inward-connected-edges-menu .workflows__edge__connected-edge-button-container,.workflows__node__hover-actions-wrapper:hover .workflows__node__outward-connected-edges-menu .workflows__edge__connected-edge-button-container,.workflows__steps__sortable-group-item__hover-actions-wrapper:hover .workflows__edge__connected-edge-button-container {
    opacity: 1
}

.workflows__graph-editor__node-items__steps__conditional-branches__else-branch:hover+.workflows__node__marker,.workflows__node__hover-actions-wrapper:hover .workflows__node__inward-connected-edges-menu+.workflows__node__marker,.workflows__node__hover-actions-wrapper:hover .workflows__node__outward-connected-edges-menu+.workflows__node__marker,.workflows__steps__sortable-group-item__hover-actions-wrapper:hover+.workflows__node__marker {
    opacity: 0
}

.workflows__edge__connector {
    margin-left: 12px;
    margin-top: -2px
}

.workflows__edge__add-button-container {
    height: 26px;
    width: 26px;
    margin-top: 4px;
    position: relative;
    overflow: visible;
    display: flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    transition: opacity .2s ease
}

.workflows__edge__add-button-container .o__dragging {
    opacity: 0!important
}

.workflows__node__hover-actions-wrapper:hover .workflows__edge__add-button-container {
    opacity: 1;
    cursor: pointer;
    z-index: 99999
}

.workflows__node__hover-actions-wrapper:hover .end__marker {
    opacity: 0
}

.group-connection-point {
    position: relative;
    right: 16px;
    bottom: 2px
}

.workflows__edge__add__bg {
    cursor: grab;
    position: absolute;
    pointer-events: auto
}

.workflows__edge__connected-edge__bg {
    cursor: pointer;
    position: absolute
}

.workflows__edge__connected-edge-button-container {
    height: 26px;
    width: 26px;
    margin-top: 4px;
    position: relative;
    overflow: visible;
    display: flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.workflows__node__outward-connected-edges-menu {
    right: 14px
}

.workflows__edge__hover-path:hover {
    cursor: pointer
}

.workflows__edge__hover-path:hover+.workflows__edge {
    stroke: var(--neutral-border-emphasis)
}

.workflows__edge__hover-path:hover+.workflows__edge+.workflows__edge__arrowhead {
    stroke: var(--accent-border-emphasis);
    fill: var(--accent-border-emphasis)
}

.workflows__edge.is-selected,.workflows__edge.mouse-at-edge {
    stroke: var(--accent-border-emphasis)!important;
    box-shadow: var(--shadow-lvl-1);
    z-index: 4000
}

.workflows__edge__arrowhead.is-selected,.workflows__edge__arrowhead.mouse-at-edge {
    stroke: var(--accent-border-emphasis)!important;
    fill: var(--accent-fill)!important
}

.workflows__edge__controls {
    box-sizing: border-box;
    cursor: pointer
}

.workflows__edge__connected-edge-menu-item:hover .workflows__edge__connected-edge-menu-item-text,.workflows__edge__controls:hover .workflows__edge__controls-text {
    color: var(--text-link)
}

.workflows__edge__unconnected-edge-arrow path {
    fill: var(--error-fill);
    stroke: var(--error-fill)
}

.workflows__graph-editor__selection-area {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--neutral-border);
    background-color: rgba(100,185,255,.1)
}

.workflows__graph-editor__alignment-area {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    border: 2px solid var(--neutral-border);
    opacity: .5;
    pointer-events: none
}

.workflows__graph-editor__alignment-area.o__horizontal {
    margin: 0 6px;
    height: 100%;
    width: calc(100% - 12px);
    border-left: 0;
    border-right: 0
}

.workflows__graph-editor__alignment-area.o__vertical {
    margin-top: 12px;
    margin-left: -2px;
    height: calc(100% - 16px);
    width: calc(100% + 2px);
    border-top: 0;
    border-bottom: 0
}

.workflows__graph-editor__controls {
    position: absolute;
    bottom: 16px;
    margin-left: 32px
}

.workflows__graph-editor__container .graph__container {
    overflow: visible
}

.workflows__graph-editor__fullscreen-container .graph__container {
    height: 100%
}

.workflows__graph-editor__container .graph__scroll-wrapper.o__panning-mode {
    cursor: grab
}

.workflows__graph-editor__container .graph__scroll-wrapper.o__panning-mode.o__panning {
    cursor: grabbing
}

.trigger-info-node__graph__side-sheet {
    width: 896px
}

.workflows__node__wrapper {
    z-index: 100
}

.workflows__node__marker {
    transition: opacity .2s ease
}

.workflows__node__marker__text {
    font-size: 10px;
    line-height: 20px
}

.workflows__node__marker.group__start {
    position: absolute;
    left: -60px;
    width: 49px;
    height: 16px
}

.workflows__node__marker.group__end {
    position: absolute;
    right: -50px;
    width: 37px;
    height: 16px
}

.workflows__node__marker.group__handoff-in-zendesk {
    position: absolute;
    right: -208px;
    width: 195px;
    height: 16px
}

.workflows__node__marker.group__handoff-in-salesforce {
    position: absolute;
    right: -222px;
    width: 209px;
    height: 16px
}

.workflows__node__marker.group__resolved {
    position: absolute;
    right: -80px;
    width: 69px;
    height: 16px
}

.workflows__node__step-width {
    width: fit-content
}

.workflows__node__step-width div:not(.workflows__graph-editor__node-items__steps__answer-terminal),.workflows__node__step-width div:not(.workflows__graph-editor__node-items__steps__phone-terminal) {
    max-width: 279px
}

.workflows__node__step-width.fin-task-simple-mode {
    width: 100%
}

.workflows__node__step-width.fin-task-simple-mode div:not(.workflows__graph-editor__node-items__steps__phone-terminal) {
    max-width: none
}

.fin-task-simple-mode .btn__tertiary.fin-task__add-instruction-button-icon-wrapper {
    font-size: 12px;
    line-height: 1
}

.fin-task-simple-mode .fin-custom-delete-instruction-button {
    padding: 4px
}

.fin-task-simple-mode .o__standard__trash {
    width: 12px;
    height: 12px
}

.workflows__graph-editor__hover-step-menu-parent.fin-task-simple-mode .embercom-prosemirror-composer {
    resize: none
}

.workflows__graph-editor__hover-step-menu-parent.fin-task-simple-mode .embercom-prosemirror-composer .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted)
}

.workflows__graph-editor__hover-step-menu-parent.fin-task-simple-mode .embercom-prosemirror-composer .ProseMirror,.workflows__graph-editor__hover-step-menu-parent.fin-task-simple-mode .embercom-prosemirror-composer div,div[data-test-input-with-custom-attributes] div[data-test-editor-container],div[data-test-input-with-custom-attributes] div[data-test-editor-container] .ProseMirror {
    height: 100%
}

.workflows__node__step-width>.phone-non-terminal {
    width: 279px
}

.workflows__node {
    width: 313px;
    background-color: var(--base-module);
    box-shadow: var(--shadow-lvl-0);
    border: 1px solid transparent
}

.workflows__node.o__selected,.workflows__node:hover {
    box-shadow: var(--shadow-lvl-1)
}

.workflows__node.o__selected {
    border-color: var(--neutral-border)
}

.workflows__node.simple-mode {
    width: 650px;
    min-height: 560px
}

.workflows__node__simple-mode-add-step {
    width: 290px
}

.workflows__node__simple-mode-add-step [data-test-popover-menu-opener] {
    border: 0
}

.workflows__node__wrapper.show-ai-border .workflows__node {
    --fin-card-ai-conic-gradient: conic-gradient( from var(--fin-card-conic-gradient-angle) at 50% 50%, var(--ai-gradient-step-2), var(--ai-gradient-step-3), var(--ai-gradient-step-4), var(--ai-gradient-step-3), var(--ai-gradient-step-2) );
    background-image: linear-gradient(var(--base-input),var(--base-input)),var(--fin-card-ai-conic-gradient);
    background-origin: border-box;
    background-clip: padding-box,border-box;
    border-color: transparent
}

.workflows__node__wrapper.show-ai-border .workflows__node:hover {
    animation: rotate-fin-card-conic-gradient 3.6s linear infinite
}

@property --fin-card-conic-gradient-angle {
    syntax: "<angle>";
    initial-value: 45deg;
    inherits: false
}

.workflows__placeholder-node {
    width: 282px;
    cursor: default;
    background-color: var(--neutral-container);
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%2322222233' stroke-width='3' stroke-dasharray='5%2c10' stroke-dashoffset='4' stroke-linecap='square'/%3e%3c/svg%3e")
}

.workflows__trigger-info-node {
    width: 320px;
    box-shadow: var(--shadow-lvl-0);
    border: 1px solid transparent
}

.workflows__trigger-info-node:hover {
    box-shadow: var(--shadow-lvl-1)
}

.workflows__trigger-info-node-marker {
    left: -2px;
    top: -24px
}

.workflows__trigger-info-node-content-header {
    font-size: 11px;
    letter-spacing: 1.2px
}

.workflows__trigger-info-node-content-panel-section.o__open {
    border: 2px solid var(--neutral-border);
    background-color: var(--base-module);
    box-shadow: var(--shadow-lvl-2)
}

.workflows__trigger-info-node-content-panel-section.o__disabled .accordion-new__header,.workflows__trigger-info-node-content-show-on-show-until .btn.o__disabled {
    opacity: 1
}

.workflows__trigger-info-node-content-show-on-show-until .text.o__label {
    color: var(--text-default)
}

.workflows__trigger-info-node__fin-task__description-composer .embercom-prosemirror-composer-editor {
    min-height: 64px;
    padding-left: 2px
}

.workflows__trigger-info-node__fin-task__description-composer .embercom-prosemirror-composer-placeholder {
    padding-left: 2px;
    color: var(--text-disabled)
}

.ds-new__dropdown__block__heading:has(+.content-editor__panels__custom__triggerable-custom-bot__channel-targeting-group__channel-targeting-dropdown-item):not(:first-child) {
    border-top: 1px solid var(--neutral-border)
}

.workflows__node__step-container-menu__icon-wrapper {
    margin-left: calc(-50% - 8px)
}

.workflows__node__step-container-menu__icon-wrapper .interface-icon {
    margin-bottom: 0
}

.workflows__node__step-container-menu__button:hover .workflows__node__step-container-menu__icon-wrapper {
    background-color: var(--beta-fill)
}

.workflows__node__step-container-menu__button:focus {
    outline: 0
}

.workflows__node__step-container-menu__menu-group:first-child {
    padding-top: 0
}

.workflows__node__step-container-menu__menu-group:last-child {
    padding-bottom: 0
}

.workflows__node__step-container-menu__item-paywall {
    display: block;
    position: absolute;
    right: 0;
    bottom: 25px;
    transform: translateY(40%) translateX(50%);
    font-size: 13px;
    font-weight: 400;
    color: var(--text-default)
}

.workflows__node__step-container-menu__item-paywall path {
    fill: var(--neutral-container)
}

.workflows__node__step-container-menu__item-paywall>svg {
    border-radius: 50%;
    display: block;
    height: 14px;
    width: 14px;
    box-sizing: border-box
}

.workflows__graph-editor__hover-step-menu-parent:hover .workflows__graph-editor__hover-step-menu-wrapper {
    visibility: visible
}

.workflows__graph-editor__hover-step-menu-wrapper:not(.fin-task-simple-mode) {
    visibility: hidden
}

.workflows__graph-editor__popover-menu {
    width: 280px
}

.workflows__graph-editor__node-items__steps__chat-message__composer {
    padding: 0
}

.workflows__graph-editor__node-items__steps__chat-message__composer>p:first-of-type {
    margin-top: 0
}

.workflows__graph-editor__node-items__steps__chat-message__composer>p:last-of-type {
    margin-bottom: 0
}

.workflows__graph-editor__node-items__steps__chat-message__composer .intercom-interblocks-messenger-card {
    width: initial
}

.workflows__graph-editor__node-items__steps__chat-message:focus-within .workflows__graph-editor__node-items__steps__chat-message-editor__inserters {
    opacity: 1
}

.workflows__graph-editor__node-items__steps__chat-message:hover:not(:focus-within) .workflows__graph-editor__node-items__steps__chat-message-editor__inserters {
    opacity: .5
}

.workflows__graph-editor__node-items__steps__chat-message-editor__inserters {
    opacity: .3
}

.workflows__graph-editor__node-items__steps__chat-message:focus,.workflows__graph-editor__node-items__steps__chat-message:focus-within {
    outline: 1px solid var(--neutral-border)
}

.workflows__graph-editor__node-items__steps__chat-message.o__error {
    outline: 1px solid var(--error-border)
}

.workflows__graph-editor__node-items__steps__chat-message.o__warning {
    outline: 1px solid var(--notice-border)
}

.resolution-bot-handover-show-placeholder .workflows__graph-editor__node-items__steps__chat-message__composer {
    min-height: 63px
}

.resolution-bot-handover-show-placeholder .embercom-prosemirror-composer-editor {
    min-height: 60px
}

.workflows__graph-editor__node-items__steps__chat-message.prosemirror-mode {
    width: 279px
}

.workflows__graph-editor__node-items__steps__chat-message.prosemirror-mode .ProseMirror {
    padding-bottom: 0
}

.workflows__graph-editor__node-items__steps__chat-message.prosemirror-mode .inbox__conversation-controls__inserter {
    padding: 0;
    margin-right: 16px;
    width: 16px;
    height: 16px
}

.workflows__graph-editor__node-items__steps__chat-message.prosemirror-mode .embercom-prosemirror-composer-attachment {
    border: 1px solid var(--neutral-border);
    padding: 8px 12px;
    margin-top: 8px;
    border-radius: 8px;
    font-size: 13px
}

.workflows__graph-editor__node-items__steps__chat-message.prosemirror-mode .intercom-interblocks-messenger-card {
    border: 0
}

.workflows__graph-editor__node-items__steps__chat-message.prosemirror-mode .embercom-prosemirror-composer-messenger-card {
    margin: 8px 0
}

.workflows__graph-editor__node-items__steps__answer-terminal.prosemirror-mode .intercom-interblocks-paragraph p,.workflows__graph-editor__node-items__steps__chat-message.prosemirror-mode .intercom-interblocks-paragraph p {
    margin-bottom: 20px
}

.workflows__graph-editor__node-items__steps__answer-terminal.prosemirror-mode .intercom-interblocks:nth-child(n-1) .intercom-interblocks-paragraph p,.workflows__graph-editor__node-items__steps__chat-message.prosemirror-mode .intercom-interblocks:nth-child(n-1) .intercom-interblocks-paragraph p {
    margin-bottom: 0
}

.workflows__graph-editor__node-items__steps__answer-terminal.prosemirror-mode .intercom-interblocks-paragraph.no-margin p,.workflows__graph-editor__node-items__steps__chat-message.prosemirror-mode .intercom-interblocks-paragraph.no-margin p {
    min-height: 20px;
    margin-bottom: 0
}

.workflows__graph-editor__node-items__steps__chat-message.prosemirror-mode .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted)
}

.workflows__graph-editor__node-items__steps__chat-message.legacy-mode p {
    line-height: 21px;
    margin: 0;
    padding: 0
}

.workflows__graph-editor__node-items__steps__chat-message.legacy-mode .intercom-interblocks-template {
    font-size: 12px!important;
    line-height: 18px!important;
    padding: 0 .6em;
    margin: 0
}

.workflows__graph-editor__node-items__steps__chat-message.legacy-mode .intercom-interblocks-template::before {
    line-height: 18px!important;
    margin-top: 0;
    vertical-align: top
}

.workflows__graph-editor__node-items__steps__chat-message.legacy-mode .inbox__conversation-controls__inserter {
    padding: 0;
    margin-right: 16px;
    width: 16px;
    height: 16px
}

.workflows__graph-editor__node-items__steps__chat-message.legacy-mode .embercom-prosemirror-composer-attachment {
    border: 1px solid var(--neutral-border);
    padding: 8px 12px;
    margin-top: 8px;
    border-radius: 8px;
    font-size: 13px
}

.workflows__graph-editor__node-items__steps__chat-message.legacy-mode .m__inbox__emoji-dropdown {
    left: 36px!important;
    bottom: 120px!important
}

.workflows__graph-editor__node-items__steps__chat-message.legacy-mode .embercom-composer-placeholder {
    left: 0;
    top: 0;
    line-height: 21px;
    color: var(--text-muted)
}

.workflows__graph-editor__node-items__steps__chat-message.legacy-mode .intercom-interblocks-messenger-card {
    border: 0
}

.workflows__graph-editor__node-items__steps__chat-message.legacy-mode [data-type=messengerCard] {
    margin: 8px 0
}

.workflows__graph-editor__node-items__steps__messenger-app__icon {
    width: 16px;
    height: 16px
}

.workflows__graph-editor__node-items__steps__messenger-app__icon-wrapper {
    width: 28px;
    height: 28px
}

.intercom-interblocks-messenger-card.workflows__graph-editor__node-items__steps__messenger-app__card:not(.messenger-preview__home__card):not(.messenger-preview-redesign__card) {
    width: 100%;
    overflow-y: auto
}

.workflows__steps__reply-buttons-input {
    padding: 5px 11px;
    box-sizing: border-box
}

.workflows__steps__reply-buttons-input.disabled {
    opacity: .5;
    pointer-events: none
}

.workflows__steps__reply-buttons-input.o__safari {
    box-sizing: unset
}

.workflows__steps__reply-buttons__capture-composer {
    position: relative;
    width: 300px;
    height: 48px
}

.workflows__steps__reply-buttons__capture-composer>div {
    position: absolute;
    width: 311px;
    max-width: 313px!important;
    left: -16px;
    top: 12px
}

.workflows__graph-editor__node-items__steps__workflow-connector .filter-block__container {
    max-width: 200px!important
}

.workflows__graph-editor__node-items__steps__workflow-connector .filter-block__name {
    width: 100%!important
}

.workflows__graph-controls__list-of-paths.o__error>span,.workflows__graph-editor__node-items__steps__workflow-connector .o__error {
    color: var(--text-error)
}

.workflows__graph-editor__node-items__steps__workflow-connector-block-connector,.workflows__graph-editor__node-items__steps__workflow-connector-indicator,.workflows__graph-editor__node-items__steps__workflow-connector-wait-message {
    position: relative
}

.workflows__graph-editor__node-items__steps__workflow-connector-indicator::before {
    content: "";
    position: absolute;
    left: 7px;
    top: -20px;
    height: 100%;
    border-left: 2px solid #aaa
}

.workflows__graph-editor__node-items__steps__workflow-connector-indicator::after {
    content: "";
    position: absolute;
    top: 18px;
    left: 7px;
    height: 100%;
    border-left: 2px solid #aaa
}

.workflows__graph-editor__node-items__steps__workflow-connector-block-connector::before {
    content: "";
    position: absolute;
    left: 7px;
    top: -12px;
    height: 12px;
    border-left: 2px solid #aaa
}

.workflows__graph-editor__node-items__steps__workflow-connector-wait-message::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 18px;
    height: 8px;
    border-left: 2px solid #aaa
}

.workflows__graph-editor__node-items__steps__fin__workflow-connector-connection-point-label::after {
    background: 0 0;
    border-left: solid 2px #aaa;
    border-bottom: solid 2px #aaa;
    border-bottom-left-radius: 12px;
    bottom: calc(50% - 10px);
    content: "";
    display: block;
    left: 18px;
    position: absolute;
    top: 0;
    width: 16px
}

.workflows__graph-editor__node-items__steps__fin__workflow-connector-connection-point-label.long-top::before,.workflows__graph-editor__node-items__steps__workflow-connector-connection-point-label.long-top::before {
    top: -8px
}

.workflows__graph-editor__node-items__steps__workflow-connector-connection-point-label::before {
    background: 0 0;
    border-left: solid 2px #aaa;
    bottom: -24px;
    content: "";
    display: block;
    left: 18px;
    position: absolute;
    width: 16px;
    top: -4px
}

.workflows__graph-editor__node-items__steps__workflow-connector-connection-point-label::after {
    background: 0 0;
    border-left: solid 2px #aaa;
    border-bottom: solid 2px #aaa;
    border-bottom-left-radius: 12px;
    bottom: calc(50% - 10px);
    content: "";
    display: block;
    left: 18px;
    position: absolute;
    top: 0;
    width: 16px
}

.workflows__graph-editor__node-items__steps__workflow-connector-jira-create-custom-action {
    padding: 4px 8px
}

.workflows__graph-editor__node-items__steps__workflow-connector-jira-create-custom-action .ProseMirror {
    padding-bottom: 0;
    display: inline
}

.workflows__graph-editor__node-items__steps__workflow-connector-jira-create-custom-action .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted)
}

.workflows__graph-editor__node-items__steps__workflow-connector-jira-create-custom-action .embercom-prosemirror-composer-template {
    display: inline
}

.workflows__graph-editor__node-items__steps__workflow-connector-custom-select-grey-placeholder .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted)
}

.workflows__node__step-width .workflows__graph-editor__node-items__steps__conditional-branches {
    width: 279px
}

.workflows__node__step-width .workflows__graph-editor__node-items__steps__conditional-branches div:not(.workflows__graph-editor__node-items__steps__conditional-branches__branch) {
    max-width: none
}

.workflows__graph-editor__node-items__steps__conditional-branches__fake-edge {
    background-color: #aeaeae;
    height: 2px
}

.workflows__graph-editor__node-items__steps__conditional-branches__fake-edge.mouse-at-edge,.workflows__graph-editor__node-items__steps__conditional-branches__fake-edge.selected {
    background-color: var(--accent-border-emphasis)
}

.workflows__node__step-width .workflows__graph-editor__node-items__steps__conditional-branches .workflows__graph-editor__node-items__steps__conditional-branches__branch {
    max-width: calc(100% - 32px)
}

.workflows__graph-editor__node-items__steps__conditional-branches__if-branch:after,.workflows__graph-editor__node-items__steps__conditional-branches__if-branch:before {
    background: 0 0;
    border-left: solid 2px #aeaeae;
    bottom: 0;
    content: "";
    display: block;
    left: 12px;
    position: absolute;
    width: 16px;
    top: 0
}

.workflows__graph-editor__node-items__steps__conditional-branches__if-branch:after {
    border-bottom: solid 2px #aeaeae;
    border-bottom-left-radius: 12px;
    bottom: 50%
}

.workflows__graph-editor__node-items__steps__conditional-branches__add-button:before {
    background: 0 0;
    border-left: solid 2px #aeaeae;
    bottom: 0;
    content: "";
    display: block;
    left: 12px;
    position: absolute;
    width: 16px;
    top: 0
}

.workflows__graph-editor__node-items__steps__conditional-branches__else-branch:after {
    background: 0 0;
    border-left: solid 2px #aeaeae;
    border-bottom: solid 2px #aeaeae;
    border-bottom-left-radius: 12px;
    bottom: calc(50% - 1px);
    content: "";
    display: block;
    left: 12px;
    position: absolute;
    top: 0;
    width: 20px
}

.workflows__graph-editor__node-items__steps__conditional-branches__if-branch-icon {
    background-color: var(--notice-container);
    padding-top: 2px
}

.workflows__graph-editor__node-items__steps__conditional-branches__predicate {
    margin-right: 0;
    display: inline
}

.workflows__graph-editor__node-items__steps__conditional-branches__predicate-tooltip {
    margin-right: 0;
    display: inline;
    white-space: normal
}

.workflows__graph-editor__node-items__steps__answer-terminal-preview-background-show-replies {
    width: 327px;
    min-height: 308px
}

.workflows__graph-editor__node-items__steps__answer-terminal-preview-background-pass-to-team {
    width: 327px;
    min-height: 150px
}

.workflows__graph-editor__node-items__steps__answer-terminal-preview-background-resolve {
    width: 327px;
    min-height: 120px
}

.workflows__graph-editor__node-items__steps__answer-terminal-preview-background-send-ticket {
    width: 345px;
    min-height: 120px
}

.workflows__graph-editor__node-items__steps__answer-terminal-preview-chat-message {
    width: 230px;
    height: 100px
}

.workflows__graph-editor__node-items__steps__answer-terminal-preview-chat-message-resolve {
    width: 230px;
    height: 70px
}

.workflows__graph-editor__node-items__steps__answer-terminal.prosemirror-mode,.workflows__node__step-width .workflows__graph-editor__node-items__steps__apply-rules {
    width: 279px
}

.workflows__graph-editor__node-items__steps__answer-terminal.prosemirror-mode .ProseMirror {
    padding-bottom: 0
}

.workflows__graph-editor__node-items__steps__answer-terminal.prosemirror-mode .inbox__conversation-controls__inserter {
    padding: 0;
    margin-right: 16px;
    width: 16px;
    height: 16px
}

.workflows__graph-editor__node-items__steps__answer-terminal.prosemirror-mode .embercom-prosemirror-composer-attachment {
    border: 1px solid var(--neutral-border);
    padding: 8px 12px;
    margin-top: 8px;
    border-radius: 8px;
    font-size: 13px
}

.workflows__graph-editor__node-items__steps__answer-terminal.prosemirror-mode .intercom-interblocks-messenger-card {
    border: 0
}

.workflows__graph-editor__node-items__steps__answer-terminal.prosemirror-mode .embercom-prosemirror-composer-messenger-card {
    margin: 8px 0
}

.workflows__graph-editor__node-items__steps__answer-terminal.prosemirror-mode .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted)
}

.workflows__graph-editor__node-items__steps__answer-terminal.prosemirror-mode .workflows__graph-editor__node-items__steps__answer-terminal__composer {
    padding-left: 0
}

.workflows__graph-editor__node-items__steps__apply-rules__predicate {
    max-width: calc(100% - 32px);
    margin-right: 0;
    display: inline
}

.workflows__graph-editor__node-items__steps__apply-rules__fake__edge:before,.workflows__graph-editor__node-items__steps__apply-rules__fake__edge__read-only:before {
    background: 0 0;
    border-left: solid 2px var(--neutral-border-emphasis);
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    top: 36px;
    height: 10px
}

.workflows__graph-editor__node-items__steps__apply-rules__fake__edge:before {
    left: 37px
}

.workflows__graph-editor__node-items__steps__apply-rules__fake__edge__read-only:before {
    left: 21px
}

.workflows__graph-editor__node-items__steps__apply-rules__text-overflow {
    width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.workflows__graph-editor__node-items__steps__apply-rules__add-rule {
    padding: 12px 16px
}

.workflows__graph-editor__node-items__steps__apply-rules-action-icon {
    background-color: var(--success-container);
    padding-top: 2px
}

.workflows__graph-editor__node-items__steps__apply-rules__invalid {
    border-bottom: solid 1px var(--error-fill);
    border-bottom-width: 1px
}

.workflows__graph-editor__node-items__steps__apply-rules__icon>svg {
    width: 13px!important;
    height: 13px!important
}

.workflows__graph-editor__node-items__steps__apply-rules__create-ticket {
    height: 20px
}

.workflows__graph-editor__node-items__steps__apply-rules.o__error {
    outline: 1px solid var(--error-border);
    border-radius: 6px
}

.workflows__graph-editor__node-items__steps__fin {
    --finCardHeight: 140px;
    --borderWidth: 4px;
    width: 279px;
    position: relative;
    z-index: 0
}

.workflows__graph-editor__node-items__steps__fin.fin-task:hover {
    border: 1px solid var(--neutral-border-emphasis)
}

.workflows__graph-editor__node-items__steps__fin.show-ai-border .workflows__graph-editor__node-items__steps__fin__card {
    --fin-card-ai-conic-gradient: conic-gradient( from var(--fin-card-conic-gradient-angle) at 50% 50%, var(--ai-gradient-step-2), var(--ai-gradient-step-3), var(--ai-gradient-step-4), var(--ai-gradient-step-3), var(--ai-gradient-step-2) );
    border-width: 2px;
    background-image: linear-gradient(var(--base-input),var(--base-input)),var(--fin-card-ai-conic-gradient);
    background-origin: border-box;
    background-clip: padding-box,border-box;
    border-color: transparent;
    animation: rotate-fin-card-conic-gradient 3.6s linear infinite
}

@property --fin-card-conic-gradient-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false
}

.workflows__graph-editor__node-items__steps__fin__give-fin-a-task-card {
    position: absolute;
    top: calc(-1*var(--borderWidth));
    left: calc(-1*var(--borderWidth));
    height: calc(100% + var(--borderWidth)*2);
    width: calc(100% + var(--borderWidth)*2);
    border-radius: calc(2*var(--borderWidth));
    z-index: -1
}

.workflows__graph-editor__node-items__steps__fin__card {
    border-radius: var(--borderWidth)
}

.workflows__graph-editor__node-items__steps__fin__step-title {
    min-height: var(--finCardHeight)
}

.workflows__graph-editor__node-items__steps__fin__ai-indicator {
    top: 2px;
    left: 6px
}

.workflows__graph-editor__node-items__steps__fin__ai-indicator>span {
    margin-bottom: 2px
}

.workflows__graph-editor__node-items__steps__fin__arrow {
    top: calc(50% - 10px)
}

.workflows__graph-editor__node-items__steps__fin__triage-branch::before {
    background: 0 0;
    border-left: solid 2px var(--neutral-border);
    border-bottom: solid 2px var(--neutral-border);
    border-bottom-left-radius: 12px;
    content: "";
    display: block;
    left: 12px;
    position: absolute;
    top: calc(var(--borderWidth) - 8px);
    width: 25px;
    height: calc(25px - var(--borderWidth))
}

.workflows__graph-editor__node-items__steps__fin__set-expectations__separator {
    width: 496px
}

.workflows__graph-editor__node-items__steps__fin__set-expectations__reply-options-preview {
    width: 400px;
    border: 2px solid var(--neutral-border);
    border-top: 0;
    border-radius: 0 0 12px 12px
}

.workflows__graph-editor__placeholder-node__fin-button {
    position: relative;
    background-clip: padding-box
}

.workflows__graph-editor__placeholder-node__fin-button:before {
    background: linear-gradient(60deg,#8781f1,#8781f1,#ed9164,#8781f1,#8781f1);
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    border-radius: 10px;
    animation: animatedgradient 4s ease infinite;
    background-size: 700% 700%
}

.workflows__graph-editor__fin-custom__tab-control-container {
    border-bottom: 1px solid rgba(0,0,0,.05)
}

.workflows__graph-editor__fin-custom__tab-control-container .tab-control {
    display: flex
}

.workflows__graph-editor__fin-custom__tab-control-container .tab-control .tab-control__tab:disabled {
    cursor: not-allowed
}

.workflows__graph-editor__fin-custom__tab-control-container .tab-control .tab-control__tab:disabled * {
    color: var(--text-muted)
}

.workflows__graph-editor__fin-custom__side-sheet {
    height: calc(100vh - 100px)
}

.workflows__graph-editor__fin-task__add-instruction-button {
    margin-bottom: -11px
}

.workflows__graph-editor__fin-task__inline-action-popover {
    width: 413px;
    max-height: 350px;
    text-wrap: wrap
}

.workflows__graph-editor__node-items__steps__fin__sections__usage-management .pc__pill.bg-paywall-container {
    background: var(--paywall-container)!important
}

.workflows__graph-editor__node-items__steps__fin__sections__usage-management .pc__pill.bg-notice-container {
    background: var(--notice-container)!important
}

.workflows__graph-editor__node-items__steps__fin__sections__usage-management .pc__pill.bg-error-container {
    background: var(--error-container)!important
}

:root {
    --template-card-width: 226px;
    --template-card-height: 182px
}

.ai-prompt-data-node {
    display: inline-flex;
    padding: 0 8px;
    gap: 4px;
    border-radius: 9999px;
    font-size: 13px;
    border: 2px solid var(--neutral-container);
    background-color: var(--neutral-container);
    cursor: default
}

.ai-prompt-data-node:hover {
    border: 2px solid var(--accent-border);
    cursor: pointer
}

.ai-prompt-data-node.selectable {
    color: var(--text-muted);
    cursor: pointer
}

.ai-prompt-data-node.prompt-data-error:not(.embercom-prosemirror-composer-block-selected) {
    border: 2px solid var(--error-border);
    background-color: var(--error-container);
    color: var(--text-error)
}

.ai-prompt-data-node.embercom-prosemirror-composer-block-selected {
    border: 2px solid var(--accent-border)
}

.ai-prompt-data-node .prompt-data-label,.inbox2__user-email-content b {
    font-weight: 700
}

.ai-prompt-data-node svg {
    height: 12px!important;
    width: 12px!important
}

.new-task__simple-template-card {
    min-width: var(--template-card-width);
    max-width: var(--template-card-width);
    min-height: var(--template-card-height);
    max-height: var(--template-card-height)
}

.new-task-modal__border-radius>div {
    border-radius: 16px
}

.new-task-modal__demo-preview {
    max-height: 650px;
    max-width: 720px;
    overflow: hidden;
    border-radius: 8px
}

.new-task-modal__demo-preview img {
    object-fit: cover;
    position: relative;
    top: -30px;
    left: -50px;
    height: 650px
}

.template-cards-container {
    width: 100%;
    overflow: hidden
}

.new-task__simple-template-card-empty-state {
    width: 100%;
    height: 100%;
    min-height: var(--template-card-height);
    max-height: var(--template-card-height);
    flex-shrink: 0
}

new-task-modal__template-preview-height {
    min-height: 480px;
    max-height: 480px
}

@media screen and (min-width: 900px) {
    .new-task-modal__template-preview-height {
        min-height:566px;
        max-height: 566px
    }
}

@media screen and (min-width: 1200px) {
    .new-task-modal__template-preview-height {
        min-height:646px;
        max-height: 646px
    }
}

@media screen and (min-width: 1800px) {
    .new-task-modal__template-preview-height {
        min-height:685px;
        max-height: 685px
    }
}

.workflows__graph-editor__node-items__steps__fin__auto-close {
    max-width: 350px
}

.workflows__steps__wait-for-callback__static-url {
    border: 1px solid var(--neutral-border);
    border-radius: 6px;
    align-items: center
}

.workflows__graph-editor__node-items__steps__action-icon-bg,.workflows__graph-editor__node-items__steps__fin-icon-bg,.workflows__graph-editor__node-items__steps__message-icon-bg,.workflows__graph-editor__node-items__steps__neutral-icon-bg {
    padding-top: 2px
}

.workflows__graph-editor__node-items__steps__action-icon-bg {
    background-color: var(--success-container)
}

.workflows__graph-editor__node-items__steps__message-icon-bg {
    background-color: var(--beta-container)
}

.workflows__graph-editor__node-items__steps__neutral-icon-bg {
    background-color: var(--neutral-container)
}

.workflows__graph-editor__node-items__steps__fin-icon-bg {
    background-color: var(--neutral-fill);
    color: var(--text-on-neutral)
}

.workflows__steps__sortable-group-item__hover-actions {
    visibility: hidden
}

.workflows__steps__sortable-group-item__hover-actions-wrapper:hover .workflows__steps__sortable-group-item__hover-actions {
    visibility: visible
}

.workflows__step-paywall {
    background-color: var(--paywall-container);
    border-top: 1px solid var(--paywall-border);
    border-bottom: 1px solid var(--paywall-border)
}

.workflows__step-paywall .paywall__badge {
    background-color: var(--base-module)
}

.workflows__graph-editor__node-items__steps__action-assignee-info .avatar.o__xs {
    margin-bottom: 5px
}

.workflows__graph-editor__node-items__steps__step-card {
    border: 1px solid transparent;
    border-top: 2px solid var(--neutral-fill);
    box-shadow: var(--shadow-lvl-1);
    user-select: none;
    cursor: default
}

.workflows__graph-editor__node-items__steps__step-card.step-card-is-interactive {
    cursor: pointer
}

.workflows__graph-editor__node-items__steps__step-card.step-card-is-interactive:hover {
    background-color: var(--neutral-container-emphasis)
}

.workflows__graph-editor__node-items__steps__step-card .input-container {
    border: 1px solid var(--neutral-border)
}

.workflows__graph-editor__node-items__steps__step-card .arrow {
    background-color: var(--neutral-fill);
    color: var(--text-on-neutral)
}

.workflows__graph-editor__node-items__steps__step-card.o__error {
    border-color: var(--error-border)
}

.workflows__graph-editor__node-items__steps__text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.post__composer__prosemirror-post .embercom-prosemirror-composer-attachment a,.workflows__graph-editor__node-items__steps__text-overflow span {
    text-overflow: ellipsis
}

.workflows__graph-editor__node-items__steps__empty-attribute-collector-input {
    width: 156px
}

.workflows__graph-editor__node-items__steps__chat-message .intercom-interblocks-messenger-card:not(.messenger-preview__home__card) {
    max-width: 220px;
    border-radius: 3px
}

.workflows__graph-editor__node-items__steps__answer-terminal img,.workflows__graph-editor__node-items__steps__chat-message img {
    max-width: 100%;
    height: auto
}

.workflows__graph-editor__node-items__steps__chat-message .embercom-prosemirror-composer-mention {
    background-color: #fbc916;
    border-radius: 4px;
    padding: 1px 6px 2px;
    font-weight: 600;
    color: #222;
    text-decoration: none;
    display: inline-block
}

.workflows__graph-editor__node-items__steps__chat-message .embercom-prosemirror-composer-mention:hover {
    cursor: pointer;
    text-decoration: underline
}

.workflows__graph-editor__node-items__steps__answer-terminal-end-marker::before,.workflows__graph-editor__node-items__steps__phone-terminal-end-marker::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-top-right-radius: 4px;
    border-color: transparent transparent transparent rgba(232,232,232,var(--tw-bg-opacity))
}

.workflows__graph-editor__node-items__steps__answer-terminal-end-marker,.workflows__graph-editor__node-items__steps__phone-terminal-end-marker {
    padding-left: 6px
}

.workflows__graph-controls__section,.workflows__node__step-container {
    background-color: var(--base-module);
    border: 1px solid var(--neutral-border)
}

.workflows__node__step-container {
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    user-select: none;
    padding: 8px;
    cursor: default
}

.workflows__node__step-container.step-is-interactive {
    cursor: pointer
}

.workflows__node__step-container.step-is-interactive:hover {
    background-color: var(--neutral-container-emphasis);
    border-color: var(--neutral-border-emphasis)
}

.workflows__node__step-container.border-error-border,.workflows__node__step-container.border-error-border:hover {
    border-color: var(--error-border)
}

.workflows__graph-controls__section {
    color: var(--text-default);
    font-size: 13px;
    border-radius: var(--border-radius-full);
    padding: 4px;
    overflow: hidden;
    box-shadow: var(--shadow-lvl-1);
    opacity: 1;
    transition: opacity .2s ease
}

.workflows__graph-controls__zoom-percentage {
    text-align: center;
    min-width: 36px;
    padding: 2px 6px;
    border-radius: var(--border-radius-large)
}

.workflows__graph-controls__zoom-button {
    padding: 1px 8px 3px;
    user-select: none;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    border-radius: var(--border-radius-large)
}

.workflows__graph-controls__list-of-paths:hover,.workflows__graph-controls__more-controls:hover,.workflows__graph-controls__panning-button:hover,.workflows__graph-controls__refocus-button:hover,.workflows__graph-controls__reposition-button:hover,.workflows__graph-controls__scroll-wheel-zoom-mode-button:hover,.workflows__graph-controls__zoom-button:hover,.workflows__graph-controls__zoom-percentage:hover {
    background-color: var(--neutral-container);
    color: var(--text-default);
    fill: var(--accent-fill)
}

.workflows__graph-controls__list-of-paths:hover.o__error,.workflows__graph-controls__more-controls:hover.o__error,.workflows__graph-controls__panning-button:hover.o__error,.workflows__graph-controls__refocus-button:hover.o__error,.workflows__graph-controls__reposition-button:hover.o__error,.workflows__graph-controls__scroll-wheel-zoom-mode-button:hover.o__error,.workflows__graph-controls__zoom-button:hover.o__error,.workflows__graph-controls__zoom-percentage:hover.o__error {
    background-color: var(--error-container)
}

.workflows__graph-controls__more-controls,.workflows__graph-controls__panning-button,.workflows__graph-controls__reposition-button {
    padding: 0 4px;
    cursor: pointer;
    height: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: var(--border-radius-full)
}

.workflows__graph-controls__list-of-paths:focus,.workflows__graph-controls__more-controls:focus,.workflows__graph-controls__panning-button:focus,.workflows__graph-controls__reposition-button:focus {
    outline: 0
}

.workflows__graph-controls__list-of-paths {
    padding: 0 6px;
    cursor: pointer;
    height: 24px;
    gap: 4px;
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-full)
}

.workflows__graph-controls__panning-button svg,.workflows__graph-controls__refocus-button svg,.workflows__graph-controls__reposition-button svg {
    height: 16px
}

.workflows__graph-controls__panning-button.o__panning-mode svg {
    color: var(--accent-fill)
}

.workflows__graph-controls__dropdown>.btn {
    background-color: var(--neutral-container);
    box-shadow: var(--shadow-lvl-2)
}

.workflows__graph-controls__list-of-paths__list-item:hover .workflows__graph-controls__list-of-paths__list-item__path-name {
    font-weight: 600;
    color: var(--text-default)
}

.workflows__graph-controls__list-of-paths__list-item:hover .workflows__graph-controls__list-of-paths__list-item__path-name.o__error {
    color: var(--text-error)
}

.post__chrome__ios__reply-text,.workflows__main {
    -webkit-font-smoothing: antialiased
}

.post__composer__prosemirror-post .intercom-interblocks-video,.post__composer__prosemirror-post .intercom-interblocks-video-file {
    margin: 0 15.27% 40px
}

.post__composer__prosemirror-post .intercom-interblocks-video {
    position: relative;
    display: block
}

.post__composer__prosemirror-post .intercom-interblocks-button,.post__composer__prosemirror-post .intercom-interblocks-code {
    margin: 0 15.27% 17px;
    color: #000!important
}

.post__composer__prosemirror-post .intercom-interblocks-facebook-like-button,.post__composer__prosemirror-post .intercom-interblocks-twitter-follow-button {
    margin: 0 15.27% 9px
}

.post__composer__prosemirror-post .intercom-interblocks-video::before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 56.25%
}

.post__composer__prosemirror-post .intercom-interblocks-video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    vertical-align: top
}

.post__composer__prosemirror-post.o__android .intercom-interblocks-code,.post__composer__prosemirror-post.o__ios .intercom-interblocks-code {
    margin: 0 25px 10px
}

.post__composer__prosemirror-post.o__android .intercom-interblocks-button,.post__composer__prosemirror-post.o__ios .intercom-interblocks-button {
    padding: 0 25px 10px;
    margin-bottom: 12px
}

.post__composer__prosemirror-post.o__android .intercom-interblocks-video,.post__composer__prosemirror-post.o__android .intercom-interblocks-video-file,.post__composer__prosemirror-post.o__ios .intercom-interblocks-video,.post__composer__prosemirror-post.o__ios .intercom-interblocks-video-file {
    margin: 0 25px 10px
}

.post__composer__prosemirror-post.o__small .intercom-interblocks-button,.post__composer__prosemirror-post.o__small .intercom-interblocks-code,.post__composer__prosemirror-post.o__small .intercom-interblocks-video,.post__composer__prosemirror-post.o__small .intercom-interblocks-video-file {
    margin: 0 0 10px
}

#embedded_messenger .post__chrome__mobile-large.mobile__post-android,#embedded_messenger .post__chrome__mobile-large.mobile__post-ios {
    background: 0 0
}

.post__chrome__ios__reply-text {
    font-family: proxima-nova,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale
}

.post__chrome__ios__main-shell,.post__chrome__ios__main-shell::after {
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/content-editor/ios-chrome-eaf2e2a560a6a40e3106255330c6c18c.svg);
    background-repeat: no-repeat
}

.post__chrome__ios__main-shell {
    width: 474px;
    height: 900px;
    position: relative;
    min-height: 300px;
    margin-left: auto;
    margin-right: auto;
    background-position: bottom
}

.post__chrome__ios__main-shell::after {
    width: 200px;
    height: 56px;
    background-position: top;
    background-position-x: center;
    content: "";
    background-color: var(--neutral-container);
    position: absolute;
    top: 13px;
    left: calc(50% - 105px);
    border-radius: 0 0 25px 25px
}

.post__chrome__ios__inner-shell {
    height: 90%;
    border-radius: 37px;
    top: 38px;
    margin-right: 55px;
    margin-left: 45px;
    position: relative;
    background: linear-gradient(to bottom,#000 0,rgba(0,0,0,.8) 20%,rgba(0,0,0,.8) 80%,#000 100%)
}

.post__chrome__android__main-shell {
    width: 474px;
    height: 800px;
    position: relative;
    min-height: 300px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/content-editor/android-chrome-ab2761151967f2268bebab4c7213b244.svg);
    background-position: bottom;
    background-repeat: no-repeat
}

.post__chrome__android__inner-overlay {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    height: 85%;
    border-radius: 0 0 37px 37px;
    bottom: 57px;
    margin-right: 55px;
    margin-left: 45px;
    position: relative;
    background: linear-gradient(to bottom,#000 0,rgba(0,0,0,.8) 20%,rgba(0,0,0,.8) 80%,#000 100%)
}

.post__chrome__ios__messenger-container {
    margin: 200px auto
}

.post__chrome__android__messenger-container {
    margin: 130px auto
}

.post__chrome__bubble {
    font-family: intercom-font,"Helvetica Neue",Helvetica,Arial,sans-serif
}

.post__chrome__bubble.o__small {
    width: 350px
}

.post__chrome__bubble.o__large {
    width: 90%;
    max-width: 800px
}

.post__chrome__mobile-small-reply-reaction.o__post {
    top: -20px;
    text-align: center;
    position: relative
}

.post__chrome__mobile-large-reply-reaction.o__post {
    position: relative;
    top: -10px;
    text-align: center
}

.mobile__post-android__content .embercom-composer-editor,.mobile__post-ios__content .embercom-composer-editor {
    overflow: auto
}

.mobile__post-ios__content .embercom-composer-editor {
    max-height: 622px
}

.mobile__post-android__content .embercom-composer-editor {
    max-height: 550px
}

.post__composer__prosemirror-post {
    overflow-y: scroll;
    padding-top: 4px;
    overflow-x: hidden
}

.post__composer__prosemirror-post h1,.post__composer__prosemirror-post h2,.post__composer__prosemirror-post ol,.post__composer__prosemirror-post p,.post__composer__prosemirror-post ul {
    margin: 0 15.27%
}

.post__composer__prosemirror-post ol,.post__composer__prosemirror-post p,.post__composer__prosemirror-post ul {
    font-size: 17px;
    line-height: 1.4em
}

.post__composer__prosemirror-post ol,.post__composer__prosemirror-post ul {
    margin-bottom: 27px;
    padding: 0 0 0 16px
}

.post__composer__prosemirror-post p {
    margin-bottom: 17px
}

.post__composer__prosemirror-post li {
    margin: 0 0 5px 15px;
    padding: 0;
    list-style-position: outside;
    display: list-item
}

.post__composer__prosemirror-post img {
    max-width: 100%;
    margin: 0 auto;
    display: block
}

.post__composer__prosemirror-post pre.embercom-prosemirror-composer-code {
    margin: 0 15.27%!important;
    color: #000!important
}

.news-item-composer pre,.post__composer__prosemirror-post .embercom-prosemirror-composer-image {
    margin: 0
}

.post__composer__prosemirror-post .intercom-interblocks-align-center {
    text-align: center;
    margin-left: 15.27%!important;
    margin-right: 15.27%!important;
    overflow-wrap: break-word;
    word-break: break-word
}

.post__composer__prosemirror-post .embercom-prosemirror-composer-image.intercom-interblocks-align-center,.post__composer__prosemirror-post .intercom-interblocks-image.intercom-interblocks-align-center {
    margin-left: auto!important;
    margin-right: auto!important
}

.post__composer__prosemirror-post .intercom-interblocks-messenger-card {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1),0 4px 15px 0 rgba(0,0,0,.1),inset 0 2px 0 0 var(--beta-fill);
    border-radius: 3px;
    width: 100%!important;
    padding: 26px 24px 24px;
    box-sizing: border-box;
    pointer-events: auto;
    margin: auto
}

.post__composer__prosemirror-post .embercom-prosemirror-composer-video {
    margin: 0 15.27% 15px;
    position: relative;
    display: block
}

.post__composer__prosemirror-post .embercom-prosemirror-composer-attachment-list {
    margin: 0 15.27%
}

.post__composer__prosemirror-post .embercom-prosemirror-composer-attachment {
    border: 0;
    width: 100%;
    margin: 0 15.27%;
    background: 0 0
}

.post__composer__prosemirror-post .embercom-prosemirror-composer-video,.post__composer__prosemirror-post .intercom-interblocks-video-file {
    display: flex;
    overflow: hidden;
    width: auto;
    height: 416px
}

.post__composer__prosemirror-post.o__small .embercom-prosemirror-composer-video,.post__composer__prosemirror-post.o__small .intercom-interblocks-video-file {
    height: 257px
}

.post__composer__prosemirror-post .block-video-file-player,.post__composer__prosemirror-post .intercom-interblocks-video-file video {
    display: block;
    height: 100%;
    max-width: 100%;
    width: 555px!important
}

.post__composer__prosemirror-post.o__small .block-video-file-player,.post__composer__prosemirror-post.o__small .intercom-interblocks-video-file video {
    width: 342px!important
}

.post__composer__prosemirror-post img.intercom-interblocks-align-center {
    margin: 0 auto!important
}

.post__composer__prosemirror-post .embercom-prosemirror-composer-attachment-list>.embercom-prosemirror-composer-attachment {
    margin: auto
}

.post__composer__prosemirror-post.o__large.o__ios {
    max-height: 600px
}

.post__composer__prosemirror-post.o__large.o__web .intercom-interblocks-messenger-card {
    width: 320px!important;
    margin: 16px auto
}

.post__composer__prosemirror-post.o__large.o__android {
    max-height: 550px
}

.post__composer__prosemirror-post.o__small.o__ios {
    max-height: 460px
}

.post__composer__prosemirror-post.o__small.o__android {
    max-height: 400px
}

.post__composer__prosemirror-post.o__small.o__web {
    max-height: 300px
}

.post__composer__prosemirror-post.o__android ol,.post__composer__prosemirror-post.o__android p,.post__composer__prosemirror-post.o__android ul,.post__composer__prosemirror-post.o__ios ol,.post__composer__prosemirror-post.o__ios p,.post__composer__prosemirror-post.o__ios ul {
    font-size: 16px;
    margin: 0 25px 10px
}

.post__composer__prosemirror-post.o__android h1,.post__composer__prosemirror-post.o__android h2,.post__composer__prosemirror-post.o__ios h1,.post__composer__prosemirror-post.o__ios h2 {
    margin: 0 25px
}

.post__composer__prosemirror-post.o__android h1,.post__composer__prosemirror-post.o__ios h1 {
    font-size: 26px;
    line-height: 36px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 12px
}

.post__composer__prosemirror-post.o__android h2,.post__composer__prosemirror-post.o__ios h2 {
    font-size: 16px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 12px
}

.post__composer__prosemirror-post.o__android a,.post__composer__prosemirror-post.o__ios a {
    color: inherit
}

.post__composer__prosemirror-post.o__android .embercom-prosemirror-composer-button,.post__composer__prosemirror-post.o__ios .embercom-prosemirror-composer-button {
    padding: 0 25px 10px;
    margin-bottom: 12px
}

.post__composer__prosemirror-post.o__android a.intercom-h2b-button,.post__composer__prosemirror-post.o__ios a.intercom-h2b-button {
    padding: 8px 40px!important;
    width: 100%!important
}

.post__composer__prosemirror-post.o__android .embercom-prosemirror-composer-video,.post__composer__prosemirror-post.o__android pre.embercom-prosemirror-composer-code,.post__composer__prosemirror-post.o__ios .embercom-prosemirror-composer-video,.post__composer__prosemirror-post.o__ios pre.embercom-prosemirror-composer-code {
    margin: 0 25px 10px!important
}

.post__composer__prosemirror-post.o__small ol,.post__composer__prosemirror-post.o__small p,.post__composer__prosemirror-post.o__small ul {
    font-size: 14px;
    margin: 0 0 10px
}

.post__composer__prosemirror-post.o__small h2 {
    font-size: 17px;
    margin: 0 0 10px
}

.post__composer__prosemirror-post.o__small h1 {
    font-size: 20px;
    line-height: 1.33;
    margin: 0 0 10px;
    font-weight: 400
}

.post__composer__prosemirror-post.o__small {
    padding: 0 24px 6px
}

.post__composer__prosemirror-post.o__small .embercom-prosemirror-composer-video,.post__composer__prosemirror-post.o__small pre.embercom-prosemirror-composer-code {
    margin: 0 0 10px!important
}

.post__composer__prosemirror-post li .intercom-interblocks-align-left {
    margin: 0 0 5px 15px
}

.news-item-composer a.intercom-h2b-button,.post__composer__prosemirror-post .embercom-prosemirror-composer-button>a.intercom-h2b-button {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 8px 40px;
    line-height: 1.4;
    text-decoration: none
}

.post__composer__prosemirror-post .embercom-prosemirror-composer-button>a.intercom-h2b-button {
    color: #fff!important;
    font-size: 17px;
    margin: 0 15.27% 17px
}

.post__composer__prosemirror-post.o__small a.intercom-h2b-button {
    font-size: 14px;
    margin: 0 0 10px
}

.post__composer__prosemirror-post .embercom-prosemirror-composer-attachment>div {
    border: 1px solid var(--neutral-border);
    border-radius: 6px;
    width: max-content
}

.post__composer__prosemirror-post .embercom-prosemirror-composer-video iframe {
    width: 100%;
    vertical-align: top;
    height: 310px
}

.post__composer__prosemirror-post .embercom-prosemirror-composer-video video {
    height: 310px
}

.post__editor__composer {
    overflow-y: scroll;
    padding-top: 4px
}

.post__editor__composer.o__large.o__ios {
    max-height: 600px
}

.post__editor__composer.o__large.o__android {
    max-height: 550px
}

.post__editor__composer.o__small {
    max-height: 300px
}

.post__editor__composer .intercom-interblocks-messenger-card {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1),0 4px 15px 0 rgba(0,0,0,.1),inset 0 2px 0 0 var(--beta-fill);
    border-radius: 3px;
    width: 344px!important;
    padding: 26px 24px 24px;
    box-sizing: border-box;
    pointer-events: auto;
    margin: auto
}

.post__editor__content-container {
    color: #000
}

.post__editor__content-container.o__small {
    margin: 64px auto 32px;
    width: 600px
}

.post__editor__content-container.o__large {
    padding: 40px
}

.message__creation-modal__templates-preview-editor .post__editor__content-container {
    margin: auto;
    width: 550px
}

.post__web-chrome__browser-top {
    width: 100%
}

.post__web-chrome__browser-top.o__small {
    height: 128px
}

.post__web-chrome__browser-top.o__large {
    height: 80px
}

.post__web-chrome__browser-top__left {
    width: 198px;
    background-size: cover;
    background-image: url(https://static.intercomassets.com/ember/assets/images/content-editor/web-chrome-top-left@2x-c2d047b8520eaa95195b8cf4b4bc4523.png)
}

.post__web-chrome__browser-top__middle {
    background-size: auto 100%;
    background-image: url(https://static.intercomassets.com/ember/assets/images/content-editor/web-chrome-top-middle@2x-e066ff8981347d4fa41cbef78a29a68c.png)
}

.post__web-chrome__browser-top__right {
    width: 71px;
    background-size: cover;
    background-image: url(https://static.intercomassets.com/ember/assets/images/content-editor/web-chrome-top-right@2x-d336e8be4bbe1a61ddaf4d5920a4baec.png)
}

.post__web-chrome__main-shell.o__large {
    background: var(--neutral-container)
}

.news-item-composer {
    font-family: proxima-nova,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 1.53
}

.news-item-composer>.intercom-interblocks {
    white-space: break-spaces
}

.news-item-composer img {
    height: auto;
    max-width: 100%;
    margin-bottom: 34px
}

.news-item-composer ic-block[data-type=html] {
    padding-left: 3px;
    border-left: 3px solid var(--error-border);
    position: relative;
    left: -6px
}

.news-item-composer a.intercom-h2b-button {
    color: var(--button_text_color);
    background-color: var(--button_background_color);
    border: 0;
    font-size: 14px;
    margin-bottom: 17px
}

.news-item-composer .intercom-interblocks-table a.intercom-h2b-button,.news-item-composer .tableWrapper a.intercom-h2b-button {
    padding: 8px
}

.news-item-composer,.news-item-composer h1,.news-item-composer h2 {
    color: var(--THEME-EJECTION__CONTENT-PREVIEW__BLACK-COLOR)
}

.news-item-composer a {
    color: #3e4052
}

.news-item-composer h1 {
    font-size: 20px;
    line-height: 1.24;
    margin-bottom: 17px;
    font-weight: 400
}

.news-item-composer h2 {
    font-size: 18px;
    line-height: 1.24;
    margin-bottom: 15px;
    font-weight: 600
}

.news-item-composer p {
    line-height: 1.53;
    margin-bottom: 17px
}

.news-item-composer hr {
    display: block;
    height: 3px;
    border-radius: 3px;
    background: rgba(0,0,0,.05);
    border: 0;
    margin: 1em 0
}

.news-item-composer .intercom-interblocks-paragraph.no-margin p,.snippet-side-drawer__composer .intercom-interblocks-paragraph.no-margin p {
    min-height: 1.53em;
    margin-bottom: 0
}

.news-item-composer .intercom-interblocks-code {
    padding: 16px;
    margin: 1em 0;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f5f5f5;
    border-radius: 3px
}

.news-item-composer ol,.news-item-composer ul {
    padding-left: 16px
}

.news-item-composer li {
    line-height: 1.53;
    margin-left: 15px
}

.news-item-composer li>.intercom-interblocks-button:first-child,.news-item-composer li>.intercom-interblocks-image:first-child,.news-item-composer li>.intercom-interblocks-video:first-child {
    display: inline-block;
    vertical-align: top
}

.news-item-composer li>.intercom-interblocks-code:first-child,.news-item-composer li>pre:first-child {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 32px)
}

.news-item-composer li>.intercom-interblocks-horizontal-rule:first-child,.news-item-composer li>hr:first-child {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.news-item-composer li>.embercom-prosemirror-composer-video:first-child,.news-item-composer li>.intercom-interblocks-video:first-child {
    width: 100%
}

.news-item-composer li .intercom-h2b-button,.news-item-composer li iframe[src*="guideflow.com"],.news-item-composer li iframe[src*="loom.com"],.news-item-composer li iframe[src*="vidyard.com"],.news-item-composer li iframe[src*="vimeo.com"],.news-item-composer li iframe[src*="wistia.net"],.news-item-composer li iframe[src*="youtube.com"] {
    margin-bottom: 0
}

.news-item-composer .embercom-prosemirror-composer-editor ol p,.news-item-composer .embercom-prosemirror-composer-editor ul p,.news-item-composer li .intercom-interblocks-code,.news-item-composer li hr,.news-item-composer li pre {
    margin: 0
}

.news-item-composer ul>li,.news-item-composer ul>li ul>li ul>li ul>li,.news-item-composer ul>li ul>li ul>li ul>li ul>li ul>li ul>li {
    list-style-type: disc
}

.news-item-composer ul>li ul>li,.news-item-composer ul>li ul>li ul>li ul>li ul>li,.news-item-composer ul>li ul>li ul>li ul>li ul>li ul>li ul>li ul>li {
    list-style-type: circle
}

.news-item-composer ul>li ul>li ul>li,.news-item-composer ul>li ul>li ul>li ul>li ul>li ul>li,.news-item-composer ul>li ul>li ul>li ul>li ul>li ul>li ul>li ul>li ul>li {
    list-style-type: square
}

.news-item-composer ol>li,.news-item-composer ol>li ol>li ol>li ol>li,.news-item-composer ol>li ol>li ol>li ol>li ol>li ol>li ol>li {
    list-style-type: decimal
}

.news-item-composer ol>li ol>li,.news-item-composer ol>li ol>li ol>li ol>li ol>li,.news-item-composer ol>li ol>li ol>li ol>li ol>li ol>li ol>li ol>li {
    list-style-type: lower-latin
}

.news-item-composer ol>li ol>li ol>li,.news-item-composer ol>li ol>li ol>li ol>li ol>li ol>li,.news-item-composer ol>li ol>li ol>li ol>li ol>li ol>li ol>li ol>li ol>li {
    list-style-type: lower-roman
}

.news-item-composer pre.code {
    overflow: auto
}

.news-item-composer iframe[src*="guideflow.com"],.news-item-composer iframe[src*="loom.com"],.news-item-composer iframe[src*="vidyard.com"],.news-item-composer iframe[src*="vimeo.com"],.news-item-composer iframe[src*="wistia.net"],.news-item-composer iframe[src*="youtube.com"] {
    width: 100%;
    height: 360px;
    margin-bottom: 40px
}

.news-item-composer .embercom-composer-placeholder {
    top: 0;
    left: 0
}

.news-item-composer .embercom-prosemirror-composer-editor p {
    margin-top: 0;
    margin-bottom: 0;
    min-height: 1.53em
}

.news-item-composer .embercom-prosemirror-composer-editor pre,.news-item-composer pre.code {
    padding: 16px;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f5f5f5;
    border-radius: 3px
}

.news-item-composer .embercom-prosemirror-composer-editor .intercom-interblocks-align-left .intercom-h2b-button {
    margin-left: 0!important
}

.news-item-composer .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted)
}

.news-item__author {
    font-size: 13px;
    line-height: 18px;
    color: #757575
}

.news-item__editor__back-button {
    color: var(--button_background_color)
}

.news-item__editor__content-container {
    width: 376px;
    margin: 25px auto;
    min-height: 615px
}

.news-item__editor__details {
    width: 376px;
    min-height: 615px
}

.news-item__editor__details-preview {
    height: 615px;
    overflow-y: auto;
    overflow-x: clip
}

.news-item__label {
    color: var(--button_text_color);
    background-color: var(--button_background_color);
    border: 2px solid var(--button_text_color)
}

.news-item__editor__title {
    font-family: proxima-nova,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid transparent;
    padding: 0;
    box-shadow: none;
    font-size: 20px;
    line-height: 1.24;
    font-weight: 400;
    resize: none;
    overflow: hidden;
    width: 100%;
    color: var(--THEME-EJECTION__CONTENT-PREVIEW__BLACK-COLOR)
}

.news-item__editor__title::placeholder {
    color: #757575;
    opacity: .7
}

.news-item__editor__title-editing:focus {
    outline: 0;
    border-bottom: 1px dashed rgba(0,0,0,.2)
}

.news-item__editor__title-editing:hover {
    border-bottom: 1px dashed rgba(0,0,0,.2)
}

.news-item__cover-image-uploader {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    margin: 6px;
    cursor: pointer;
    border: 2px dashed rgba(0,0,0,.1)
}

.news-item__cover-image-uploader-container {
    width: 100%;
    height: 197px
}

.news-item__cover-image-uploader__button {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding: 2px 4px;
    align-items: center;
    color: var(--text-link)
}

.news-item__cover-image-uploader__hint {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: var(--text-muted)
}

.newsfeeds-modal__title {
    max-width: 100%
}

.carousel__editor__chrome {
    min-width: 422px;
    max-width: 422px;
    height: 886px;
    position: relative;
    box-sizing: border-box;
    margin: 0 12px;
    padding: 65px 22px 33px;
    border-radius: 72px
}

.carousel__editor__chrome .carousel__editor__chrome__shell-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.carousel__editor__chrome .carousel__editor__chrome__inner {
    position: relative;
    height: 100%;
    box-sizing: border-box;
    width: 100%
}

.carousel__editor__chrome .carousel__editor__chrome__inner .embercom-composer,.carousel__editor__chrome .carousel__editor__chrome__inner .embercom-composer .composer-box {
    height: 100%
}

.carousel__editor__chrome .carousel__editor__chrome__inner-android {
    height: calc(100% - 68px);
    width: calc(100% - 6px);
    margin-left: 3px;
    border-radius: 0 0 10px 11px
}

.carousel__editor__chrome .carousel__editor__chrome__status-bar {
    position: absolute;
    top: 32px;
    width: 380px
}

.carousel__editor__chrome .carousel__editor__chrome__status-bar-android {
    position: absolute;
    top: 71px;
    width: 380px
}

.carousel__editor__chrome .carousel__editor__chrome__bottom-bar {
    position: absolute;
    bottom: 42px;
    width: 136px;
    height: 5px;
    left: 143px;
    border-radius: 10px;
    background: #000
}

.carousel__editor__chrome .carousel__editor__chrome__footer-android {
    position: absolute;
    bottom: 70px;
    border-radius: 0 0 8px 8px;
    width: calc(100% - 48px);
    margin-left: 2px;
    overflow: hidden
}

.carousel__editor__chrome-shadow-layer {
    position: absolute;
    width: 100%;
    z-index: -1;
    left: 0
}

.carousel__editor__chrome-shadow-layer.o__android {
    top: 5px;
    height: 875px;
    border-radius: 53px
}

.carousel__editor__chrome-shadow-layer.o__ios {
    top: 15px;
    height: 857px;
    border-radius: 64px
}

.carousel__editor__chrome__footer-android__img {
    width: 100%
}

.carousel__editor__chrome__app-layer {
    position: absolute;
    height: 10px;
    margin-top: 20px;
    width: 343px;
    border-radius: 10px 10px 0 0;
    background: #ccc;
    z-index: 0;
    top: -30px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.carousel__editor__carousel-layer {
    width: 100%;
    height: calc(100% - 25px);
    margin-top: 25px;
    border-radius: 10px 10px 40px 40px;
    box-sizing: border-box;
    padding: 20px 0 30px
}

.carousel__editor__carousel-layer .carousel__editor__carousel-layer__dismiss {
    box-sizing: border-box
}

.carousel__editor__carousel-layer .carousel__editor__carousel-layer__actions {
    box-sizing: border-box;
    padding: 0 24px 16px
}

.carousel__editor__carousel-layer .carousel__editor__carousel-layer__dismiss {
    height: 42px;
    margin-bottom: 12px!important;
    width: 100%;
    padding: 0 15px 10px
}

.carousel__editor__carousel-layer__dismiss .interface-icon {
    padding: 8px;
    background: var(--neutral-container);
    border-radius: 50%
}

.carousel__editor__carousel-layer__dismiss.o__dark .interface-icon {
    background: rgba(255,255,255,.15);
    color: rgba(255,255,255,.8)
}

.carousel__editor__carousel-layer__dismiss.o__light .interface-icon {
    background: rgba(102,102,102,.15);
    color: rgba(102,102,102,.8)
}

.carousel__editor__carousel-layer-android {
    height: 100%;
    margin-top: 31px;
    border-radius: 0 0 10px 10px;
    padding: 20px 0 60px
}

.carousel__editor__carousel-layer__actions {
    width: 100%
}

.carousel__editor__carousel-layer__actions .carousel__editor__chrome__button-action {
    cursor: default;
    width: 100%;
    font-size: 17px;
    line-height: 18px;
    font-weight: 400;
    border: 0;
    border-radius: 8px;
    height: 48px;
    vertical-align: bottom;
    box-sizing: border-box;
    text-align: center
}

.carousel__editor__chrome__button-action__input {
    height: 100%;
    width: 100%;
    font-weight: 400;
    text-align: center;
    background: 0 0;
    color: inherit;
    outline: 0;
    border: 0
}

.carousel__editor__chrome__button-action__input:focus {
    outline: 0;
    border: 0
}

.carousel__editor__add-new-screen {
    position: relative;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 287px;
    width: 141px;
    text-align: center;
    border-radius: 20px;
    opacity: .5;
    border: 1px dashed;
    border-color: var(--neutral-border);
    cursor: pointer;
    z-index: 1
}

.carousel__editor__add-new-screen .carousel__editor__add-new-screen__helper-text {
    position: absolute;
    top: 50px;
    display: none;
    width: 80%
}

.carousel__editor__add-new-screen:hover {
    opacity: 1
}

.carousel__editor__add-new-screen:hover .carousel__editor__add-new-screen__helper-text,.carousel__timeline__screens__sortable-item.o__edit-mode.is-dragging .carousel__timeline__screens__actions,.carousel__timeline__screens__sortable-item.o__edit-mode.is-dropping .carousel__timeline__screens__actions {
    display: block
}

.carousel__editor__add-new-screen .interface-icon {
    width: 40px;
    height: 40px
}

.carousel__editor__add-new-screen-disabled {
    cursor: not-allowed
}

.carousel__editor__carousel-layer__nav-dots {
    width: 100%
}

.carousel__editor__carousel-layer__nav-dots.o__dark .carousel__editor__carousel-layer__nav-dot {
    background: rgba(255,255,255,.15)
}

.carousel__editor__carousel-layer__nav-dots.o__dark .carousel__editor__carousel-layer__nav-dot__active {
    background: rgba(255,255,255,.8)
}

.carousel__editor__carousel-layer__nav-dots.o__light .carousel__editor__carousel-layer__nav-dot {
    background: rgba(102,102,102,.15)
}

.carousel__editor__carousel-layer__nav-dots.o__light .carousel__editor__carousel-layer__nav-dot__active {
    background: rgba(102,102,102,.8)
}

.carousel__editor__carousel-layer__nav-dot {
    height: 8px;
    width: 8px;
    border-radius: 8px
}

.carousel__editor__carousel-composer__wrapper {
    width: 100%;
    position: relative;
    word-wrap: break-word
}

.carousel__editor-bubble .embercom-composer-editor {
    min-height: 21px!important
}

.carousel__editor-bubble .embercom-composer-placeholder {
    top: 2px;
    left: 2px
}

.carousel__editor__screen-editor__nav-button {
    color: var(--text-muted);
    background-color: var(--neutral-container);
    border-radius: 6px;
    padding: 6px 16px;
    height: 32px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer
}

.carousel__editor__screen-editor__nav-button__next,.carousel__editor__screen-editor__nav-button__prev {
    width: 32px;
    box-sizing: border-box
}

.carousel__editor__screen-editor__nav-button__prev .interface-icon {
    margin-left: 2px;
    margin-top: 2px
}

.carousel__editor__screen-editor__nav-button__next .interface-icon {
    margin-left: 4px;
    margin-top: 2px
}

.carousel__editor__carousel-layer__carousel-composer-ios {
    height: 570px
}

.carousel__editor__carousel-layer__carousel-composer-ios.carousel__editor__carousel-layer__carousel-composer__multiple-actions {
    height: 520px
}

.carousel__editor__carousel-layer__carousel-composer-android {
    height: 480px
}

.carousel__editor__carousel-layer__carousel-composer-android.carousel__editor__carousel-layer__carousel-composer__multiple-actions {
    height: 445px
}

.carousel__editor__carousel-layer__carousel-composer {
    overflow-y: auto;
    overflow-x: hidden
}

.carousel__sidebar-parent .content-editor__animated-sidebar {
    height: inherit
}

.carousel__sidebar {
    box-sizing: border-box;
    max-width: 300px;
    width: 300px
}

.carousel__sidebar .carousel__sidebar__color-input {
    width: 100%
}

.carousel__sidebar__helper-modal-opener .filter-block {
    height: 48px;
    padding-top: 5px
}

.carousel__sidebar__section {
    padding: 0 32px 24px;
    border-bottom: 1px solid var(--neutral-border)
}

.carousel__sidebar__section:last-child {
    border-bottom: none
}

.carousel__sidebar__layout {
    position: relative;
    height: 192px;
    border: 1px solid var(--neutral-border);
    box-sizing: border-box;
    border-radius: 6px;
    cursor: pointer;
    padding: 16px 10px;
    color: var(--text-muted);
    font-weight: 600
}

.carousel__sidebar__layout:hover {
    border-color: var(--neutral-border);
    box-shadow: 0 4px 14px rgba(13,36,209,.1);
    color: var(--text-default)
}

.carousel__sidebar__layout__title {
    margin-bottom: 9px
}

.carousel__sidebar__layout__bar {
    background: var(--neutral-container);
    height: 6px;
    border-radius: 1px;
    margin: 3px 0
}

.carousel__sidebar__layout__image-cover {
    margin: 9px 0;
    width: 100%
}

.carousel__sidebar__layout__image-logo {
    margin: 9px 0;
    height: 40px;
    width: 40px
}

.carousel__sidebar__layout__permission {
    position: absolute;
    bottom: 16px;
    width: 100px;
    height: 20px;
    background-color: var(--neutral-container);
    border-radius: 4px
}

.carousel__sidebar__layout__icon-text {
    position: relative;
    height: 30px;
    width: 100px
}

.carousel__sidebar__layout__icon-text .carousel__sidebar__layout__image-logo {
    position: absolute;
    height: 16px;
    width: 16px;
    left: 0;
    top: 0;
    margin: 2px 0
}

.carousel__sidebar__layout__icon-text .carousel__sidebar__layout__bars {
    position: absolute;
    left: 20px
}

.carousel__sidebar__layout-disabled {
    opacity: .6;
    cursor: not-allowed
}

.carousel__sidebar__layout-disabled:hover {
    border-color: var(--neutral-border)
}

.carousel__timeline__screens {
    position: relative;
    display: flex;
    padding-top: 24px;
    overflow-x: auto;
    width: 100%;
    padding-bottom: 24px;
    height: 100%;
    box-sizing: border-box
}

.carousel__timeline__screens .carousel__timeline__screens__actions {
    position: absolute;
    top: 6px;
    width: 88px;
    height: 32px;
    left: 36px;
    border-radius: 6px;
    padding: 7px 15px;
    box-sizing: border-box;
    display: none;
    background: var(--neutral-container)
}

.carousel__timeline__screens .carousel__timeline__screens__actions-disabled {
    display: none
}

.carousel__timeline__screens .carousel__timeline__screens__scaled-container {
    width: 160px;
    height: 300px;
    cursor: pointer;
    z-index: 1
}

.carousel__timeline__screens .carousel__editor__chrome {
    transform: scale(.33);
    transform-origin: 0 0;
    pointer-events: none
}

.carousel__timeline__screens .carousel__editor__chrome__footer-android {
    bottom: 68px
}

.carousel__timeline__screens .carousel__editor__carousel-layer__carousel-composer {
    overflow-y: hidden
}

.carousel__timeline__screens__scaled-container .carousel__editor__chrome__app-layer {
    top: -29px
}

.carousel__timeline__screens__sortable-item.o__edit-mode {
    position: relative;
    z-index: 1
}

.carousel__timeline__screens__sortable-item.o__edit-mode.is-dragging,.carousel__timeline__screens__sortable-item.o__edit-mode.is-dropping {
    z-index: 10
}

.carousel__timeline__screens__sortable-item.o__edit-mode.is-dragging .carousel__timeline__screens__actions,.carousel__timeline__screens__sortable-item.o__edit-mode.is-dragging .carousel__timeline__screens__scaled-container {
    transform: translateY(-10px)
}

.carousel__timeline__screens__sortable-item.o__edit-mode.is-dragging * {
    cursor: grabbing!important
}

.carousel__timeline__screens__sortable-item.o__edit-mode:not(.is-dragging) {
    transition: transform .2s ease-in-out
}

.carousel__timeline__screens__sortable-item.o__edit-mode:hover .carousel__editor__chrome-shadow-layer {
    box-shadow: 2px 4px 24px 0 rgba(0,0,0,.1)
}

.carousel__timeline__screens__shadow-container {
    position: absolute;
    top: 20px;
    left: 183px;
    right: 0;
    display: flex
}

.carousel__timeline__screens__screen-shadow-container {
    height: 278px;
    min-width: 134px;
    margin-left: 18px;
    margin-right: 8px;
    margin-top: 62px;
    border-radius: 13px;
    float: left;
    background-color: var(--neutral-container)
}

.carousel__timeline__screens__sortable-item.o__view-mode .carousel__timeline__screens__actions,.carousel__timeline__screens__sortable-item.o__view-mode .carousel__timeline__screens__scaled-container,.merge-confirmation-modal .conversation-preview .conversation-preview__conversation-wrapper div[data-part-group-id] {
    pointer-events: none
}

.carousel__timeline__screens__sortable-item:hover.o__edit-mode .carousel__timeline__screens__actions {
    display: block
}

.carousel__timeline__screens__actions .carousel__timeline__screens__screen__delete {
    float: right;
    cursor: pointer
}

.carousel__timeline__screens__screen__reorder {
    float: left;
    cursor: grab
}

.carousel__timeline__screens__screen__reorder svg {
    height: 13px
}

.carousel__timeline__screens__edit {
    padding-left: 28px;
    padding-right: 28px
}

.carousel__timeline__screens__edit .carousel__timeline__screens__sortable-item.o__last-screen {
    border-left: 1px solid var(--neutral-border);
    margin-left: 4px;
    height: 300px
}

.carousel__timeline__stats__container {
    margin-left: 18px
}

.carousel__animation__add-new-screen.o__animate {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: .8s;
    -webkit-animation-duration: .8s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease
}

.carousel__animation__screen.o__animate,.carousel__animation__thumbnail-control.o__animate,.carousel__animation__thumbnail-new-screen.o__animate {
    animation-name: slide-thumbnail;
    -webkit-animation-name: slide-thumbnail;
    animation-duration: .8s;
    -webkit-animation-duration: .8s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease
}

.carousel__animation__screen.o__animate,.carousel__animation__thumbnail-control.o__animate {
    animation-name: appear;
    -webkit-animation-name: appear
}

.carousel__banner-fixed-positioning {
    top: 100px!important;
    z-index: 99999999;
    position: fixed!important
}

.carousel__preferred-devices__absolute-positioning {
    position: absolute;
    bottom: 60px
}

.carousel__builder-content {
    min-width: 615px
}

.carousel__thumbnail-controls {
    width: 100%
}

.carousel__thumbnail-controls__control {
    position: relative;
    height: 48px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 6px;
    line-height: 48px;
    color: var(--text-muted);
    margin-top: 6px
}

.carousel__thumbnail-controls__control.o__selected,.carousel__thumbnail-controls__control:hover {
    cursor: pointer;
    border: 1px solid var(--neutral-border);
    color: var(--text-link)
}

.carousel__thumbnail-controls__control.o__selected {
    background: var(--neutral-container-emphasis)
}

.carousel__thumbnail-controls__control.o__fixed-width {
    width: 32px;
    line-height: 0
}

.carousel__thumbnail-controls__control.o__fixed-width.o__selected {
    width: 40px;
    height: 60px;
    margin-top: 0
}

.dhm-input__number {
    width: 60px
}

.dhm-input__number:disabled {
    opacity: .8
}

.email__preview__mobile {
    min-width: 422px;
    max-width: 422px;
    height: 886px;
    position: relative;
    box-sizing: border-box;
    margin: 0 12px;
    padding: 70px 22px 33px;
    border-radius: 72px
}

.email__preview__mobile .email__subject-composer {
    border-radius: 8px 8px 0 0;
    padding: 8px 10px;
    border-bottom-width: 1px;
    border-block-color:#e2e3e5}

.email__preview__mobile__status-bar {
    position: absolute;
    top: 32px;
    width: 380px
}

.email__preview__mobile__shell__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.email__preview__mobile__inner {
    position: relative;
    box-sizing: border-box;
    height: calc(100% - 112px)
}

.social__items__list {
    height: 200px;
    min-height: 100px;
    overflow: auto
}

.email__subject-composer {
    padding: 3px 10px;
    box-sizing: border-box;
    border-radius: 4px;
    background: var(--THEME-EJECTION__CONTENT-PREVIEW__WHITE-COLOR);
    color: var(--THEME-EJECTION__CONTENT-PREVIEW__BLACK-COLOR);
    border-color: transparent
}

.email__subject-composer .embercom-prosemirror-composer-placeholder {
    padding: 3px 10px
}

.email__subject-composer p {
    font-size: 13px!important;
    font-weight: 400!important;
    line-height: 1.5!important
}

.email__subject-composer .embercom-prosemirror-composer-if-else-statement-block::before {
    left: -36px
}

.email__subject-composer .embercom-prosemirror-composer-block-selected {
    padding: 3px 10px;
    border-radius: 4px;
    border: 1px solid transparent
}

.email__subject-composer .embercom-prosemirror-composer-block-selected:hover:not(.embercom-prosemirror-composer-if-else-statement-block) {
    border: 1px solid var(--neutral-border)
}

.email__subject-composer:focus {
    box-shadow: none
}

.email__main-composer pre.code {
    margin: 0 0 10px;
    padding: 10px;
    background-color: #f5f5f5;
    overflow: auto;
    font-family: Courier,monospace;
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap
}

.email__chrome {
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.1);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    max-width: 1200px;
    min-width: min-content;
    min-height: 300px;
    background: var(--THEME-EJECTION__CONTENT-PREVIEW__WHITE-COLOR)
}

.email__chrome__main {
    padding: 1px
}

.email__chrome__main .liquid-child:not(.velocity-animating) {
    transform: none!important;
    overflow: visible
}

.email__chrome__main .liquid-child.velocity-animating {
    transform: inherit
}

.email__chrome__main .liquid-container:not(.liquid-animating) {
    transform: none!important;
    overflow: visible
}

.email__chrome__main .liquid-container.liquid-animating {
    transform: inherit
}

.email__chrome__toolbar {
    padding-left: 8px;
    min-height: 25px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.email__chrome__toolbar-circle {
    border: 1px solid rgba(0,0,0,.1);
    box-sizing: border-box;
    height: 8px;
    width: 8px;
    border-radius: 4px;
    margin-right: 4px
}

.email__loading-spinner {
    min-height: 500px
}

.email__html-composer {
    position: relative
}

.email__html-preview-iframe {
    pointer-events: none;
    min-height: 600px
}

.email__html-composer__unsub-reminder {
    padding: 10px;
    background-color: var(--neutral-container)
}

.email__html-composer__unsub-reminder .email__html-composer__unsub-reminder-wrapper {
    width: 100%
}

.email__html-composer__unsub-reminder .email__html-composer__unsub-reminder-code {
    display: inline-block;
    padding: 1px 4px;
    background-color: var(--neutral-container);
    border-radius: 3px
}

.email__html-switch {
    color: var(--text-link);
    margin: 10px 24px;
    text-decoration: none;
    cursor: pointer
}

.email__html-switch:hover {
    text-decoration: underline
}

button.btn.email__composer-toggle-button {
    background-color: var(--neutral-container);
    border: 1px solid #ccc
}

button.btn.email__composer-toggle-button:hover {
    color: var(--text-link);
    background-color: var(--neutral-container)
}

button.btn.email__composer-toggle-button:focus {
    box-shadow: none;
    background-color: var(--neutral-container);
    color: var(--text-default)
}

button.btn.email__composer-toggle-button.selected {
    border: 1px solid var(--neutral-border-emphasis)
}

button.btn.email__composer-toggle-button.selected,button.btn.email__composer-toggle-button.selected:hover {
    color: var(--text-link);
    background-color: var(--neutral-container-emphasis)
}

button.btn.email__composer-toggle-button.selected:focus {
    outline: 0;
    box-shadow: none;
    background-color: var(--neutral-container-emphasis);
    color: var(--text-link)
}

.email__composer-undo-redo button.btn.o__secondary:hover {
    box-shadow: none;
    background-color: var(--neutral-container-emphasis)!important;
    color: var(--text-link)!important
}

.email__composer-undo-redo button.btn.o__secondary:focus {
    box-shadow: none;
    background-color: transparent;
    color: var(--text-default)
}

.email__chrome__switcher {
    max-width: 1200px
}

.email__mobile__switcher {
    max-width: 422px
}

.email__template__composer {
    min-width: 900px
}

.email__template__sidebar__thinleftarrow {
    top: -2px;
    position: relative
}

.email__banner {
    width: clamp(488px,100%,1200px)
}

.sign-in__form {
    width: 100%;
    max-width: 500px;
    margin: 60px auto;
    box-sizing: border-box
}

.sign-in__h2 {
    letter-spacing: .5px;
    line-height: 40px;
    font-size: 48px;
    font-weight: 600;
    max-width: 500px
}

.sign-in__text {
    font-size: 16px
}

.sign-in__text-strong {
    font-size: 16px;
    font-weight: 700
}

.sign-in__text-footer {
    color: var(--text-muted);
    font-size: 13px
}

.assignee__selector .ds-new__dropdown__group {
    max-height: 300px;
    padding-top: 0
}

.assignee__selector__container .btn .avatar.o__xs {
    margin-top: 0
}

.input-with-dropdown {
    padding: 0 6px 2px;
    max-height: 124px;
    overflow: scroll
}

.input-with-dropdown__pill-item {
    margin-bottom: 2px
}

.input-with-dropdown .input-with-pills__input,.input-with-dropdown .input-with-pills__input:focus {
    border: 0;
    outline: 0;
    display: flex;
    flex-basis: 30%;
    min-width: 60px;
    margin-top: 6px;
    margin-bottom: 3px;
    align-self: end
}

.dropdown-item,.keyword-hint-text {
    font-weight: 400
}

.wait__relative-container {
    max-width: 336px
}

.wait-radio-button {
    width: fit-content
}

.splitter__form__item {
    margin-bottom: 8px!important
}

.splitter__form__percentage-input {
    max-width: 88px
}

.seatless-experience__seatless-experience {
    background-color: var(--beta-container)
}

.seatless-experience__seatless-experience-logo {
    width: 36px;
    height: 36px;
    fill: var(--text-default)
}

.seatless-experience__seatless-experience .modal {
    width: 440px
}

.seatless-experience__seatless-experience .modal-large {
    width: 640px;
    background-color: var(--base-module)
}

.seatless-experience__seatless-experience .seat-card {
    border-radius: 0;
    padding: 6px 8px 6px 12px;
    transition: none
}

.seatless-experience__seatless-experience .seat-card svg [stroke] {
    stroke: var(--text-default)
}

.seatless-experience__seatless-experience .seat-card svg [fill] {
    fill: var(--text-default)
}

.seatless-experience__seatless-experience .seat-card:hover {
    border-color: var(--neutral-border-emphasis)
}

.seatless-experience__seatless-experience .seat-card.selected {
    border-color: var(--beta-border-emphasis);
    background-color: var(--beta-container)
}

.seatless-experience__seatless-experience .seat-card:nth-child(2) {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.seatless-experience__seatless-experience .seat-card:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.ds-new__dropdown .seatless-experience__workspace-selected,.inbox2__renderable-part .intercom-interblocks a {
    color: var(--text-link)
}

.seatless-experience__footer {
    border-top: 1px solid var(--neutral-border);
    padding: 16px 24px
}

.macros__actions-editor {
    border: dashed 1px rgba(0,0,0,.2);
    border-width: 1px 0 0
}

.macros__actions-editor .t__h4 {
    font-weight: 400
}

.inbox__conversation-controls__internal-part .filter-block {
    border: 1px solid rgba(var(--neutral-fill),.1)
}

.medium-radio-button-group__option {
    min-width: 115px;
    height: 88px;
    box-shadow: inset 0 0 0 3px var(--neutral-border)
}

.medium-radio-button-group__option:not(:first-child) {
    margin-left: -1px
}

.channels__whatsapp-message-template__list-item {
    padding: 8px 12px;
    border-bottom: 1px solid var(--neutral-border)
}

.channels__whatsapp-message-template__list-item.o__selected {
    color: var(--text-link);
    background-color: var(--neutral-container-emphasis)
}

.channels__whatsapp-message-template__search-icon {
    padding-top: 7px;
    margin-left: 10px;
    position: absolute;
    z-index: 10
}

.channels__custom__composer-banner {
    margin-left: 15px;
    margin-right: 10px
}

.banner.o__help.channels__inbox2__custom__composer-banner {
    background-color: var(--neutral-container-emphasis)
}

.banner.o__help.channels__inbox2__custom__composer-banner .o__standalone-link {
    color: var(--text-default)
}

.channels__channel-card {
    width: 422px
}

.channels__channel-card.o__clickable:hover {
    border: 1px solid var(--neutral-border);
    box-shadow: var(--shadow-lvl-1)
}

.channels__channel-card-compact {
    width: 352px;
    box-sizing: border-box
}

.channels__channel-card-compact.o__clickable:hover {
    border: 1px solid var(--accent-border);
    box-shadow: var(--shadow-lvl-1)
}

.channels__inbox__audio {
    max-width: 100%;
    margin-bottom: 4px
}

.channels__whatsapp-accounts-table .ds-new__table__cell-shim,.channels__whatsapp-accounts-table .ds-new__table__column__label {
    margin-right: 16px
}

.channels__whatsapp-transition-toggle:focus,.channels__whatsapp-transition-toggle:focus-visible {
    outline: 0
}

video {
    object-fit: cover;
    width: 100%
}

.vertical video {
    height: 100%;
    width: auto
}

.horizontal video {
    height: auto;
    width: 100%
}

.cti-app-container-frame {
    width: 340px;
    height: 576px;
    z-index: 10000000
}

#cti-app-container,.cti-app-container {
    width: 340px;
    height: 540px
}

.channels__inbox__email-metadata-container {
    transition: height .3s ease-out
}

.cti-inbound-call-banner {
    z-index: 3000
}

.channels-hub__empty-state-banner {
    min-height: 224px
}

.expandable-list__item {
    padding: 6px 15px
}

.expandable-list__expander {
    padding: 10px 15px 6px
}

.channels__email-setup-step__tertiary-cta {
    color: var(--text-link)!important
}

.inbox2__macro-typeahead {
    width: 640px;
    height: 292px;
    box-shadow: 0 12px 24px -4px rgba(var(--neutral-border),.2)
}

.inbox2__under-construction {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAGCAIAAAAOtlpdAAAANElEQVQoz2P4etGEEnRxi0lHFdXQ8slQYxkGoZsochbt3ES+s2jqJjKdRWs3keMsOrgJiAB4ItlirqqJGgAAAABJRU5ErkJggg==)!important;
    background-repeat: repeat-x!important;
    background-size: 25px 3px!important;
    background-position: -8px 0!important
}

.inbox2__primary-nav {
    z-index: 4000
}

.inbox2__left-nav .is-dragging {
    opacity: .5
}

.inbox2__custom-folder-name {
    max-width: 125px
}

@media (min-width: 1440px) {
    .inbox2__custom-folder-name {
        max-width:150px
    }
}

.inbox2__great-guidance__floating-widget {
    margin-bottom: 124px;
    padding-bottom: 32px
}

.inbox2__fin-question-answer-modal__info-tooltip {
    width: 446px
}

:root {
    --fin-thinking-dots-size: 3px;
    --fin-thinking-dots-bg-color: rgb(from palette-color("text-default") r g b / 1);
    --fin-thinking-dots-bg-color-lighter: rgb(from palette-color("text-default") r g b / 0.5)
}

.fin-thinking-dots,.fin-thinking-dots::after,.fin-thinking-dots::before {
    position: relative;
    width: var(--fin-thinking-dots-size);
    height: var(--fin-thinking-dots-size);
    border-radius: 5px;
    background-color: var(--fin-thinking-dots-bg-color);
    color: var(--fin-thinking-dots-bg-color);
    animation: fin-thinking-dots 1s infinite linear alternate;
    animation-delay: .5s
}

.fin-thinking-dots::after,.fin-thinking-dots::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: -5px;
    animation: fin-thinking-dots 1s infinite alternate;
    animation-delay: 0s
}

.fin-thinking-dots::after {
    left: 5px;
    animation-delay: 1s
}

.inbox2 .embercom-prosemirror-composer-diffing-insertion,.inbox2 .embercom-prosemirror-composer-editor p code,.inbox2 .intercom-interblocks p code,.inbox2 .intercom-interblocks-code pre,.inbox2 pre.embercom-prosemirror-composer-code,.inbox2 pre.embercom-prosemirror-composer-code.embercom-prosemirror-composer-block-selected {
    background-color: var(--neutral-container)
}

.inbox2__ask-fin-empty-state-text {
    width: 320px
}

.inbox2__ask-fin-empty-state-icon svg {
    transform: scale(3.75)
}

.inbox2__ask-fin__fin-icon svg {
    height: 24px!important;
    width: 24px!important
}

.inbox2__ask-fin__fin-icon-small svg {
    height: 16px!important;
    width: 16px!important
}

:root {
    --fin-loading-icon-size: 44px
}

.inbox2__ask-fin__fin-loading-small {
    --fin-loading-icon-size: 13px
}

.inbox2__ask-fin__fin-loading-default {
    --fin-loading-icon-size: 22px
}

.inbox2__ask-fin__fin-loading-medium {
    --fin-loading-icon-size: 28px
}

.inbox2__ask-fin__fin-loading-animation {
    gap: calc(var(--fin-loading-icon-size)/8)
}

.inbox2__ask-fin__fin-loading-container {
    width: var(--fin-loading-icon-size);
    height: var(--fin-loading-icon-size);
    border-radius: calc(var(--fin-loading-icon-size)/8)
}

.inbox2__ask-fin__fin-loading-line {
    width: calc(var(--fin-loading-icon-size)/11);
    height: calc(var(--fin-loading-icon-size)/2.44);
    border-radius: calc(var(--fin-loading-icon-size)/11);
    animation: fin-loading-collapse 2.5s infinite;
    transform-origin: center
}

.inbox2__ask-fin__fin-loading-third {
    animation-delay: 0s
}

.inbox2__ask-fin__fin-loading-second {
    animation-delay: .1s
}

.inbox2__ask-fin__fin-loading-first {
    animation-delay: .2s
}

.inbox2__ask-fin-streamed-answer {
    min-height: 174px
}

.inbox2__ask-fin-snippet-card .intercom-interblocks-html,.inbox2__ask-fin-snippet-card .intercom-interblocks-paragraph {
    font-size: 13px
}

.inbox2__ask-fin-streamed-answer.o__streaming .intercom-interblocks-paragraph p::after {
    content: "";
    width: 1px;
    height: 18px;
    background-color: var(--neutral-fill);
    display: inline-block;
    margin-bottom: -4px;
    margin-inline-start:1px;animation: ask-fin-blinking-cursor 1s steps(2,start) infinite
}

.ask-fin-conversation-modal {
    width: 640px
}

.ask-fin-conversation-z-index {
    z-index: 1000
}

.inbox2__knowledge-base__folder-header {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
}

.inbox2__knowledge-base__folder-item-count {
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.inbox2__knowledge-base__folder-card {
    box-shadow: 0 2px 1px 0 rgba(var(--neutral-fill),.05);
    border: 1px solid rgba(var(--neutral-fill),.05)
}

.inbox2__ai-chatbot__empty-state-icon svg {
    width: 24px!important;
    height: 24px!important
}

.inbox2 {
    --conversation-stream-width: 68.5%;
    --conversation-details-sidebar-transform: none
}

.inbox2 .has-collapsed-sidebar {
    --conversation-stream-width: 100%;
    --conversation-details-sidebar-transform: translateX(100%)
}

.inbox2__avatar {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    line-height: 32px;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    font-weight: 600;
    text-rendering: geometricPrecision
}

.inbox2__avatar::after {
    opacity: 0;
    transition: opacity .1s ease-in-out;
    content: "";
    position: absolute;
    height: 6px;
    width: 6px;
    border: 2px solid var(--neutral-border)
}

.inbox2__avatar.add__active-border::after {
    bottom: -2px;
    right: -2px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    border: 2px solid var(--base-module);
    background-color: var(--success-fill)
}

.inbox2__avatar.o__active::after {
    opacity: 1
}

.inbox2__avatar.o__away::after {
    opacity: 1;
    background-color: var(--notice-fill)
}

.inbox2__avatar.o__tiny::after {
    height: 5px;
    width: 5px
}

.inbox2__avatar.o__tiny {
    width: 16px;
    height: 16px;
    font-size: 7px;
    border-radius: 8px;
    line-height: 16px
}

.inbox2__avatar.o__tiny .o__standard__operator {
    height: 10px!important
}

.inbox2__avatar.o__tiny.o__squircle {
    border-radius: 4px
}

.inbox2__avatar.o__small {
    width: 24px;
    height: 24px;
    font-size: 12px;
    border-radius: 12px;
    line-height: 24px
}

.inbox2__avatar.o__small.o__squircle {
    border-radius: 6px
}

.inbox2__avatar.o__large {
    width: 48px;
    height: 48px;
    font-size: 16px;
    border-radius: 24px;
    line-height: 48px
}

.inbox2__avatar.o__huge {
    width: 72px;
    height: 72px;
    font-size: 20px;
    border-radius: 36px;
    line-height: 72px
}

.inbox2__avatar .interface-icon.o__standard,.inbox2__left-nav__inbox-list-item__content .interface-icon.o__standard,.inbox2__left-nav__inbox-list-item__icon .interface-icon.o__standard {
    margin-bottom: 0
}

.inbox2__avatar.o__icon.o__tiny {
    line-height: 12px
}

.inbox2__avatar.o__icon.o__tiny .interface-icon.o__standard {
    height: 8px;
    width: 8px
}

.inbox2__avatar.o__icon,.inbox2__avatar.o__icon.o__large {
    line-height: 24px
}

.inbox2__avatar.o__icon.o__huge .interface-icon.o__standard,.inbox2__avatar.o__icon.o__large .interface-icon.o__standard {
    height: 36px;
    width: 36px
}

.inbox-2__create-linked-ticket-option .interface-icon.o__standard {
    margin-bottom: 2px
}

.inbox2__avatar.o__icon.o__huge {
    line-height: 24px
}

.inbox2__side-conversation-event-part {
    min-width: 326px;
    max-width: 548px
}

.inbox2__side-conversation-event-part-timestamp {
    flex-basis: 35px
}

.inbox2__merged-conversation-event-part {
    min-width: 326px;
    max-width: 548px
}

.inbox2__merged-conversation-event-part-timestamp {
    flex-basis: 35px
}

.inbox2__renderable-part img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    border: 1px solid transparent;
    transition: box-shadow .1s ease;
    margin: 8px 0
}

.inbox2__renderable-part img:hover {
    box-shadow: var(--shadow-lvl-1)
}

.inbox2__composer h1,.inbox2__renderable-part h1 {
    font-size: 1.38em;
    padding-bottom: 12px;
    line-height: 25px
}

.inbox2__composer h2,.inbox2__renderable-part h2 {
    font-size: 1.23em;
    padding: 1px 0 11px
}

.inbox2__renderable-part .intercom-interblocks-html {
    max-width: 100%;
    overflow-x: auto
}

.inbox2__break-words {
    word-wrap: break-word;
    -ms-word-break: keep-all;
    word-break: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.inbox2__renderable-part {
    width: fit-content;
    transition: border-radius .2s ease-in-out
}

.inbox2__renderable-part.inbox2__user-email-content {
    width: 100%;
    max-width: 100%;
    overflow-x: auto
}

.inbox2__renderable-part .intercom-interblocks-paragraph {
    margin-bottom: 6px
}

.inbox2__renderable-part .intercom-interblocks-audio-file {
    min-width: 250px
}

.inbox2__renderable-part .intercom-interblocks-paragraph.no-margin {
    margin-bottom: 0;
    min-height: 1.3em
}

.inbox2__renderable-part.bg-opacity-50>:not(.keep-opacity) {
    opacity: .5
}

.inbox2__unimplemented-renderable-part {
    max-width: 400px;
    font-size: 10px
}

.inbox2__experiment-stream {
    width: 591px
}

.inbox2__button {
    height: 32px;
    font-size: 14px;
    width: fit-content
}

.inbox2__button--small,.inbox2__button--xs {
    font-size: 13px;
    height: 24px;
    line-height: 1.2
}

.inbox2__button--xs {
    height: 18px
}

.inbox2__button--large {
    height: 48px
}

.inbox2__button--call,.inbox2__button--fill {
    justify-content: center;
    width: 100%
}

.inbox2__button--call {
    height: 44px;
    width: fit-content;
    min-width: 44px
}

.inbox2__button .interface-icon {
    margin-bottom: 0!important;
    margin-right: 4px!important
}

.inbox2__button .interface-icon.o__standard.o__standard__sidebar-open,.inbox2__button .interface-icon:last-child {
    margin-right: 0!important
}

:root {
    --inbox2__dashboard-preview-panel-width: 440px;
    --inbox2__dashboard-preview-panel-width-2xl: 350px;
    --inbox2__dashboard-wide-preview-panel-width: 520px;
    --inbox2__inbox-list-width: 200px;
    --inbox2__inbox-list-width-2xl: 200px;
    --inbox2__nav-width: 60px;
    --inbox2__conversation-list-sidebar-width: 25vw
}

:root:has(.inbox2__inbox-list-sidebar.o__open) {
    --inbox2__conversation-list-sidebar-width: calc(32vw - var(--inbox2__inbox-list-width))
}

.inbox2__left-nav {
    position: relative;
    width: 0;
    transition: width 150ms ease-in-out;
    will-change: width
}

.inbox2__inbox-list-sidebar,.inbox2__left-nav.o__expanded {
    width: var(--inbox2__inbox-list-width)
}

.inbox2__left-nav.o__expanded~.inbox2__conversation-list-sidebar {
    border-left: 1px solid var(--neutral-border)
}

.inbox2__inbox-list-sidebar {
    transform: translateX(-100%);
    transition: transform 150ms ease-in-out;
    will-change: transform
}

.inbox2__inbox-list-sidebar.o__open {
    transform: translateX(0)
}

.inbox2__inbox-list-sidebar .button-container__override {
    margin-top: 11px
}

@media (min-width: 1440px) {
    :root {
        --inbox2__inbox-list-width:236px;
        --inbox2__inbox-list-width-2xl: 236px
    }
}

.inbox2__inbox-list-sidebar-toggle {
    transform: translateX(0);
    transition: transform 150ms ease-in-out;
    will-change: transform
}

.inbox2__inbox-list-sidebar-toggle.o__open {
    transform: translateX(calc(-100% - 8px))
}

.inbox2__conversation-list-sidebar {
    flex-grow: 1;
    max-width: 460px;
    min-width: 270px;
    width: var(--inbox2__conversation-list-sidebar-width);
    transition: width .25s ease-in-out
}

.inbox2__conversation-list-sidebar.o__close {
    width: 0;
    min-width: 0
}

.inbox2__conversation-list-sidebar.o__close .empty-state__inbox__discovery-banner,.inbox2__conversation-list-sidebar.o__close .empty-state__inbox__discovery-banner-compact {
    display: none
}

.empty-state__inbox__discovery-banner-compact,.empty-state__inbox__discovery-banner-compact .body-container {
    padding: 16px
}

.empty-state__inbox__discovery-banner-compact>button:first-child,.empty-state__inbox__discovery-banner-compact>h2:first-of-type,.empty-state__inbox__discovery-banner-compact>p:first-of-type {
    display: none!important
}

.empty-state__inbox__discovery-banner-compact>.flex-row.gap-6>:first-child {
    margin-right: 0
}

.conversation-preview-panel {
    max-width: 100%;
    min-width: 100%
}

.conversation-preview-panel .inbox2__tag {
    max-width: 128px
}

.conversation-preview-panel .limited-height {
    height: calc(100% - 90px)
}

.inbox2__conversation-preveiew-panel-side-conversation-email {
    margin-bottom: 5px
}

.inbox2__tag-remove-icon {
    padding-right: 4px;
    background-image: linear-gradient(to right,transparent,var(--neutral-container-emphasis) 40%)
}

.inbox__tag-tooltip-content {
    max-width: 300px
}

.conversations-table-right-panel {
    width: 0;
    max-width: 0;
    min-width: 0;
    transition: width 150ms ease-in-out,max-width 150ms ease-in-out,min-width 150ms ease-in-out;
    box-shadow: var(--shadow-lvl-1);
    z-index: 100
}

.conversations-table-right-panel.o__open {
    width: 100%;
    max-width: 420px;
    min-width: 420px
}

@media (max-width: 1536px) {
    .conversations-table-right-panel.o__open {
        width:100%;
        max-width: 400px;
        min-width: 400px
    }
}

.inbox2__renderable-part .entity_mention {
    font-weight: 700;
    text-decoration: none
}

.inbox2__renderable-part .entity_mention:hover {
    text-decoration: underline
}

.inbox2__user-email-part-add-participant {
    text-decoration: underline!important
}

.inbox2__user-email-part {
    overflow-x: auto;
    max-width: 1120px;
    word-wrap: break-word;
    -ms-word-break: keep-all;
    word-break: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    transition: width 150ms ease-in-out
}

.inbox2__user-email-part::-webkit-scrollbar {
    visibility: visible;
    height: 8px
}

.inbox2__user-email-part::-webkit-scrollbar-thumb {
    visibility: visible;
    background-color: var(--neutral-border);
    border-radius: 10px
}

.inbox2__user-email-part .intercom-interblocks-button a {
    font-size: 13px!important;
    font-weight: 400!important
}

.inbox2__user-email-part .intercom-interblocks-paragraph {
    margin-bottom: 6px
}

.inbox2__user-email-part .intercom-interblocks-sources {
    margin-bottom: 18px
}

.inbox2__article-part {
    box-shadow: var(--shadow-lvl-1);
    font-family: proxima-nova,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif
}

.inbox2__logo svg {
    fill: var(--neutral-fill)
}

.inbox2 .inbox2__command-k-modal .interface-icon path[stroke-width] {
    stroke: currentColor
}

.inbox2__conversation-header-notes .embercom-prosemirror-composer-placeholder {
    opacity: .5
}

.inbox2__conversation-header-notes .embercom-prosemirror-composer-editor {
    -webkit-box-orient: vertical;
    box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box
}

.inbox2__conversation-header-notes.o__truncatable .embercom-prosemirror-composer-editor {
    -webkit-line-clamp: 1
}

.inbox2__conversation-redacted-page {
    width: 100%
}

.inbox2__conversation-redacted-explanation {
    margin-top: 24px
}

.w-fit-content {
    width: fit-content
}

.min-h-fit-content {
    min-height: fit-content
}

.full-conversation-panel {
    transition: width 150ms ease-in-out,max-width 150ms ease-in-out,min-width 150ms ease-in-out;
    box-shadow: var(--shadow-lvl-3);
    z-index: 100;
    width: 0
}

.full-conversation-panel.o__open {
    width: max(50vw,730px)
}

.full-conversation-panel.o__open.o__with-preview {
    width: max(70vw,730px)
}

@media (max-width: 1000px) {
    .full-conversation-panel.o__open {
        overflow-x:auto;
        width: 70vw
    }

    .full-conversation-panel.o__open.o__with-preview {
        width: 70vw
    }
}

.inbox2__conversation-details-sidebar {
    transform: var(--conversation-details-sidebar-transform);
    transition: transform 125ms ease-in-out,width 50ms ease-in-out;
    z-index: 2500
}

.inbox2__resizeable-conversation-side-drawer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2501
}

.inbox2__pill {
    padding-top: 2px;
    padding-bottom: 2px
}

.inbox2__conversation-details-sidebar__add-tag-btn {
    border-radius: 12px;
    padding: 4px;
    width: 24px
}

.inbox2__conversation-details-sidebar__delete-tag-btn {
    background-image: linear-gradient(to right,transparent,var(--neutral-container) 40%)
}

.inbox2__conversation-details-sidebar .intercom-interblocks-inbox-card .intercom-card-component {
    padding-left: 0;
    padding-right: 0
}

.inbox2__conversation-details-sidebar .intercom-interblocks-inbox-card {
    padding-top: 0
}

.inbox2__composer__container {
    word-break: break-word
}

.inbox2__composer__container.is-focused,.inbox2__composer__container:focus-within {
    box-shadow: var(--shadow-lvl-2);
    border-color: var(--neutral-border-emphasis)
}

.inbox2__composer__container__sidebar-collapsed {
    width: calc(100% - 56px)
}

.inbox2__note-pane {
    border-color: var(--neutral-border);
    background-color: var(--notice-container)
}

.inbox2__composer__container.inbox2__note-pane.is-focused,.inbox2__composer__container.inbox2__note-pane:focus-within {
    border: 1px solid var(--neutral-border-emphasis)
}

.inbox2__modal-composer__container:focus-within {
    border: 1px solid var(--neutral-border);
    box-shadow: var(--shadow-lvl-1)
}

.inbox2 .embercom-prosemirror-composer-editor p code,.inbox2 .intercom-interblocks p code {
    padding: .2em .4em
}

.inbox2__suggestions__container {
    display: grid;
    grid-template-areas: "overlap"
}

.inbox2__suggestions__composer {
    grid-area: overlap
}

.inbox2__suggestions {
    grid-area: overlap;
    z-index: 1;
    opacity: .5;
    pointer-events: none;
    max-height: calc(20vh - 90px)
}

.inbox2__conversations-table .table-cell .cell-content>div,.inbox2__suggestions img {
    max-width: 100%
}

.inbox2__suggestions.o__show-tab-indicator .intercom-interblocks-paragraph:last-child p::after {
    border: 1px solid var(--neutral-border);
    background-color: var(--neutral-container);
    content: "Tab";
    margin-left: 4px;
    vertical-align: bottom;
    font-size: 11px;
    border-radius: 6px
}

.inbox2__composer .embercom-prosemirror-composer-placeholder {
    opacity: .5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.inbox2__composer .inbox2__expandable-composer-wrapper {
    min-height: 36px;
    max-height: calc(50vh - 90px);
    overflow: auto;
    padding: 2px
}

.inbox2__composer .inbox2__large-expandable-composer-wrapper {
    max-height: calc(50vh - 90px);
    overflow: auto;
    padding: 2px;
    min-height: 160px
}

.inbox2__composer .inbox2__expandable-composer-wrapper .embercom-prosemirror-composer-editor {
    min-height: 36px
}

.inbox2__composer__bulk .inbox2__expandable-composer-wrapper,.inbox2__composer__bulk .inbox2__expandable-composer-wrapper .embercom-prosemirror-composer-editor {
    min-height: 100px
}

.inbox2__composer-note-send-button {
    width: 100%
}

.inbox2__composer .embercom-prosemirror-composer-image img {
    max-width: 100%;
    width: auto!important;
    height: auto;
    max-height: 384px;
    border-radius: 8px;
    margin: 8px 0
}

.inbox2__conversation-card__indicator {
    transition: all .1s ease-in-out;
    border-radius: 50%;
    height: 6px;
    width: 6px;
    min-width: 6px;
    min-height: 6px;
    margin: 0 4px;
    background-color: var(--beta-fill)
}

.inbox2__conversation-card__indicator.o__read {
    background-color: transparent
}

.inbox2__fade-in {
    animation: fade_in .2s ease-in-out 0s 1 normal forwards
}

.inbox2__conversation-details-sidebar-sheet {
    background-color: var(--base-module);
    width: 100%;
    min-width: 100%
}

.inbox2__conversation-details-sidebar-sheet--expanded {
    transition: transform .2s ease-out;
    will-change: transform
}

.inbox2__conversation-details-sidebar-sheet--expanded.o__opened {
    transform: translateX(-100%)
}

.inbox2__conversation-details-sidebar-sheet.second-level.o__opened {
    transform: translateX(-200%)
}

.inbox2__conversation-details-sidebar-sheet.potential-duplicates__first-level.o__opened {
    transform: translateX(-300%)
}

.inbox2__linking-details-sidebar {
    box-shadow: var(--shadow-lvl-3)
}

.inbox2__search-selector-content {
    box-shadow: var(--shadow-lvl-2)
}

.inbox2__search-selector-content.o__md {
    width: 256px
}

.inbox2__ai-chatbot-popover-content,.inbox2__search-selector-content.o__lg {
    width: 320px
}

.inbox2__search-selector-content.o__xl {
    width: 444px
}

.inbox2__search-selector-content.o__xxl {
    min-width: 320px;
    max-width: 520px
}

.inbox2__search-selector-data {
    max-height: 300px
}

.inbox2__quick-search-result-row-py {
    padding-top: 6px;
    padding-bottom: 6px
}

.inbox2__conversation-page-header {
    z-index: 150
}

.inbox2__conversation-list-checkbox {
    margin-left: 14px;
    margin-right: 6px
}

.inbox2__conversation-item-checkbox-container {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    line-height: 24px;
    transition: color,background-color .125s ease-in-out
}

.inbox2__conversation-item-checkbox-container .inbox2__conversation-item-checkbox {
    width: 12px;
    height: 12px;
    border-radius: 4px
}

.inbox2__command-k-shadow {
    box-shadow: var(--shadow-lvl-3)
}

.inbox2__command-k-padding {
    padding-top: 30vh
}

.inbox2__command-k-overlay-z-index {
    z-index: 10001
}

.inbox2__command-k-z-index {
    z-index: 10002
}

.inbox2__command-k-modal-size {
    width: 640px;
    max-height: 400px
}

.inbox2__command-k-modal-size__pinned {
    width: 568px;
    max-height: 400px
}

.inbox2__command-k-list__gap {
    gap: 2px
}

.inbox2__command-k-modal .inbox2__command-k-list-inner-wrapper {
    min-height: 254px
}

.inbox2__command-k-shortcut {
    padding: 0 6px;
    font-size: 12px
}

.inbox2__command-k__preview-pane img {
    max-width: 100%;
    height: auto
}

.inbox2__command-k__use-macro-icon-alignment-fix svg {
    transform: translateX(-3px)
}

.inbox2__composer .embercom-prosemirror-composer-mention {
    background-color: var(--notice-fill);
    border-radius: 4px;
    padding: 1px 6px 2px;
    font-weight: 600;
    color: var(--text-on-notice);
    text-decoration: none;
    display: inline-block
}

.inbox2__composer .embercom-prosemirror-composer-mention:hover {
    cursor: pointer;
    text-decoration: underline
}

.inbox2__tickets__notes-mention .embercom-prosemirror-composer-mention {
    background-color: var(--neutral-container);
    color: var(--text-default)
}

.inbox2__composer a {
    text-decoration: none;
    color: var(--text-link)
}

.inbox2__composer .embercom-prosemirror-composer-attachment a {
    color: var(--text-default)
}

.inbox2__pane-picker__option:focus .interface-icon path {
    fill: var(--neutral-fill)!important
}

.inbox2__send-note-button {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.inbox2__snackbar-container {
    z-index: 151
}

.inbox2__reply-composer {
    z-index: 150;
    position: relative
}

.inbox2__reply-composer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100% - 8px);
    z-index: -1
}

.inbox2__shortcut-key,.inbox2__suggestions.o__show-tab-indicator .intercom-interblocks-paragraph:last-child p::after {
    height: 20px;
    min-width: 20px;
    padding: 2px 4px
}

.inbox2__icon-no-margin {
    display: inline-flex
}

.inbox2 .intercom-interblocks-messenger-card .intercom-card-component.list-component .final-image,.inbox2__icon-no-margin .interface-icon,.inbox2__icon-no-margin .interface-icon.o__standard {
    margin: 0
}

.inbox2__composer .embercom-prosemirror-composer-card {
    box-shadow: var(--shadow-lvl-1)
}

.inbox2__composer-prosemirror-composer-icon-btn svg {
    margin-bottom: 0!important
}

.inbox2__inbox1-link a,.inbox2__tags-footer:hover .t__solo-link__inner {
    text-decoration: none
}

.inbox-2__tags-name:hover .inbox-2__tags-delete {
    display: inline-block!important;
    visibility: visible
}

.inbox2 .popover__content-container [data-popper-arrow],.truncate.max-w-24.text-muted a {
    display: none
}

.verify-answer-tooltip-content {
    width: 300px
}

.inbox2 .popover__content-container:has(.verify-answer-tooltip-content) [data-popper-arrow] {
    display: block
}

.inbox2__left-nav__onboarding-popover__arrow {
    position: absolute;
    top: 0;
    left: -5px;
    transform: translate(0,14px)
}

.inbox2__left-nav__onboarding-popover__arrow:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    background-color: var(--neutral-container)
}

.inbox2__left-nav__onboarding-popover {
    width: 280px
}

.inbox2 .popover__content {
    border-radius: 8px
}

.inbox2 .ds-new__dropdown {
    min-height: unset
}

.inbox2 .left-nav__edit-sidebar__dropdown {
    max-height: 70vh!important
}

.ds-new__dropdown.inbox2__user-menu {
    max-height: unset!important
}

.inbox2 .ds-new__dropdown__group {
    padding: 4px 0
}

.inbox2 .ds-new__dropdown__group.o__includes-filter {
    padding: 0;
    margin: 1px
}

.inbox2 .ds-new__dropdown__group.users-list {
    position: revert!important
}

.inbox2 .ds-new__dropdown__block__heading .t__label {
    font-size: 13px
}

.inbox2 .ds-new__dropdown__block__item {
    margin: 0 4px;
    padding: 6px 8px;
    border-radius: 8px;
    font-weight: 400
}

.inbox2__user-menu-opener {
    height: 56px;
    width: 44px
}

.inbox2__user-menu .ds-new__dropdown__group .ds-new__dropdown__block__item {
    padding: 0
}

.inbox2__user-menu {
    min-width: 288px
}

.inbox2__user-menu .away-status-reason {
    max-width: 160px
}

.inbox2__conversations-table {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    position: relative;
    width: 100%
}

.inbox2__conversations-table.o__error {
    cursor: default
}

.inbox2__conversations-table .infinite-scroll {
    display: flex;
    flex-direction: column;
    position: absolute;
    inset: 0;
    overflow: auto;
    scroll-behavior: smooth;
    padding-left: 14px
}

.inbox2__conversations-table .table-container {
    position: relative;
    min-width: 100%;
    padding-bottom: unset
}

.inbox2__conversations-table .inbox2__animated-list-item-container {
    padding: 0
}

.inbox2__animated-list-item-container:has(.active-nav-item) {
    z-index: 10
}

.inbox2__animated-list-item-container:has(.inbox2-conversation-card-divider.active)+.inbox2__animated-list-item-container .inbox2-conversation-card-divider,.inbox2__drilldown-conversation-card:has(.inbox2__drilldown-conversation-card-divider.active)+.inbox2__drilldown-conversation-card .inbox2__drilldown-conversation-card-divider {
    background-color: transparent
}

.inbox2-conversation-card-note-indicator {
    background-color: var(--notice-fill);
    width: 2px;
    border-radius: 2px;
    margin-top: 1px
}

.inbox2__conversations-table .table-headers {
    display: flex;
    position: sticky;
    top: 0;
    z-index: 1
}

.inbox2__conversations-table-sort-icon.o__desc {
    transform: rotate(180deg)
}

.inbox2__conversations-table .resizing-indicator {
    height: 100%;
    cursor: col-resize
}

.inbox2__conversations-table .table-row {
    display: flex;
    width: 100%;
    align-items: center;
    user-select: none
}

.inbox2__conversations-table .table-row.o__header {
    background-color: var(--base-module)
}

.inbox2__conversations-table .table-row.o__item {
    flex-shrink: 0;
    height: 48px
}

.inbox2__conversations-table .table-row.o__dynamic-item {
    height: unset
}

.inbox2__conversations-table .table-row.o__default {
    box-shadow: inset 0 -1px 0 0 var(--neutral-border)
}

.inbox2__conversations-table .table-row.o__rounded {
    border-radius: 12px
}

.inbox2__new-search-conversations-table .table-row.o__item:not(.o__loading) {
    height: auto
}

.inbox2__conversations-table:not(.o__keyboard) .table-row.o__default:has(input[type=checkbox]:checked):not(.o__loading) {
    box-shadow: none;
    background-color: var(--neutral-container)
}

.inbox2__conversations-table .table-cell {
    flex-shrink: 0;
    z-index: 0
}

.inbox2__conversations-table .table-cell.excerpt .cell-content .hover-hitbox:hover div {
    color: #00f
}

.inbox2__conversations-table .table-cell .single-line {
    height: 20px;
    padding: 6px 6px 6px 0
}

.inbox2__conversations-table .table-cell .first-line {
    height: 20px;
    padding: 6px 6px 0 0
}

.inbox2__conversations-table .table-cell .second-line {
    height: 20px;
    padding: 0 6px 6px 0
}

.inbox2__conversations-table .table-cell .cell-content {
    margin: 8px 16px 8px 8px;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.inbox2__conversations-table .table-cell .cell-content.o__dynamic-item {
    margin: 16px 16px 16px 8px
}

.inbox2__conversations-table .table-cell .cell-content.o__skeleton {
    height: 12px;
    background-color: var(--neutral-container)
}

.inbox2__conversations-table .table-cell .cell-content.o__fade {
    mask-image: linear-gradient(to right,#000 90%,transparent);
    -webkit-mask-image: linear-gradient(to right,#000 90%,transparent)
}

.inbox2__conversations-table__github-links,.inbox2__conversations-table__sla-badge,.inbox2__conversations-table__ticket-state-badge,.inbox2__state-badge {
    border-radius: 16px;
    padding-top: 2px;
    padding-bottom: 2px
}

.inbox2__conversation-part-highlight mark,.inbox2__conversation-title mark {
    background-color: var(--notice-container-emphasis);
    color: var(--text-default);
    padding: 0 1px;
    border-radius: 2px
}

.inbox2__conversation-part-inline-text-blocks .intercom-interblocks,.inbox2__conversation-part-inline-text-blocks .intercom-interblocks * {
    display: inline
}

.inbox2__dashboard__summary-metric.o__value {
    font-family: "JetBrains Mono",ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Mono","Source Code Pro","Fira Mono","Droid Sans Mono",Consolas,"Courier New",monospace;
    font-size: 28px;
    line-height: 31px
}

.inbox2__dashboard__summary-metric__max-width {
    max-width: 1200px
}

.inbox2__dashboard__table-cell {
    font-style: normal;
    font-size: 14px;
    line-height: 18px
}

.inbox2__dashboard__overview__empty-state {
    height: 70vh
}

.inbox2__dashboard__overview.o__fullscreen {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    margin-bottom: 0;
    padding: 16px 32px;
    overflow: scroll;
    background-color: var(--base-module)
}

.inbox2__dashboard__teammate-activity__cell-away__status {
    padding-left: 8px;
    padding-right: 6px
}

.inbox2__dashboard__teammate-activity__cell-away__status-reason {
    font-size: 12px
}

.inbox2__dashboard__teammate-activity__cell-admin__status-indicator {
    position: static;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    left: 0;
    top: 8px;
    transition: background-color .2s linear;
    background-color: var(--success-fill)
}

.inbox2__dashboard__teammate-activity__cell-admin__status-indicator.o__away {
    background-color: var(--notice-fill)
}

.inbox2__dashboard__teammate-activity__cell-admin__status-indicator.o__reassigning {
    background-color: var(--neutral-container)
}

.inbox2__view-switcher.has-focus,.inbox2__view-switcher:focus-within {
    outline: 2px solid var(--neutral-border)
}

.inbox2__recipient-selector-item.avatar__container.o__xs {
    padding-left: 24px
}

.inbox2__recipient-selector-user-id {
    font-family: "Roboto Mono",ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Mono","Source Code Pro","Fira Mono","Droid Sans Mono",Consolas,"Courier New",monospace;
    display: inline-block
}

.inbox2__sending-animation {
    position: relative;
    opacity: .65;
    overflow: hidden
}

.inbox2__sending-animation::after {
    content: "";
    position: absolute;
    width: 300%;
    height: 300%;
    background: linear-gradient(50deg,rgb(from var(--base-module) r g b/.5) 0,rgb(from var(--base-module) r g b/.5) 50%,rgb(from var(--base-module) r g b/1) 50%,rgb(from var(--base-module) r g b/1) 100%);
    animation: animate-in-progress 2s linear infinite;
    top: 0;
    opacity: .6
}

.inbox2__name-and-email-pill {
    padding-top: 2px;
    padding-bottom: 2px
}

.inbox2__name-and-email-pill-content {
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.inbox2__new-conversation-input:focus-within {
    border-bottom-width: 1px;
    border-bottom-color: var(--neutral-border)
}

.inbox2__cmd-k-preview-heading {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 8px
}

.inbox2__cmd-k-article-preview .sync,.inbox2__cmd-k-article-preview .sync td {
    border-width: 1px
}

.inbox2__cmd-k-article-preview h1 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding: 8px 0 2px
}

.inbox2__cmd-k-article-preview h2 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    padding: 8px 0 2px
}

.inbox2 [data-popover-content] {
    z-index: 10003
}

.inbox2 [data-ask-fin-entry-tooltip-wrapper] {
    z-index: 110
}

.inbox2__editable-description__composer .embercom-prosemirror-composer-placeholder {
    opacity: .5
}

.inbox2__editable-description__collapsed-text:after {
    content: "";
    position: absolute;
    background: linear-gradient(to bottom,rgb(from var(--base-module) r g b/0%) 0,rgb(from var(--base-module) r g b/100%) 100%);
    width: 100%;
    height: 29px;
    bottom: -4px;
    left: 0;
    visibility: visible
}

.inbox2__article-option-gradient {
    background-image: linear-gradient(to left,var(--neutral-border) 90%,transparent)
}

.inbox2 .intercom-interblocks-messenger-card {
    border-radius: 8px;
    margin-top: 4px;
    box-shadow: var(--shadow-lvl-0)
}

.inbox2 .intercom-interblocks-messenger-card .list-item[data-action-type=url] {
    pointer-events: all
}

.inbox2 .ProseMirror-selectednode.embercom-prosemirror-composer-messenger-card .intercom-interblocks-messenger-card {
    outline-color: var(--neutral-border);
    box-shadow: var(--shadow-lvl-1)
}

.inbox2 .intercom-interblocks-messenger-card .intercom-card-component.list-component .list {
    margin-right: -22px;
    margin-left: -22px
}

.inbox2 [data-component-id=intercom_loading_image] img {
    margin: 0!important;
    animation: inbox2-loading-pulse 2s cubic-bezier(.4,0,.6,1) infinite
}

.inbox2__ticket-attribute-form {
    max-height: 60vh
}

.inbox2__ticket-attribute-accordion-open {
    box-shadow: var(--shadow-lvl-1)
}

.inbox2__ticket-attribute-accordion-closed {
    border-color: transparent
}

.inbox2__ticket-attribute-accordion-closed:hover {
    box-shadow: var(--shadow-lvl-1);
    border-color: var(--neutral-border)
}

.inbox2__attribute__label {
    font-size: 13px;
    font-weight: 400;
    color: var(--text-muted)
}

.inbox2__ticket-attributes__label {
    max-width: 220px
}

.inbox2__product-navigation-dropdown {
    width: 224px
}

.focus-within\:border-neutral-border:focus-within {
    border-color: var(--neutral-border)
}

.inbox2__admin-details {
    width: 202px
}

.inbox2__team-details {
    width: 296px
}

.inbox2__view-details {
    width: 376px
}

.inbox2__view-details .message__editor__audience__predicate {
    max-width: 100%;
    overflow: initial;
    text-overflow: initial;
    white-space: initial;
    display: inline-flex;
    align-items: center
}

.inbox2__inbox1-link {
    color: var(--text-default)
}

.inbox2__conversation-details-sidebar-section-wrapper.is-dragging {
    border: 1px solid var(--neutral-border);
    border-bottom: none;
    box-shadow: var(--shadow-lvl-2);
    position: relative;
    z-index: 999
}

.inbox2__animated-list-transitions {
    transition-property: transform;
    transition-duration: 150ms;
    transition-timing-function: ease-in-out
}

.inbox2__view-modal-predicates .attribute-picker__container {
    margin-top: 4px
}

.inbox2__view-modal-predicates .attribute-picker__container:not(:first-child) {
    margin-left: 10px
}

.inbox2__mentions-dot {
    height: 6px;
    width: 6px
}

.inbox2__mentions-count {
    padding: 2px
}

.inbox2__ticket-attribute-table-editing-ticket {
    border-spacing: 0 24px
}

.inbox2__ticket-attribute-table-creating-ticket {
    border-spacing: 0 18px
}

.inbox2__macro-action-snooze-item {
    width: 240px
}

.inbox2__dashboard__content-width-transition {
    transition: width 150ms ease-in-out
}

.inbox2__dashboard__content-width {
    width: calc(100vw - var(--inbox2__nav-width))
}

.inbox2__dashboard__content-width-with-leftnav {
    width: calc(100vw - var(--inbox2__inbox-list-width) - var(--inbox2__nav-width))
}

.inbox2__dashboard__content-width-with-drawer {
    width: calc(100vw - var(--inbox2__dashboard-preview-panel-width) - var(--inbox2__nav-width) - var(--module-spacing))
}

.inbox2__dashboard__content-width-with-large-drawer {
    width: calc(100vw - var(--inbox2__dashboard-wide-preview-panel-width) - var(--inbox2__nav-width) - var(--module-spacing))
}

.inbox2__dashboard__content-width-with-leftnav-and-drawer {
    width: calc(100vw - var(--inbox2__dashboard-preview-panel-width) - var(--inbox2__inbox-list-width) - var(--inbox2__nav-width) - var(--module-spacing))
}

.inbox2__dashboard__content-width-with-leftnav-and-large-drawer {
    width: calc(100vw - var(--inbox2__dashboard-wide-preview-panel-width) - var(--inbox2__inbox-list-width) - var(--inbox2__nav-width))
}

@media (max-width: 1536px) {
    .inbox2__dashboard__content-width-with-drawer {
        width:calc(100vw - var(--inbox2__dashboard-preview-panel-width-2xl) - var(--module-spacing))
    }

    .inbox2__dashboard__content-width-with-leftnav-and-drawer {
        width: calc(100vw - var(--inbox2__dashboard-preview-panel-width-2xl) - var(--inbox2__inbox-list-width-2xl) - var(--module-spacing))
    }
}

@media (max-width: 1024px) {
    .inbox2__dashboard__content-width-with-drawer {
        width:calc(1024px - var(--inbox2__dashboard-preview-panel-width-2xl) - var(--module-spacing))
    }

    .inbox2__dashboard__content-width-with-large-drawer {
        width: calc(1024px - var(--inbox2__dashboard-wide-preview-panel-width) - var(--module-spacing))
    }

    .inbox2__dashboard__content-width-with-leftnav-and-drawer {
        width: calc(1024px - var(--inbox2__dashboard-preview-panel-width-2xl) - var(--inbox2__inbox-list-width-2xl) - var(--module-spacing))
    }

    .inbox2__dashboard__content-width-with-leftnav-and-large-drawer {
        width: calc(1024px - var(--inbox2__dashboard-wide-preview-panel-width) - var(--inbox2__inbox-list-width-2xl) - var(--module-spacing))
    }
}

.inbox2__dashboard-preview-panel {
    max-width: 100%;
    min-width: 100%
}

.inbox2__dashboard-preview-panel-wrapper {
    width: 0;
    max-width: 0;
    min-width: 0;
    transition: width 150ms ease-in-out,max-width 150ms ease-in-out,min-width 150ms ease-in-out
}

.inbox2__dashboard-preview-panel-wrapper:not(:has(div)) {
    margin-left: calc(var(--module-spacing)*-1)
}

.inbox2__dashboard-preview-panel-wrapper.o__open {
    max-width: 450px;
    min-width: 400px;
    width: 100%
}

@media (max-width: 1536px) {
    .inbox2__dashboard-preview-panel-wrapper.o__open {
        max-width:30vw;
        min-width: 300px;
        width: 100%
    }

    .inbox2__dashboard-preview-panel-wrapper.o__large-open {
        max-width: 40vw;
        min-width: 450px;
        width: 100%
    }
}

@media (max-width: 1024px) {
    .inbox2__dashboard-preview-panel-wrapper.o__open {
        max-width:90%;
        min-width: 280px;
        width: 100%
    }

    .inbox2__dashboard-preview-panel-wrapper.o__large-open {
        max-width: 95%;
        min-width: 320px;
        width: 100%
    }
}

.inbox2__dashboard-preview-panel__summary-metric {
    color: var(--text-muted)
}

.inbox2__dashboard-preview-panel__summary-metric.o__secondary {
    color: var(--text-default);
    font-size: 16px
}

.inbox2__dashboard-preview-panel__summary-metric.o__secondary-value {
    color: var(--text-default);
    font-size: 16px;
    font-weight: 500
}

.inbox2__dashboard-preview-panel__tabs__wrapper {
    position: relative;
    box-shadow: inset 0 -1px 0 0 var(--neutral-border)
}

.inbox2__dashboard-preview-panel__tabs__tab {
    padding: 12px 8px 8px 0;
    cursor: pointer;
    transition: transform 250ms
}

.inbox2__dashboard-preview-panel__tabs__tab-icon {
    margin: 8px 0 4px
}

.inbox2__dashboard-preview-panel__tabs__tab.o__disabled {
    cursor: default
}

.inbox2__dashboard-preview-panel__tabs__tab.o__active .inbox2__dashboard-preview-panel__tabs__tab-icon,.inbox2__dashboard-preview-panel__tabs__tab.o__active .inbox2__dashboard-preview-panel__tabs__tab-label,.inbox2__dashboard-preview-panel__tabs__tab.o__active .inbox2__dashboard-preview-panel__tabs__tab-title,.inbox2__dashboard-preview-panel__tabs__tab.o__active .inbox2__dashboard-preview-panel__tabs__tab-value,.inbox2__dashboard-preview-panel__tabs__tab:hover:not(.o__disabled) .inbox2__dashboard-preview-panel__tabs__tab-icon,.inbox2__dashboard-preview-panel__tabs__tab:hover:not(.o__disabled) .inbox2__dashboard-preview-panel__tabs__tab-label,.inbox2__dashboard-preview-panel__tabs__tab:hover:not(.o__disabled) .inbox2__dashboard-preview-panel__tabs__tab-title,.inbox2__dashboard-preview-panel__tabs__tab:hover:not(.o__disabled) .inbox2__dashboard-preview-panel__tabs__tab-value {
    color: var(--text-accent)
}

.inbox2__dashboard-preview-panel__tabs__tab-label {
    font-weight: 500!important
}

.inbox2__dashboard-preview-panel__tabs__tab-value {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.inbox2__dashboard-preview-panel__tabs__tab.o__active {
    cursor: default;
    background-image: linear-gradient(to top,var(--accent-border-emphasis) 2px,rgba(255,255,255,0) 1px);
    background-position: left;
    background-size: 80% 100%;
    background-repeat: no-repeat
}

.inbox2__dashboard .ds-new__table__column-header {
    height: 40px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    box-shadow: none
}

.inbox2__dashboard .ds-new__table__column__label {
    margin-top: 4px;
    margin-bottom: 8px
}

.inbox2__dashboard .ds-new__table__row {
    height: 54px
}

.inbox2__dashboard .ds-new__table__head .ds-new__table__row {
    font-weight: 500;
    font-size: 13px;
    height: 40px
}

.inbox2__dashboard .ds-new__table__cell-shim {
    padding: 2px
}

.inbox2__dashboard-drilldown-table .ds-new__table__column-header {
    height: 32px;
    box-shadow: none
}

.inbox2__dashboard-drilldown-table .ds-new__table__column__label {
    margin-top: 8px;
    margin-bottom: 8px;
    font-weight: 600
}

.inbox2__dashboard-drilldown-table .ds-new__table__column-header:last-child {
    margin-right: 6px
}

.inbox2__dashboard-drilldown-table .ds-new__table__row {
    height: 54px
}

.inbox2__dashboard-drilldown-table .ds-new__table__head .ds-new__table__row {
    font-weight: 500;
    font-size: 13px;
    height: 32px
}

.inbox2__dashboard-drilldown-table .ds-new__table__cell-shim {
    margin-right: 20px;
    padding: 2px 2px 2px 0;
    font-weight: 400;
    white-space: nowrap
}

.inbox2__dashboard-inbox-overview__cell-name,.inbox2__dashboard-teammates__cell-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none!important
}

.inbox2__dashboard-teammates__cell-name {
    font-size: 13px;
    line-height: 16px
}

.inbox2__custom-snooze__calendar {
    width: 100%;
    max-width: none
}

.inbox2__custom-snooze__calendar .ember-power-calendar-row {
    margin-top: 0;
    margin-bottom: 0
}

.inbox2__custom-snooze__calendar .ember-power-calendar-week:first-child[data-missing-days="6"] {
    padding-left: 240px
}

.inbox2__custom-snooze__calendar .ember-power-calendar-week:first-child[data-missing-days="5"] {
    padding-left: 200px
}

.inbox2__custom-snooze__calendar .ember-power-calendar-week:first-child[data-missing-days="4"] {
    padding-left: 160px
}

.inbox2__custom-snooze__calendar .ember-power-calendar-week:first-child[data-missing-days="3"] {
    padding-left: 120px
}

.inbox2__custom-snooze__calendar .ember-power-calendar-week:first-child[data-missing-days="2"] {
    padding-left: 80px
}

.inbox2__custom-snooze__calendar .ember-power-calendar-week:first-child[data-missing-days="1"] {
    padding-left: 40px
}

.inbox2__custom-snooze__calendar .ember-power-calendar-day {
    width: 40px;
    height: 40px
}

.inbox2__custom-snooze__calendar .ember-power-calendar-day.ember-power-calendar-day--interactive.ember-power-calendar-day--selected:enabled {
    border: 0;
    background-color: var(--neutral-container-emphasis);
    color: var(--text-muted);
    border-radius: 30%
}

.inbox2__custom-snooze__calendar .ember-power-calendar-day.ember-power-calendar-day--interactive.ember-power-calendar-day--selected:enabled:focus,.inbox2__custom-snooze__calendar .ember-power-calendar-day.ember-power-calendar-day--interactive.ember-power-calendar-day--selected:enabled:hover {
    color: var(--text-accent)
}

.inbox2__custom-snooze__calendar .ember-power-calendar-day.ember-power-calendar-day--today {
    color: inherit;
    font-weight: 700
}

.inbox2__custom-snooze__calendar .ember-power-calendar-day.ember-power-calendar-day--interactive:enabled:focus,.inbox2__custom-snooze__calendar .ember-power-calendar-day.ember-power-calendar-day--interactive:enabled:hover {
    border-radius: 30%;
    border-color: var(--neutral-border-emphasis);
    border-width: 2px;
    color: inherit
}

.inbox2__custom-snooze__calendar .ember-power-calendar-day.ember-power-calendar-day--selected.ember-power-calendar-day--today {
    color: var(--text-default)
}

.inbox2__custom-snooze__calendar .ember-power-calendar-day.ember-power-calendar-day--selected.ember-power-calendar-day--today:focus,.inbox2__custom-snooze__calendar .ember-power-calendar-day.ember-power-calendar-day--selected.ember-power-calendar-day--today:hover {
    color: var(--text-accent)
}

.inbox2__custom-snooze__time-container {
    max-height: 260px
}

.inbox2__notification-undo-button {
    border: 0
}

.inbox2__notification-undo-button,.inbox2__notification-undo-button:hover {
    color: var(--text-on-neutral);
    background-color: var(--neutral-fill)
}

.inbox2__attribute-single-line-input {
    color: var(--text-default);
    min-height: 32px
}

.inbox2__attribute-single-line-input::placeholder {
    color: var(--text-muted)
}

.inbox2__attribute-single-line-input:hover {
    border: 1px solid var(--neutral-border);
    background-color: var(--neutral-container)
}

.inbox2__attribute-single-line-input:focus {
    border: 1px solid var(--neutral-border-emphasis);
    background-color: var(--neutral-container);
    box-shadow: var(--shadow-lvl-1);
    z-index: 2500;
    cursor: text
}

.inbox2__attribute-area {
    position: relative
}

.inbox2__ticket-page__main-panel {
    overflow: auto;
    height: 100%
}

.inbox2__attribute-area .inbox2__ticket-attribute-input {
    border: 1px solid transparent
}

.inbox2__attribute-area .inbox2__ticket-attribute-input .embercom-prosemirror-composer-editor {
    padding-bottom: 0
}

.inbox2__attribute-area .embercom-prosemirror-composer-editor {
    max-height: 30vh;
    overflow: auto
}

.inbox2__attribute-area:hover:not(:focus):not(.inbox2__ticket-description__is-merge-preview) .inbox2__attribute__edit-icon,.inbox2__attribute-area:hover:not(:focus):not(.inbox2__ticket-description__is-merge-preview) .inbox2__attribute__multiline-copy-icon {
    display: block
}

.inbox2__attribute-area:hover:not(:focus):not(.inbox2__ticket-description__is-merge-preview) .inbox2__conversation-attribute-input:not(:focus),.inbox2__attribute-area:hover:not(:focus):not(.inbox2__ticket-description__is-merge-preview) .inbox2__ticket-attribute-input:not(:focus):not(.is-focused) {
    border: 1px solid var(--neutral-border-emphasis)
}

.fin-playground__reason-area:hover:not(:focus) .fin-playground__reason-input:not(:focus)::placeholder,.inbox2__attribute-area:hover:not(:focus):not(.inbox2__ticket-description__is-merge-preview) .inbox2__conversation-attribute-input:not(:focus)::placeholder,.inbox2__attribute-area:hover:not(:focus):not(.inbox2__ticket-description__is-merge-preview) .inbox2__ticket-attribute-input:not(:focus):not(.is-focused)::placeholder {
    color: var(--text-muted)
}

.inbox2__attribute-area:focus .inbox2__attribute__edit-icon,.inbox2__attribute-area:focus .inbox2__attribute__multiline-copy-icon {
    display: none
}

.inbox2__attribute-area .inbox2__conversation-attribute-input:focus,.inbox2__attribute-area .inbox2__ticket-attribute-input.is-focused,.inbox2__attribute-area .inbox2__ticket-attribute-input:focus {
    border: 1px solid var(--neutral-border-emphasis);
    box-shadow: var(--shadow-lvl-1);
    position: relative;
    z-index: 2500
}

.inbox2__attribute-area .inbox2__conversation-attribute-input:focus::placeholder,.inbox2__attribute-area .inbox2__ticket-attribute-input.is-focused::placeholder,.inbox2__attribute-area .inbox2__ticket-attribute-input:focus::placeholder {
    color: var(--text-muted)
}

.inbox2__attribute-tooltip {
    word-wrap: break-word;
    -ms-word-break: keep-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: none;
    hyphens: auto;
    max-width: 360px
}

.inbox2__ticket-attribute-error {
    border: 1px solid var(--error-border)!important
}

.inbox2__attribute-error:focus {
    border: 1px solid var(--error-border)!important
}

.inbox2__attribute__edit-icon,.inbox2__attribute__multiline-copy-icon {
    display: none;
    position: absolute;
    top: 4px;
    padding: 4px!important;
    background-color: var(--neutral-container)!important;
    z-index: 2;
    border-radius: 6px
}

.inbox2__attribute__edit-icon svg,.inbox2__attribute__multiline-copy-icon svg {
    transform: scale(.75)
}

.inbox2__attribute__edit-icon:hover,.inbox2__attribute__multiline-copy-icon:hover {
    background-color: var(--neutral-container-emphasis)!important
}

.inbox-2__tickets-input-action-button {
    margin-top: 2px
}

.inbox-2__ticket-attribute__description-action-buttons .inbox2__attribute__multiline-copy-icon {
    right: -1px;
    top: 5px
}

.inbox-2__ticket-attribute__description-action-buttons .inbox2__attribute__edit-icon {
    right: 28px;
    top: 5px
}

.inbox2__attribute__multiline-copy-icon {
    right: 4px
}

.inbox2__attribute__edit-icon {
    right: 33px
}

.inbox2__select-attribute__button {
    position: relative;
    height: 32px;
    width: 100%
}

.inbox2__select-attribute__button:hover {
    background-color: var(--neutral-container)
}

.inbox2__select-attribute__button:focus {
    border: 1px solid var(--neutral-border)
}

.inbox2__select-attribute__dropdown-visible {
    background-color: var(--neutral-container)!important;
    border: 1px solid var(--neutral-border-emphasis)!important;
    box-shadow: var(--shadow-lvl-1);
    z-index: 2500
}

.inbox2__ticket-attribute-link {
    min-height: 32px
}

.inbox2__ticket-attribute-link-singleline div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 32rem
}

.inbox2__ticket-attribute-link-multiline {
    padding: 4px!important
}

.inbox2__ticket-attribute-link-multiline a {
    word-break: break-word
}

.inbox2__ticket-attribute-link-multiline div {
    white-space: pre-line;
    overflow-wrap: break-word;
    overflow: hidden
}

.inbox2__ticket-attribute-link-multiline div:first-line {
    line-height: 0
}

.inbox2 .ds-new__modal__blanket {
    background-color: transparent;
    backdrop-filter: none
}

.inbox2 .ds-new__modal__blanket:has(iframe) {
    background-color: var(--base-modal-blanket);
    backdrop-filter: none;
    color-scheme: normal
}

.inbox2 .ds-new__modal__header {
    padding: 16px 48px 16px 16px
}

.inbox2 .ds-new__modal__header.hide-close-icon {
    padding-right: 16px
}

.inbox2 .ds-new__modal__header.override__padding {
    padding: 20px 48px 20px 24px;
    border-bottom: 1px solid var(--neutral-border)
}

.inbox2 .ds-new__modal__body {
    padding: 8px 16px 16px
}

.inbox2 .ds-new__modal__body.override__padding {
    padding: 24px 24px 16px
}

.inbox2 .paywall.ds-new__modal__body {
    padding: 0
}

.inbox2 .ds-new__modal__footer {
    padding: 16px
}

.inbox2__events-list-item:after,.inbox2__events-list:after {
    background-color: var(--neutral-container);
    content: "";
    position: absolute
}

.inbox2__events-list:after {
    left: 44px;
    top: 15px;
    bottom: 12px;
    width: 1px
}

.inbox2__events-list-item:after {
    height: 5px;
    width: 5px;
    border-radius: 100%;
    left: 42px;
    top: 9px
}

.inbox2__notes-input {
    background-color: var(--notice-container);
    border-color: var(--notice-border);
    color: var(--text-default);
    border-radius: 8px;
    outline: 0
}

.inbox2__notes-input:active,.inbox2__notes-input:focus,.inbox2__notes-input:hover {
    border-color: var(--notice-border-emphasis)
}

.inbox2__notes-input:focus {
    outline: 2px solid var(--notice-border-emphasis)
}

.common__editable-action-button-text::placeholder,.inbox2__notes-input::placeholder {
    color: var(--text-muted)
}

.inbox2__conversation-stream__content-part {
    max-width: min(548px,100%)
}

.inbox2__conversation-page__details-sidebar-container-collapsed {
    flex-basis: 0;
    transition: flex-basis 125ms ease-in-out
}

.inbox-2__conversation-header {
    margin-bottom: 15px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.inbox-2__conversation-page__body {
    overflow: hidden
}

.inbox-2__conversation-page__body,.inbox-2__ticket-page__body {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.inbox2__ticket-details-header__user-attribute svg {
    margin-bottom: 0!important
}

.inbox2__ticket-details-header__sharing-popover {
    max-width: 320px
}

.px-1\.5 {
    padding-left: 6px;
    padding-right: 6px
}

.inbox2__sidebar-section-drag-handle {
    top: 13px;
    cursor: grab
}

.is-dragging .inbox2__sidebar-section-drag-handle {
    cursor: grabbing
}

.inbox2 .intercom-interblocks-inbox-card .intercom-card-component.list-component .list {
    border-top: none;
    border-bottom: none
}

.inbox2 .intercom-interblocks-inbox-card .intercom-card-component.list-component .list .list-item {
    border: 0;
    padding-left: 0;
    padding-right: 0
}

.inbox2 .intercom-interblocks-inbox-card .intercom-card-component.list-component .list .list-item[data-action-type]:hover {
    background-color: transparent;
    color: var(--text-accent)
}

.external-link-tooltip .interface-icon.o__standard.o__by-text,.inbox2 .intercom-interblocks-inbox-card .intercom-card-component.list-component .list .list-item .image-container {
    margin-right: 8px
}

.inbox2__conversation-stream__content-part__metadata {
    margin-top: 6px
}

.inbox2__channel-tooltip {
    margin-top: 2px
}

.inbox2 .settings__modals__permission-request__ib2 .ds-new__modal__close__icon,.paywalls__upgrade-modal__feature.o__highlighted:before {
    color: var(--text-default)
}

.inbox2__splash {
    z-index: 10000;
    left: 44px
}

.inbox2__whatsapp-template-inserted {
    border: 1px solid var(--neutral-border);
    border-radius: 12px;
    padding: 16px 12px 16px 16px
}

.inbox2__whatsapp-template-inserted .intercom-interblocks-paragraph {
    color: gray
}

.inbox2__command-k__paywall-pill .interface-icon.o__standard {
    margin-bottom: 0;
    margin-right: 5px
}

.inbox2__notification-macro-execution-error,.inbox2__notification-undo-content {
    width: 342px
}

.inbox2__heading-text-size {
    font-size: 28px
}

.inbox2__outbound-sender-dropdown {
    min-width: 300px;
    max-height: 300px
}

.banner.o__help.o__snooze-workflow-follow-up {
    background-color: var(--neutral-container);
    color: var(--text-default);
    padding: 16px
}

.inbox2 .paywall__badge-only {
    border-radius: 12px;
    border: 0;
    background-color: var(--paywall-container);
    color: var(--text-default)
}

.inbox2__empty-state-icon svg {
    transform: scale(3,3)
}

.inbox2__view-switcher-background {
    background: linear-gradient(180deg,rgb(from var(--base-module-subtle) r g b/0) 0,rgb(from var(--base-module-subtle) r g b/1) 85%)
}

.inbox2__truncated-button button {
    flex-shrink: 1;
    min-width: 0
}

.inbox2__conversation-stream__parts__answer-rating__gap {
    gap: 10px
}

.inbox2__dropdown-list-item-disabled {
    opacity: .6;
    pointer-events: none
}

.inbox2__conversation-details-sidebar-section-wrapper .liquid-container,.inbox2__conversation-details-sidebar-section-wrapper .liquid-container>.liquid-child,.inbox2__ticket-description-section .liquid-container,.inbox2__ticket-description-section .liquid-container>.liquid-child {
    transform: initial;
    overflow: initial
}

.inbox2 audio::-webkit-media-controls-enclosure {
    background-color: var(--neutral-container);
    border: 1px solid var(--neutral-border)
}

.inbox2__renderable-part img.inbox2__renderable-part-thumbnail,.inbox2__renderable-part-thumbnail {
    height: 100%;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    object-fit: scale-down
}

.inbox2__renderable-part-single-thumbnail:hover,.inbox2__renderable-part-thumbnail:hover {
    box-shadow: var(--shadow-lvl-1)
}

.w-\[1px\] {
    width: 1px
}

.-ml-1\/2 {
    margin-left: -2px!important
}

.inbox2__renderable-part img.intercom-interblocks-link-author-avatar-image {
    margin: 0
}

.inbox2__achievements-card {
    width: 48%
}

.inbox2__achievements-card.spacer {
    margin-right: 4%
}

.inbox2__achievements-card.loading {
    height: 144px
}

.inbox2__achievements-card>div {
    width: 100%
}

.achievements__latest-rating-card__link:hover,.inbox2__achievements-card:hover {
    box-shadow: var(--shadow-lvl-1)
}

.inbox2__achievements-icon {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px
}

.inbox2__achievements-icon svg {
    transform: scale(1.5)
}

.achievements__latest-rating-card__clip {
    overflow-x: clip
}

.achievements__progress-button__bg {
    transform: translateX(var(--achievements__progress-button-offset))
}

.achievements__latest-ratings-carousel__animation-container {
    min-height: 68px
}

.achievements__latest-rating-card__timestamp,.achievements__progress-button {
    font-size: 13px;
    line-height: 16px
}

.achievements__progress-button {
    width: 112px
}

.inbox2__conversation-rating {
    width: 279px;
    max-width: 100%
}

.inbox2__conversation-rating-emoji {
    font-size: 25px
}

.inbox2__image-preview-modal {
    background: rgba(0,0,0,.3);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    z-index: 10000
}

.inbox2__modal-opener {
    cursor: zoom-in
}

.inbox2__modal-close {
    position: absolute;
    top: 32px;
    right: 36px
}

.inbox2__modal-closer {
    cursor: zoom-out
}

.inbox2__image-preview-modal-enter,.inbox2__image-preview-modal-leave-to {
    opacity: 0
}

.inbox2__image-preview-modal-enter-to,.inbox2__image-preview-modal-leave {
    opacity: 1
}

.inbox2__image-preview-modal-enter-active,.inbox2__image-preview-modal-leave-active {
    transition: opacity .1s ease-in
}

.inbox2__image-preview-modal-wrapper {
    padding: 80px;
    height: calc(100% - 160px)
}

.inbox2__image-preview-modal img {
    border: 1px solid rgba(0,0,0,.05);
    max-height: 100%;
    max-width: 100%;
    border-radius: 8px
}

.min-w-max {
    min-width: max-content
}

.w-max-important {
    width: max-content!important
}

.inbox2__shortcut-hint {
    border-radius: 8px;
    z-index: 0;
    box-shadow: var(--shadow-lvl-1);
    border: 1px solid var(--neutral-border)
}

.inbox2__macro-highlighted mark,.inbox2__renderable-part mark,.inbox2__tag-highlighted mark,.inbox2__ticket-attribute-highlighted mark {
    border-radius: 2px;
    background-color: var(--notice-fill);
    color: var(--text-on-notice)
}

.inbox2__renderable-part__admin-note mark {
    mix-blend-mode: multiply
}

.inbox2__message-actions-pill {
    box-shadow: var(--shadow-lvl-1);
    position: absolute;
    right: -12px;
    bottom: -12px;
    border-radius: 20px;
    padding: 1px 4px;
    z-index: 10
}

.inbox2__message-actions-pill--reversed {
    right: unset;
    left: -12px
}

.inbox2__user-email-content * {
    color: var(--text-default)!important;
    background-color: transparent!important
}

.inbox2__user-email-content * a {
    color: var(--text-link)!important
}

.inbox2__user-email-content img:hover,.standalone__deploy__workflow-table td {
    box-shadow: none
}

.inbox2__user-email-content div {
    width: unset!important
}

.inbox2-animated-typing-dots {
    position: relative;
    display: flex;
    justify-items: center;
    align-items: center;
    gap: 2px
}

.inbox2-animated-typing-dot {
    animation: typing-dot 1s infinite ease-in;
    width: 3px;
    height: 3px;
    border-radius: 100%
}

.inbox2-animated-typing-dot:nth-of-type(2) {
    animation-delay: .15s
}

.inbox2-animated-typing-dot:nth-of-type(3) {
    animation-delay: .3s
}

.inbox2 .intercom-interblocks-link-content-container {
    padding: 0
}

.inbox2 .intercom-interblocks-link-title {
    color: var(--text-link);
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    text-decoration: underline;
    text-decoration-skip-ink: auto
}

.inbox2 .intercom-interblocks-link-description {
    color: var(--text-link)
}

.inbox2 .intercom-interblocks-article-link {
    padding-top: 12px
}

.inbox2 .intercom-interblocks-article-link a {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px
}

.inbox2 .user-email-alert-circle-icon svg {
    margin-top: 2px;
    display: block
}

.inbox2__conversation-details-sidebar .is-dragging {
    opacity: .5
}

.inbox2__search__filters__button,.inbox2__search__filters__button:hover {
    background: 0 0
}

.inbox2__more-filter-item-dropdown {
    box-shadow: var(--shadow-lvl-1)
}

.inbox2__more-filter-item-remove {
    background: linear-gradient(90deg,rgb(from var(--neutral-container) r g b/0%) 0,rgba(from var(--neutral-container) r g b/100%) 50%);
    padding: 1px 2px 0
}

.inbox2__custom-folder-manage-menu .ds-new__dropdown__group {
    margin-top: 4px;
    padding-top: 4px;
    padding-bottom: 0
}

.inbox2__composer .intercom-interblocks-html-block img,.inbox2__user-email-part img {
    max-width: 100%
}

.inbox2__composer .intercom-interblocks-html-block:hover {
    opacity: .6
}

.inbox2__conversation-details-sidebar__sla-grid {
    grid-template-columns: auto auto
}

.rhsb-side-convo__popover {
    width: 360px;
    max-height: 248px;
    overflow: auto;
    padding: 12px;
    text-overflow: ellipsis
}

.rhsb-side-convo-desc__popover {
    max-height: 120px;
    overflow: hidden
}

.rhsb-side-convo-desc__popover-img-details:nth-of-type(1) {
    text-decoration: underline;
    margin-bottom: 10px;
    margin-top: 0
}

.rhsb-side-convo-desc__popover-img-details {
    text-decoration: underline;
    margin-bottom: 10px;
    margin-top: 10px
}

.rhsb-side-convo-desc__popover-html-img-hidden {
    display: none
}

.ds-new__modal__blanket:has(.merge-confirmation-modal) {
    z-index: 10003;
    background-color: rgba(var(--neutral-fill),.2)
}

.merged-conversation-card {
    box-shadow: var(--shadow-lvl-1)
}

.merge-confirmation-modal.ds-new__modal__wrapper {
    animation: none
}

.merge-confirmation-modal.ds-new__modal__container {
    box-shadow: var(--shadow-lvl-1);
    border: var(--neutral-border)
}

.merge-confirmation-modal .ds-new__modal__body {
    height: 100%;
    overflow: hidden;
    padding: 0
}

.merge-confirmation-modal .vertical-rule {
    height: 100%;
    width: 1px;
    background-color: rgba(0,0,0,.1)
}

.merge-confirmation-modal .conversation-preview {
    padding-top: 0
}

.merge-confirmation-modal .conversation-preview .conversation-preview__conversation-wrapper {
    box-shadow: var(--shadow-lvl-1);
    background: var(--base-module-subtle);
    border: 1px solid var(--neutral-border)
}

.cross-post-note-tooltip {
    min-width: 378px
}

.rhsb-linked-ticket__popover {
    width: 360px
}

.external-link-tooltip {
    display: block;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding: 8px 12px;
    margin-top: -42px;
    border-radius: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    transition: opacity .2s ease-in-out,visibility .1s .2s;
    background-color: var(--base-module);
    box-shadow: var(--shadow-lvl-2);
    border: var(--neutral-border) 1px solid;
    z-index: 10000
}

.external-link-tooltip.untrusted-domain {
    background-color: var(--accent-container);
    color: var(--text-default);
    border: var(--accent-border) 1px solid
}

.external-link-tooltip.untrusted-domain svg {
    color: var(--accent-fill-emphasis)
}

.external-link-tooltip.blocked-link {
    background-color: var(--neutral-container-emphasis);
    color: var(--text-disabled)
}

.external-link-tooltip.malicious-link {
    background-color: var(--error-container);
    color: var(--text-default);
    border: var(--error-border) 1px solid
}

.external-link-tooltip.malicious-link svg {
    color: var(--error-fill-emphasis)
}

.external-link-tooltip[data-show] {
    opacity: 1;
    visibility: visible;
    transition: opacity .2s ease-in-out
}

.intercom-interblocks-image .external-link {
    display: inline-block
}

.external-link-image-container {
    position: relative;
    display: inline-flex;
    flex-direction: column
}

.external-link-image-container.blocked-link>.external-link-overlay,.external-link-image-container.malicious-link>.external-link-overlay,.external-link-image-container.untrusted-link>.external-link-overlay {
    position: relative
}

.external-link-image-container.blocked-link>.external-link-overlay::after,.external-link-image-container.malicious-link>.external-link-overlay::after,.external-link-image-container.untrusted-link>.external-link-overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 998;
    width: 100%;
    height: 100%;
    display: flex;
    visibility: visible;
    align-items: center;
    justify-content: center;
    opacity: .7;
    border-radius: 8px;
    transition: opacity .3s ease-in-out,visibility .5s .5s
}

.external-link-image-container.blocked-link>.external-link-svg-container,.external-link-image-container.malicious-link>.external-link-svg-container,.external-link-image-container.untrusted-link>.external-link-svg-container {
    opacity: 1;
    visibility: visible;
    margin-top: 4px;
    border-radius: 6px;
    box-shadow: var(--shadow-lvl-1);
    background: var(--base-module);
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .3s ease-in-out,visibility .5s .5s
}

.external-link-image-container.blocked-link:hover>.external-link-overlay::after,.external-link-image-container.blocked-link:hover>.external-link-svg-container,.external-link-image-container.malicious-link:hover>.external-link-overlay::after,.external-link-image-container.malicious-link:hover>.external-link-svg-container,.external-link-image-container.untrusted-link:hover>.external-link-overlay::after,.external-link-image-container.untrusted-link:hover>.external-link-svg-container {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s ease-in-out,visibility .5s .5s
}

.external-link-image-container.untrusted-link>.external-link-overlay::after {
    background: var(--accent-container)
}

.external-link-image-container.untrusted-link>.external-link-svg-container {
    background-color: var(--accent-container)!important;
    color: var(--accent-fill-emphasis)!important;
    border: 1px solid var(--accent-border)!important
}

.external-link-image-container.malicious-link>.external-link-overlay::after {
    background: var(--error-container)
}

.external-link-image-container.malicious-link>.external-link-svg-container {
    background-color: var(--error-container)!important;
    color: var(--error-fill-emphasis)!important;
    border: 1px solid var(--error-border)!important
}

.external-link-image-container.blocked-link>.external-link-overlay::after {
    background: var(--neutral-container-emphasis)
}

.external-link-image-container.blocked-link>.external-link-svg-container {
    background-color: var(--neutral-container-emphasis)!important;
    color: var(--text-disabled)!important;
    border: 1px solid var(--neutral-border-emphasis)!important
}

.external-link-image-container .external-link-image {
    border: 0;
    min-width: 32px;
    min-height: 32px;
    object-fit: scale-down;
    margin: 0!important
}

.external-link-svg-container .interface-icon.o__standard.o__by-text,.get-started__background>h2,.get-started__background>p {
    margin: 0
}

.external-link-shield-container {
    width: 80vw;
    max-width: 500px;
    margin: 0 auto;
    padding: 50px
}

.external-link-shield-container .external-link-shield-links-section .text.o__standalone-link,.external-link-shield-container .external-link-shield-links-section a {
    color: var(--text-default);
    text-decoration: none
}

.external-link-shield-container .external-link-shield-links-section .text.o__standalone-link:hover,.external-link-shield-container .external-link-shield-links-section a:hover {
    color: var(--text-link);
    text-decoration: none
}

.external-link-shield-links-heading {
    overflow-wrap: anywhere
}

.inbox2__attachment-tooltip {
    max-width: 280px
}

.inbox2 .popover__content-container:has(.inbox2__attachment-tooltip) {
    margin-bottom: 0!important
}

.inbox2__blocks-attachment-removed {
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,.05)
}

.embercom-prosemirror-composer-attachment,.inbox2__blocks-attachment-removed {
    background: var(--neutral-container)
}

.inbox2__macros-attachments .embercom-prosemirror-composer-attachment {
    max-width: 100%
}

.break {
    flex-basis: 100%;
    height: 0
}

.ds-new__modal__blanket:has(.copilot-freemium__request-to-upgrade-modal) {
    background: rgba(var(--neutral-fill),.5)!important
}

.ds-new__modal__blanket:has(.copilot-freemium__request-to-upgrade-modal) .ds-new__modal__container.o__m {
    max-height: 500px
}

.inbox2__conversation-list-sort-by-dropdown {
    width: 180px!important;
    height: 208px!important;
    max-height: 208px!important
}

.inbox2__conversation-list-sort-by-dropdown--standalone {
    height: auto!important;
    max-height: none!important
}

.inbox2__merged-conversation-summary .intercom-interblocks-paragraph:not(:first-child) {
    margin-top: 1rem
}

.inbox2__merged-conversation-summary .intercom-interblocks-unordered-list ul {
    margin-top: 0;
    padding-left: 1rem
}

.ib2-key-shadow-inset {
    background: var(--neutral-container);
    box-shadow: inset 0 1px 2px 2px rgba(var(--neutral-container),.2)
}

.ib2__onboarding-content {
    position: absolute;
    height: calc(100% - 182px - 8px);
    width: calc(100% - 52px)
}

.ib2__onboarding-content.o__primary-navbar-pinned,.ib2__onboarding-step-panel-container.o__primary-navbar-pinned {
    width: calc(100% - 204px)
}

.ib2__onboarding-step-panel-container {
    height: 182px;
    position: absolute;
    bottom: 0;
    width: calc(100% - 52px)
}

.ib2__onboarding-step-panel {
    height: 170px
}

.ib2-onboarding-inbox-list {
    width: 260px
}

.ib2-onboarding-conversation-list {
    min-width: 272px
}

.ib2-conversation-stream {
    width: 68.5%;
    transition: all 150ms;
    will-change: width
}

.ib2-conversation-stream.full-width,.knowledge-hub__overview__discovery-banner>div.flex,.ticket-type-configuration__categories-tabs .popover__opener button {
    width: 100%
}

.ib2-conversation-details-sidebar {
    transform: translateX(100%);
    transition: transform 150ms;
    will-change: transform,width;
    width: 0;
    min-width: 0
}

.ib2-conversation-details-sidebar.is-visible {
    transform: none;
    width: 31.5%;
    max-width: 460px;
    min-width: 272px
}

.ib2-conversation-details-sidebar-content {
    height: calc(100vh - 182px)
}

.inbox2__onboarding-conversations-table-row {
    box-shadow: 0 1px 0 var(--neutral-border)
}

.inbox2__onboarding-animate-shake {
    animation: animate-shake .25s ease
}

.inbox2__onboarding-cmd-k-modal-container-bottom-offset {
    bottom: 182px
}

.inbox2__onboarding-cmd-k-modal-top-offset {
    top: calc((100vh - 182px - 400px)*.5)
}

.inbox2__onboarding-conversations-table-right-panel {
    width: 100%;
    max-width: 420px;
    min-width: 420px;
    transition: width 150ms ease-in-out,max-width 150ms ease-in-out,min-width 150ms ease-in-out;
    box-shadow: 0 12px 24px -4px rgba(62,67,108,.2)
}

.inbox2__onboarding__get-started-video-wrapper {
    box-shadow: -24px 4px 100px rgba(62,67,108,.1);
    width: 722px;
    min-height: 358px
}

.inbox2__onboarding__get-started .inbox2__onboarding__get-started-cta {
    height: 48px;
    font-size: 16px
}

.inbox2__onboarding__get-started .inbox2__onboarding__get-started-hot-key {
    border-color: var(--neutral-border);
    background-color: var(--neutral-container-emphasis)
}

.inbox2__ticket-title-field {
    border: 0;
    outline: 0;
    background-color: transparent;
    border-bottom: 1px dashed var(--neutral-border);
    border-top: 1px solid transparent;
    transition: border-bottom-color .2s ease;
    width: 100%;
    resize: none;
    overflow-x: scroll;
    height: 32px!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    letter-spacing: -.025em
}

.inbox2__ticket-title-form-container .form {
    max-width: 100%
}

.inbox2__ticket-title-field-highlighted {
    color: transparent;
    border: 0;
    line-height: 32px!important
}

.inbox2__ticket-title-field-highlighted .intercom-interblocks-html {
    white-space: nowrap;
    overflow-x: scroll;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 4px
}

.inbox2__ticket-title-field-highlighted+.inbox2__ticket-title-field {
    margin: 0!important
}

.inbox2__ticket-title-field-container:hover .inbox2__ticket-title-field-highlighted {
    opacity: 0;
    visibility: hidden
}

.inbox2__ticket-default-attribute {
    margin-top: 4px!important;
    margin-bottom: 16px!important
}

.inbox2__dropdown__no-results {
    height: 70px;
    color: var(--text-muted)
}

.inbox2__ticket-title-field:focus,.inbox2__ticket-title-field:hover {
    border-bottom: 1px dashed var(--neutral-border-emphasis)
}

.inbox2__tickets-dropdown-search {
    border-color: transparent;
    border-bottom: 1px solid var(--neutral-border);
    border-radius: 5px 5px 0 0
}

.inbox2__tickets-dropdown-search svg {
    color: var(--text-muted)
}

.inbox2__tickets-dropdown-search:focus-within {
    outline: 0;
    border: 1px solid;
    border-color: var(--neutral-border)
}

.inbox2__tickets-dropdown-search input:focus {
    outline: 0;
    border-color: none
}

.inbox2__conversation-attribute-update-event-part {
    overflow-wrap: anywhere
}

.inbox2__conversation-attribute-update-event-part .overlay__opener {
    vertical-align: top
}

.fin-knowledge__discovery-banner-link a,.linked-ticket-note {
    text-decoration: none
}

.linked-ticket-note:hover {
    color: var(--text-link)
}

.inbox2__linked-ticket-tooltip-element {
    margin-top: 2px
}

.inbox2__linked-ticket-tooltip {
    max-width: 512px
}

.inbox2__ticket-renderable-part .entity_mention {
    font-weight: 500;
    text-decoration: none;
    color: var(--text-link)
}

.inbox2__ticket-renderable-part .entity_mention:hover {
    text-decoration: underline
}

.inbox2__ticket-page__activity-header {
    font-size: 11px;
    letter-spacing: .5px
}

.inbox2__ticket-page__activity-header-fade {
    content: "";
    position: absolute;
    background: linear-gradient(to top,rgba(255,255,255,0) 0,#fff 100%);
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    visibility: visible;
    z-index: 100
}

.inbox2__ticket-attribute-input:hover {
    background: var(--neutral-container)
}

.inbox2__read-only-ticket-description,.inbox2__read-only-ticket-title,.inbox2__ticket-attribute-input .intercom-interblocks-paragraph p {
    overflow-wrap: break-word
}

.inbox2__ticket-empty-state-icon svg {
    transform: scale(2)
}

.inbox2__ticket-category-pill-container {
    box-sizing: border-box;
    background-color: var(--neutral-container);
    border: 1px solid var(--neutral-border);
    border-radius: 12px
}

.inbox2__ticket-category-pill-container-ticket-type {
    border-radius: 20px;
    font-size: 13px;
    line-height: 16px
}

.inbox2__ticket-inside-pill-right-border {
    background-color: var(--neutral-container);
    border-right: 1px solid var(--neutral-border);
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px
}

.inbox2__ticket-details-header__linked-conversations-popover {
    max-width: 320px
}

.ticket-type-configuration__categories-tabs .radio-button-group__button {
    flex-basis: 0
}

.ticket-type-configuration__categories-tabs .popover__opener {
    min-width: 33.3333333333%
}

.ticket-type-configuration__ticket-states-buttons button.btn.o__secondary:focus,.ticket-type-configuration__ticket-states-buttons button.btn.o__secondary:hover {
    background-color: transparent;
    box-shadow: none
}

.ticket-type-configuration__form .team__emoji-selector__container {
    border-color: var(--neutral-border)
}

.ticket-type-configuration__form .form__label {
    color: var(--text-muted);
    padding-bottom: 8px
}

.ticket-type-configuration__form .form__inline-label .form__label {
    padding-bottom: 0
}

.inbox2__linked_ticket_card:hover {
    box-shadow: var(--shadow-lvl-1)
}

.ticket-state__submitted {
    background-color: var(--beta-container);
    color: var(--text-default)
}

.ticket-state__submitted:active,.ticket-state__submitted:focus,.ticket-state__submitted:hover {
    background-color: var(--beta-container-emphasis)
}

.ticket-state__submitted:focus {
    outline: 1px solid var(--beta-border-emphasis);
    outline-offset: unset
}

.ticket-state__submitted:active {
    outline: 2px solid var(--beta-border-emphasis);
    outline-offset: unset
}

.ticket-state__submitted-icon {
    background-color: var(--beta-fill)
}

.ticket-state__submitted-pill {
    background-color: var(--beta-container);
    color: var(--text-default);
    border: 1px solid var(--beta-border);
    box-sizing: content-box
}

.ticket-state__in-progress {
    background-color: var(--accent-container);
    color: var(--text-default)
}

.ticket-state__in-progress:active,.ticket-state__in-progress:focus,.ticket-state__in-progress:hover {
    background-color: var(--accent-container-emphasis)
}

.ticket-state__in-progress:focus {
    outline: 1px solid var(--accent-border-emphasis);
    outline-offset: unset
}

.ticket-state__in-progress:active {
    outline: 2px solid var(--accent-border-emphasis);
    outline-offset: unset
}

.ticket-state__in-progress-icon {
    background-color: var(--accent-fill)
}

.ticket-state__in-progress-pill {
    background-color: var(--accent-container);
    color: var(--text-default);
    border: 1px solid var(--accent-border);
    box-sizing: content-box
}

.ticket-state__waiting-on-customer {
    background-color: var(--error-container);
    color: var(--text-default)
}

.ticket-state__waiting-on-customer:active,.ticket-state__waiting-on-customer:focus,.ticket-state__waiting-on-customer:hover {
    background-color: var(--error-container-emphasis);
    color: var(--text-default)
}

.ticket-state__waiting-on-customer:focus {
    outline: 1px solid var(--error-border-emphasis);
    outline-offset: unset
}

.ticket-state__waiting-on-customer:active {
    outline: 2px solid var(--error-border-emphasis);
    outline-offset: unset
}

.ticket-state__waiting-on-customer-icon {
    background-color: var(--error-fill)
}

.ticket-state__waiting-on-customer-pill {
    background-color: var(--error-container);
    color: var(--text-default);
    border: 1px solid var(--error-border);
    box-sizing: content-box
}

.ticket-state__resolved {
    background-color: var(--success-container);
    color: var(--text-default)
}

.ticket-state__resolved:active,.ticket-state__resolved:focus,.ticket-state__resolved:hover {
    background-color: var(--success-container-emphasis)
}

.ticket-state__resolved:focus {
    outline: 1px solid var(--success-border-emphasis);
    outline-offset: unset
}

.ticket-state__resolved:active {
    outline: 2px solid var(--success-border-emphasis);
    outline-offset: unset
}

.ticket-state__resolved-icon {
    background-color: var(--success-fill)
}

.ticket-state__resolved-pill {
    background-color: var(--success-container);
    color: var(--text-default);
    border: 1px solid var(--success-border);
    box-sizing: content-box
}

.inbox2__tickets__tooltip-wrapper {
    max-width: 240px
}

.inbox2__tickets__tooltip-learn-link {
    color: var(--text-default)!important
}

.inbox2__tickets__ticket-state-dot-icon-wrapper {
    padding-top: 2px
}

.inbox2__sidebar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 31.5%;
    z-index: 2500;
    border-radius: var(--border-radius-module);
    background-color: var(--base-module)
}

.inbox2__sidebar-content-height {
    height: calc(100vh - (64px + 2*var(--module-spacing)))
}

.line-clamp-1,.line-clamp-10,.line-clamp-2,.line-clamp-3,.line-clamp-4,.line-clamp-5,.line-clamp-6,.line-clamp-7,.line-clamp-8,.line-clamp-9 {
    box-orient: vertical;
    -webkit-box-orient: vertical
}

.common__inbox-convcard__main-participant__name {
    color: var(--text-default);
    font-size: 14px;
    font-weight: 600
}

.common__inbox-convcard__main-participant__name:hover {
    opacity: 1;
    color: var(--text-link)
}

.o__active .common__inbox-convcard__main-participant__name,.o__selected .common__inbox-convcard__main-participant__name {
    color: var(--text-link)
}

.common__inbox-convcard__main-participant-name-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 230px
}

.common__editable-action-button {
    display: flex;
    flex-direction: row;
    background: var(--primary_app_color);
    border: 1px solid var(--primary_app_color);
    position: relative;
    padding: 6px 12px;
    border-radius: 6px;
    width: min-content;
    cursor: default;
    min-height: 28px;
    gap: 12px
}

.common__editable-action-button.o__error {
    background: var(--error-container);
    border: 1px solid var(--error-border)
}

.common__editable-action-button-text {
    position: relative;
    width: 12px;
    height: 20px;
    background-color: transparent;
    color: var(--text-on-neutral);
    background: var(--primary_app_color)
}

.common__editable-action-button-text.o__error {
    background: var(--error-container);
    caret-color: var(--text-error)
}

.common__editable-action-button-text.o__light {
    color: var(--text-default)
}

.common__editable-action-button-text.o__light::placeholder {
    color: var(--text-muted)
}

.common__editable-action-button-text.o__error::placeholder {
    color: var(--text-error)
}

.common__date-and-time-picker {
    min-height: 260px
}

.common__discovery-banner-black-helplink .text {
    color: var(--text-default)!important
}

.common__hero-banner-action:hover {
    background-color: transparent!important
}

.common__hero-banner-action:hover .title {
    text-decoration: underline
}

.common__hero-banner .base-module {
    height: 288px;
    background-color: var(--neutral-container)
}

.common__hero-banner .left-banner-content-container {
    min-width: 580px
}

.intershop__header-shadow {
    box-shadow: 0 1px 15px 0 rgba(0,0,0,.1)
}

.intershop__product-card {
    width: 300px;
    padding: 0!important
}

.intershop__product-card-header {
    height: 8px;
    border-radius: 5px 5px 0 0
}

.intershop__product-card-header-color-starter {
    background: #7ee6e6
}

.intershop__product-card-header-color-support {
    background: #f2a456
}

.intershop__product-card-header-color-engage {
    background: #ed6e65
}

.intershop__product-card-header-color-convert {
    background: #5367bc
}

.intershop__product-image .product-icon__symbol {
    fill: var(--neutral-fill)
}

.intershop__product-card-product-includes {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.2px
}

.intershop__product-card-feature-pill {
    border-radius: 16px!important;
    background: var(--neutral-container)!important
}

.intershop__trial-expiry {
    background-color: var(--neutral-container)
}

.intershop__in-subscription {
    background-color: var(--success-container)
}

.intershop__plan-card {
    width: 280px
}

.intershop__addon-page__header-footer {
    background-color: #d6eaff
}

.intershop__addon-page__resolution-bot__header-footer {
    background-color: #f5f0ec
}

.intershop__plan__recommended {
    border: 3px solid;
    border-color: var(--neutral-border)
}

.intershop__stamp {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    border-radius: 3px;
    padding: 1px 8px;
    line-height: 1.3
}

.intershop__stamp.new {
    background-color: var(--neutral-container-emphasis);
    border-color: var(--neutral-border-emphasis);
    color: var(--text-link)
}

.intershop__stamp.lrg-subscription,.intershop__stamp.subscription {
    background-color: var(--success-container);
    border-color: var(--success-border);
    color: var(--text-default)
}

.intershop__stamp.lrg-subscription {
    padding: 5px 8px
}

.intershop__stamp.try-free {
    color: var(--text-default);
    background-color: #fcf9fe;
    border: 1px solid #f2e9fe
}

.intershop__stamp.lrg-trialing,.intershop__stamp.trialing {
    background: linear-gradient(97.63deg,#001a94 27.59%,#1c43ff 73.18%)
}

.intershop__stamp.lrg-trialing {
    padding: 5px 8px
}

.intershop__stamp.plan-card-stamp-gray,.intershop__stamp.recommended {
    padding: 5px 8px;
    border-radius: 15px;
    background-color: var(--beta-fill);
    border-color: var(--neutral-border);
    color: var(--text-on-neutral)
}

.intershop__stamp.plan-card-stamp-gray {
    background-color: var(--neutral-container);
    color: var(--text-muted)
}

.intershop__stamp.plan-card-stamp-violet {
    padding: 5px 8px;
    border-radius: 15px;
    background-color: var(--vis-violet-80);
    border-color: var(--vis-violet-80)
}

.intershop__seat-selector-group {
    font-size: 1.7em;
    font-weight: 600;
    border: 2px solid var(--neutral-border);
    border-radius: 6px;
    width: 224px;
    margin: 0 auto
}

.intershop__seat-selector-group>button {
    font-weight: 600;
    width: 44px;
    font-size: 1em;
    text-align: center
}

.intershop__seat-selector-group>button:focus {
    outline: 0
}

.intershop__seat-selector-group>button:hover {
    background-color: var(--neutral-container)
}

.intershop__seat-selector-group>button,.intershop__seat-selector-group>div {
    height: 56px;
    line-height: 56px
}

.intershop__seat-selector-group>button.left-side {
    border-right: 2px solid var(--neutral-border);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.intershop__seat-selector-group>button.left-side:disabled,.intershop__seat-selector-group>button.right-side:disabled {
    background-color: var(--neutral-container)
}

.intershop__seat-selector-group>button.right-side {
    border-left: 2px solid var(--neutral-border);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.intershop__seat-selector-group>button.focus-visible {
    border: 1px solid var(--neutral-border)
}

.intershop__seat-selector-group>button.left-side.focus-visible {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.intershop__seat-selector-group>button.right-side.focus-visible {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.fin-content-modal__card:hover h4,.intershop__pricing-tier-card-recommended {
    color: var(--text-link)
}

.intershop__pricing-tier-card-in-your-subscription {
    color: var(--success-fill)
}

.intershop__pricing-tier-card-selected {
    border-color: var(--neutral-border)
}

.intershop__tier-card {
    height: 160px
}

.intershop__underline-dotted {
    text-decoration-style: dotted
}

.intershop__interface-icon .interface-icon.o__standard {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0
}

.wlm__sortable-attribute {
    padding-top: 8px;
    padding-bottom: 7px
}

.wlm__attribute-border {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.wlm__add-attributes {
    padding-top: 2px;
    padding-bottom: 2px
}

.wlm__attributes-without-button {
    padding-top: 6px;
    padding-bottom: 6px
}

.wlm__volume-control-item-border {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.wlm__volume-control-item {
    height: 48px
}

.wlm__volume-control-inbox-name {
    min-width: 256px
}

.wlm__inbox-order-drawer-header {
    width: 638px
}

.wlm__invalid-assignment-limit {
    border-color: var(--error-border);
    box-shadow: 0 0 0 3px var(--error-border)
}

.wlm__inbox-order__inbox-name {
    width: 225px
}

.wlm__inbox-order__item-border {
    border-top: 1px solid rgba(0,0,0,.1)
}

.wlm__inbox-order__item {
    height: 48px
}

.wlm__inbox-order__item-wrapper {
    padding-top: 8px;
    padding-bottom: 7px
}

.inbox2__conversation-sidebar__shopify__search-wrapper:focus-within {
    border-bottom-color: var(--neutral-border)
}

.inbox2__conversation-sidebar__shopify__inbox-app-search-input {
    height: 20px;
    padding: 2px 4px;
    width: calc(100% - 30px)
}

.inbox2__conversation-sidebar__shopify__product-image-placeholder {
    width: 75px;
    height: 63px
}

.inbox2__conversation-details-sidebar-sheet .intercom-interblocks-messenger-card:not(.messenger-preview__home__card):not(.messenger-preview-redesign__card) {
    max-width: 280px;
    width: auto
}

@media (max-width: 1280px) {
    .full-conversation-panel .intercom-interblocks-messenger-card:not(.messenger-preview__home__card):not(.messenger-preview-redesign__card) {
        width:auto
    }
}

.slider {
    margin: 10px 0;
    transition: background 450ms ease-in;
    border-radius: 12px;
    background: var(--neutral-container);
    height: 10px;
    -webkit-appearance: none;
    width: 100%
}

.slider:focus {
    outline: 0
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: var(--beta-fill);
    height: 30px;
    border-radius: 50%;
    width: 30px;
    border: 4px solid var(--neutral-border);
    box-shadow: 1px 2px 5px rgba(0,0,0,.25);
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    top: -10px
}

.slider::-moz-range-thumb {
    background: var(--beta-fill);
    height: 30px;
    border-radius: 50%;
    width: 30px;
    border: 4px solid var(--neutral-border);
    box-shadow: 1px 2px 5px rgba(0,0,0,.25);
    box-sizing: border-box;
    cursor: pointer
}

.slider::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    height: 10px;
    border-radius: 12px
}

.slider::-moz-range-track {
    height: 10px;
    border-radius: 12px
}

.teammate-workload__team-inbox-popover {
    min-width: 272px
}

.teammate-workload__primary-inbox-item {
    font-weight: 500;
    padding: 8px 8px 8px 4px
}

.teammate-workload__edit-assignment-limit__button:disabled {
    color: #8996f3
}

.teammate-workload__assignment-limit-filter-popover {
    min-width: 226px
}

.teammate-workload__assignment-limit-filter-input {
    width: 167px;
    padding: 0 0 13px 23px
}

.teammate-workload__team-inboxes-dropdown .ds-new__dropdown__standard {
    max-height: 360px
}

.teammate-workload__assignment-limit-tooltip {
    pointer-events: all!important
}

.ds-new__dropdown__block__item .teammate-workload__inboxes-list-item {
    padding: 2px 1px
}

.teammate-workload__secondary-inboxes-dropdown {
    min-width: 270px;
    max-width: 300px
}

.teammate-workload__assignment-limit-column .ds-new__table__action-buttons,.teammate-workload__ticket-assignment-limit-column .ds-new__table__action-buttons {
    display: none!important
}

.teammate-workload__assignment-limit-column:focus .ds-new__table__action-buttons,.teammate-workload__assignment-limit-column:focus-within .ds-new__table__action-buttons,.teammate-workload__assignment-limit-column:hover .ds-new__table__action-buttons,.teammate-workload__ticket-assignment-limit-column:focus .ds-new__table__action-buttons,.teammate-workload__ticket-assignment-limit-column:focus-within .ds-new__table__action-buttons,.teammate-workload__ticket-assignment-limit-column:hover .ds-new__table__action-buttons {
    display: block!important
}

.image-cropper-container .cropper-view-box {
    outline: 2px solid var(--neutral-border);
    outline-color: #fff
}

.image-cropper-container .cropper-point {
    background: var(--neutral-container);
    border-radius: 50%;
    opacity: 1
}

.image-cropper-container .cropper-line {
    background: var(--neutral-container)
}

.image-cropper-container .cropper-point.point-se {
    height: 5px;
    width: 5px
}

.image-cropper-container.news-item__cover-image-cropper .cropper-line.line-n {
    height: 16%;
    opacity: .5;
    top: -2px
}

.image-cropper-container.news-item__cover-image-cropper .cropper-line.line-n::after {
    content: "";
    display: block;
    height: 100%;
    border-bottom: 1px dashed #fff
}

.image-cropper-container.news-item__cover-image-cropper .cropper-line.line-s {
    height: 16%;
    opacity: .5;
    bottom: -2px
}

.image-cropper-container.news-item__cover-image-cropper .cropper-line.line-s::before {
    content: "";
    display: block;
    position: relative;
    top: -1px;
    height: 100%;
    border-top: 1px dashed #fff
}

.image-cropper-container.circle-crop .cropper-face,.image-cropper-container.circle-crop .cropper-view-box {
    border-radius: 50%
}

.multi-email-input {
    border: 1px solid var(--neutral-border);
    border-radius: 6px;
    overflow: auto;
    max-height: 80px;
    min-height: 128px;
    margin-bottom: 4px
}

.multi-email-input.o__error {
    border: 1px solid var(--error-border)
}

.multi-email-input:focus-within {
    border: 1px solid var(--neutral-border-emphasis);
    box-shadow: inset 0 0 0 1px var(--neutral-border-emphasis)
}

.multi-email-input__input {
    border: 0;
    min-width: 260px;
    padding: 4px 0 8px;
    background: unset
}

.multi-email-input__input:focus {
    box-shadow: none;
    outline: 0
}

.multi-email-input-notification {
    width: 518px
}

.multi-email-input__small .form__error-text {
    font-size: 13px;
    color: var(--text-error)
}

.edit-warning-banner {
    min-width: 639px
}

.invite-tech-person-card-input {
    border: 1px solid var(--neutral-border);
    background-color: #fff;
    border-radius: 6px;
    width: 100%;
    padding: 2px
}

.invite-tech-person-card-input:focus-within {
    border: 1px solid var(--neutral-border);
    box-shadow: 0 0 0 3px rgba(51,75,250,.2)
}

.invite-tech-person-card-input__input {
    border: 0;
    padding: 3px 4px;
    margin: auto 0
}

.invite-tech-person-card-input__input:focus {
    box-shadow: none;
    outline: 0
}

.invite-tech-person-card-input__pill {
    margin: 1px
}

.invite-tech-person-card-input__hint {
    color: var(--text-muted);
    margin-top: 4px;
    margin-left: 2px
}

.external__content__progress-bar {
    height: 5px
}

.external__content__progress-bar-complete {
    background-color: var(--neutral-fill);
    transition: all 1s;
    border-radius: 10px
}

.external__content__progress-bar-in-progress {
    -webkit-animation-name: external__content__progress-bar-pulse;
    animation-name: external__content__progress-bar-pulse;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    transition: all 1s;
    border-radius: 10px
}

.external__content__progress-bar-incomplete {
    background-color: var(--neutral-container);
    border-radius: 10px
}

.external__content__status__card,.external__content__status__inner__card {
    padding: 16px;
    box-sizing: border-box;
    z-index: 10;
    background-color: var(--neutral-container);
    border-radius: 10px
}

.external__content__status__card {
    margin: 0 16px 16px;
    border: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,.06)
}

.external__content__status__inner__card {
    margin: 0 8px 12px;
    border: 1px solid var(--neutral-border)
}

.external__content__status__inner__card.external__content__status__inner__card__for__oh {
    margin-left: 0!important
}

.external__content__status__link {
    display: block;
    padding: 12px;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    border-radius: 8px;
    color: var(--text-default)
}

.external__content__status__link:not(.o__disabled):hover {
    opacity: 1
}

.external__content__status__link:hover {
    text-decoration: underline
}

.external__content__status__link.external__content__status__link__for__oh {
    padding-left: 0!important
}

.get-started__background {
    background-position: center;
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://static.intercomassets.com/ember/assets/images/operator/fin/get-started-background-c337904a8a6732b0a93877007f0079dd.png)
}

.get-started__background.p-0 {
    padding: 0
}

.get-started__background button.absolute {
    color: var(--text-muted)
}

.get-started__background button.absolute:hover {
    color: var(--text-on-neutral)
}

.get-started__discovery-panel {
    height: 324px
}

.get-started__discovery-panel .get-started__fin-preview {
    min-width: 0;
    width: 290px;
    max-width: 290px
}

@media screen and (max-width: 1280px) {
    .get-started__discovery-panel .get-started__fin-title {
        font-size:24px;
        line-height: 32px
    }
}

.get-started__fin-preview-landing-close {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    gap: 10px;
    background-color: var(--neutral-container);
    border-radius: 40px;
    height: 15px;
    cursor: pointer;
    margin-right: 15px;
    margin-top: 10px;
    position: absolute;
    right: 10px;
    top: 0
}

.get-started__fin-preview-landing-close:hover {
    background-color: var(--neutral-container);
    color: var(--text-link)
}

.get-started__fin-preview {
    min-width: 360px;
    max-width: 457px
}

.get-started__fin-live-preview-chat-block {
    transform: translateX(-95%) translateY(-110%)
}

.get-started__fin-live-preview {
    min-height: 520px;
    width: 360px;
    max-height: 700px;
    opacity: 1;
    animation: fade_in .3s
}

.get-started__fin-live-preview iframe {
    aspect-ratio: 400/700;
    border: 0;
    background: var(--neutral-container);
    box-shadow: 0 1px 15px 0 rgba(0,0,0,.1);
    border-radius: 1rem;
    max-width: 100%;
    overflow: hidden;
    width: 100%;
    min-height: 500px
}

.welcome-fin__card,.welcome-fin__sample-question-card {
    background-color: var(--neutral-container)
}

.welcome-fin__sample-question-card {
    display: flex;
    width: 267px;
    padding: 12px 16px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 10px;
    color: var(--text-default);
    backdrop-filter: blur(10px);
    cursor: pointer
}

.welcome-fin__sample-question-card:hover {
    background-color: var(--neutral-container-emphasis);
    box-shadow: var(--shadow-lvl-0)
}

.fin-knowledge__truncated-title {
    min-width: 300px;
    max-width: calc(40vw - 100px)
}

.fin-knowledge__discovery-banner {
    padding: 12px!important
}

.fin-knowledge__discovery-banner>.heading,.fin-knowledge__discovery-banner>.text {
    display: none
}

.fin-knowledge__discovery-banner>button,.workflow-connector__setup__discovery-banner>button {
    background-color: var(--neutral-container);
    border-radius: 50%;
    top: -4px;
    right: -4px;
    height: 24px;
    width: 24px
}

.fin-optimize__empty-state-banner {
    width: 420px
}

.fin-optimize__empty-state-banner .heading,.fin-optimize__empty-state-banner .text,.fin-setup-and-go-live__empty-state .heading {
    color: var(--text-muted)
}

.fin-optimize__empty-state-banner-icon svg {
    height: 24px!important;
    width: 24px!important
}

.fin-voice__setup__setup-and-go-live__accordion-header {
    color: var(--text-muted);
    border: 0
}

.ai-agent__guidance__legacy-composer.embercom-prosemirror-composer {
    height: 112px;
    min-height: 56px;
    overflow-y: scroll;
    resize: vertical
}

.ai-agent__guidance__legacy-composer.embercom-prosemirror-composer:focus-within {
    border: 2px solid var(--neutral-border-emphasis)
}

.ai-agent__guidance__legacy-composer.embercom-prosemirror-composer .embercom-prosemirror-composer-editor {
    height: 112px
}

.ai-agent__guidance__legacy-composer.embercom-prosemirror-composer .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted);
    padding-right: 8px
}

.ai-agent__guidance__composer.embercom-prosemirror-composer {
    min-height: 40px;
    overflow-y: auto;
    resize: none
}

.ai-agent__guidance__composer.embercom-prosemirror-composer .embercom-prosemirror-composer-editor {
    min-height: 40px
}

.ai-agent__guidance__composer.embercom-prosemirror-composer .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted);
    padding-right: 8px
}

.prompt-accordion-arrow svg {
    height: 16px!important;
    width: 16px!important
}

.ai-agent__guidance__stat-link:hover * {
    color: var(--text-link)!important
}

.ai-agent__guidance__templates-modal {
    height: 565px
}

.ai-agent__guidance__example-pill {
    background-color: var(--base-module);
    border: 1px solid var(--neutral-border);
    color: var(--text-muted);
    border-radius: var(--border-radius-full);
    padding: 6px 12px;
    font-weight: 400
}

.ai-agent__guidance__example-pill:hover {
    background-color: var(--neutral-container-emphasis)
}

.guidance-blocks-template .intercom-interblocks-template,.guidance-blocks-template .intercom-interblocks-template.requires-fallback {
    color: inherit;
    background-color: transparent;
    border: 0;
    padding: 0;
    line-height: inherit!important;
    border-radius: 0;
    display: inline;
    font-weight: inherit;
    vertical-align: baseline;
    cursor: inherit;
    text-transform: none;
    text-align: inherit;
    margin: 0;
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.guidance-blocks-template .intercom-interblocks-template.requires-fallback:before,.guidance-blocks-template .intercom-interblocks-template:before {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    display: inline;
    vertical-align: baseline;
    font-weight: inherit!important;
    font-style: inherit!important;
    text-transform: none!important;
    text-decoration: none!important;
    content: none;
    margin: 0 2px 0 0
}

.guidance-category-filter .filter-block__container.o__one-line,.inbox-copilot-answer .intercom-interblocks-image img,.inbox2__source-preview .intercom-interblocks-image img,.knowledge-hub__inbox-sidebar__article-content-blocks .intercom-interblocks-image img {
    max-width: 100%
}

.fin-with-workflows__workflows-table th {
    color: var(--text-disabled);
    font-weight: 400
}

.fin-live-banner__media {
    width: 330.5px;
    height: 188px
}

.fin-live-banner__media img {
    pointer-events: none;
    user-select: none;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.fin-workflows-empty-state__header {
    max-width: 400px
}

.fin-workflows-empty-state__graph-editor {
    min-height: 306px;
    max-height: 306px;
    max-width: 620px;
    position: relative;
    z-index: 0
}

.fin-workflows-empty-state__graph-editor::after {
    content: "";
    position: absolute;
    left: -30px;
    bottom: -52px;
    width: 680px;
    height: 174px;
    background: linear-gradient(257deg,#a078c7 0,#ff631b 50.58%,#c1b6ae 99.22%);
    opacity: .1;
    filter: blur(66px);
    z-index: -1;
    pointer-events: none
}

.fin-live-banner__graph-editor {
    min-height: 432px;
    max-width: 1000px
}

.ai-content-table .ds-new__table__column-header,.side-drawer-content .ds-new__table__column-header {
    position: sticky;
    top: 176px!important;
    z-index: 10;
    background-color: var(--base-module)
}

.side-drawer-content .ds-new__table__column-header {
    top: 133px!important
}

.ai-insights__suggestions-side-sheet {
    width: 714px!important
}

.trending-topic-card__trend-chart .reporting__flexible__chart__placeholder {
    min-height: 88px!important
}

.fin-content-modal__width>div {
    min-width: 610px;
    max-width: 880px
}

.fin-content-modal__card-header {
    font-size: 22px;
    line-height: 30px
}

.fin-content-modal__card-sub-header {
    font-size: 18px;
    line-height: 24px
}

.fin-content-modal__card {
    border: 1px solid #f1f1f1;
    box-shadow: 0 2px 12px rgba(0,0,0,.08);
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 8px;
    transition: box-shadow ease-in-out .2s;
    min-width: 260px;
    max-width: 260px
}

.fin-content-modal__card:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,.15)
}

.fin-content-modal__card.o__small {
    height: 52px;
    min-height: 52px;
    max-height: 52px
}

.fin-content-modal__card.o__medium {
    height: 132px;
    min-height: 132px;
    max-height: 132px
}

.fin-content-modal__card.o__large {
    height: 220px;
    min-height: 220px;
    max-height: 220px
}

.fin-content-modal__icon {
    height: 32px;
    width: 32px
}

.fin-content-modal__icon.o__orange {
    background-color: var(--vis-orange-70)
}

.fin-content-modal__icon.o__magenta {
    background-color: var(--vis-magenta-70)
}

.fin-content-modal__icon.o__mint {
    background-color: var(--vis-mint-70)
}

.fin-content-modal__icon.o__blue {
    background-color: var(--vis-cyan-70)
}

.fin-content-modal__icon.o__red {
    background-color: var(--vis-salmon-40)
}

.fin-content-modal__icon.o__dark-blue {
    background-color: var(--beta-fill)
}

.fin-content-modal__icon.o__black {
    background-color: var(--neutral-fill);
    color: var(--text-on-neutral)
}

.snippet-side-drawer__composer .embercom-prosemirror-composer-placeholder {
    color: var(--text-muted)
}

.snippet-side-drawer__composer {
    font-family: proxima-nova,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.53;
    font-size: 16px
}

.fin-content-side__drawer-container-width {
    width: 900px
}

.snippet-side-drawer__composer b {
    font-weight: 600
}

.fin-content__table__empty-state {
    background: #e3e7fa;
    background: linear-gradient(90deg,rgba(227,231,250,.3) 0,#e3e7fa 100%);
    min-width: 900px
}

.change-state-dropdown__width {
    width: 140px
}

.review-suggestion-dropdown__width {
    width: 190px
}

.content-review-requests.left-nav__unread {
    top: -2px;
    position: relative
}

.content-review-requests.left-nav__unread .content-review-requests__badge {
    background-color: var(--error-fill);
    background-clip: padding-box;
    margin-top: 4px;
    border-radius: 50%;
    height: 6px;
    padding: 2px;
    width: 6px;
    box-sizing: border-box
}

.content-review-modal__min-height {
    min-height: 530px
}

.content-review-modal__inner-div-height {
    min-height: 320px;
    max-height: 490px;
    overflow-y: auto
}

.content-review-modal__user-avatar>span {
    position: unset
}

.content-review-modal__edit-header {
    z-index: 2
}

.content-suggestions__truncated-preview-cell {
    min-width: 300px;
    max-width: calc(40vw - 300px);
    display: block
}

.inbox-2__tickets-onboarding {
    background: var(--neutral-container)
}

.tickets-onboarding__categories-card {
    width: 258px;
    height: 408px
}

.inbox-2__tickets-onboarding-modal .banner {
    width: calc(100% - 16px)
}

.tickets-onboarding__cta-banner {
    border-radius: 8px;
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 16px
}

.tickets-onboarding__cta-banner_with_ticket_types,.tickets-onboarding__cta-banner_without_ticket_types {
    background: var(--neutral-container)
}

.tickets-onboarding__cta-banner .tickets-onboarding__cta-banner-heading {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.tickets-onboarding__cta-banner-alert-emoji {
    font-family: "Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Android Emoji,EmojiSymbols,EmojiOne Mozilla,Twemoji Mozilla,Segoe UI Symbol,Noto Color Emoji Compat,emoji,noto-emojipedia-fallback"
}

.tickets-onboarding__cta-banner .categories-container {
    padding-right: 23px
}

.tickets-onboarding__cta-banner .category-icon {
    padding: 9px
}

.tickets-onboarding__cta-banner .no-ticket-types-image {
    max-width: 50%;
    max-height: 250px
}

.tickets-onboarding__cta-banner .button-icon {
    padding: 10px 9px 9px;
    background-color: #fff!important
}

.tickets-onboarding__cta-banner .article-link-pulse {
    padding: 7px 3px 7px 9px;
    color: #222!important
}

.calling-settings-phone-number-provisioning .popover__opener .o__secondary {
    background: var(--neutral-container);
    border: solid 1px #ccc;
    font-weight: 400
}

.calling-settings-phone-number-provisioning .popover__opener .o__secondary:focus,.calling-settings-phone-number-provisioning .popover__opener .o__secondary:hover {
    color: var(--text-default);
    border: solid 1px #334bfa
}

.calling-settings-phone-number-provisioning .form-container {
    min-width: 470px;
    max-width: 470px
}

.calling-settings-phone-number-provisioning .rhs-container {
    min-width: 258px;
    max-width: 258px
}

.calling-settings-phone-regulatory-bundle .ds-new__table__column-header,.fin-playground__feedback-buttons button {
    background-color: var(--base-module)
}

.calling__text-white {
    color: var(--text-on-neutral)!important
}

.calling__text-muted {
    color: var(--text-muted)!important
}

.calling__summary-card__call-rating-heading {
    font-size: 11px;
    line-height: 16px;
    font-weight: 500
}

.call-summary-transcription-summary-blocks .intercom-interblocks-html {
    display: flex;
    flex-direction: column
}

.call-summary-transcription-summary-blocks .intercom-interblocks-html>:not(:last-child,h4) {
    margin-bottom: 12px
}

.call-summary-transcription-summary-blocks .intercom-interblocks-html>h4 {
    font-weight: 600;
    margin-bottom: 8px
}

.call-summary-transcription-summary-blocks ul {
    padding-left: 24px;
    margin-top: 0;
    margin-bottom: 0
}

.calling__phone-dialler-modal {
    background-color: var(--base-module);
    width: 23rem;
    height: 29.25rem;
    transition: width 250ms,height 250ms
}

.calling__phone-dialler-modal__conference-mode {
    width: 430px
}

.collapsed {
    height: 132px
}

.collapsed.calling__phone-dialler-modal__warm-transfer-mode {
    height: 188px
}

.collapsed.calling__phone-dialler-modal__conference-mode {
    height: 196px
}

.calling__phone-dialler-modal__country-select {
    color: var(--text-default);
    background-color: var(--neutral-container);
    border-color: var(--neutral-border)
}

.calling__phone-dialler-modal__country-select svg {
    margin-bottom: 0!important
}

.calling__phone-dialler-modal__phone-number-input {
    background-color: unset;
    border-color: var(--neutral-border)
}

.calling__phone-dialler-modal__key-pad-key:hover {
    color: var(--text-link);
    background-color: var(--neutral-container-emphasis)
}

.calling__phone-dialler-modal__key-pad-key:focus {
    box-shadow: 0 0 0 2px var(--neutral-border);
    background-color: var(--neutral-container-emphasis)
}

.calling__phone-dialler-modal__key-pad-key:active {
    box-shadow: 0 0 0 1px var(--neutral-fill);
    color: var(--text-link)
}

.calling__phone-dialler-modal__key-code-text {
    font-size: 1.625rem
}

.hide-keypad-button {
    color: var(--text-default)
}

.calling__phone-dialler-modal__key-pad-key:active,.hide-keypad-button:hover {
    background-color: var(--neutral-container-emphasis)
}

.all-content-table .ds-new__table__row:hover,.gray-button,.hide-keypad-button {
    background-color: var(--neutral-container)
}

.zero-padding-button {
    padding: 0!important
}

.calling__phone-dialler-modal__user-search-form .form__input-prefix {
    display: flex;
    align-items: center;
    padding: 0 12px
}

.calling__phone-dialler-modal__user-search-form .interface-icon {
    margin-bottom: 0!important
}

.calling__phone-dialler-modal__user-search-form .calling__phone-dialler-modal__user-search {
    background-color: unset
}

.calling__phone-dialler-modal__search-result-card {
    border-bottom: 1px solid var(--neutral-border)
}

.calling__phone-dialler-modal__search-result-card:first-of-type {
    border-top: 1px solid var(--neutral-border)
}

.calling__phone-dialler-modal__separator {
    border-color: var(--neutral-border)
}

.calling__phone-dialler-modal__scroll-container {
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.calling__phone-dialler-modal__scroll-container ::-webkit-scrollbar {
    display: none
}

.phone-details__audio-player__range-input {
    --phone-details-audio-player-track-background: var(--neutral-border);
    --phone-details-audio-player-track-fill: var(--neutral-fill);
    --range: calc(var(--max) - var(--min));
    --ratio: calc((var(--val) - var(--min)) / var(--range));
    --fill-amount: calc(0.5 *16px + var(--ratio) * (100% - 16px));
    margin: 0;
    padding: 0;
    width: 100%;
    height: 32px;
    cursor: pointer
}

.phone-details__audio-player__range-input:disabled {
    --phone-details-audio-player-track-fill: var(--neutral-container)
}

.phone-details__audio-player__range-input,.phone-details__audio-player__range-input::-webkit-slider-thumb {
    -webkit-appearance: none
}

.phone-details__audio-player__range-input[type=range] {
    background: 0 0
}

.phone-details__audio-player__range-input::-webkit-slider-runnable-track {
    border: 0;
    background: var(--phone-details-audio-player-track-background);
    box-sizing: border-box;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background-image: linear-gradient(to right,var(--phone-details-audio-player-track-fill),var(--phone-details-audio-player-track-fill));
    background-repeat: no-repeat;
    background-size: var(--fill-amount) 100%
}

.phone-details__audio-player__range-input::-moz-range-track {
    border: 0;
    background: var(--phone-details-audio-player-track-background);
    box-sizing: border-box;
    width: 100%;
    height: 4px;
    border-radius: 4px
}

.phone-details__audio-player__range-input::-ms-track {
    border: 0;
    background: var(--phone-details-audio-player-track-background);
    box-sizing: border-box;
    width: 100%;
    height: 4px;
    border-radius: 4px
}

.phone-details__audio-player__range-input::-moz-range-progress {
    background: var(--phone-details-audio-player-track-fill);
    height: 4px
}

.phone-details__audio-player__range-input::-ms-fill-lower {
    background: var(--phone-details-audio-player-track-fill);
    height: 4px
}

.phone-details__audio-player__range-input::-webkit-slider-thumb {
    margin-top: -6px;
    border: 0;
    background: var(--phone-details-audio-player-track-fill);
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.phone-details__audio-player__range-input::-moz-range-thumb {
    border: 0;
    background: var(--phone-details-audio-player-track-fill);
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.phone-details__audio-player__range-input::-ms-thumb {
    margin-top: 0;
    border: 0;
    background: var(--phone-details-audio-player-track-fill);
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.phone-details__audio-player__range-input::-ms-tooltip {
    display: none
}

.calling__phone-listening-modal {
    background-color: var(--base-module);
    border: .5px solid var(--neutral-border);
    width: 368px;
    height: 231px
}

.calling__phone-listening-modal__actions-area {
    width: 320px
}

.dragable-card__listening-banner {
    background-color: var(--beta-fill)
}

.dragable-card__listening-banner__drag-handle {
    background-color: var(--base-module);
    border: .5px solid var(--neutral-border);
    border-bottom: none;
    color: var(--text-muted)!important
}

.dragable-card__listening-banner__drag-handle:active {
    color: var(--text-on-neutral)!important
}

#screen-sharing-container video {
    object-fit: contain;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
    margin: auto
}

.calling__phone-video-calling-modal.expanded {
    z-index: 10000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: calc(100vh - 64px);
    width: calc(100% - 64px)
}

.calling__phone-video-calling-modal video {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.calling__discovery-banner__text .o__standalone-link {
    color: var(--text-default)
}

.calling__discovery-banner__text .a {
    text-decoration: none!important;
    text-decoration-line: none!important
}

.phone__empty-state-banner {
    min-height: 270px
}

.calling__section-header__stamp span {
    border-radius: 12px
}

.learn-about-fin-dropdown-item__preview-fin-link {
    text-decoration: none
}

.learn-about-fin-dropdown-item__preview-fin-link:hover {
    text-decoration: underline;
    color: var(--text-link)
}

.fin-voice-playground-empty-state-icon svg {
    height: 24px!important;
    width: 24px!important
}

.action-card-icon {
    border: 2px solid var(--base-module);
    color: #fff
}

.action-card-icon.stripe {
    background-color: #635bff
}

.action-card-icon.shopify {
    background-color: #95c047
}

.action-card-icon.statuspage {
    background-color: #0052cc
}

.action-card-icon.webhook {
    background-color: var(--base-backdrop);
    color: var(--text-default)
}

.banner-image-coming-soon {
    min-height: 264px;
    width: 400px
}

.all-content-table .ds-new__table__column-header {
    position: sticky;
    z-index: 10
}

.all-content-scroll-container::after,.all-content-scroll-container::before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 8px
}

.all-content-table .hidden-checkbox {
    width: 12px
}

.all-content-table td.ds-new__table__cell.o__checkbox,.all-content-table th.ds-new__table__column-header.o__checkbox {
    box-shadow: none;
    outline: 0
}

.all-content-table .ds-new__table__row .draggable-icon {
    margin-left: -4px
}

.all-content-table .ds-new__table__row th:first-child {
    box-shadow: none;
    outline: 0;
    width: 14px;
    max-width: 14px;
    padding: 0!important
}

.all-content-table .ds-new__table__row th:nth-child(2) {
    margin-right: 0;
    box-shadow: none;
    outline: 0;
    width: 22px;
    padding: 0!important
}

.all-content-table .ds-new__table__row th:last-child {
    box-shadow: none;
    outline: 0
}

.all-content-table .ds-new__table__row td:first-child {
    border-radius: 10px 0 0 10px;
    margin-right: 0;
    width: 14px;
    max-width: 14px;
    box-shadow: none;
    outline: 0;
    padding: 0!important
}

.all-content-table .ds-new__table__row td:nth-child(2) {
    box-shadow: none;
    outline: 0;
    width: 12px
}

.all-content-table .ds-new__table__row td:last-child {
    box-shadow: none;
    outline: 0;
    border-radius: 0 10px 10px 0
}

.all-content-table .o__checkbox {
    width: 18px;
    margin-right: 0
}

.all-content-table .o__checkbox .ds-new__table__cell-shim,.all-content-table .o__checkbox .ds-new__table__column__label {
    width: 16px;
    margin-right: 0
}

.all-content-table .o__checkbox .ds-new__table__cell-checkbox {
    border-radius: 2px;
    background-color: var(--neutral-fill)
}

.all-content-table .o__checkbox #checkBox {
    width: 12px!important;
    height: 12px!important;
    accent-color: var(--text-default)
}

.ds-new__table__column-header-dashed {
    position: sticky;
    z-index: 10;
    top: 0;
    background-color: var(--base-module)
}

.ds-new__table__cell-checkbox-dash {
    left: -2px;
    top: -6px
}

.all-content-table td:nth-child(1) .ds-new__table__cell-shim {
    margin-right: 0
}

.all-content-table td:nth-child(2) .ds-new__table__cell-shim {
    margin-right: 4px
}

.all-content-table th:nth-child(1) .ds-new__table__column__label,.all-content-table th:nth-child(2) .ds-new__table__column__label {
    margin-right: 0
}

.box-item-selector-checkbox {
    width: 12px!important;
    height: 12px!important;
    accent-color: var(--text-default)
}

.all-content-table.o__hide-selection-columns td:first-child,.all-content-table.o__hide-selection-columns td:nth-child(2),.all-content-table.o__hide-selection-columns th.o__checkbox,.all-content-table.o__hide-selection-columns th.o__draggable {
    display: none
}

.max-h-72 {
    max-height: 18rem
}

.folder-option-menu {
    padding: 6px
}

.new-content-modal__width>div {
    min-width: 610px;
    max-width: 550px
}

.new-content-modal__card-header {
    font-size: 22px;
    line-height: 30px
}

.new-content-modal__icon {
    height: 32px;
    width: 32px;
    background-color: var(--neutral-container)
}

.new-content-modal__icon.o__orange {
    background-color: var(--vis-orange-70)
}

.new-content-modal__icon.o__yellow {
    background-color: var(--vis-yellow-70)
}

.new-content-modal__icon.o__magenta {
    background-color: var(--vis-magenta-70)
}

.new-content-modal__icon.o__mint {
    background-color: var(--vis-mint-70)
}

.new-content-modal__icon.o__blue {
    background-color: var(--vis-azure-70)
}

.new-content-modal__icon.o__red {
    background-color: var(--vis-salmon-70)
}

.new-content-modal__icon.o__dark-blue {
    background-color: var(--beta-container)
}

.no-result-icon .o__standard {
    width: 24px!important;
    height: 24px!important;
    margin-bottom: 0!important
}

.all-content__bulk-action-subdropdown .popover__content-container {
    margin-left: 12px!important
}

.all-content__bulk-action-subdropdown .dropdown-item {
    cursor: pointer;
    font-weight: 400;
    padding: 8px;
    border-radius: 8px;
    color: var(--text-default)
}

.all-content__bulk-action-subdropdown .popover__content {
    min-width: 215px!important
}

.all-content__bulk-action-dropdown .ds-new__dropdown__block__item:focus {
    background-color: unset
}

.all-content__bulk-action-dropdown .ds-new__dropdown__block__item:hover {
    background-color: var(--neutral-container)
}

.all-content__round-content-type-icon .interface-icon.o__standard {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0
}

.all-content__fixed-size-title-cell {
    min-width: 300px;
    max-width: calc(40vw - 100px)
}

.all-content__locale-stamp {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: -3px;
    margin-bottom: -3px
}

.ds-new__table a.all-content__fixed-size-title-cell,.ds-new__table a.all-content__fixed-size-title-cell:hover {
    color: var(--text-default);
    text-decoration: none
}

.all-content__chevron-icon .interface-icon.o__standard {
    margin: 0;
    padding: 0
}

.all-content__setup-modal__title {
    gap: 2px
}

.flexible-list__header-width {
    max-width: calc(75vw - 300px)
}

.all-content__empty-state-img {
    max-width: 326px
}

.all-content__translations-focus.o__forced-active,.all-content__translations-focus.o__forced-active:focus {
    border-color: var(--accent-border-emphasis);
    color: var(--text-accent)!important;
    box-shadow: 0 0 0 2px var(--accent-border-emphasis)
}

.internal-note-detailed-view {
    min-width: 760px;
    max-width: 760px;
    overflow-wrap: break-word
}

.knowledge-hub__inbox-sidebar__article-content-breadcrumbs .interface-icon {
    margin-right: 0!important
}

.knowledge-hub__inbox-sidebar__article-content-title {
    font-size: 22px;
    line-height: 33px;
    font-weight: 500
}

.knowledge-hub__inbox-sidebar__article-content-title .interface-icon {
    margin-bottom: 9px;
    margin-left: 2px
}

.knowledge-hub__inbox-sidebar__article-content-blocks h1 {
    font-size: 20px;
    line-height: 32px;
    padding-bottom: 4px;
    font-weight: 500
}

.knowledge-hub__inbox-sidebar__article-content-blocks h2 {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 4px;
    font-weight: 500
}

.knowledge-hub__inbox-sidebar__article-content-blocks h3 {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 4px;
    font-weight: 500
}

.knowledge-hub__inbox-sidebar__article-content-blocks h4 {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 4px;
    font-weight: 500
}

.knowledge-hub__inbox-sidebar__article-content-blocks p {
    font-size: 14px;
    line-height: 20px;
    min-height: 1.53em
}

.knowledge-hub__inbox-sidebar__article-content-blocks.inbox-sidebar-markdown p {
    padding: 5px 0
}

.knowledge-hub__inbox-sidebar__article-content-blocks .intercom-interblocks-paragraph a {
    overflow-wrap: break-word
}

.knowledge-hub__inbox-sidebar__article-content-blocks .intercom-interblocks-video iframe {
    width: 100%;
    aspect-ratio: 2
}

.inbox2__source-preview .intercom-interblocks-table table,.knowledge-hub__inbox-sidebar__article-content-blocks .intercom-interblocks-table table {
    table-layout: auto;
    width: 100%
}

.knowledge-hub__inbox-sidebar__article-content-blocks .intercom-interblocks {
    overflow-y: hidden
}

.knowledge-hub__inbox-sidebar__article-content-blocks .intercom-interblocks-table {
    overflow-y: scroll
}

.inbox2__source-preview .intercom-interblocks-table td,.knowledge-hub__inbox-sidebar__article-content-blocks .intercom-interblocks-table td {
    min-width: 100px
}

.knowledge-hub__inbox-sidebar__attachments .attachment {
    width: max-content
}

.knowledge-hub__inbox-sidebar__search-result {
    font-size: 13px
}

.knowledge-hub__inbox-sidebar__search-result h4 {
    font-size: 14px
}

.knowledge-hub__inbox-sidebar__search-result-pill {
    padding: 0 8px;
    font-size: 13px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    line-height: 20px;
    border-radius: 24px;
    gap: 4px;
    border: 1px solid rgba(var(--neutral-fill),.1);
    background-color: #f7f7f7;
    color: #222
}

.knowledge-hub__inbox-sidebar__search-result-pill>span {
    display: inline-flex
}

.knowledge-hub__inbox-sidebar__search-result-pill.o__internal-article {
    background-color: var(--notice-container);
    color: #423200;
    border: 0
}

.knowledge-hub__inbox-sidebar__search-result-pill.o__published-article {
    background-color: var(--success-container);
    color: var(--text-default);
    border: 0
}

.knowledge-hub__inbox-sidebar__search-result-pill.o__draft-article {
    background-color: var(--neutral-container);
    color: var(--text-muted);
    border: 0
}

.knowledge-hub__inbox-sidebar__search-result-pill.o__content-snippet {
    background-color: var(--accent-container);
    color: var(--text-default);
    border: 0
}

.knowledge-hub__inbox-sidebar__search-result-pill .interface-icon.o__tiny {
    margin-bottom: 3px;
    margin-right: 0
}

.knowledge__inbox__content-stamp {
    line-height: 0;
    border-radius: 24px
}

.knowledge__inbox__content-stamp .interface-icon.o__tiny {
    margin-bottom: 0!important
}

.knowledge-hub__inbox-sidebar__avatar {
    width: 40px;
    height: 40px;
    border-radius: 20px
}

.folder-insertion-border {
    box-shadow: inset -1px 0 0 rgba(51,75,250,.3),inset 0 -1px 0 rgba(51,75,250,.3),inset 1px 0 0 rgba(51,75,250,.3),inset 0 1px 0 rgba(51,75,250,.3)
}

.folder-sidebar-icon-padding {
    padding-right: 8px!important
}

.folder-depth-0 {
    padding-left: 6px!important
}

.folder-depth-1 {
    padding-left: 16px!important
}

.folder-depth-2 {
    padding-left: 24px!important
}

.folder-depth-3 {
    padding-left: 32px!important
}

.folder-depth-4 {
    padding-left: 40px!important
}

.folder-depth-5 {
    padding-left: 48px!important
}

.folder-depth-6 {
    padding-left: 56px!important
}

.folder-depth-7 {
    padding-left: 64px!important
}

.folder-depth-8 {
    padding-left: 72px!important
}

.folder-depth-9 {
    padding-left: 80px!important
}

.folder-depth-10 {
    padding-left: 88px!important
}

.folder-tree-icon,.loading-skeleton-margin-top {
    margin-top: 10px
}

.folder-edit-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.folder-name {
    text-transform: capitalize
}

.folder-icon__placeholder {
    background-color: rgba(153,153,153,.2)
}

.editor-wrapper {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    overflow-x: visible
}

@media (max-width: 1350px),(orientation:portrait),(max-aspect-ratio:5/4),screen and (-webkit-min-device-pixel-ratio:1.6),screen and (min--moz-device-pixel-ratio:1.6),screen and (min-resolution:1.6dppx),screen and (min-resolution:154dpi) {
    .editor-wrapper {
        padding-left:40px
    }
}

.suggestion-editor-wrapper {
    max-width: 640px;
    width: 640px;
    scroll-margin-top: 120px
}

.suggestion-editor-shimmer img {
    opacity: .2
}

.removed-content mark {
    background-color: var(--vis-salmon-80);
    color: var(--text-default)!important
}

.removed-content.focused mark {
    background-color: var(--vis-salmon-70)!important
}

.suggestion-block-group .embercom-prosemirror-composer-diffing-insertion {
    line-height: 1.53;
    background-color: var(--vis-mantis-80)
}

.suggestion-block-group.focused .embercom-prosemirror-composer-diffing-insertion,.suggestion-create-snippet-title.focused .educate__article__editor__title {
    background-color: var(--vis-mantis-70)
}

.con-dupe-preview-highlight,.suggestion-create-snippet-title .educate__article__editor__title,mark[data-mark-type=insertion] {
    background-color: var(--vis-mantis-80)
}

.suggestion-summary-card-edit {
    min-width: 640px;
    max-width: 974px;
    width: 100%
}

.suggestion-summary-card-create {
    min-width: 640px;
    max-width: 640px
}

.suggestion-summary-card-edit-condupe {
    min-width: 880px;
    max-width: 880px;
    width: 100%
}

.suggestion-card-width {
    min-width: 216px;
    max-width: 308px;
    width: 100%
}

.suggestion-card-wrapper,.suggestion-card-wrapper-small {
    min-width: 216px;
    max-width: 308px;
    width: 100%;
    z-index: 2
}

.suggestion-card-wrapper-small {
    min-width: 308px;
    height: 168px;
    right: 0
}

.active-suggestion {
    z-index: 3
}

.removed-image img {
    filter: opacity(.2) drop-shadow(0 0 0 #ff1500)
}

.suggestion-block-group-wrapper {
    scroll-margin-top: 300px
}

.accordion-header-arrow {
    margin-right: 7px
}

.editor__article__summary {
    font-size: 18px;
    line-height: 24px;
    min-height: 30px;
    color: var(--text-muted)
}

.editor__article__view__summary {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px;
    word-wrap: break-word
}

.side-panel-help__center-label {
    margin-bottom: -1px!important;
    font-weight: 500
}

.editor__article__add-to-hc:hover {
    cursor: pointer;
    color: var(--text-link)
}

.editor__article__create-collection {
    max-width: 288px
}

.editor__article__create-collection div {
    width: fit-content
}

.editor__article__create-collection-modal-footer .btn__tertiary {
    color: var(--text-default)
}

.editor__article__create-collection-modal-footer .btn__tertiary:hover {
    color: var(--text-link)!important
}

.editor__article__create-collection-modal-footer .t__solo-link__inner {
    text-decoration: none!important
}

.editor__article__hc-group-selector__remove:hover {
    cursor: pointer;
    color: var(--text-error)
}

.editor__tag__pill-parent:not(:hover) .editor__tag__pill {
    visibility: hidden
}

.gap-6px {
    gap: 6px
}

.side-by-side-review-card {
    min-height: 280px;
    min-width: 432px;
    max-width: 432px;
    display: flex;
    flex-direction: column
}

.group:hover .suggestion-card-hidden-content,.suggestion-card-focused .suggestion-card-hidden-content {
    width: 268px;
    height: 168px;
    padding: .5rem;
    z-index: 2
}

.suggestion-text {
    flex: none;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden
}

.suggestion-card-wrapper-small .suggestion-text {
    height: 64px
}

.suggestion-card-wrapper-small .suggestion-text.has-overflow {
    mask-image: linear-gradient(180deg,#000 60%,transparent)
}

.overview__pill-padding-top-2 {
    padding-top: 2px;
    padding-bottom: 2px
}

.new__overview__separator,.overview__separator {
    background-color: var(--neutral-container);
    height: 1px;
    margin-left: -24px;
    margin-right: -24px
}

.overview__mt-2px {
    margin-top: 2px
}

.overview__min-width-max-content {
    min-width: max-content
}

.overview__banner {
    padding: 24px!important
}

.overview__banner>button:first-child {
    color: var(--text-muted);
    background: #f7f7f7;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
    display: none;
    height: auto!important;
    width: auto!important;
    padding: 4px;
    line-height: 0;
    border-radius: 100px;
    top: -24px;
    right: -24px
}

.overview__banner:hover>button:first-child {
    display: block
}

.overview__getting-started-checklist-card>button:first-child {
    background: var(--neutral-container)
}

.overview__getting-started-checklist-card .heading,.overview__getting-started-checklist-card .text {
    margin: 0!important
}

.overview__main-container .interface-icon.o__standard {
    margin: 0;
    padding: 0
}

.overview__main-container .interface-icon.o__standard__sync {
    transform: scaleX(-1)
}

.knowledge-hub__overview__discovery-banner {
    padding: 0!important
}

.overview__checklist__icon .interface-icon {
    height: 20px!important;
    width: 20px!important
}

@media screen and (min-width: 1280px) {
    .overview__sources-wrapper {
        flex-direction:row-reverse
    }

    .overview__getting-started-checklist-card {
        width: 370px;
        margin-left: 24px
    }
}

.knowledge-hub__overview__discovery-banner-desc {
    max-width: 540px
}

.overview__learn-more-link {
    padding: 6px 0
}

.overview__learn-more-link:hover {
    color: var(--text-link)
}

.overview__paywall-stamp {
    padding: 2px 8px
}

.overview__row-status-tooltip {
    display: inline-flex!important;
    align-items: center
}

a:has(.overview__copilot-explained-video) {
    text-decoration: none
}

a:has(.overview__copilot-explained-video):hover {
    color: var(--text-link)
}

.knowledge-hub__modal__help-center-link .text.o__standalone-link,.knowledge-hub__modal__help-center-link a {
    color: var(--text-default)!important;
    text-decoration: none!important
}

.knowledge-hub__modal__help-center-link .text.o__standalone-link:hover,.knowledge-hub__modal__help-center-link a:hover {
    color: var(--text-link)!important
}

.manage-conversations-modal__attribute-matcher {
    display: flex;
    align-items: center;
    border-radius: 0;
    margin-left: 1px;
    margin-right: 1px;
    background-color: var(--neutral-container)
}

.manage-conversations-modal__attribute-dropdown {
    display: flex;
    align-items: center;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    margin-left: 1px;
    background-color: var(--neutral-container)
}

.manage-conversations-modal__filter-block {
    background-color: var(--neutral-container);
    margin-top: 4px;
    margin-bottom: 4px
}

.manage-conversations-modal__filter-block:has(.is-disabled) {
    background-color: var(--neutral-container);
    margin-top: 4px;
    margin-bottom: 4px
}

.manage-conversations-modal__filter-block:has(.is-disabled) .filter-block__content {
    background-color: var(--neutral-container);
    color: var(--text-muted);
    opacity: .7;
    pointer-events: none
}

.empty__hc__source__banner__image__holder,.source__banner__image__holder {
    flex-shrink: 0;
    padding: 16px 16px 16px 0;
    width: 425px;
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

.empty__hc__source__banner__image__holder {
    width: 354px;
    border-radius: 12px
}

.content__source__source__card__cta {
    background: 0 0!important;
    padding: 0!important;
    outline: 0!important
}

.content__source__source__card__cta:hover {
    color: var(--text-link)
}

.source__cards__scroller {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.source__cards__scroller::-webkit-scrollbar {
    display: none
}

.source__card__description {
    margin-bottom: 14px!important
}

.title__and__button__text__style {
    line-height: 16px!important
}

.source__card__text__description {
    line-height: 18px!important
}

.source__banner__description {
    max-width: 555px
}

.drawer-editor-responsive {
    width: 70%!important;
    max-width: 1500px;
    transition: width 350ms cubic-bezier(.22,.23,.31,1),max-width 350ms cubic-bezier(.22,.23,.31,1),box-shadow 350ms cubic-bezier(.22,.23,.31,1)
}

@media (max-width: 1350px) {
    .drawer-editor-responsive {
        width:100%!important;
        box-shadow: none!important
    }
}

@media (max-width: 1200px) {
    .drawer-editor-responsive {
        margin-left:var(--module-spacing)!important;
        box-shadow: none!important
    }
}

.drawer-editor-responsive-narrow {
    width: 45%!important;
    max-width: 1500px;
    transition: width 350ms cubic-bezier(.22,.23,.31,1),max-width 350ms cubic-bezier(.22,.23,.31,1),box-shadow 350ms cubic-bezier(.22,.23,.31,1)
}

@media (max-width: 1350px) {
    .drawer-editor-responsive-narrow {
        width:100%!important;
        box-shadow: none!important
    }
}

@media (max-width: 1200px) {
    .drawer-editor-responsive-narrow {
        margin-left:var(--module-spacing)!important;
        box-shadow: none!important
    }
}

.drawer-editor-full-screen {
    width: 100%!important;
    max-width: 100%;
    transition: width 350ms cubic-bezier(.22,.23,.31,1),max-width 350ms cubic-bezier(.22,.23,.31,1),box-shadow 350ms cubic-bezier(.22,.23,.31,1);
    box-shadow: none!important
}

@media (max-width: 1200px) {
    .drawer-editor-full-screen {
        margin-left:var(--module-spacing)!important
    }
}

.psp-tooltip {
    width: 310px
}

.feature-tooltip {
    max-width: 310px
}

@font-face {
    font-family: "TT Norms Pro";
    src: url(https://cdn.bfldr.com/YG8OFD14/at/xrf9m96btwbhn4bwrr4jz4k/tt_norms_pro_regular.otf)
}

@font-face {
    font-family: "TT Norms Pro";
    src: url(https://cdn.bfldr.com/YG8OFD14/at/cm7xfpg465pzwtjj5rwgmgth/tt_norms_pro_bold.otf);
    font-weight: 700
}

.billing__early-stage-rejection__button {
    background-color: #0057ff;
    color: var(--text-on-neutral);
    border-radius: 24px;
    font-size: 15px;
    font-weight: 700;
    line-height: 130%;
    height: 48px;
    width: 180px
}

.billing__early-stage-rejection__card {
    font-family: "TT Norms Pro";
    border-radius: 20px
}

.billing__early-stage-rejection__card.billing__early-stage-rejection__card__on-trial {
    background-color: #223140;
    color: var(--text-on-neutral)
}

.billing__early-stage-rejection__card .billing__early-stage-rejection__card__pill {
    background-color: var(--neutral-container);
    color: var(--text-default);
    padding: 2px 8px;
    border-radius: 19px
}

.billing__early-stage-rejection__card .billing__early-stage-rejection__price {
    font-size: 44px;
    line-height: 44px;
    font-weight: 700
}

.usage__content {
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
    min-width: 1040px;
    max-width: 1280px
}

.popover__base__tooltip {
    width: 360px
}

.billing__stripe-migration__hero-banner__title {
    font-family: Inter;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.5px;
    vertical-align: middle
}

.billing__stripe-migration__hero-banner__content {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    vertical-align: middle
}

.billing__stripe-migration__hero-banner__link {
    padding: 6px 8px;
    border-radius: var(--border-radius-full)
}

.billing__stripe-migration__hero-banner__link span {
    color: var(--text-default);
    font-weight: 600
}

.tickets-portal-audience-selector .matching-system__audience-editor {
    margin-left: -8px
}

.global-search__modal-container {
    z-index: 10002
}

.global-search__input {
    background: var(--neutral-container)
}

.global-search {
    width: 640px;
    top: 30vh;
    max-height: 400px
}

.global-search-shadow {
    box-shadow: 0 12px 48px rgba(32,40,77,.35),0 32px 80px rgba(32,40,77,.1)
}

.global-search-settings {
    top: 38px;
    z-index: 2300000000
}

.billing__usage__report-card__title-row .overlay__opener {
    transform: translateY(-2%)
}

.billing__usage__report-card__current-usage {
    transform: translateY(2%)
}

.billing__usage__report-card__title-row,.billing__usage__report-card__usage-alerts-limits-modal__content strong {
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.billing__usage__report-card__current-usage,.fin-playground__rating-reasons button {
    font-weight: 400!important
}

.billing__usage__report-card__contracted-usage,.billing__usage__report-card__total-number {
    font-weight: 500!important
}

.billing__usage__report-card__total-number {
    color: var(--text-default)!important
}

.billing__usage__report-card__usage-alerts-limits-modal__footer .t__solo-link__outer {
    color: var(--text-default)!important;
    font-weight: 600
}

.billing__usage__report-card__usage-alerts-limits-modal__price {
    margin-top: 5px
}

.billing__usage__report-card__usage-alert-container .popover__opener {
    margin-left: auto
}

.billing__usage__report-card__pill-limit {
    border-radius: 24px;
    padding: 2px 8px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.billing__usage__report-card__pill-limit.not-reached {
    border: 1px solid var(--neutral-border);
    background-color: var(--neutral-container);
    color: var(--text-default);
    margin-left: auto
}

.billing__usage__report-card__pill-limit.reached {
    border: 1px solid var(--notice-border);
    background-color: var(--notice-container);
    color: var(--text-default);
    cursor: pointer
}

.billing__usage__report-card__pill-limit.reached .interface-icon {
    width: 12px;
    height: 12px;
    padding-left: 2px
}

.billing__usage__report-card__usage-alerts-limits-modal__content input[type=text] {
    width: 100px
}

.billing__usage__report-card__usage-alerts-limits-modal__content strong {
    font-weight: 800
}

.billing__features__feature-link__side-drawer .flex-row.justify-between {
    border-bottom: 1px solid rgba(0,0,0,.05);
    align-items: center
}

.billing__features__feature-link__side-drawer .content {
    display: flex;
    align-items: center
}

.copilot-text-hover-shine:hover,button:hover .copilot-text-hover-shine {
    background-image: linear-gradient(90deg,var(--text-default) 40%,var(--ai-gradient-step-2) 45%,var(--ai-gradient-step-3) 50%,var(--ai-gradient-step-4) 55%,var(--text-default) 60%);
    background-size: 250% 100%;
    background-position: 125% 0;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    animation: copilot-bg-shine 1s 1
}

.copilot-chat-bg-gradient {
    background-image: linear-gradient(187deg,rgb(from var(--ai-gradient-step-1) r g b/.05) 8%,rgb(from var(--ai-gradient-step-2) r g b/.05) 40%,rgb(from var(--ai-gradient-step-3) r g b/.05) 100%)
}

.gradient-glow {
    position: absolute;
    will-change: opacity,transform;
    opacity: .4;
    width: 800px;
    height: 800px;
    bottom: -600px
}

[data-animation-state=static-subtle] .gradient-glow {
    opacity: .2
}

.gradient-glow.position-1 {
    left: -50%;
    background: radial-gradient(circle at center,rgb(from var(--ai-gradient-step-2) r g b/.7) 0,rgb(from var(--ai-gradient-step-2) r g b/.6) 100px,rgb(from var(--ai-gradient-step-2) r g b/.35) 200px,rgb(from var(--ai-gradient-step-2) r g b/.15) 300px,rgb(from var(--ai-gradient-step-2) r g b/0) 400px)
}

.gradient-glow.position-2 {
    left: 0;
    background: radial-gradient(circle at center,rgb(from var(--ai-gradient-step-3) r g b/.7) 0,rgb(from var(--ai-gradient-step-3) r g b/.6) 100px,rgb(from var(--ai-gradient-step-3) r g b/.35) 200px,rgb(from var(--ai-gradient-step-3) r g b/.15) 300px,rgb(from var(--ai-gradient-step-3) r g b/0) 400px)
}

.gradient-glow.position-3 {
    left: 50%;
    background: radial-gradient(circle at center,rgb(from var(--ai-gradient-step-4) r g b/.7) 0,rgb(from var(--ai-gradient-step-4) r g b/.6) 100px,rgb(from var(--ai-gradient-step-4) r g b/.35) 200px,rgb(from var(--ai-gradient-step-4) r g b/.15) 300px,rgb(from var(--ai-gradient-step-4) r g b/0) 400px)
}

.inbox2-copilot-composer {
    background-color: var(--base-module);
    color: var(--text-default)
}

.copilot-input-container {
    border: 2px solid transparent;
    outline: 1px solid var(--neutral-border);
    outline-offset: -1px
}

.copilot-input-container:focus-within {
    outline: 0;
    background-origin: border-box;
    background-clip: padding-box,border-box;
    background-image: linear-gradient(var(--base-input),var(--base-input)),linear-gradient(90deg,var(--ai-gradient-step-2),var(--ai-gradient-step-3),var(--ai-gradient-step-4))
}

.copilot-answer-button-shadow {
    border: 1px solid var(--neutral-border)
}

.copilot-answer-button-shadow,.copilot-suggestion-button {
    box-shadow: var(--shadow-lvl-1)
}

.copilot-suggestion-preamble-icon svg {
    width: 12px!important;
    height: 12px!important
}

.inbox-copilot-answer {
    background-color: var(--neutral-container)
}

.inbox-copilot-answer .intercom-interblocks-paragraph:not(:last-of-type) {
    margin-bottom: 12px
}

.inbox-copilot-answer.o__animate-entry {
    animation: height-reveal-animation;
    animation-duration: 250ms;
    animation-timing-function: ease-in;
    animation-iteration-count: 1
}

.inbox-copilot-answer .inline-citation {
    background-color: var(--beta-fill);
    border: 1px solid var(--beta-border);
    color: var(--text-on-beta);
    border-radius: 8px;
    height: 16px;
    min-width: 16px;
    display: inline-block;
    margin-left: 4px;
    text-decoration: none;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    line-height: 14px;
    user-select: none;
    text-transform: uppercase;
    box-sizing: border-box;
    padding: 0 4px
}

.inbox-copilot-answer .inline-citation:hover {
    background-color: var(--beta-fill-emphasis);
    border-color: var(--beta-border-emphasis)
}

.inbox-copilot-answer .inline-citation::before {
    content: attr(data-source-id);
    vertical-align: text-bottom
}

.inbox-copilot-answer .inline-citation[data-entity-type="137"] {
    background-color: var(--notice-fill);
    color: var(--text-on-notice);
    border-color: var(--notice-border)
}

.inbox-copilot-answer .inline-citation[data-entity-type="137"]:hover {
    background-color: var(--notice-fill-emphasis);
    border-color: var(--notice-border-emphasis)
}

.inbox-copilot__message__entry-animation {
    animation-name: slide-up-entry-animation;
    animation-duration: .3s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1
}

.inbox-copilot__message__entry-animation.o__delayed {
    animation-duration: 1s;
    animation-name: delayed-slide-up-entry-animation
}

.inbox-copilot__source-icon {
    margin-right: 4px;
    height: 20px;
    width: 20px;
    min-width: 20px
}

.inbox-copilot__source-icon svg {
    height: 10px!important;
    width: 10px!important;
    margin-bottom: 0!important
}

.inbox-copilot__macro-answer-icon svg {
    width: 10px!important
}

.inbox-copilot-internal-answer-warning {
    background-color: var(--notice-container)!important
}

.inbox-copilot-passage-highlight p {
    display: inline;
    background-color: var(--notice-fill);
    color: var(--text-on-notice);
    animation: fade-in-background .3s linear 1
}

.inbox-copilot-waitlist-sidebar {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 302px;
    align-items: center
}

.inbox-copilot-waitlist-sidebar .waitlist-video-wrapper {
    box-sizing: border-box;
    position: relative
}

.inbox-copilot-waitlist-sidebar .waitlist-video {
    position: relative;
    z-index: 10;
    width: 100%;
    transition: transform .25s ease-in
}

.inbox-copilot-waitlist-sidebar .waitlist-video:hover {
    transform: scale(1.03);
    transition: transform .25s ease-in
}

.inbox-copilot-waitlist-sidebar .waitlist-video-bg {
    z-index: 0;
    position: absolute;
    width: 130%;
    top: -15%;
    left: -15%
}

a:has(.waitlist-helplink-button) {
    text-decoration: none
}

.inbox2__source-preview {
    border-left: 3px solid var(--neutral-border);
    padding-left: 10px;
    padding-right: 10px;
    max-height: 200px;
    overflow-y: scroll
}

.inbox2__source-preview .intercom-interblocks-table {
    overflow-x: scroll
}

.webpage-borderless-source-preview {
    border-left: none;
    padding-left: 2px
}

.inbox2-copilot-source-preview-title {
    font-size: 20px;
    line-height: 26px
}

.inbox2-copilot-sidebar-beta-badge {
    border-radius: 24px
}

@media (max-width: 1440px) {
    .inbox2-copilot-sidebar-beta-badge {
        display:none
    }
}

.copilot-blank-slate {
    max-width: 320px
}

.copilot__waitlist__wait-is-over__admin-popover {
    max-height: 264px;
    width: 281px
}

.margin-top-2px {
    margin-top: 2px
}

.copilot-suggested-macro {
    border: 1px solid transparent;
    background-image: linear-gradient(var(--base-module),var(--base-module)),linear-gradient(90deg,var(--ai-gradient-step-2),var(--ai-gradient-step-3),var(--ai-gradient-step-4));
    background-origin: border-box;
    background-clip: padding-box,border-box;
    max-height: 100px
}

.copilot-suggested-macro img {
    max-width: 100%
}

.copilot__preview-container {
    width: 400px
}

.standalone__knowledge-section,.standalone__knowledge-section .ai-content-library-outer-container,.standalone__knowledge-section .ai-content-library-viewport {
    border-radius: 12px
}

.standalone__navbar {
    width: 216px;
    min-width: 216px;
    max-width: 216px;
    overflow: hidden
}

.standalone__navbar-logo {
    height: 25px
}

.standalone__nav-child-link,.standalone__nav-link {
    transition: all .2s ease
}

.standalone__nav-admin-avatar-container {
    width: 19px
}

.standalone__child-link-indicator {
    width: 2px
}

.standalone__zendesk-channel-color {
    background-color: #17494d
}

.standalone__channels-overview-card {
    min-width: 360px;
    height: 100%
}

.standalone__glow-bg,.standalone__strong-glow-light-mode-bg {
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/standalone/glows-static-2fdd260854cbac916780a97859393f02.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.standalone__strong-glow-light-mode-bg {
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/standalone/strong-glow-light-mode-77e8b1bb998499feff63cc3f57e0ca65.svg)
}

.standalone__strong-glow-dark-mode-bg,.standalone__weak-glow-dark-mode-bg,.standalone__weak-glow-light-mode-bg {
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/standalone/strong-glow-dark-mode-a0424476e310421f9b73cbbb5de4acff.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.standalone__weak-glow-dark-mode-bg,.standalone__weak-glow-light-mode-bg {
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/standalone/weak-glow-light-mode-26a9328a3fb2fe59c7dbfbeaceb67a8a.svg)
}

.standalone__weak-glow-dark-mode-bg {
    background-image: url(https://static.intercomassets.com/ember/assets/svgs/standalone/weak-glow-dark-mode-106d627244aab59d8a95e6c3a7c1b81a.svg)
}

.standalone__overview-card-image {
    height: 200px;
    overflow-clip-margin: unset
}

.standalone__overview-container {
    max-width: 1168px
}

.standalone__knowledge__placeholder-loading-spinner-container .interface-icon {
    transform: scaleX(-1)
}

.standalone__banner__icons-center div.items-start {
    align-items: center!important
}

.standalone__deploy__workflow-table table {
    table-layout: fixed;
    width: 100%
}

.standalone__deploy__workflow-table th {
    color: var(--text-disabled);
    box-shadow: none
}

.standalone__deploy__workflow-table .row-hover {
    background-color: var(--neutral-container)
}

.standalone__zendesk-fin-identity-select {
    min-width: 300px!important
}

.standalone__copilot-quick-action:disabled {
    opacity: .5
}

.standalone__banner__image-container {
    width: 340px;
    height: 235px
}

.standalone__nav-link-search {
    padding-left: 4px!important
}

.standalone__workflow-status-pill-disabled .box-border {
    color: var(--text-disabled)
}

.timeline__date {
    color: var(--text-default);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.timeline__main-ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.timeline__main-li {
    position: relative
}

.timeline__main-li:before {
    background-color: #d9d9d9;
    width: 1px;
    content: "";
    position: absolute;
    bottom: -3px;
    left: 4px;
    top: 18px
}

.timeline__main-li:last-child:before {
    background: linear-gradient(180deg,#d9d9d9 0,#fff 100%)
}

.timeline__sub-ul {
    list-style-type: none;
    padding-left: 36px
}

.timeline__sub-ul li {
    padding-left: 8px
}

.timeline__sub-ul li::marker {
    content: "•";
    font-size: 12px;
    vertical-align: middle;
    padding-right: 8px
}

.timeline__bullet {
    width: 9px;
    float: left;
    padding-right: 10px;
    fill: var(--neutral-container)
}

.timeline__dark-grey-bullet {
    fill: var(--text-muted)
}

.brand__sidebar .new-settings__home-section-content {
    justify-content: center
}

.brands__modal .ds-new__modal__header {
    padding-right: 16px
}

.brands__modal .brands__learn-more {
    color: var(--text-default)
}

.brand__card {
    width: 282px
}

.brand__image-card__image {
    min-width: 42px;
    height: 42px
}

.brand__image-card__image .interface-icon {
    margin-right: 0!important
}

.brand__image-card__image img {
    max-width: 42px;
    max-height: 42px
}

.brand__sidebar .new-settings__home-section {
    gap: 32px
}

.brand__sidebar .new-settings__home-section-content {
    padding: 0
}

.intercom-embed-chat #intercom_composer .ic-popup ol>li,.intercom-embed-chat #intercom_composer .ic-popup ul>li,.intercom-embed-note #intercom_composer .ic-popup ol>li,.intercom-embed-note #intercom_composer .ic-popup ul>li,.intercom-embed-post #intercom_composer .ic-popup ol>li,.intercom-embed-post #intercom_composer .ic-popup ul>li,.migration__choice__edit__button {
    margin: 0!important
}

.migration__new__features {
    background: #e78413;
    background: linear-gradient(16deg,#e78413 0,#de83ec 40%,#8675d1 55%,#1955eb 100%);
    background: -moz-linear-gradient(16deg,#e78413 0,#de83ec 40%,#8675d1 55%,#1955eb 100%);
    background: -webkit-linear-gradient(16deg,#e78413 0,#de83ec 40%,#8675d1 55%,#1955eb 100%);
    -webkit-background-clip: text;
    color: transparent
}

.migration__decreaser__summary {
    color: #0f7134
}

.migration__hero__banner__icon svg {
    width: 48px!important;
    height: 48px!important
}

.migration__billing__comparison__card {
    min-width: 360px
}

.banner.no-full-seats-selected-error {
    min-width: 70%;
    top: 80%!important
}

.migration__choice__checkbox input[type=checkbox]:checked {
    accent-color: #222
}

.migration__help__button__group .btn.o__primary {
    margin-left: 0!important
}

.migration__help__div {
    width: 100%
}

.migration__help__button__group .btn {
    margin-left: 0
}

.migration__choice__summary__card__divider {
    border-top: 1px dashed var(--neutral-border)
}

.migration__choice__recommended__stamp span {
    vertical-align: middle
}

.migration__choice__recommended__stamp span,.migration__summary__text__xs {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.migration__summary__text__sm {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.migration__summary__text__md {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

.migration__summary__card__link {
    color: var(--text-link);
    text-decoration: none!important
}

.migrations__migration-help__list {
    padding-inline-start:16px;margin-block-start:0;margin-block-end:0}

.checkout__success__progress-bar-position {
    left: 26px
}

.checkout__success__status-badge .interface-icon {
    margin-bottom: 3px;
    width: 19px;
    height: 19px;
    margin-left: -1px
}

.checkout__invite-teammates-form-width {
    width: 540px
}

.checkout__invite-teammates-illustration-size {
    width: 152px
}

.workflow-connector__setup__discovery-banner {
    padding: 12px!important
}

.workflow-connector__setup__discovery-banner>.heading,.workflow-connector__setup__discovery-banner>.text {
    display: none
}

@media screen and (min-width: 1350px) {
    .workflow-connector__setup__discovery-banner-container {
        display:flex
    }
}

.workflow-connector__custom-action__tab-control-container {
    border-bottom: 1px solid rgba(0,0,0,.05)
}

.workflow-connector__custom-action__tab-control-container .tab-control__tab:disabled {
    cursor: not-allowed!important
}

.workflow-connector__custom-action__tab-control-container .tab-control__tab:disabled * {
    color: var(--text-muted)
}

.workflow-connector__custom-action__tab-control-container .tab-control__tab:last-child {
    float: right
}

.input-mapping__drawer-header-margin>div>div:nth-child(2) {
    margin-top: -8px;
    margin-bottom: -8px
}

.fin-playground__answer-base-container,.fin-playground__answer-container,.fin-playground__answer-container-redesign {
    position: relative;
    text-align: left;
    display: flex;
    max-width: 400px;
    width: 100%;
    flex-direction: column;
    padding: 12px 16px;
    float: left;
    border-radius: 20px 20px 20px 20px
}

.fin-playground__right-slot .fin-playground__answer-base-container,.fin-playground__right-slot .fin-playground__answer-container,.fin-playground__right-slot .fin-playground__answer-container-redesign {
    max-width: 85%;
    align-self: flex-start
}

.fin-playground__answer-container-redesign,.fin-playground__right-slot .fin-playground__answer-container-redesign {
    background-color: var(--neutral-container);
    border: 1px solid var(--neutral-border)
}

.fin-playground__answer-container {
    background-color: var(--base-module);
    border: 1.5px solid transparent;
    background-image: linear-gradient(var(--base-module),var(--base-module)),linear-gradient(90deg,#fee2d4 0,#f5c8d6 50%,#dbbddb 100%);
    background-origin: border-box;
    background-clip: padding-box,border-box
}

.fin-playground__right-slot .fin-playground__answer-container {
    background-image: linear-gradient(var(--neutral-container),var(--neutral-container)),linear-gradient(90deg,#fee2d4 0,#f5c8d6 50%,#dbbddb 100%)
}

.fin-playground__right-slot .inbox2-animated-typing-dots {
    height: 32px;
    width: 56px;
    background-color: var(--neutral-container);
    border: 1px solid var(--neutral-border);
    border-radius: 16px;
    gap: 4px;
    justify-content: center
}

.fin-playground__right-slot .inbox2-animated-typing-dot {
    height: 6px;
    width: 6px
}

.fin-playground__answer {
    max-width: 400px
}

.fin-playground__answer .fin-playground__question-block {
    max-width: 300px;
    border-radius: 20px 20px 20px 20px
}

.fin-playground__answer .intercom-interblocks-paragraph:not(.no-margin),.fin-playground__answer-redesign .intercom-interblocks-paragraph:not(.no-margin) {
    margin-bottom: 6px
}

.fin-playground__answer-redesign .fin-playground__question-block {
    max-width: 60%;
    border-radius: 20px 20px 20px 20px
}

.fin-playground__feedback-buttons .fin-playground__negative-feedback,.fin-playground__feedback-buttons .fin-playground__positive-feedback {
    box-shadow: 0 0 0 0 var(--neutral-border-emphasis);
    background-color: transparent
}

.fin-playground__feedback-buttons .fin-playground__negative-feedback:focus,.fin-playground__feedback-buttons .fin-playground__positive-feedback:focus {
    box-shadow: 0 0 0 0 var(--neutral-border-emphasis);
    background-color: transparent
}

.fin-playground__feedback-buttons .fin-playground__negative-feedback:hover,.fin-playground__feedback-buttons .fin-playground__positive-feedback:hover {
    background-color: var(--neutral-container)
}

.fin-playground__feedback-buttons .fin-playground__negative-feedback.active,.fin-playground__feedback-buttons .fin-playground__positive-feedback.active {
    background-color: var(--neutral-container-emphasis);
    border: 1px solid var(--neutral-border-emphasis)
}

.fin-playground__feedback-buttons .fin-playground__negative-feedback.active:focus,.fin-playground__feedback-buttons .fin-playground__positive-feedback.active:focus {
    box-shadow: 0 0 0 0 var(--neutral-border-emphasis);
    background-color: var(--neutral-container-emphasis)
}

.fin-playground__feedback-buttons .shortcut-key {
    height: 20px;
    min-width: 20px;
    padding: 2px 4px
}

.fin-playground__feedback-buttons-old-design .fin-playground__positive-feedback.active {
    background-color: var(--success-container)
}

.fin-playground__feedback-buttons-old-design .fin-playground__negative-feedback.active {
    background-color: var(--error-container)
}

.fin-playground__right-slot {
    width: 400px
}

.fin-playground__content-banner .text {
    font-weight: 600
}

.fin-playground__inspect-answer-body {
    position: relative;
    display: flex
}

.fin-playground__inspect-answer-bar {
    position: absolute;
    left: 3px;
    top: 23px;
    bottom: 6px;
    width: 2px;
    background-color: var(--base-backdrop)
}

.fin-playground__inspect-answer-content {
    flex-grow: 1
}

.fin-playground__inspect-answer-guideline {
    max-width: 350px
}

.fin-playground__inspect-answer-content-item {
    max-width: 330px
}

.fin-playground__good-answer-icon {
    background-color: var(--success-container);
    border: 1px solid var(--success-border);
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.fin-playground__acceptable-answer-icon,.fin-playground__poor-answer-icon {
    background-color: var(--error-container);
    border: 1px solid var(--error-border);
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.fin-playground__acceptable-answer-icon {
    background-color: var(--notice-container);
    border: 1px solid var(--notice-border)
}

.fin-playground__reason-area {
    position: relative
}

.fin-playground__reason-area .fin-playground__reason-input {
    color: var(--text-default);
    min-height: 32px
}

.fin-playground__reason-area .fin-playground__reason-input::placeholder {
    color: var(--text-muted)
}

.fin-playground__reason-area .fin-playground__reason-input:focus {
    background-color: var(--neutral-container);
    cursor: text;
    border: 1px solid var(--neutral-border-emphasis);
    box-shadow: var(--shadow-lvl-1);
    position: relative;
    z-index: 2500
}

.fin-playground__reason-area .fin-playground__reason-input:focus::placeholder {
    color: var(--text-muted)
}

.fin-playground__reason-area .fin-playground__input-icon,.fin-playground__reason-area .fin-playground__success-icon {
    display: none;
    position: absolute;
    top: 2px;
    padding: 4px!important;
    background-color: var(--neutral-container)!important;
    z-index: 2;
    right: 4px
}

.fin-playground__reason-area .fin-playground__success-icon {
    display: block;
    color: var(--text-success)!important;
    background-color: var(--base-module)!important
}

.fin-playground__reason-area:hover:not(:focus) .fin-playground__input-icon {
    display: block
}

.fin-playground__reason-area:focus .fin-playground__input-icon {
    display: none
}

.fin-playground__reason-area:not(:focus)::placeholder {
    color: var(--text-muted)
}

.fin-playground__language-support-banner {
    max-width: 400px;
    width: 100%;
    border-radius: 20px 20px 20px 20px
}

.fin-playground__question-filters-loading-state .filter-loading-pill {
    background-color: var(--neutral-container);
    width: 184px;
    height: 32px;
    border-radius: var(--border-radius-full)
}

.fin-playground__question-table .transparent-top-border,.fin-playground__suggestion-box .transparent-top-border {
    border-top: 1px solid transparent
}

.fin-playground__question-table .transparent-bottom-border,.fin-playground__suggestion-box .transparent-bottom-border {
    border-bottom: 1px solid transparent
}

.fin-playground__source-item-icon svg {
    margin-right: 0!important;
    margin-bottom: 0!important
}

.fin-playground__question-creation-card {
    max-width: 320px
}

.fin-playground__answer-notice__heading {
    font-size: 13px
}

.fin-playground__answer-notice__content__link {
    font-weight: 600
}

.coming-soon-banner-actions a,.fin-playground__answer-notice__link {
    text-decoration: none
}

.fin-playground__details-sidebar-container-collapsed {
    flex-basis: 0;
    transition: flex-basis 125ms ease-in-out
}

.fin-playground__banner {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000
}

.fin-playground__groups-question-creation-empty-state-icon svg {
    height: 24px!important;
    width: 24px!important
}

.apps__new__form__label {
    font-weight: 400!important
}

.apps__new__form__select-field>button {
    border: 1px solid var(--neutral-border)!important;
    background-color: var(--base-input)!important
}

.apps__new__form__select-field .u__one-truncated-line {
    color: var(--text-muted);
    font-weight: 400!important
}

.apps__new__form__select-field[data-selected=true] .u__one-truncated-line {
    color: var(--text-default)
}

.apps__new__heading__container {
    width: 53%!important
}

body[style*="pointer-events: none"] #intercom-container,body[style*="pointer-events: none"] .intercom-lightweight-app {
    pointer-events: auto!important
}

.m__settings__sidebar {
    width: 230px;
    min-width: 230px;
    margin: 0 20px 20px 0
}

.m__settings__main__card {
    padding-bottom: 5px;
    border-color: var(--neutral-border)
}

.m__settings__main__card.o__empty {
    padding: 80px 40px
}

.m__settings__main__card.o__joined {
    border-top: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.m__settings__main__header {
    margin-right: 20px
}

.m__settings__main__remove-sidebar {
    margin-left: -250px
}

.m__settings__messenger__select {
    padding-left: 1px;
    padding-bottom: 1px
}

.m__settings__settings__fixed-width-wrapper {
    max-width: 300px
}

.m__settings__notifications__header {
    background-color: var(--neutral-container);
    border-bottom: 1px solid var(--neutral-border);
    border-radius: 3px 3px 0 0
}

.m__settings__notifications__header__item {
    padding: 14px 32px
}

.m__settings__notifications__header__item.o__email,.m__settings__notifications__header__item.o__mobile {
    border-left: 1px solid var(--neutral-border)
}

.m__settings__messenger__left-wrap {
    width: 460px;
    padding-right: 25px
}

.m__settings__messenger__left-wrap.o__narrow {
    width: inherit
}

.m__settings__main__v3-messenger {
    min-width: 850px
}

.m__settings__messenger__inbound-conversations-preview-wrap,.m__settings__messenger__preview-wrap {
    position: relative;
    overflow: hidden
}

.m__settings__messenger__preview-wrap::before {
    top: 0
}

.m__settings__messenger__inbound-conversations-preview-wrap::before,.m__settings__messenger__preview-wrap::after,.m__settings__messenger__preview-wrap::before {
    content: " ";
    border-left: 2px solid var(--neutral-border);
    display: block;
    position: absolute;
    left: 0
}

.m__settings__messenger__inbound-conversations-preview-wrap::before {
    top: 0
}

.m__settings__messenger__preview-wrap::before {
    height: 130px
}

.m__settings__messenger__preview-wrap::after {
    top: 160px;
    bottom: 26px
}

.m__conversation-stream__compact+.h-8,.m__settings__office-hours-wrapper .m__settings__messenger__inbound-conversations-preview-wrap::before,.m__settings__office-hours-wrapper .m__settings__messenger__preview-wrap::after,.m__settings__office-hours-wrapper .m__settings__messenger__preview-wrap::before {
    display: none
}

.m__settings__messenger__inbound-conversations-preview-wrap::before {
    height: 100%
}

.m__settings__welcome-message__help-text {
    max-width: 450px
}

.m__settings__welcome-message__nothingness-container {
    width: 500px;
    text-align: center
}

.m__settings__welcome-message__image {
    width: 240px;
    height: 150px;
    margin: 0 auto 20px;
    background-image: url(https://static.intercomassets.com/ember/assets/images/settings/welcome-message-3af5fd1803dd14241af636c15dd8e559.png);
    background-size: 240px 150px;
    background-repeat: no-repeat
}

@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio: 2.6/2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx) {
    .m__settings__welcome-message__image {
        background-image:url(https://static.intercomassets.com/ember/assets/images/settings/welcome-message@2x-a76cbd3e659c990db4acd832e4281f61.png)
    }
}

.m__settings__identity-verification {
    background-color: var(--notice-container);
    color: var(--text-default);
    box-sizing: border-box;
    display: block;
    padding: 10px 15px;
    position: relative;
    font-weight: 500;
    border-top-left-radius: 8px
}

.m__permissions__request {
    box-sizing: border-box;
    padding-right: 26px;
    padding-bottom: 12px;
    width: 32%
}

.m__message-audience-editor__relative-input {
    width: 50%
}

.m__message-audience-editor__relative-input__label {
    margin-left: 5px
}

.m__message-audience-editor__filter-search-input {
    padding-left: 28px
}

.m__message-audience-editor__filter-search-icon {
    margin-top: 7px;
    margin-left: 7px;
    position: absolute
}

.m__message-audience-editor__filter-search__no-results {
    margin-top: -15px
}

.m__message-audience-editor__any-all__container {
    position: relative;
    margin: 6px
}

.m__conversation-stream__compact-last+.h-8 {
    display: block
}

.conversation__part.o__admin-is-typing-part,.conversation__part.o__user-is-typing-part,.h-8.o__admin-is-typing-spacer,.h-8.o__user-is-typing-spacer {
    display: none
}

.m__conversation-stream__time-ago {
    text-transform: lowercase
}

.m__message-stats__container {
    padding: 30px;
    min-height: 400px;
    overflow-x: auto
}

.m__message-stats__conversation-container {
    margin: 20px auto;
    min-width: 700px;
    max-width: 900px
}

.m__message-stats__stats-header {
    height: 32px;
    padding-bottom: 20px
}

.m__message-stats__padding-top-four {
    padding-top: 4px
}

.m__message-stats__padding-top-six {
    padding-top: 6px
}

.m__message-stats__disabled-checkbox-overlay {
    position: absolute;
    margin-top: 4px;
    margin-left: -2px;
    line-height: normal;
    width: 16px;
    height: 16px;
    cursor: auto
}

.m__message-stats__disabled-message-overlay {
    position: absolute;
    width: 120px;
    height: 32px;
    cursor: auto
}

.m__message-stats__load-more-users {
    background-color: var(--neutral-container)!important
}

.m__message-stats__goal-label {
    position: absolute;
    top: 72px
}

.m__conversation-expanding-textarea {
    padding: 0;
    border: 0;
    outline: 0;
    border-radius: 3px;
    background-color: transparent;
    box-shadow: none
}

.o__transition {
    transition: all .1s
}

.m__saved-replies__placeholder-wrapper {
    padding: 110px 15%;
    text-align: center
}

.m__saved-replies__placeholder-text {
    font-size: 14px;
    color: var(--text-muted);
    font-weight: 500
}

.m__saved-replies__modal-footer {
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    bottom: 0;
    width: calc(100% - 40px)
}

.m__saved-replies__list-item {
    color: var(--text-default);
    padding: 8px 12px
}

.m__saved-replies__list-item.o__active {
    cursor: pointer
}

.m__saved-replies__list-item.o__hoverable:hover,.m__saved-replies__list-item.o__selected,.m__saved-replies__list-item.o__selected .m__saved-replies__list-item__summary {
    color: var(--text-link);
    background-color: rgba(var(--neutral-container),.6);
    cursor: pointer
}

.m__saved-replies__list-item-beta {
    border-bottom: 1px solid var(--neutral-border)
}

.m__saved-replies__list-item-beta:last-of-type {
    border-bottom: 0
}

.m__saved-replies__list-item__name {
    font-size: 14px;
    font-weight: 500
}

.m__saved-replies__list-item__name-no-beta {
    max-width: calc(50% - 12px)
}

.m__saved-replies__list-item__summary {
    color: var(--text-muted);
    max-width: 50%
}

.m__saved-replies__list-item.o__active {
    color: var(--text-link)
}

.m__saved-replies__list-item__content {
    opacity: 1!important;
    width: calc(100% - 12px)
}

.m__saved-replies__list-item__name {
    padding-left: 4px
}

.m__saved-replies__list-item__search {
    border-bottom: 0;
    height: 36px;
    padding: 0
}

.m__saved-replies__list-item__search-input {
    width: 100%;
    height: 36px;
    border: 0;
    padding: 0 38px;
    position: absolute;
    z-index: 1;
    outline: 0
}

.m__saved-replies__list-item__search-input::placeholder {
    color: var(--text-muted)
}

.m__saved-replies__list-item__search-icon {
    position: absolute;
    z-index: 2;
    top: 8px;
    left: 12px
}

.m__saved-replies__list-item__search-clear {
    position: absolute;
    cursor: pointer;
    top: 8px;
    right: 12px;
    z-index: 2
}

.m__saved-replies__list-item__header {
    background-color: rgba(0,0,0,.05);
    opacity: .8
}

.m__saved-replies__no-results-found {
    text-align: center;
    padding-top: 20px
}

.m__saved-replies__modal__left-col {
    border-right: 1px solid rgba(0,0,0,.2);
    min-width: 40%
}

.m__saved-replies__modal__right-col {
    padding: 0 20px
}

.m__saved-replies__modal-preview {
    height: 305px;
    overflow: auto
}

.m__saved-replies__modal-edit {
    height: 298px;
    overflow: visible
}

.m__saved-replies__modal-composer-editor {
    overflow-y: scroll;
    max-height: 295px;
    padding: 5px 10px 45px
}

.m__saved-replies__modal-preview__textarea {
    height: 100%;
    max-height: 100%;
    margin-bottom: 0;
    resize: none!important;
    padding-right: 35px
}

.m__saved-replies__modal-preview__composer {
    height: 100%;
    max-height: 100%;
    margin-bottom: 0;
    z-index: 11;
    padding: 0
}

.m__saved-replies__modal__edit-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: .7;
    background-color: var(--neutral-container)
}

.m__saved-replies__modal__active-reply {
    font-weight: 500
}

.m__saved-replies__modal__list-item__name {
    padding-left: 10px
}

.m__composer-help__code {
    display: inline-block;
    padding: 1px 4px;
    background-color: var(--neutral-container);
    font-size: 14px;
    border-radius: 3px
}

.m__composer-help__code .i {
    margin-bottom: 7px
}

.m__composer-shortcuts {
    margin-left: 20px
}

.m__composer-help__kv {
    overflow: visible
}

.m__composer-help__list,.m__composer-help__list li {
    list-style: none
}

.kv__key.o__in-composer-help,.kv__value.o__in-composer-help {
    display: inline-block;
    float: none;
    vertical-align: middle
}

.kv__key.o__in-composer-help {
    width: 40%;
    text-align: right;
    padding-right: 5px;
    margin-right: 0
}

.kv__value.o__in-composer-help {
    width: 59%;
    text-align: left
}

.m__inbox-composer-help__kv .kv__key .text-muted {
    margin: 0 1px
}

.m__inbox-composer-help__kv .kv__value {
    padding: 4px 0
}

.m__wizard__composer-help-activator {
    position: absolute;
    right: 20px;
    top: 20px
}

.content-editor__content .m__wizard__composer-help-activator {
    top: auto;
    bottom: 10px
}

.m__html-editor__preview.o__mobile,.m__html-editor__template.o__mobile {
    width: 320px
}

.m__iframe-container {
    line-height: 0
}

.m__conversation-card__attachments {
    position: absolute;
    right: 16px;
    top: -15px;
    color: var(--text-muted)
}

.m__conversation-card__comment-count {
    margin-left: 16px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: var(--text-muted)
}

.m__conversation-card__comment-count.o__has-uploads {
    margin-top: 5px
}

.m__conversation-card__is-typing__avatar,.m__conversation-card__summary__avatar {
    margin-left: 8px
}

.m__conversation-card__action-statement {
    max-height: 32px;
    overflow: visible
}

.m__conversation-card__mention__summary {
    border-left: 3px solid var(--notice-border);
    padding-left: 12px
}

.twk__account-settings__qr-code-loader {
    height: 265px;
    width: 265px;
    position: relative;
    border: 1px solid rgba(0,0,0,.2)
}

.twk__account-settings__preview-avatar {
    max-width: 48px;
    max-height: 48px;
    height: 48px;
    width: auto;
    object-fit: cover
}

.twk__ai-agent-settings__ds-new__card {
    padding: 24px!important;
    border-radius: 16px!important
}

.accordion__section {
    border-radius: 16px!important
}

.twk__admin-profile-settings__time-location {
    align-items: baseline;
    white-space: nowrap
}

.twk__admin-profile-settings__modal-preview-avatar-container {
    height: 640px;
    width: 640px;
    overflow: hidden;
    margin: auto
}

.twk__admin-profile-settings__modal-preview-avatar {
    height: 100%;
    min-width: 100%;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    object-fit: cover
}

.twk__assignment-strategy-input {
    width: 80px
}

.twk__attributes-events-settings__tbl {
    margin: 0
}

.twk__conversation-part__alert .i {
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 7px
}

.twk__custom-bot-list__description-cell {
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 15px
}

.twk__custom-bot-list__table .ds-new__table__container {
    width: 100%;
    overflow-x: auto
}

.twk__custom-bot-list__table table,.twk__mcp-actions-list__table table,.twk__ticket-types__table table {
    border-collapse: separate;
    border: 1px solid var(--neutral-border);
    border-radius: 8px
}

.twk__custom-bot-list__table table .ds-new__table__head .ds-new__table__row {
    height: 36px
}

.twk__custom-bot-list__table table .ds-new__table__head .ds-new__table__row>.ds-new__table__column-header:first-child {
    border-top-left-radius: 8px
}

.twk__custom-bot-list__table table .ds-new__table__body .ds-new__table__row .ds-new__table__cell:first-child .ds-new__table__cell-shim,.twk__custom-bot-list__table table .ds-new__table__head .ds-new__table__row>.ds-new__table__column-header:first-child .ds-new__table__column__label,.twk__mcp-actions-list__table table .ds-new__table__body .ds-new__table__row .ds-new__table__cell:first-child .ds-new__table__cell-shim,.twk__mcp-actions-list__table table .ds-new__table__head .ds-new__table__row>.ds-new__table__column-header:first-child .ds-new__table__column__label,.twk__ticket-types__table table .ds-new__table__body .ds-new__table__row .ds-new__table__cell:first-child .ds-new__table__cell-shim,.twk__ticket-types__table table .ds-new__table__head .ds-new__table__row>.ds-new__table__column-header:first-child .ds-new__table__column__label {
    margin-left: 16px;
    margin-right: 14px
}

.twk__custom-bot-list__table table .ds-new__table__head .ds-new__table__row>.ds-new__table__column-header:last-child {
    border-top-right-radius: 8px
}

.twk__custom-bot-list__table table .ds-new__table__head .ds-new__table__column-header {
    background: var(--neutral-container);
    box-shadow: none;
    font-weight: 400
}

.twk__custom-bot-list__table table .ds-new__table__head .ds-new__table__column__label {
    margin-bottom: 8px
}

.twk__custom-bot-list__table table .ds-new__table__body .ds-new__table__row .outbound__table__content-cell,.twk__ticket-types__table table .ds-new__table__body .ds-new__table__row .outbound__table__content-cell {
    white-space: nowrap
}

.twk__custom-bot-list__table table .ds-new__table__body .ds-new__table__row:last-child .ds-new__table__cell {
    box-shadow: none
}

.twk__custom-bot-list__table .ds-new__table__container>div:last-child,.twk__mcp-actions-list__table .ds-new__table__container>div:last-child {
    justify-content: start!important;
    padding-left: 0!important;
    padding-top: 16px!important
}

.twk__custom-bot-list__table .ds-new__table__container>div:last-child>* {
    position: sticky;
    left: 0
}

.twk__fin-workflows__table .ds-new__table__column-header {
    position: unset
}

.twk__editable-attribute-input {
    height: 20px;
    width: 100%
}

.twk__expanded-value {
    width: 100%
}

.twk__editable-attribute-key {
    margin-right: 15px
}

.twk__editable-attribute-container {
    height: 23px;
    margin-bottom: 9px
}

.twk__editable-attribute-value {
    display: inline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default
}

.twk__quick-action-attribute-attribute-container {
    display: inline;
    margin-left: 16px
}

.twk__quick-action-name-attribute-container svg {
    vertical-align: top!important
}

.twk__quick-action-attribute {
    padding: 0;
    border: 0;
    height: 20px;
    width: 20px
}

.twk__email-adder {
    cursor: pointer;
    border-bottom: 1px dotted var(--beta-fill);
    color: var(--text-link)
}

.card.twk__email-sender-settings__dkim-card-container {
    transition: none;
    margin-bottom: 10px
}

.twk__email-sender-settings__dkim-card-container.o__expanded,.twk__email-sender-settings__dkim-card-container.o__hoverable:hover {
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    border: 1px solid var(--neutral-border)
}

.twk__email-sender-settings__dkim-card {
    height: 0;
    overflow: hidden;
    transition: height 150ms ease
}

.twk__email-sender-settings__dkim-card.o__maximized {
    height: 300px
}

.twk__email-sender-settings__dkim-card.o__verified.o__maximized {
    height: 260px
}

.twk__email-sender-settings__dkim-card .tbl__cell {
    user-select: all
}

.twk__email-sender-settings__default-sender-description {
    max-width: 1000px
}

.twk__email-sender-setting__form-inline-block,a>.display-text {
    display: inline-block
}

.twk__email-sender-setting__custom-email-column {
    min-width: 400px
}

.twk__email-sender-setting__disabled-option {
    opacity: .5
}

.twk__email-templates-settings-default-email-template-dropdown {
    width: 300px
}

.twk__embedded-content {
    background-color: transparent
}

.f__horizontal-select.o__more-padding {
    height: 90px
}

.f__horizontal-select .o__deselected img {
    opacity: .3
}

.js__has-kb-focused-item .twk__message-audience__filter-selector-row:hover {
    background-color: initial
}

.twk__message-audience__filter-selector-row.o__no-hover:hover {
    opacity: 1
}

.js__has-kb-focused-item .twk__message-audience__filter-selector-row.js__focused,.js__has-kb-focused-item .twk__message-audience__filter-selector-row.js__focused:hover,.twk__message-audience__event-predicate,.twk__message-audience__filter-selector-row.js__focused {
    background-color: var(--neutral-container)
}

.f__horizontal-select.o__disabled {
    cursor: default
}

.f__horizontal-select.o__disabled:hover:not(.o__selected) {
    background-color: var(--neutral-container)
}

.twk__folder-simple-editor__input {
    width: 190px;
    max-height: 22px
}

.twk__message-title__folder-action {
    padding: 5px 16px
}

.twk__message-title__folder-action__container {
    border-top: 1px solid var(--neutral-border);
    margin-top: 10px;
    padding-top: 10px
}

.twk__message-title__folder-action.o__input {
    padding: 8px 16px
}

.twk__message-title__folder-action.o__input:hover {
    opacity: 1
}

.twk__message-title__folder-editor__dropdown {
    left: auto;
    right: 0;
    max-height: 358px;
    width: 280px
}

.twk__message__editor__content__follow-up-actions__if-this-then-that {
    padding: 8px;
    width: auto
}

.twk__message-stats_select-dropdown {
    width: 150px
}

.twk__messenger-settings-default-language-dropdown {
    width: 190px
}

.m__settings__messenger__radio_group {
    margin-top: 10px
}

.m__settings__messenger__radio_group:last-child {
    margin-bottom: 0
}

.twk__messenger-settings-predicates-editor {
    width: 270px
}

.twk__messenger-settings-paywall-icon {
    display: inline-block;
    margin-left: 5px
}

.twk__messenger-settings-paywall-text {
    color: var(--text-muted)
}

.people-data__empty-state-banner {
    min-height: 251px
}

.saved-replies__empty-state-banner {
    min-height: 278px
}

.twk__sidebar__content__menu-item-count {
    line-height: normal;
    font-weight: 400;
    color: var(--text-muted)
}

.o__active .twk__sidebar__content__menu-item-count {
    color: inherit
}

.twk__simple-composer {
    max-width: 550px
}

.twk__simple-composer__audience-tooltip {
    width: 210px
}

.twk__simple-composer__audience-others-tooltip {
    max-width: 150px
}

.twk__spam-message-table-cell {
    max-width: 300px;
    min-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis
}

.twk__h-auto-important {
    height: auto!important
}

.twk__standalone-article-sync-table .ds-new__table__cell-shim,.twk__ticket-types__table table .ds-new__table__cell-shim {
    margin-right: 16px
}

.twk__standalone-article-sync-table .ds-new__table__cell:last-child .ds-new__table__cell-shim {
    margin-right: 0
}

.twk__standalone-data-category-table .ds-new__table__column-header {
    background-color: var(--neutral-container);
    font-weight: 400
}

.twk__standalone-article-mapping-text {
    width: 336px
}

.twk__standalone-dropdown-item+.ds-new__dropdown__block__heading:not(:first-child) {
    border-top: 1px solid var(--neutral-border);
    margin: 8px -8px 0;
    padding-top: 16px;
    padding-left: 16px
}

.twk__standalone-large-icon-container .interface-icon {
    width: 32px;
    height: 32px
}

.teams__empty-state-banner {
    min-height: 269px
}

.teammates__empty-state-banner {
    min-height: 232px
}

.twk__assignment-method {
    display: inline
}

.twk__template-editor__textarea {
    width: 100%;
    min-height: 600px;
    font-family: monospace;
    margin-right: 25px;
    min-width: 600px
}

.twk__template-editor__textarea:focus {
    outline: 0;
    box-shadow: none
}

.twk__template-editor__iframe .email_preview {
    margin: 0;
    box-shadow: none;
    border: 1px solid rgba(0,0,0,.2)
}

.twk__template-editor__min-width-content {
    min-width: fit-content
}

.twk__time-period-row-periods {
    flex: 0 1 auto;
    min-width: 0;
    vertical-align: middle;
    margin-right: 8px
}

.twk__time-period-row-times {
    flex: 0 0 auto;
    vertical-align: middle
}

.twk__time-period-row-divider {
    display: inline-block;
    padding: 0 5px;
    line-height: 22px;
    cursor: pointer
}

.twk__time-period-row-divider-delete {
    line-height: 18px
}

.twk__time-period__add-another-row-button {
    color: var(--text-link)
}

.office-hours__time-interval__row-delete-button {
    display: none
}

.office-hours__time-interval__row:hover .office-hours__time-interval__row-delete-button {
    display: block!important
}

.twk__user-list-name-header-text {
    margin-left: 5px
}

.twk__user-list-name-column {
    margin-left: -7px
}

.twk__user-list-name-column.o__with-combined-avatar-checkbox {
    margin-left: 4px
}

.twk__ticket-types__table table .ds-new__table__head .ds-new__table__row {
    height: 36px
}

.twk__ticket-types__table table .ds-new__table__head .ds-new__table__row>.ds-new__table__column-header:first-child {
    border-top-left-radius: 8px
}

.twk__ticket-types__table table .ds-new__table__head .ds-new__table__row>.ds-new__table__column-header:last-child {
    border-top-right-radius: 8px
}

.twk__ticket-types__table table .ds-new__table__head .ds-new__table__column-header {
    background: var(--neutral-container);
    box-shadow: none;
    font-weight: 400
}

.twk__ticket-types__table table .ds-new__table__head .ds-new__table__column__label {
    margin-bottom: 8px
}

.twk__ticket-types__table table .ds-new__table__body .ds-new__table__row:last-child .ds-new__table__cell {
    box-shadow: none
}

.twk__ticket-types__collapsible-section .interface-icon.o__standard,.twk__ticket_types__state-accordion-icon .interface-icon.o__standard {
    margin-bottom: 0
}

.twk__list-ticket-types .settings__standard-header {
    padding-left: 24px
}

.twk_ticket-types_pill {
    font-size: 13px;
    padding: 4px 8px;
    line-height: 16px;
    width: fit-content
}

.twk_ticket-types_pill:hover {
    background-color: var(--neutral-container)
}

.twk_ticket-types_pill-link:hover {
    text-decoration: none!important
}

.twk_ticket-types_pill-link-editor {
    margin-bottom: 8px
}

.twk__ticket-types__flip-icon {
    transform: scaleY(-1)
}

.twk__ticket_types__empty-state-banner {
    min-height: 356px
}

.btn.o__disabled.tkw_ticket_types__add-ticket-custom-state {
    background-color: transparent
}

.tkw_ticket_types__ticket-custom-state-card {
    width: 100%
}

@media (min-width: 1280px) {
    .tkw_ticket_types__ticket-custom-state-card {
        width:fit-content
    }
}

.tkw_ticket_types__ticket-custom-state-card:hover .ticket-type-configuration__ticket-states-buttons {
    opacity: 1
}

.tkw_ticket_types__ticket-custom-state-card .ticket-type-configuration__ticket-states-buttons {
    background: linear-gradient(90deg,rgba(from var(--neutral-container) r g b/0%),rgba(from var(--neutral-container) r g b/100%) 35%)
}

.tkw_ticket_types__ticket-custom-state-card .ticket-type-configuration__ticket-states-buttons .interface-icon {
    margin-bottom: 0
}

.tkw_ticket_types__ticket-custom-state-card-admin-label {
    font-weight: 600
}

.accordion__section:not(.o__open):hover {
    box-shadow: none
}

.grid-container {
    grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
    grid-auto-flow: column dense
}

.filter-block.o__beta-fill,.filter-block.o__beta-fill .filter-block__delete {
    background-color: var(--beta-container);
    border-color: var(--beta-container)
}

.filter-block.o__beta-fill .filter-block__delete:hover,.filter-block.o__beta-fill:hover {
    background-color: var(--beta-container-emphasis);
    border-color: var(--beta-border)
}

.filter-block.o__beta-fill .filter-block__delete:active,.filter-block.o__beta-fill:active {
    border-color: var(--beta-border-emphasis)
}

.filter-block.o__beta-fill .filter-block__delete .interface-icon circle,.filter-block.o__beta-fill .filter-block__delete .interface-icon ellipse,.filter-block.o__beta-fill .filter-block__delete .interface-icon line,.filter-block.o__beta-fill .filter-block__delete .interface-icon path,.filter-block.o__beta-fill .filter-block__delete .interface-icon polygon,.filter-block.o__beta-fill .filter-block__delete .interface-icon polyline,.filter-block.o__beta-fill .filter-block__delete .interface-icon rect,.filter-block.o__beta-fill .interface-icon circle,.filter-block.o__beta-fill .interface-icon ellipse,.filter-block.o__beta-fill .interface-icon line,.filter-block.o__beta-fill .interface-icon path,.filter-block.o__beta-fill .interface-icon polygon,.filter-block.o__beta-fill .interface-icon polyline,.filter-block.o__beta-fill .interface-icon rect {
    fill: var(--beta-fill)!important
}

.filter-block.o__beta-fill .filter-block__delete .filter-block__details,.filter-block.o__beta-fill .filter-block__details {
    color: var(--text-default)
}

.filter-block.o__accent-fill,.filter-block.o__accent-fill .filter-block__delete {
    background-color: var(--accent-container);
    border-color: var(--accent-container)
}

.filter-block.o__accent-fill .filter-block__delete:hover,.filter-block.o__accent-fill:hover {
    background-color: var(--accent-container-emphasis);
    border-color: var(--accent-border)
}

.filter-block.o__accent-fill .filter-block__delete:active,.filter-block.o__accent-fill:active {
    border-color: var(--accent-border-emphasis)
}

.filter-block.o__accent-fill .filter-block__delete .interface-icon circle,.filter-block.o__accent-fill .filter-block__delete .interface-icon ellipse,.filter-block.o__accent-fill .filter-block__delete .interface-icon line,.filter-block.o__accent-fill .filter-block__delete .interface-icon path,.filter-block.o__accent-fill .filter-block__delete .interface-icon polygon,.filter-block.o__accent-fill .filter-block__delete .interface-icon polyline,.filter-block.o__accent-fill .filter-block__delete .interface-icon rect,.filter-block.o__accent-fill .interface-icon circle,.filter-block.o__accent-fill .interface-icon ellipse,.filter-block.o__accent-fill .interface-icon line,.filter-block.o__accent-fill .interface-icon path,.filter-block.o__accent-fill .interface-icon polygon,.filter-block.o__accent-fill .interface-icon polyline,.filter-block.o__accent-fill .interface-icon rect {
    fill: var(--accent-fill)!important
}

.filter-block.o__accent-fill .filter-block__delete,.filter-block.o__accent-fill .filter-block__delete .filter-block__details,.filter-block.o__accent-fill .filter-block__details {
    color: var(--text-default)
}

.filter-block.o__error-fill,.filter-block.o__error-fill .filter-block__delete {
    background-color: var(--error-container);
    border-color: var(--error-container)
}

.filter-block.o__error-fill .filter-block__delete:hover,.filter-block.o__error-fill:hover {
    background-color: var(--error-container-emphasis);
    border-color: var(--error-border)
}

.filter-block.o__error-fill .filter-block__delete:active,.filter-block.o__error-fill:active {
    border-color: var(--error-border-emphasis)
}

.filter-block.o__error-fill .filter-block__delete .interface-icon circle,.filter-block.o__error-fill .filter-block__delete .interface-icon ellipse,.filter-block.o__error-fill .filter-block__delete .interface-icon line,.filter-block.o__error-fill .filter-block__delete .interface-icon path,.filter-block.o__error-fill .filter-block__delete .interface-icon polygon,.filter-block.o__error-fill .filter-block__delete .interface-icon polyline,.filter-block.o__error-fill .filter-block__delete .interface-icon rect,.filter-block.o__error-fill .interface-icon circle,.filter-block.o__error-fill .interface-icon ellipse,.filter-block.o__error-fill .interface-icon line,.filter-block.o__error-fill .interface-icon path,.filter-block.o__error-fill .interface-icon polygon,.filter-block.o__error-fill .interface-icon polyline,.filter-block.o__error-fill .interface-icon rect {
    fill: var(--error-fill)!important
}

.filter-block.o__error-fill .filter-block__delete,.filter-block.o__error-fill .filter-block__delete .filter-block__details,.filter-block.o__error-fill .filter-block__details {
    color: var(--text-default)
}

.filter-block.o__success-fill,.filter-block.o__success-fill .filter-block__delete {
    background-color: var(--success-container);
    border-color: var(--success-container)
}

.filter-block.o__success-fill .filter-block__delete:hover,.filter-block.o__success-fill:hover {
    background-color: var(--success-container-emphasis);
    border-color: var(--success-border)
}

.filter-block.o__success-fill .filter-block__delete:active,.filter-block.o__success-fill:active {
    border-color: var(--success-border-emphasis)
}

.filter-block.o__success-fill .filter-block__delete .interface-icon circle,.filter-block.o__success-fill .filter-block__delete .interface-icon ellipse,.filter-block.o__success-fill .filter-block__delete .interface-icon line,.filter-block.o__success-fill .filter-block__delete .interface-icon path,.filter-block.o__success-fill .filter-block__delete .interface-icon polygon,.filter-block.o__success-fill .filter-block__delete .interface-icon polyline,.filter-block.o__success-fill .filter-block__delete .interface-icon rect,.filter-block.o__success-fill .interface-icon circle,.filter-block.o__success-fill .interface-icon ellipse,.filter-block.o__success-fill .interface-icon line,.filter-block.o__success-fill .interface-icon path,.filter-block.o__success-fill .interface-icon polygon,.filter-block.o__success-fill .interface-icon polyline,.filter-block.o__success-fill .interface-icon rect {
    fill: var(--success-fill)!important
}

.filter-block.o__success-fill .filter-block__delete,.filter-block.o__success-fill .filter-block__delete .filter-block__details,.filter-block.o__success-fill .filter-block__details {
    color: var(--text-default)
}

.coming-soon-banner-actions a:hover {
    text-decoration: underline
}

.twk__mcp-actions-list__table .ds-new__table__container {
    width: fit-content;
    min-width: 100%
}

.twk__mcp-actions-list__table table .ds-new__table__head .ds-new__table__row {
    height: 36px
}

.twk__mcp-actions-list__table table .ds-new__table__head .ds-new__table__row>.ds-new__table__column-header:first-child {
    border-top-left-radius: 8px
}

.twk__mcp-actions-list__table table .ds-new__table__head .ds-new__table__row>.ds-new__table__column-header:last-child {
    border-top-right-radius: 8px
}

.twk__mcp-actions-list__table table .ds-new__table__head .ds-new__table__column-header {
    background: var(--neutral-container);
    box-shadow: none;
    font-weight: 400;
    text-align: left
}

.twk__mcp-actions-list__table table .ds-new__table__head .ds-new__table__column__label {
    margin-bottom: 8px
}

.twk__mcp-actions-list__table table .ds-new__table__body .ds-new__table__row:last-child .ds-new__table__cell {
    box-shadow: none
}

.twk__mcp-actions-list__table table .ds-new__table__cell {
    text-align: left
}

.twk__mcp-actions-list__table .ds-new__table__container>div:last-child>* {
    position: sticky;
    left: 0
}

.twk__composer__text-input>* {
    margin-top: 0;
    margin-bottom: 0
}

.twk__composer__text-input>* .ProseMirror {
    padding-bottom: 0;
    height: 20px
}

.twk__composer__text-input>* .embercom-prosemirror-composer-block-selected {
    height: 20px!important
}

.twk__composer__text-input>* .intercom-interblocks-template {
    margin-top: 0;
    margin-bottom: 0;
    height: 18px;
    line-height: 18px!important
}

.twk__composer__text-input>* .intercom-interblocks-template:before {
    margin-top: 1px;
    line-height: 18px;
    font-size: 18px;
    height: 18px;
    overflow: clip
}

.-translate-x-2-px {
    --tw-translate-x: -2px
}

.active-nav-item {
    background-color: var(--base-module)!important;
    box-shadow: 0 0 0 1px var(--neutral-border),var(--shadow-lvl-0)!important;
    position: relative;
    z-index: 10
}

.caret-transparent {
    caret-color: transparent
}

.caret-accent {
    caret-color: var(--accent-fill)
}

.no-disabled-bg.btn.o__disabled,.no-disabled-bg.btn.o__disabled:active,.no-disabled-bg.btn.o__disabled:focus,.no-disabled-bg.btn.o__disabled:hover {
    --neutral-container: transparent;
    background-color: transparent!important
}

.d-contents {
    display: contents
}

.hljs {
    display: block;
    overflow-x: auto;
    color: var(--text-default);
    background: #f8f8f8
}

.hljs-comment,.hljs-quote {
    color: var(--text-muted);
    font-style: italic
}

.hljs-keyword,.hljs-selector-tag {
    color: var(--text-default);
    font-weight: 500
}

.hljs-subst {
    color: var(--text-default)
}

.hljs-literal,.hljs-number,.hljs-tag .hljs-attr,.hljs-template-variable,.hljs-variable {
    color: teal
}

.hljs-doctag,.hljs-string {
    color: #d14
}

.hljs-section,.hljs-selector-id,.hljs-title {
    color: var(--text-error);
    font-weight: 500
}

.hljs-subst {
    font-weight: 400
}

.hljs-class .hljs-title,.hljs-type {
    color: var(--text-muted);
    font-weight: 500
}

.hljs-attribute,.hljs-name,.hljs-tag {
    color: navy;
    font-weight: 400
}

.hljs-link,.hljs-regexp {
    color: #009926
}

.hljs-bullet,.hljs-symbol {
    color: #990073
}

.hljs-built_in,.hljs-builtin-name {
    color: #0086b3
}

.hljs-meta {
    color: var(--text-muted);
    font-weight: 500
}

.hljs-deletion {
    background: #fdd
}

.hljs-addition {
    background: #dfd
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 500
}

.hljs {
    background-color: inherit
}

.colpick.colpick_custom .colpick_hex_field,.colpick.colpick_custom .colpick_hsb_b,.colpick.colpick_custom .colpick_hsb_h,.colpick.colpick_custom .colpick_new_color,.colpick.colpick_custom .colpick_rgb_b,.colpick.colpick_custom .colpick_rgb_g,.colpick.colpick_custom .colpick_rgb_r,.colpick.custom .colpick_hsb_s {
    display: 0
}

.colpick.colpick_custom {
    width: 206px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: 168px;
    border-bottom: 0
}

.colpick.colpick_custom .colpick_hex_field div,.colpick.colpick_custom .colpick_hex_field input {
    height: 25px;
    line-height: 25px
}

.colpick.colpick_custom .colpick_new_color {
    left: 9px;
    top: 168px;
    width: 30px;
    border-right: 0
}

.colpick.colpick_custom .colpick_current_color {
    left: 39px;
    top: 168px;
    width: 30px;
    border-left: 0
}

.colpick.colpick_custom .colpick_submit {
    left: 164px;
    top: 168px;
    width: 30px;
    height: 25px;
    line-height: 25px
}

.colpick.colpick_custom_ns .colpick_current_color,.colpick.colpick_custom_ns .colpick_submit {
    display: none
}

.colpick.colpick_custom_ns .colpick_hex_field {
    width: 80px
}

.colpick.colpick_custom_ns .colpick_new_color {
    width: 60px;
    border: 1px solid #8f8f8f;
    background-color: var(--neutral-container)
}

.color-select__color-selector-layout,.colpick.colpick_custom {
    background-color: var(--neutral-container)!important;
    border-color: var(--neutral-border)
}

.colpick.colpick_dark .colpick_hue {
    border-color: rgba(0,0,0,.1)
}

.colpick.colpick_dark .colpick_color {
    outline-color: rgba(0,0,0,.1)
}

.visually-hidden {
    bottom: 0
}

#embedded_messenger .intercom-team-avatar {
    width: 35px;
    height: 35px;
    position: relative;
    float: left;
    border-radius: 50%;
    color: var(--text-on-neutral);
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700
}

#embedded_messenger .intercom-team-avatar-small {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    border: 2px solid var(--neutral-border)
}

#embedded_messenger .intercom-team-avatar-large {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid var(--neutral-border)
}

#embedded_messenger .intercom-first-of-two-admins {
    top: 9px;
    left: -2px;
    z-index: 1
}

#embedded_messenger .intercom-second-of-two-admins {
    top: 9px;
    right: -2px;
    z-index: 2
}

#embedded_messenger .intercom-first-of-three-admins {
    top: -1;
    left: 6px;
    z-index: 2
}

#embedded_messenger .intercom-second-of-three-admins {
    top: 15px;
    right: 14px;
    z-index: 3
}

#embedded_messenger .intercom-third-of-three-admins {
    top: 15px;
    left: 14px;
    z-index: 1
}

.invoice-container {
    line-height: 1.5
}

.invoice-container .invoice-wrapper {
    width: 1002px;
    max-width: 100%
}

.invoice-container .invoice-logo {
    margin-left: 40px;
    margin-right: 40px
}

.invoice-container .invoice-summary {
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 40px
}

.invoice-container .invoice-meta-column {
    width: 260px
}

.invoice-container .invoice-meta-item {
    margin-top: 20px
}

.invoice-container .invoice-meta-item-title {
    display: block;
    font-size: 14px
}

.invoice-container .invoice-meta-item-value {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.4em;
    font-weight: 500;
    margin-right: 10px
}

.invoice-container .invoice-meta-item-badge {
    display: inline-block;
    border: 2px solid var(--success-border-emphasis);
    color: var(--text-default);
    text-transform: uppercase;
    border-radius: 4px;
    padding: .25em .5em .35em;
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    vertical-align: middle
}

.invoice-container .invoice-payment-details-wrapper {
    width: 280px;
    margin-top: 20px
}

.invoice-container .invoice-fine-print {
    border-top: 1px solid var(--neutral-border);
    border-bottom: none;
    padding-top: 20px;
    margin: 20px 40px 60px
}

.invoice-container .invoice-fine-print-item {
    color: var(--text-muted);
    font-size: 12px
}

.invoice-container .invoice-box {
    background: var(--neutral-container);
    border: 1px solid var(--neutral-border);
    border-radius: 2px;
    color: var(--text-muted);
    padding: 40px 0
}

.invoice-container .invoice-box.o__per-product {
    padding-bottom: 0
}

.invoice-container .invoice-box--upcoming {
    border-style: dashed
}

.invoice-container .invoice-line-items {
    background: var(--neutral-container);
    border: 1px solid var(--neutral-border);
    border-width: 1px 0
}

.invoice-container .invoice-intercom-info {
    margin: 20px 40px 0;
    color: var(--text-muted)
}

.invoice-container .invoice-address {
    font-style: normal;
    width: 240px
}

.invoice-container .invoice-intercom-info-vat {
    width: 300px
}

@media print {
    .invoice-container {
        overflow: visible
    }

    .invoice-container .invoice-box,.invoice-container .invoice-line-items {
        border: 0
    }

    .invoice-container .invoice-line-items {
        page-break-inside: avoid
    }

    .invoice-container .invoice-fine-print {
        margin-bottom: 0
    }

    .left-nav {
        display: none!important
    }
}

.intermoji-default-class {
    vertical-align: middle
}

.m__custom-tooltip.o__wide {
    max-width: none
}

.m__custom-tooltip.o__slim {
    max-width: 278px
}

.m__custom-tooltip.o__center {
    text-align: center
}

.m__custom-tooltip.o__large {
    line-height: 22px
}

.m__custom-tooltip.o__bold {
    font-weight: 500
}

.m__custom-tooltip.o__caps {
    text-transform: capitalize
}

.import__mailchimp__list-lookup-input {
    width: 25%;
    display: inline-block
}

.ember-power-calendar {
    box-sizing: border-box;
    position: relative
}

.ember-power-calendar-nav {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between
}

.ember-power-calendar-days,.ember-power-calendar-days *,.ember-power-calendar-nav * {
    box-sizing: border-box
}

.ember-power-calendar-nav-title {
    flex: 1;
    text-align: center
}

.ember-power-calendar-row {
    display: flex;
    justify-content: space-between
}

.ember-power-calendar-day,.ember-power-calendar-weekday {
    flex: 1 1 100%;
    align-items: center;
    justify-content: center;
    padding: 0
}

.ember-power-calendar-weekday {
    -webkit-appearance: none;
    background-color: initial;
    border: initial;
    outline: initial;
    display: flex
}

.ember-power-calendar-day {
    font-size: inherit
}

.ember-power-calendar-day,.ember-power-calendar-nav-control {
    -webkit-appearance: none;
    background-color: initial;
    border: initial;
    outline: initial
}

.ember-power-calendar {
    font-size: 14px;
    line-height: 1.42857
}

.ember-power-calendar-nav {
    line-height: 2
}

.ember-power-calendar-nav-control {
    line-height: 1;
    font-size: 150%
}

.ember-power-calendar-nav-control:focus {
    transform: scale(1.2)
}

.ember-power-calendar-day--selected,.ember-power-calendar-day--selected:not([disabled]):hover {
    font-weight: 700
}

.ember-power-calendar-day--interactive[disabled] {
    opacity: .4
}

.vertical-radio-button-group.o__disabled .vertical-radio-button-group-button {
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none
}

.vertical-radio-button-group-button-wrapper {
    box-sizing: border-box;
    border: 1px solid;
    border-color: var(--neutral-border);
    line-height: 18px;
    margin-bottom: -1px
}

.vertical-radio-button-group-button-wrapper.o__disabled:hover {
    cursor: not-allowed
}

.vertical-radio-button-group-button-wrapper:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.vertical-radio-button-group-button-wrapper:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.vertical-radio-button-group-button-wrapper:hover {
    background-color: var(--neutral-container)
}

.vertical-radio-button-group-button-wrapper.o__selected {
    background-color: var(--neutral-container);
    color: var(--text-accent)
}

.vertical-radio-button-group-button-wrapper.o__selected .vertical-radio-button-group-button__description,.vertical-radio-button-group-button-wrapper.o__selected .vertical-radio-button-group-button__label,.vertical-radio-button-group-button-wrapper.o__selected:hover .vertical-radio-button-group-button__description,.vertical-radio-button-group-button-wrapper.o__selected:hover .vertical-radio-button-group-button__label {
    color: var(--text-accent)
}

.vertical-radio-button-group-button {
    text-decoration: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: box-shadow linear .04s;
    vertical-align: bottom;
    padding: 6px 12px
}

.vertical-radio-button-group-button .vertical-radio-button-group-button__label {
    display: block;
    cursor: pointer
}

.vertical-radio-button-group-button .vertical-radio-button-group-button__icon {
    cursor: pointer
}

.vertical-radio-button-group-button:focus {
    outline: 0
}

.vertical-radio-button-group-button.o__disabled {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.vertical-radio-button-group-button__description.o__selected,.vertical-radio-button-group-button__icon.o__selected,.vertical-radio-button-group-button__label.o__selected {
    color: var(--text-accent)
}

.side-drawer__blanket {
    background-color: var(--base-modal-blanket);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    animation: side-drawer-opacity-animation .3s ease-in-out;
    display: flex;
    flex-direction: column;
    z-index: 4500
}

.side-drawer__wrapper {
    position: fixed;
    top: var(--module-spacing);
    right: var(--module-spacing);
    height: calc(100% - var(--module-spacing) - var(--module-spacing));
    border-radius: var(--border-radius-module);
    margin: auto;
    animation: side-drawer-motion-animation .3s ease-in-out;
    max-height: 100%;
    box-sizing: border-box
}

.side-drawer__container {
    box-shadow: 0 0 0 1px var(--neutral-border),var(--shadow-lvl-3);
    background-color: var(--base-module);
    border-radius: var(--border-radius-module);
    width: 702px;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column
}

.side-drawer__container-border-bottom {
    border-bottom: 1px solid var(--neutral-border)
}

.side-drawer__container-flex-width {
    width: unset
}

.side-drawer__body {
    overflow-y: auto
}

.side-drawer__close-button {
    background: 0 0;
    border: 0;
    color: var(--text-muted);
    padding: 0;
    height: 32px;
    width: 32px
}

.side-drawer__close-button:focus,.side-drawer__close-button:hover {
    color: var(--text-accent);
    outline: 0
}

.display-text {
    color: var(--text-default);
    display: block;
    font-weight: 500;
    padding: 0;
    margin: 0;
    letter-spacing: -.05em;
    line-height: 100%;
    font-family: "JetBrains Mono",ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Mono","Source Code Pro","Fira Mono","Droid Sans Mono",Consolas,"Courier New",monospace
}

.display-text.o__qualifier {
    display: flex;
    align-items: baseline
}

.display-text.o__size-1 {
    font-size: 32px
}

.display-text.o__size-2 {
    font-size: 28px
}

.display-text.o__size-3,.display-text__qualifier {
    font-size: 18px
}

.display-text.o__size-4 {
    font-size: 14px
}

.display-text.o__standalone-link,.display-text.o__standalone-link>a {
    color: var(--text-link);
    text-decoration: none;
    cursor: pointer
}

.display-text.o__standalone-link:focus,.display-text.o__standalone-link:hover,.display-text.o__standalone-link>a:focus,.display-text.o__standalone-link>a:hover,.display-text.o__subtle-link:focus,.display-text.o__subtle-link:hover,.display-text.o__subtle-link>a:focus,.display-text.o__subtle-link>a:hover,a:focus>.display-text.o__standalone-link,a:focus>.display-text.o__standalone-link>a,a:focus>.display-text.o__subtle-link,a:focus>.display-text.o__subtle-link>a {
    color: var(--text-link);
    text-decoration: underline
}

.display-text.o__subtle-link,.display-text.o__subtle-link>a {
    text-decoration: none;
    cursor: pointer
}

.avatar-group .avatar__media {
    border: 2px solid var(--neutral-border);
    background-color: var(--neutral-container)
}

.avatar-group .avatar {
    margin-left: -12px
}

.avatar-group {
    padding-left: 12px
}

.side-sheet-container {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--border-radius-module)
}

.side-sheet-container-top-level-render {
    pointer-events: none
}

.side-sheet,.side-sheet-container-standard-render {
    pointer-events: auto
}

.side-sheet {
    box-shadow: 0 0 0 1px var(--neutral-border),var(--shadow-lvl-3);
    background-color: var(--base-module);
    border-radius: var(--border-radius-module);
    position: relative;
    overflow-y: auto;
    width: 1050px;
    box-sizing: border-box;
    animation: slide-in .3s ease-out
}

.side-sheet-top-level-render {
    margin-top: var(--module-spacing);
    margin-bottom: var(--module-spacing);
    margin-right: var(--module-spacing);
    z-index: 4490
}

.side-sheet-standard-render {
    margin: 1px;
    min-height: calc(100% - 2px);
    z-index: 4495
}

.side-sheet__blanket-z-index-override {
    z-index: 4490!important
}

.pc__pill,.pc__pill.o__disabled.o__hovered,.pc__pill.o__disabled.o__selected {
    position: relative;
    border-radius: 3px;
    color: var(--text-default);
    background: var(--neutral-container);
    padding: 2px 0;
    display: inline-flex;
    align-items: center
}

.pc__pill.o__hovered,.pc__pill.o__selected {
    color: var(--text-accent);
    background: var(--neutral-container-emphasis)
}

.pc__pill.o__hovered:not(.o__disabled) .pc__pill-delete {
    display: flex
}

.pc__pill-delete {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    align-items: center;
    background: linear-gradient(to right,rgb(from var(--neutral-container-emphasis) r g b/0) 0,var(--neutral-container-emphasis) 30%)
}

.side-panel,.side-panel__collapse {
    transition: transform 150ms ease-in-out
}

.side-panel {
    border-left: 1px solid var(--neutral-border);
    min-width: 340px;
    max-width: 340px;
    transform: translateX(0)
}

.side-panel__collapse {
    border-left-width: 0;
    width: 0%!important;
    min-width: 0;
    transform: translateX(100%)
}

.discovery-module {
    --discovery-module-transition: 100ms cubic-bezier(0.5, 0, 0, 1);
    container-type: inline-size;
    container-name: discovery-module;
    transition: padding var(--discovery-module-transition)
}

.discovery-module [data-collapsible-content] {
    opacity: 1;
    max-height: 160px;
    transition: opacity var(--discovery-module-transition),max-height var(--discovery-module-transition)
}

.discovery-module.o__collapsed {
    padding-top: 10px;
    padding-bottom: 10px
}

.discovery-module.o__collapsed [data-collapsible-content] {
    opacity: 0;
    max-height: 0;
    overflow: hidden
}

.discovery-module__text {
    min-width: 420px;
    max-width: 640px
}

.discovery-module__media {
    min-width: 244px;
    max-width: 388px;
    max-height: 160px
}

.discovery-module__media img {
    pointer-events: none;
    user-select: none;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.discovery-module__learn-more-button {
    box-shadow: 0 0 0 1px var(--neutral-border)!important
}

.step-block__circle svg {
    color: var(--neutral-border-emphasis)
}

.step-block__line svg {
    color: var(--neutral-border)
}

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
audio:not([controls]) {
    display: none;
    height: 0
}

body {
    margin: 0
}

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

button,html,input,select,textarea {
    font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif
}

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

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

button,input,select,textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

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

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

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

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
@keyframes text-bg-shimmer {
    to {
        background-position: 200% center
    }
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid var(--neutral-border);
    margin: 1em 0
}

audio,canvas,img,video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0
}

textarea {
    resize: vertical
}

body,html {
    height: 100%
}

body,fieldset,hr {
    padding: 0
}

body {
    font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-default);
    position: relative;
    background-color: var(--base-backdrop)
}

.responsive {
    min-width: 0
}

a {
    cursor: pointer
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

@media print {
    * {
        background: 0 0!important;
        color: #000!important;
        text-shadow: none!important;
        filter: none!important;
        -ms-filter: none!important;
        box-shadow: none!important
    }

    a,a:visited {
        color: #444!important;
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,pre {
        border: 1px solid var(--neutral-border)
    }

    thead {
        display: table-header-group
    }

    blockquote,img,pre,tr {
        page-break-inside: avoid
    }

    @page {
        margin: .5cm
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    .inbox2__workspace-container {
        height: auto!important
    }
}

.zendesk_url_start {
    float: left;
    width: 75px
}

.zendesk_url_start input.disabled_input_sidebox_no_right_border {
    border-right-width: 0;
    text-align: center;
    border-radius: 2px 0 0 2px
}

.zendesk_url_end {
    float: left;
    width: 110px
}

.zendesk_url_end input.disabled_input_sidebox_no_left_border {
    border-left-width: 0;
    text-align: center;
    border-radius: 0 2px 2px 0
}

.zendesk_url_mid {
    float: left;
    width: 370px
}

.zendesk_url_mid input {
    text-align: center;
    border-radius: 0
}

.hidden {
    display: none!important;
    visibility: hidden
}

.bust-app-css-cache {
    content: "14:27-03-FEB-2023"
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

:root {
    --THEME-EJECTION__CONTENT-PREVIEW__WHITE-COLOR: rgb(255, 255, 255);
    --THEME-EJECTION__CONTENT-PREVIEW__BLACK-COLOR: rgb(0, 0, 0);
    --THEME-EJECTION__CONTENT-PREVIEW__GRAY-COLOR: rgb(117, 117, 117)
}

.THEME-EJECTION__CONTENT-PREVIEW {
    background-color: var(--THEME-EJECTION__CONTENT-PREVIEW__WHITE-COLOR);
    color: var(--THEME-EJECTION__CONTENT-PREVIEW__BLACK-COLOR)
}

.ai-text-shimmer,.ai-text-shimmer * {
    background-clip: text;
    -webkit-background-clip: text
}

.ai-text-shimmer {
    background-image: linear-gradient(90deg,var(--ai-gradient-step-2) 0,var(--ai-gradient-step-3) 33%,var(--ai-gradient-step-4) 66%,var(--ai-gradient-step-2) 100%);
    background-size: 200% auto;
    animation: text-bg-shimmer 3s linear infinite
}

.ai-text-shimmer * {
    background: inherit;
    -webkit-text-fill-color: transparent;
    color: transparent
}

.ai-text-shimmer .intercom-interblocks-template {
    -webkit-text-fill-color: var(--text-on-neutral)!important;
    color: var(--text-on-neutral)!important;
    border-color: transparent!important;
    background: inherit!important;
    background-clip: padding-box!important;
    -webkit-background-clip: padding-box!important;
    opacity: .3!important
}

.ai-button-outline {
    box-shadow: none!important;
    border: 1.5px solid transparent;
    --ai-button-background: var(--base-input);
    background-image: linear-gradient(var(--ai-button-background),var(--ai-button-background)),linear-gradient(90deg,var(--ai-gradient-step-2),var(--ai-gradient-step-3),var(--ai-gradient-step-4));
    background-origin: border-box;
    background-clip: padding-box,border-box
}

.ai-button-outline:disabled {
    background-clip: border-box;
    background-image: none
}

.ai-button-outline:focus-visible,.ai-button-outline:hover {
    --ai-button-background: var(--neutral-container)
}

.ai-button-outline:active {
    --ai-button-background: var(--neutral-container-emphasis)
}

.highlight-react-components {
    outline: 4px dashed var(--beta-fill);
    outline-offset: -4px
}

.highlight-react-components:before {
    content: "React";
    position: absolute;
    top: 0;
    left: 0;
    background: var(--beta-fill);
    color: var(--text-on-beta);
    font-size: 14px;
    font-weight: 700;
    padding: 0 4px;
    border-radius: 3px;
    z-index: 99999999
}

.contain-layout {
    contain: layout
}

.contain-style {
    contain: style
}

.contain-size {
    contain: size
}

@media (min-width: 1920px) {
    .\33xl\:px-2 {
        padding-left:8px;
        padding-right: 8px
    }

    .\33xl\:px-4 {
        padding-left: 16px;
        padding-right: 16px
    }

    .\33xl\:px-5 {
        padding-left: 20px;
        padding-right: 20px
    }

    .\33xl\:px-6 {
        padding-left: 24px;
        padding-right: 24px
    }

    .\33xl\:px-8 {
        padding-left: 32px;
        padding-right: 32px
    }

    .\33xl\:px-10 {
        padding-left: 40px;
        padding-right: 40px
    }

    .\33xl\:pr-5 {
        padding-right: 20px
    }

    .\33xl\:pl-8 {
        padding-left: 32px
    }
}