.mwai-chatbot-container .gaanate-ai-feedback {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
}

.mwai-chatbot-container .gaanate-ai-feedback[hidden] {
    display: none;
}

.mwai-chatbot-container .gaanate-ai-feedback__link {
    align-items: center;
    background: transparent;
    border: 1px solid currentColor;
    border-radius: 999px;
    color: var(--mwai-fontColor, inherit);
    display: inline-flex;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    min-height: 30px;
    padding: 7px 12px;
    text-decoration: none;
    white-space: nowrap;
}

.mwai-chatbot-container button.gaanate-ai-feedback__link {
    box-shadow: none;
    text-transform: none;
}

.mwai-chatbot-container .gaanate-ai-feedback__link[hidden] {
    display: none;
}

.mwai-chatbot-container .gaanate-ai-feedback__link:hover,
.mwai-chatbot-container .gaanate-ai-feedback__link:focus {
    opacity: 0.8;
    text-decoration: none;
}

.mwai-chatbot-container .gaanate-ai-feedback__link.is-unavailable {
    cursor: not-allowed;
    opacity: 0.55;
}

.gaanate-chat-page__article,
.mwai-chatbot-container {
    position: relative;
}

.gaanate-ai-feedback-overlay {
    background: #fff;
    bottom: 0;
    box-sizing: border-box;
    color: #333;
    display: flex;
    flex-direction: column;
    left: 0;
    min-height: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}

.gaanate-ai-feedback-overlay[hidden] {
    display: none;
}

.gaanate-ai-feedback-overlay > .gaanate-ai-feedback-overlay__header {
    background: #fff;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    box-sizing: border-box;
    flex: 0 0 auto;
    left: auto;
    padding: clamp(9px, 2.625%, 22px) calc(var(--gaanate-chat-inline-gutter, 4%) + var(--gaanate-chat-conversation-padding, 20px));
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    width: 100%;
    z-index: 2;
}

.gaanate-ai-feedback-overlay > .gaanate-ai-feedback-overlay__header::after {
    bottom: 0;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06);
    clip-path: inset(0 0 -12px 0);
    content: "";
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 160ms ease;
}

.gaanate-ai-feedback-overlay > .gaanate-ai-feedback-overlay__header.has-chat-scroll-shadow::after {
    opacity: 1;
}

.gaanate-ai-feedback-overlay__fallback-title-row,
.gaanate-ai-feedback-overlay__controls {
    align-items: center;
    display: flex;
}

.gaanate-ai-feedback-overlay__fallback-title-row {
    justify-content: space-between;
    margin-top: 8px;
}

.gaanate-ai-feedback-overlay__fallback-title-row h2 {
    font-size: 2.2rem;
    line-height: 1.2;
    margin: 0;
}

.gaanate-ai-feedback-overlay .gaanate-chat-page__title .heading-copy-link {
    display: none;
}

.gaanate-ai-feedback-overlay__controls {
    flex: 0 0 auto;
    gap: 12px;
}

.gaanate-ai-feedback-overlay button.gaanate-ai-feedback-overlay__control {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(51, 51, 51, 0.18);
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #333;
    display: flex;
    height: 48px;
    justify-content: center;
    min-height: 48px;
    padding: 0;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    width: 48px;
}

.gaanate-ai-feedback-overlay button.gaanate-ai-feedback-overlay__control:hover,
.gaanate-ai-feedback-overlay button.gaanate-ai-feedback-overlay__control:focus {
    background: #f5f5f5;
    border-color: rgba(51, 51, 51, 0.32);
    color: #333;
}

.gaanate-ai-feedback-overlay button.gaanate-ai-feedback-overlay__control:focus-visible {
    outline: 2px solid #333;
    outline-offset: 2px;
}

.gaanate-ai-feedback-overlay__control .genericon::before {
    font-size: 40px;
    line-height: 1;
}

.gaanate-ai-feedback-overlay__minimize .genericon-minus::before {
    background: currentColor;
    content: "";
    display: block;
    height: 0.075em;
    width: 0.35em;
}

.gaanate-ai-feedback-overlay__logo,
.gaanate-ai-feedback-overlay__header .sidebar-home-logo-static {
    align-items: center;
    cursor: default;
    display: inline-flex;
    gap: 0.35em;
    pointer-events: none;
}

.gaanate-ai-feedback-overlay__header .sidebar-home-logo {
    display: block !important;
    height: auto;
    opacity: 0.7;
    visibility: visible;
    width: 4em;
}

.gaanate-ai-feedback-overlay__header .sidebar-home-link {
    margin-bottom: 0;
}

.gaanate-ai-feedback-overlay__header .sidebar-home-link .site-description {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 0;
}

.gaanate-ai-feedback-overlay__form {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 24px calc(var(--gaanate-chat-inline-gutter, 4%) + var(--gaanate-chat-conversation-padding, 20px));
    scrollbar-width: none;
}

.gaanate-ai-feedback-overlay__form::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0;
}

.gaanate-ai-feedback-overlay__form-root,
.gaanate-ai-feedback-overlay__form-root .frm_forms,
.gaanate-ai-feedback-overlay__form-root .frm-show-form {
    max-width: none;
    width: 100%;
}

.gaanate-ai-feedback-overlay__form-root input,
.gaanate-ai-feedback-overlay__form-root select,
.gaanate-ai-feedback-overlay__form-root textarea {
    max-width: 100%;
}

.gaanate-ai-feedback-overlay__form-root .frm_opt_container {
    box-sizing: border-box;
    padding-inline-start: 3px;
}

.gaanate-ai-feedback-overlay__form-root .frm_radio label {
    align-items: center;
    display: inline-flex;
}

.gaanate-ai-feedback-overlay__form-root select {
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M1 1l7 7 7-7' fill='none' stroke='%23333' stroke-width='2'/%3E%3C/svg%3E") !important;
    background-position: right 12px center !important;
    background-repeat: no-repeat !important;
    background-size: 12px auto !important;
    padding-right: 36px !important;
}

.gaanate-ai-feedback-overlay__form-root .gaanate-feedback-system-field {
    display: none !important;
}

html.gaanate-dark-mode .gaanate-ai-feedback-overlay,
html.gaanate-dark-mode .gaanate-ai-feedback-overlay > .gaanate-ai-feedback-overlay__header {
    background: var(--gaanate-dark-box, #262527);
    color: var(--gaanate-dark-text, #fffbea);
}

html.gaanate-dark-mode .gaanate-ai-feedback-overlay > .gaanate-ai-feedback-overlay__header {
    border-bottom-color: var(--gaanate-dark-border, #48464a);
}

html.gaanate-dark-mode .gaanate-ai-feedback-overlay > .gaanate-ai-feedback-overlay__header::after {
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3);
}

html.gaanate-dark-mode .gaanate-ai-feedback-overlay button.gaanate-ai-feedback-overlay__control {
    background: var(--gaanate-dark-meta, #302f31);
    border-color: var(--gaanate-dark-border, #48464a);
    color: var(--gaanate-dark-text, #fffbea);
}

html.gaanate-dark-mode .gaanate-ai-feedback-overlay button.gaanate-ai-feedback-overlay__control:hover,
html.gaanate-dark-mode .gaanate-ai-feedback-overlay button.gaanate-ai-feedback-overlay__control:focus {
    background: var(--gaanate-dark-box, #262527);
    border-color: rgba(255, 250, 235, 0.28);
    color: var(--gaanate-dark-text, #fffbea);
}

html.gaanate-dark-mode .gaanate-ai-feedback-overlay button.gaanate-ai-feedback-overlay__control:focus-visible {
    outline-color: var(--gaanate-dark-focus-border, #f4b848);
}

html.gaanate-dark-mode .gaanate-ai-feedback-overlay__form-root,
html.gaanate-dark-mode .gaanate-ai-feedback-overlay__form-root label,
html.gaanate-dark-mode .gaanate-ai-feedback-overlay__form-root .frm_description {
    color: var(--gaanate-dark-text, #fffbea);
}

html.gaanate-dark-mode .gaanate-ai-feedback-overlay__form-root input,
html.gaanate-dark-mode .gaanate-ai-feedback-overlay__form-root select,
html.gaanate-dark-mode .gaanate-ai-feedback-overlay__form-root textarea {
    background: var(--gaanate-dark-meta, #302f31);
    border-color: var(--gaanate-dark-border, #48464a);
    color: var(--gaanate-dark-text, #fffbea);
}

html.gaanate-dark-mode .gaanate-ai-feedback-overlay__form-root select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M1 1l7 7 7-7' fill='none' stroke='%23fffbea' stroke-width='2'/%3E%3C/svg%3E") !important;
}

@media (max-width: 760px) {
    .gaanate-ai-feedback-overlay__form {
        padding: 18px calc(var(--gaanate-chat-inline-gutter, 4%) + var(--gaanate-chat-conversation-padding, 14px));
    }
}

@media screen and (max-width: 59.6874em) {
    body.gaanate-chat-page-template .gaanate-ai-feedback-overlay > .gaanate-ai-feedback-overlay__header {
        left: auto;
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        width: 100%;
    }
}

@media screen and (max-width: 38.749em) {
    .gaanate-ai-feedback-overlay button.gaanate-ai-feedback-overlay__control {
        height: 42px;
        min-height: 42px;
        width: 42px;
    }

    .gaanate-ai-feedback-overlay__control .genericon::before {
        font-size: 32px;
    }

    .gaanate-ai-feedback-overlay__minimize .genericon-minus::before {
        height: 3px;
    }
}

@media (max-width: 760px) {
    .mwai-chatbot-container .gaanate-ai-feedback {
        margin-top: 6px;
    }

    .mwai-chatbot-container .gaanate-ai-feedback__link {
        min-height: 28px;
        padding: 6px 10px;
    }
}
