/* /Components/Dashboard/ConsumerFeedback.razor.rz.scp.css */
:root[b-rnyywj411g] {
    --purple-700: #462775;
    --purple-600: #6c41ad;
    --purple-900: #331c54;
    --purple-500: #8b5fbf;
    --purple-300: #b794d9;
    --green-600: #059669;
    --green-700: #047857;
    --green-900: #064e3b;
    --amber-600: #f59e0b;
    --amber-700: #d97706;
    --amber-900: #92400e;
    --teal-600: #0d9488;
    --teal-700: #0f766e;
    --teal-900: #134e4a;
    --gray-600: #6b7280;
    --gray-700: #4b5563;
    --gray-900: #374151;
    /* Animation Configuration */
    --anim-duration: 200ms;
    --anim-easing: cubic-bezier(0.34, 1.56, 0.64, 1);
    --anim-stagger: 0ms;
    --anim-item-gap: 16px;
    --anim-bloom-scale: 0.85;
    --anim-bloom-translate: -20px;
}

*[b-rnyywj411g] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-rnyywj411g] {
    font-family: system-ui, -apple-system, "Inter", sans-serif;
    background-color: #f5f0ff;
    color: #241b35;
    line-height: 1.6;
}

.container[b-rnyywj411g] {
    max-width: 800px;
    margin: 0 auto;
    padding: 15px;
}

/* Section containers */
.section[b-rnyywj411g] {
    border-radius: 18px;
    padding: 0;
    display: flex;
    flex-direction: column;
}

    .section.hidden[b-rnyywj411g] {
        display: none;
    }



/* Headers with icons */
.header-with-icon[b-rnyywj411g] {
    display: flex;
    align-items: center;
    margin-left: 12px;
    margin-bottom: 12px;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--purple-700);
}

#advancedAnalysis[b-rnyywj411g], #simpleResponse[b-rnyywj411g], #aiResponse[b-rnyywj411g] {
    margin-bottom: 100%;
}

.header-with-icon .icon[b-rnyywj411g] {
    width: 35px;
    height: 35px;
    margin-right: 12px;
    background: var(--purple-700);
    border-radius: 10px;
    color: white;
    padding: 6px;
}

/* Progress Bar */
.progress-container[b-rnyywj411g] {
    margin-bottom: 15px;
}

.progress-header[b-rnyywj411g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.progress-counter[b-rnyywj411g] {
    color: #6b5b73;
    margin-right: 6px;
    margin-bottom: -20px;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all var(--anim-duration) var(--anim-easing);
}

.progress-bar[b-rnyywj411g] {
    width: calc(100% - 10px);
    margin: auto;
    height: 12px;
    background: #e8e5f0;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

.progress-fill[b-rnyywj411g] {
    height: 100%;
    background: linear-gradient(90deg, var(--purple-600), #4ecdc4);
    border-radius: 6px;
    width: 0%;
    transition: width var(--anim-duration) var(--anim-easing);
}

/* Buttons */
.btn[b-rnyywj411g] {
    border-radius: 12px;
    padding: 10px 16px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-width: 3px;
    border-style: solid;
    margin-left: auto;
}

.btn-primary[b-rnyywj411g] {
    background: var(--purple-600);
    color: white;
    border-color: var(--purple-700);
    box-shadow: var(--purple-900) 2px 3px 0 0;
}

    .btn-primary:hover:not(:disabled)[b-rnyywj411g] {
        transform: translateY(-1px);
        box-shadow: var(--purple-900) 3px 5px 0 0;
    }

.btn-success[b-rnyywj411g] {
    background: var(--teal-600);
    color: white;
    border-color: var(--teal-700);
    box-shadow: var(--teal-900) 2px 3px 0 0;
}

.btn-danger[b-rnyywj411g] {
    background: #dc2626;
    color: white;
    border: 2px solid #b91c1c;
    box-shadow: #7f1d1d 2px 3px 0 0;
}

    .btn-danger:hover:not(:disabled)[b-rnyywj411g] {
        transform: translateY(-1px);
        box-shadow: #7f1d1d 3px 5px 0 0;
    }

.btn:disabled[b-rnyywj411g] {
    background: #9ca3af;
    border-color: #6b7280;
    color: #d1d5db;
    cursor: not-allowed;
    box-shadow: #4b5563 2px 4px 0 0;
}

.reply-assistant-small[b-rnyywj411g] {
    position: absolute;
    min-width: 160px;
    bottom: 36px;
    right: 12px;
}


.back-btn[b-rnyywj411g] {
    background: transparent;
    border: 0;
    color: #45c2b9;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 10px 0 25px;
    padding: 4px 16px 4px 0px;
}

/* Textareas */
.textarea[b-rnyywj411g] {
    width: 100%;
    border: 2px solid #e8e5f0;
    padding: 20px 20px 50px 20px;
    min-height: 120px;
    resize: vertical;
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.6;
    background: #fefefe;
    margin-bottom: 16px;
    border-radius: 14px;
}

.textarea-tabbed[b-rnyywj411g] {
    border-radius: 0px 0px 14px 14px;
    min-height: 200px;
}

.textarea:focus[b-rnyywj411g] {
    outline: none;
    border-color: var(--purple-600);
    box-shadow: 0 0 0 3px rgba(108, 65, 173, 0.1);
}

/* Response tabs */
.response-tabs[b-rnyywj411g] {
    display: flex;
    gap: 4px;
    background: #ece0ff;
    padding: 4px;
    border-radius: 14px 14px 0px 0px;
    border: 2px solid #ece0ff;
    border-bottom: none;
}

.response-tab[b-rnyywj411g] {
    flex: 1;
    padding: 12px 16px;
    background: transparent;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    color: #6c41ad;
}

    .response-tab.active[b-rnyywj411g] {
        background: white;
        color: var(--purple-600);
        box-shadow: var(--purple-600) 1px 2px 0 0;
        border: 2px solid var(--purple-700);
    }

    .response-tab:hover:not(.active)[b-rnyywj411g] {
        background: rgba(108, 65, 173, 0.1);
        color: var(--purple-600);
    }

/* ===============================
           PERSISTENT FEEDBACK HEADER
           =============================== */

.persistent-feedback[b-rnyywj411g] {
    position: static;
    background: #f5f0ff;
    padding: 24px 0 0 0;
    margin-bottom: 24px;
}

    .persistent-feedback .header-with-icon[b-rnyywj411g] {
        margin-bottom: 16px;
    }

/* Removed toggle tab styles for simplified static layout */

/* Feedback Content */
.feedback-content[b-rnyywj411g] {
    transition: all 0.3s ease-out;
}

/* Feedback Text Container */
.feedback-text-container[b-rnyywj411g] {
    position: relative;
    background: linear-gradient(130deg, var(--purple-600), #3ab5ad, #3ab5ad);
    padding: 3px;
    border-radius: 20px;
}

/* Inner container to prevent gradient bleeding */
.feedback-inner-container[b-rnyywj411g] {
    border-radius: 17px;
    overflow: hidden;
}

/* Reply Button Row - New structure for the reply button */
.reply-button-row[b-rnyywj411g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease-out;
}

/* Hide reply button row when feedback has been replied to */
.feedback-content.has-reply .reply-button-row[b-rnyywj411g] {
    display: none;
}

.btn-reply[b-rnyywj411g] {
    padding: 8px 16px;
    margin: 15px 15px 15px auto;
    font-size: 1rem;
    background: var(--purple-600);
    color: white;
    border: 2px solid var(--purple-700);
    border-radius: 12px;
    box-shadow: var(--purple-900) 2px 3px 0 0;
    cursor: pointer;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .btn-reply:hover[b-rnyywj411g] {
        transform: translateY(-1px);
        box-shadow: var(--purple-900) 3px 5px 0 0;
    }

    .btn-reply .icon[b-rnyywj411g] {
        width: 16px;
        height: 16px;
    }

/* Keep old btn-inline for backward compatibility but remove absolute positioning */
.btn-inline[b-rnyywj411g] {
    padding: 8px 16px;
    font-size: 1rem;
    background: var(--purple-600);
    color: white;
    border: 2px solid var(--purple-700);
    border-radius: 12px;
    box-shadow: var(--purple-900) 2px 3px 0 0;
    cursor: pointer;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .btn-inline:hover[b-rnyywj411g] {
        transform: translateY(-1px);
        box-shadow: var(--purple-900) 3px 5px 0 0;
    }

    .btn-inline .icon[b-rnyywj411g] {
        width: 16px;
        height: 16px;
    }



.feedback-text[b-rnyywj411g] {
    background: transparent;
    padding: 10px;
    border-radius: 0;
    font-style: italic;
    color: #4a5568;
    font-size: 1.1rem;
    line-height: 1.6;
    transition: max-height 0.3s ease-out;
    overflow: hidden;
}

/* Reply section styling */
.feedback-reply-section[b-rnyywj411g] {
    margin-top: 0;
    background: white;
    border-top: 2px solid var(--purple-600);
    border-radius: 17px;
    overflow: hidden;
    animation: slideInReply-b-rnyywj411g 0.3s ease-out;
    position: relative;
    z-index: 1;
}



@keyframes slideInReply-b-rnyywj411g {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

.feedback-reply-header[b-rnyywj411g] {
    background: var(--purple-600);
    color: white;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 0.95rem;
}

    .feedback-reply-header .icon[b-rnyywj411g] {
        width: 16px;
        height: 16px;
        filter: brightness(0) invert(1);
    }

.feedback-reply-content[b-rnyywj411g] {
    background: white;
    padding: 20px 25px;
    color: #374151;
    font-size: 1rem;
    line-height: 1.6;
    font-style: normal;
}

/* Emoji reactions in reply section */
.emoji-reactions-post-reply[b-rnyywj411g] {
    display: flex;
    gap: 12px;
    margin: 16px 25px;
    flex-wrap: wrap;
    position: relative;
    justify-content: flex-end;
    max-width: 100%;
    align-items: center;
}

/* Removed truncation variant for simplified static layout */

/* Removed overlay, show-more, fullscreen, and modal styles */

/* ===============================
           MASTER VIEW STYLES
           =============================== */

/* Emoji Reactions */
.emoji-reactions[b-rnyywj411g] {
    display: flex;
    gap: 12px;
    margin: 5px 0 2px 20px;
    flex-wrap: wrap;
    position: relative;
    justify-content: flex-end;
    max-width: 100%;
    align-items: center;
}

/* Emoji reactions when inside reply button row */
.emoji-reactions-label[b-rnyywj411g] {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    font-family: system-ui, -apple-system, "Inter", sans-serif;
    white-space: nowrap;
}

.emoji-reactions-container[b-rnyywj411g] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.reaction-item[b-rnyywj411g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background: white;
    border: 2px solid #e8e5f0;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    user-select: none;
    position: relative;
    z-index: 1;
    transform-origin: center center;
}

    .reaction-item:hover[b-rnyywj411g] {
        border-color: var(--purple-600);
        transform: translateY(-2px) scale(1.1);
        box-shadow: 0 4px 12px rgba(108, 65, 173, 0.3);
        z-index: 2;
    }

    .reaction-item:active[b-rnyywj411g] {
        transform: translateY(0) scale(1.05);
        box-shadow: 0 2px 8px rgba(108, 65, 173, 0.2);
    }

    .reaction-item.selected[b-rnyywj411g] {
        background: white;
        border-color: var(--purple-600);
        border-width: 2px;
        color: white;
        transform: scale(1.15);
        box-shadow: 0 6px 16px rgba(108, 65, 173, 0.4);
        z-index: 3;
    }

    .reaction-item.collapsed[b-rnyywj411g] {
        transform: scale(0.7);
        opacity: 0.4;
        pointer-events: none;
        filter: grayscale(0.5);
    }

    .reaction-item .emoji[b-rnyywj411g] {
        font-size: 1.4rem;
    }

/* Feedback Actions Header */
.feedback-actions-header[b-rnyywj411g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
    padding: 15px;
    border-radius: 16px;
    border: 2px solid #e8e5f0;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.status-info[b-rnyywj411g] {
    display: flex;
    align-items: center;
    gap: 80px;
}

.status-info-item[b-rnyywj411g] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.status-label[b-rnyywj411g] {
    font-size: 0.8rem;
    color: #6b7280;
    font-weight: 500;
}

.assignment-info[b-rnyywj411g] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.assigned-label[b-rnyywj411g] {
    font-size: 0.8rem;
    color: #6b7280;
    font-weight: 500;
}

.assigned-name[b-rnyywj411g] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0px 8px;
    border-radius: 100px;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: white;
    background: #292929; /* neutral gray for assignee - matches status-pill--assignee */
}

.quick-actions[b-rnyywj411g] {
    display: flex;
    gap: 12px;
}

.btn-compact[b-rnyywj411g] {
    min-width: 100px;
    padding: 8px 10px;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 12px;
}

    .btn-compact .icon[b-rnyywj411g] {
        width: 16px;
        height: 16px;
    }

/* Action Buttons */
.action-buttons[b-rnyywj411g] {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.btn-secondary[b-rnyywj411g] {
    background: var(--purple-600);
    color: white;
    border: 2px solid var(--purple-700);
    box-shadow: var(--purple-900) 1px 2px 0 0;
}

    .btn-secondary:hover:not(:disabled)[b-rnyywj411g] {
        transform: translateY(-1px);
        box-shadow: #111827 3px 5px 0 0;
    }

/* Status Section */
.status-section[b-rnyywj411g] {
    margin-bottom: 24px;
}

.status-display[b-rnyywj411g] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.status-badge[b-rnyywj411g] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0px 8px;
    border-radius: 100px;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-new[b-rnyywj411g] {
    background: #f97316;
    color: white;
}

.status-working[b-rnyywj411g] {
    background: var(--purple-600);
    color: white;
}

.status-addressed[b-rnyywj411g] {
    background: #059669;
    color: white;
}

.status-shadow-ban[b-rnyywj411g] {
    background: #dc2626;
    color: white;
}

.assigned-to[b-rnyywj411g] {
    color: var(--gray-700);
    font-size: 0.95rem;
}

/* History Section */
.history-section[b-rnyywj411g] {
    margin: 24px 0;
}

.history-list[b-rnyywj411g] {
    background: white;
    border: 2px solid #e8e5f0;
    border-radius: 14px;
    overflow: hidden;
}

.history-item[b-rnyywj411g] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid #f0f0f0;
}

    .history-item:last-child[b-rnyywj411g] {
        border-bottom: none;
    }

    .history-item.reply-item[b-rnyywj411g] {
        background: linear-gradient(135deg, rgba(13, 148, 136, 0.05), rgba(13, 148, 136, 0.1));
        border-left: 4px solid var(--teal-600);
    }

.history-icon[b-rnyywj411g] {
    font-size: 1.2rem;
    width: 24px;
    text-align: center;
}

.history-content[b-rnyywj411g] {
    flex: 1;
}

.history-title[b-rnyywj411g] {
    font-weight: 600;
    color: var(--purple-700);
    margin-bottom: 4px;
}

.history-time[b-rnyywj411g] {
    font-size: 0.85rem;
    color: var(--gray-600);
}

.history-details[b-rnyywj411g] {
    font-size: 0.85rem;
    color: var(--gray-700);
    margin-top: 4px;
    font-style: italic;
}

.history-reply-content[b-rnyywj411g] {
    background: rgba(13, 148, 136, 0.05);
    border-left: 3px solid var(--teal-600);
    padding: 8px 12px;
    margin-top: 8px;
    border-radius: 4px;
    font-style: normal;
    color: #374151;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* Distinct assignment row within history items */
.history-assignment[b-rnyywj411g] {
    display: flex;
    gap: 6px;
    align-items: baseline;
    margin-top: 6px;
}

.history-assignment-label[b-rnyywj411g] {
    color: var(--gray-600);
    font-size: 0.85rem;
    font-weight: 600;
}




/* Form Styles */
.form-group[b-rnyywj411g] {
    margin-bottom: 14px;
}

    .form-group label[b-rnyywj411g] {
        display: block;
        font-weight: 600;
        color: var(--purple-700);
        margin: 18px 0px 6px 8px;
        font-size: 0.95rem;
    }

.form-select[b-rnyywj411g] {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e8e5f0;
    border-radius: 12px;
    font-family: inherit;
    font-size: 1rem;
    background: white;
    cursor: pointer;
    transition: all 0.15s ease;
}

    .form-select:focus[b-rnyywj411g] {
        outline: none;
        border-color: var(--purple-600);
        box-shadow: 0 0 0 3px rgba(108, 65, 173, 0.1);
    }

/* Custom colored-pill dropdown for status */
.status-dropdown[b-rnyywj411g] {
    position: relative;
    display: inline-block;
    width: 100%;
}

.status-dropdown-toggle[b-rnyywj411g] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    border: 2px solid #e8e5f0;
    border-radius: 12px;
    background: white;
    cursor: pointer;
    transition: all 0.15s ease;
}

    .status-dropdown-toggle:focus[b-rnyywj411g] {
        outline: none;
        border-color: var(--purple-600);
        box-shadow: 0 0 0 3px rgba(108, 65, 173, 0.1);
    }

.status-caret[b-rnyywj411g] {
    margin-left: 8px;
    color: var(--gray-600);
}

.status-menu[b-rnyywj411g] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    background: white;
    border: 2px solid #e8e5f0;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    padding: 8px;
    display: none;
    z-index: 20;
}

.status-dropdown.open .status-menu[b-rnyywj411g] {
    display: block;
}

.status-option[b-rnyywj411g] {
    padding: 6px;
    cursor: pointer;
}

    .status-option:hover[b-rnyywj411g] {
        background: #f8f7fb;
        border-radius: 8px;
    }

/* Pill variants aligned to main status badges */
.status-pill[b-rnyywj411g] {
    display: inline-flex;
    line-height: 1.5;
    align-items: center;
    padding: 2px 10px;
    border-radius: 100px;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: white;
}

.status-pill--new[b-rnyywj411g] {
    background: #f97316; /* matches .status-new */
}

.status-pill--working[b-rnyywj411g] {
    background: var(--purple-600); /* matches .status-working */
}

.status-pill--addressed[b-rnyywj411g] {
    background: #059669; /* matches .status-addressed */
}

.status-pill--shadow-ban[b-rnyywj411g] {
    background: #dc2626; /* matches .status-shadow-ban */
}

.status-pill--assignee[b-rnyywj411g] {
    background: #292929; /* neutral gray for assignee */
}

.status-pill--placeholder[b-rnyywj411g] {
    background: #ffffff;
    color: #111827;
    border: 2px solid #e8e5f0;
}

/* Assignee dropdown group headers */
.assignee-group-header[b-rnyywj411g] {
    padding: 8px 12px;
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--purple-700);
    background: #f8f7fa;
    border-bottom: 1px solid #e8e5f0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .feedback-actions-header[b-rnyywj411g] {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }

    .status-info[b-rnyywj411g] {
        flex-direction: row;
        gap: 8px;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .status-info-item[b-rnyywj411g],
    .assignment-info[b-rnyywj411g] {
        flex-direction: column;
        gap: 8px;
        display: flex;
    }

    .quick-actions[b-rnyywj411g] {
        margin-left: auto;
        justify-content: space-between;
    }

    .btn-compact[b-rnyywj411g] {
        flex: 1;
        justify-content: center;
    }

    .emoji-reactions[b-rnyywj411g] {
        justify-content: center;
        margin: 10px 10px 5px 10px;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .emoji-reactions-label[b-rnyywj411g] {
        display: none;
    }

    .emoji-reactions-container[b-rnyywj411g] {
        width: 100%;
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .reaction-item[b-rnyywj411g] {
        width: 13%;
        aspect-ratio: 1 / 1;
        height: unset;
        flex-shrink: 0;
    }

    /* Make inline reply button 100% wide on mobile */
    .btn-inline[b-rnyywj411g],
    .btn-reply[b-rnyywj411g] {
        width: 100%;
        margin: 10px 0;
        padding: 15px;
    }

    /* Adjust reply button row layout for mobile */
    .reply-button-row[b-rnyywj411g] {
        flex-direction: column;
        gap: 5px;
        padding: 10px;
    }
}

/* ===============================
           UNIFIED ANIMATION SYSTEM
           =============================== */

/* Container for animated items */
.animated-container[b-rnyywj411g] {
    position: relative;
    min-height: 200px;
    transition: min-height var(--anim-duration) var(--anim-easing);
}

/* Base class for all animated items */
.animated-item[b-rnyywj411g] {
    position: absolute;
    width: 100%;
    left: 0;
    background: #fefefe;
    border: 1px solid #f0f0f0;
    border-radius: 14px;
    padding: 20px;
    transition: all var(--anim-duration) var(--anim-easing);
    transform-origin: center top;
    opacity: 1;
    transform: translateY(0) scale(1);
}

    /* Bloom-in animation state */
    .animated-item.bloom-in[b-rnyywj411g] {
        opacity: 0;
        transform: translateY(var(--anim-bloom-translate)) scale(var(--anim-bloom-scale));
    }

    /* Bloom-out animation state */
    .animated-item.bloom-out[b-rnyywj411g] {
        opacity: 0;
        transform: translateY(calc(var(--anim-bloom-translate) * -1)) scale(var(--anim-bloom-scale));
    }

    /* Feedback point specific styles */
    .animated-item.feedback-point.current[b-rnyywj411g] {
        border-color: var(--purple-300);
        box-shadow: 0 4px 12px rgba(108, 65, 173, 0.1);
    }

    .animated-item.feedback-point.completed[b-rnyywj411g] {
        border-color: var(--green-600);
        background: #f0fdf4;
    }

    /* Final completion specific styles */
    .animated-item.final-completion[b-rnyywj411g] {
        background: #f0fdf4;
        border-color: var(--green-600);
        box-shadow: 0 4px 12px rgba(108, 65, 173, 0.1);
    }

/* Content styles */
.point-text[b-rnyywj411g] {
    font-weight: 500;
    margin-bottom: 16px;
    color: var(--purple-700);
    display: flex;
    align-items: center;
}

    .point-text[b-rnyywj411g]::before {
        content: "•";
        color: var(--purple-600);
        font-size: 1.5rem;
        margin-right: 12px;
    }

.feedback-point.completed .point-text[b-rnyywj411g]::before {
    content: "✓";
    color: var(--green-600);
    font-size: 1.2rem;
}

/* Action Pills */
.response-actions[b-rnyywj411g] {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.action-pill[b-rnyywj411g] {
    padding: 6px 12px;
    border: 2px solid #e8e5f0;
    border-radius: 12px;
    background: white;
    color: #6b5b73;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    user-select: none;
}

    .action-pill:hover[b-rnyywj411g] {
        border-color: var(--purple-600);
        color: var(--purple-600);
        transform: translateY(-1px);
        box-shadow: var(--purple-900) 1px 2px 0 0;
    }

    .action-pill:active[b-rnyywj411g] {
        transform: translate(1px, 1px);
        box-shadow: none;
    }

    .action-pill.selected[b-rnyywj411g] {
        background: var(--purple-600);
        border-color: var(--purple-700);
        color: white;
        box-shadow: var(--purple-900) 2px 3px 0 0;
    }

    .action-pill.thank.selected[b-rnyywj411g] {
        background: #10b981;
        border-color: #047857;
        box-shadow: #064e3b 2px 3px 0 0;
    }

    .action-pill.apologize.selected[b-rnyywj411g] {
        background: #ef4444;
        border-color: #dc2626;
        box-shadow: #991b1b 2px 3px 0 0;
    }

    .action-pill.acknowledge.selected[b-rnyywj411g] {
        background: var(--purple-600);
        border-color: var(--purple-700);
        box-shadow: var(--purple-900) 2px 3px 0 0;
    }

    .action-pill.ignore.selected[b-rnyywj411g] {
        background: #6b7280;
        border-color: #4b5563;
        box-shadow: #374151 2px 3px 0 0;
    }

/* Note area */
.note-area[b-rnyywj411g] {
    margin-top: 12px;
}

.note-toggle[b-rnyywj411g] {
    color: var(--purple-600);
    font-size: 0.9rem;
    cursor: pointer;
    text-decoration: none;
    font-weight: 500;
}

.note-input[b-rnyywj411g] {
    width: 100%;
    border: 2px solid #e8e5f0;
    border-radius: 10px;
    padding: 12px;
    margin-top: 8px;
    resize: vertical;
    min-height: 80px;
    font-family: inherit;
    font-size: 1rem;
    display: none;
}

    .note-input:focus[b-rnyywj411g] {
        outline: none;
        border-color: var(--purple-600);
        box-shadow: 0 0 0 3px rgba(108, 65, 173, 0.1);
    }

/* Final completion card content */
.final-completion .title[b-rnyywj411g] {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--purple-700);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.final-completion .subtitle[b-rnyywj411g] {
    color: #6b5b73;
    font-size: 0.95rem;
    margin-bottom: 12px;
}

/* Loading state */
.loading-state[b-rnyywj411g] {
    display: none;
    text-align: center;
    padding: 40px;
    color: #6b5b73;
    width: 100%;
    border: 2px solid #e8e5f0;
    padding: 20px 20px 50px 20px;
    resize: vertical;
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.6;
    background: #fefefe;
    margin: auto;
    border-radius: 0px 0px 14px 14px;
}

.spinner[b-rnyywj411g] {
    width: 40px;
    height: 40px;
    border: 3px solid #e8e5f0;
    border-top: 3px solid var(--purple-600);
    border-radius: 50%;
    animation: spin-b-rnyywj411g 1s linear infinite;
    margin: 0 auto 16px;
}

@keyframes spin-b-rnyywj411g {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


@media (max-width: 800px) {
    .btn[b-rnyywj411g] {
        margin-left: unset;
    }
}

/* ===============================
           HINT LIST STYLES
           =============================== */

/* Base list styles */
ul[b-rnyywj411g] {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Item structure */
.item[b-rnyywj411g] {
    display: flex;
    width: 100%;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    text-align: start;
}

.bgl[b-rnyywj411g] {
    background-color: white;
}

.hint-card[b-rnyywj411g] {
    width: 100%;
    position: relative;
    padding: 10px;
    box-sizing: border-box;
    background: white;
    border-radius: 16px;
}

.info-card-list[b-rnyywj411g] {
    list-style: none;
    padding: 0;
    margin: auto;
    width: 100%;
}

    .info-card-list li[b-rnyywj411g] {
        overflow: hidden;
        border-radius: 18px !important;
        margin-bottom: 16px;
        background: white;
        border: 2px solid #e8e5f0;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        transition: all 0.3s ease;
    }

        .info-card-list li:hover[b-rnyywj411g] {
            transform: translateY(-2px);
            box-shadow: 0 4px 16px rgba(108, 65, 173, 0.15);
            border-color: var(--purple-300);
        }

/* Item structure */
.item[b-rnyywj411g] {
    display: flex;
    width: 200%;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    text-align: start;
    transition: transform 0.3s ease;
}

.bgl[b-rnyywj411g] {
    background-color: white;
}

.hint-card[b-rnyywj411g] {
    width: 50%;
    position: relative;
    padding: 10px;
    box-sizing: border-box;
    background: white;
    border-radius: 16px;
}

/* Hint text and date */
.hint-text[b-rnyywj411g] {
    color: #241b35 !important;
    display: block;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1.6;
    padding: 16px;
    font-family: system-ui, -apple-system, "Inter", sans-serif;
}

.dashboard-hint-date[b-rnyywj411g] {
    font-size: 0.85rem;
    color: var(--gray-600);
    margin-bottom: 8px;
    font-weight: 500;
    font-family: system-ui, -apple-system, "Inter", sans-serif;
}

/* Flag wrapper and flags */
.flag-wrapper[b-rnyywj411g] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 400px;
    aspect-ratio: 8 / 1;
    padding: 0 0 10px 0;
    margin-bottom: -8px;
    box-sizing: border-box;
    margin-right: auto !important;
    gap: 8px;
}

.flag[b-rnyywj411g] {
    width: 100%;
    aspect-ratio: 2 / 1;
    position: relative;
    display: block;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}

.cat[b-rnyywj411g] {
    position: relative;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    width: 100%;
    height: 100%;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: system-ui, -apple-system, "Inter", sans-serif;
}

@media only screen and (max-width: 480px) {
    .catbg[b-rnyywj411g], .catbg-inactive[b-rnyywj411g] {
        font-size: 2.5vw;
    }
}

/* Option section */
.option[b-rnyywj411g] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 4px;
    width: 5%;
    max-height: 350px;
    background: linear-gradient(90deg, var(--purple-600), 40%, var(--purple-300));
    border-radius: 12px;
    padding: 4px;
    box-shadow: 0 4px 12px rgba(108, 65, 173, 0.2);
}

/* Icon wrappers */
.icon-wrapper[b-rnyywj411g] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .icon-wrapper:hover[b-rnyywj411g] {
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(108, 65, 173, 0.2);
    }

    .icon-wrapper .icon[b-rnyywj411g] {
        width: 30%;
        max-width: 25px;
        padding-bottom: 30%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        filter: brightness(1.1);
    }

    /* Icon wrapper variants */
    .icon-wrapper.list[b-rnyywj411g] {
        background: linear-gradient(90deg, var(--purple-600), 1%, var(--purple-300));
        transition: all 0.3s ease;
    }

        .icon-wrapper.list.active[b-rnyywj411g] {
            background: linear-gradient(90deg, var(--purple-700), 50%, var(--purple-600));
            transform: scale(1.05);
            box-shadow: 0 4px 12px rgba(108, 65, 173, 0.3);
        }

    .icon-wrapper.heart[b-rnyywj411g] {
        background: linear-gradient(90deg, var(--purple-600), 1%, var(--purple-300));
        transition: all 0.3s ease;
    }

        .icon-wrapper.heart.active[b-rnyywj411g] {
            background: linear-gradient(90deg, var(--purple-700), 50%, var(--purple-600));
            transform: scale(1.05);
            box-shadow: 0 4px 12px rgba(108, 65, 173, 0.3);
        }

    .icon-wrapper.respond[b-rnyywj411g] {
        background: linear-gradient(90deg, var(--purple-600), 1%, var(--purple-300));
        transition: all 0.3s ease;
    }

    .icon-wrapper.trash[b-rnyywj411g] {
        background: linear-gradient(90deg, #dc2626, 1%, #ef4444);
        transition: all 0.3s ease;
    }

/* Enhanced icon interactions */
.list-icon[b-rnyywj411g], .heart-icon[b-rnyywj411g], .respond-icon[b-rnyywj411g] {
    filter: brightness(1.1);
    transition: all 0.3s ease;
}

    .list-icon:hover[b-rnyywj411g], .heart-icon:hover[b-rnyywj411g], .respond-icon:hover[b-rnyywj411g] {
        transform: scale(1.1);
        filter: brightness(1.3);
    }

/* ===============================
           ICON STYLES
           =============================== */

/* Base icon styles */
.list-icon-yellow[b-rnyywj411g], .list-icon-dark[b-rnyywj411g], .list-icon-lite[b-rnyywj411g], .list-icon-red[b-rnyywj411g], .list-icon-green[b-rnyywj411g],
.heart-icon-yellow[b-rnyywj411g], .heart-icon-dark[b-rnyywj411g], .heart-icon-lite[b-rnyywj411g],
.respond-icon-yellow[b-rnyywj411g], .respond-icon-dark[b-rnyywj411g], .respond-icon-lite[b-rnyywj411g],
.delete-icon-lite[b-rnyywj411g] {
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* List icons */
.list-icon-yellow[b-rnyywj411g] {
    background-image: url(data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.8 44.49'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23b7a8cd;
    %7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M8.79,23.51c2.63-3.39,5.05-6.6,7.55-9.71,2.35-2.92,5.79-1.8,6.31,2.15,.17,1.27-.27,3.11-.96,4.05-3.34,4.55-6.84,8.92-10.34,13.28-1.47,1.83-3.54,1.74-5.05-.11-1.74-2.14-3.46-4.32-5.14-6.54-1.55-2.04-1.54-4.7-.05-6.61,1.41-1.8,3.68-1.81,5.2,.06,.85,1.04,1.6,2.21,2.47,3.43Z'/%3E%3Cpath class='cls-1' d='M33.05,0c2.85,0,5.7-.02,8.54,0,2.55,.02,4.18,1.73,4.21,4.38,.03,2.65-1.6,4.46-4.13,4.47-5.75,.02-11.5,.03-17.25,0-2.37-.01-4.06-1.86-4.1-4.38C20.29,1.94,22.05,.03,24.51,.01c2.85-.02,5.7,0,8.54,0Z'/%3E%3Cpath class='cls-1' d='M33.14,44.49c-2.85,0-5.69,.01-8.54,0-2.49-.02-4.22-1.85-4.27-4.46-.05-2.66,1.74-4.56,4.33-4.57,5.64-.01,11.28-.02,16.92,0,2.56,0,4.19,1.76,4.21,4.46,.03,2.78-1.62,4.56-4.28,4.57-2.79,.02-5.59,0-8.38,0Z'/%3E%3Cpath class='cls-1' d='M36.64,26.63c-1.72,0-3.44,.04-5.16-.01-2.27-.07-3.82-1.89-3.83-4.42-.01-2.51,1.55-4.38,3.83-4.42,3.49-.05,6.98-.05,10.47,0,2.27,.04,3.84,1.9,3.85,4.42,0,2.51-1.57,4.35-3.84,4.42-1.77,.05-3.54,.01-5.32,.01Z'/%3E%3C/svg%3E);
}

.list-icon-dark[b-rnyywj411g] {
    background-image: url(data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.8 44.49'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%235a398a;
    %7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M8.79,23.51c2.63-3.39,5.05-6.6,7.55-9.71,2.35-2.92,5.79-1.8,6.31,2.15,.17,1.27-.27,3.11-.96,4.05-3.34,4.55-6.84,8.92-10.34,13.28-1.47,1.83-3.54,1.74-5.05-.11-1.74-2.14-3.46-4.32-5.14-6.54-1.55-2.04-1.54-4.7-.05-6.61,1.41-1.8,3.68-1.81,5.2,.06,.85,1.04,1.6,2.21,2.47,3.43Z'/%3E%3Cpath class='cls-1' d='M33.05,0c2.85,0,5.7-.02,8.54,0,2.55,.02,4.18,1.73,4.21,4.38,.03,2.65-1.6,4.46-4.13,4.47-5.75,.02-11.5,.03-17.25,0-2.37-.01-4.06-1.86-4.1-4.38C20.29,1.94,22.05,.03,24.51,.01c2.85-.02,5.7,0,8.54,0Z'/%3E%3Cpath class='cls-1' d='M33.14,44.49c-2.85,0-5.69,.01-8.54,0-2.49-.02-4.22-1.85-4.27-4.46-.05-2.66,1.74-4.56,4.33-4.57,5.64-.01,11.28-.02,16.92,0,2.56,0,4.19,1.76,4.21,4.46,.03,2.78-1.62,4.56-4.28,4.57-2.79,.02-5.59,0-8.38,0Z'/%3E%3Cpath class='cls-1' d='M36.64,26.63c-1.72,0-3.44,.04-5.16-.01-2.27-.07-3.82-1.89-3.83-4.42-.01-2.51,1.55-4.38,3.83-4.42,3.49-.05,6.98-.05,10.47,0,2.27,.04,3.84,1.9,3.85,4.42,0,2.51-1.57,4.35-3.84,4.42-1.77,.05-3.54,.01-5.32,.01Z'/%3E%3C/svg%3E);
}

.list-icon-lite[b-rnyywj411g] {
    background-image: url(data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.8 44.49'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f6f3fc;
    %7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M8.79,23.51c2.63-3.39,5.05-6.6,7.55-9.71,2.35-2.92,5.79-1.8,6.31,2.15,.17,1.27-.27,3.11-.96,4.05-3.34,4.55-6.84,8.92-10.34,13.28-1.47,1.83-3.54,1.74-5.05-.11-1.74-2.14-3.46-4.32-5.14-6.54-1.55-2.04-1.54-4.7-.05-6.61,1.41-1.8,3.68-1.81,5.2,.06,.85,1.04,1.6,2.21,2.47,3.43Z'/%3E%3Cpath class='cls-1' d='M33.05,0c2.85,0,5.7-.02,8.54,0,2.55,.02,4.18,1.73,4.21,4.38,.03,2.65-1.6,4.46-4.13,4.47-5.75,.02-11.5,.03-17.25,0-2.37-.01-4.06-1.86-4.1-4.38C20.29,1.94,22.05,.03,24.51,.01c2.85-.02,5.7,0,8.54,0Z'/%3E%3Cpath class='cls-1' d='M33.14,44.49c-2.85,0-5.69,.01-8.54,0-2.49-.02-4.22-1.85-4.27-4.46-.05-2.66,1.74-4.56,4.33-4.57,5.64-.01,11.28-.02,16.92,0,2.56,0,4.19,1.76,4.21,4.46,.03,2.78-1.62,4.56-4.28,4.57-2.79,.02-5.59,0-8.38,0Z'/%3E%3Cpath class='cls-1' d='M36.64,26.63c-1.72,0-3.44,.04-5.16-.01-2.27-.07-3.82-1.89-3.83-4.42-.01-2.51,1.55-4.38,3.83-4.42,3.49-.05,6.98-.05,10.47,0,2.27,.04,3.84,1.9,3.85,4.42,0,2.51-1.57,4.35-3.84,4.42-1.77,.05-3.54,.01-5.32,.01Z'/%3E%3C/svg%3E);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.list-icon-red[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.8 44.49'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23E73938;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M8.79,23.51c2.63-3.39,5.05-6.6,7.55-9.71,2.35-2.92,5.79-1.8,6.31,2.15,.17,1.27-.27,3.11-.96,4.05-3.34,4.55-6.84,8.92-10.34,13.28-1.47,1.83-3.54,1.74-5.05-.11-1.74-2.14-3.46-4.32-5.14-6.54-1.55-2.04-1.54-4.7-.05-6.61,1.41-1.8,3.68-1.81,5.2,.06,.85,1.04,1.6,2.21,2.47,3.43Z'/%3E%3Cpath class='cls-1' d='M33.05,0c2.85,0,5.7-.02,8.54,0,2.55,.02,4.18,1.73,4.21,4.38,.03,2.65-1.6,4.46-4.13,4.47-5.75,.02-11.5,.03-17.25,0-2.37-.01-4.06-1.86-4.1-4.38C20.29,1.94,22.05,.03,24.51,.01c2.85-.02,5.7,0,8.54,0Z'/%3E%3Cpath class='cls-1' d='M33.14,44.49c-2.85,0-5.69,.01-8.54,0-2.49-.02-4.22-1.85-4.27-4.46-.05-2.66,1.74-4.56,4.33-4.57,5.64-.01,11.28-.02,16.92,0,2.56,0,4.19,1.76,4.21,4.46,.03,2.78-1.62,4.56-4.28,4.57-2.79,.02-5.59,0-8.38,0Z'/%3E%3Cpath class='cls-1' d='M36.64,26.63c-1.72,0-3.44,.04-5.16-.01-2.27-.07-3.82-1.89-3.83-4.42-.01-2.51,1.55-4.38,3.83-4.42,3.49-.05,6.98-.05,10.47,0,2.27,.04,3.84,1.9,3.85,4.42,0,2.51-1.57,4.35-3.84,4.42-1.77,.05-3.54,.01-5.32,.01Z'/%3E%3C/svg%3E ");
}

.list-icon-green[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.8 44.49'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2317A304;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M8.79,23.51c2.63-3.39,5.05-6.6,7.55-9.71,2.35-2.92,5.79-1.8,6.31,2.15,.17,1.27-.27,3.11-.96,4.05-3.34,4.55-6.84,8.92-10.34,13.28-1.47,1.83-3.54,1.74-5.05-.11-1.74-2.14-3.46-4.32-5.14-6.54-1.55-2.04-1.54-4.7-.05-6.61,1.41-1.8,3.68-1.81,5.2,.06,.85,1.04,1.6,2.21,2.47,3.43Z'/%3E%3Cpath class='cls-1' d='M33.05,0c2.85,0,5.7-.02,8.54,0,2.55,.02,4.18,1.73,4.21,4.38,.03,2.65-1.6,4.46-4.13,4.47-5.75,.02-11.5,.03-17.25,0-2.37-.01-4.06-1.86-4.1-4.38C20.29,1.94,22.05,.03,24.51,.01c2.85-.02,5.7,0,8.54,0Z'/%3E%3Cpath class='cls-1' d='M33.14,44.49c-2.85,0-5.69,.01-8.54,0-2.49-.02-4.22-1.85-4.27-4.46-.05-2.66,1.74-4.56,4.33-4.57,5.64-.01,11.28-.02,16.92,0,2.56,0,4.19,1.76,4.21,4.46,.03,2.78-1.62,4.56-4.28,4.57-2.79,.02-5.59,0-8.38,0Z'/%3E%3Cpath class='cls-1' d='M36.64,26.63c-1.72,0-3.44,.04-5.16-.01-2.27-.07-3.82-1.89-3.83-4.42-.01-2.51,1.55-4.38,3.83-4.42,3.49-.05,6.98-.05,10.47,0,2.27,.04,3.84,1.9,3.85,4.42,0,2.51-1.57,4.35-3.84,4.42-1.77,.05-3.54,.01-5.32,.01Z'/%3E%3C/svg%3E ");
}

/* Heart icons */
.heart-icon-yellow[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' style='enable-background:new 0 0 200 200;' xml:space='preserve'%3Cstyle type='text/css'%3E .st0%7Bfill:%23F5F0FF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M100.47,33.51c4.68-8.36,9.98-15.36,16.74-20.82c23.22-18.74,54.39-13.03,71.49,12.97 c12.82,19.49,14.13,40.57,6.94,62.78c-7.11,21.95-19.86,39.6-34.26,55.88c-17.79,20.1-37.94,36.9-58.94,52.46 c-0.91,0.68-2.84,0.8-3.73,0.17c-30.24-21.44-58.12-45.96-79.2-78.99C9.27,101.93,1.5,84.52,1,64.29 C0.48,43.88,6.03,25.97,20.96,13.22C43.65-6.16,78.91-1.07,96.03,26.33C97.41,28.53,98.77,30.75,100.47,33.51z'/%3E%3C/g%3E%3C/svg%3E");
}

.heart-icon-dark[b-rnyywj411g] {
    background-image: url(data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' style='enable-background:new 0 0 200 200;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F15858;
    %7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M100.47,33.51c4.68-8.36,9.98-15.36,16.74-20.82c23.22-18.74,54.39-13.03,71.49,12.97 c12.82,19.49,14.13,40.57,6.94,62.78c-7.11,21.95-19.86,39.6-34.26,55.88c-17.79,20.1-37.94,36.9-58.94,52.46 c-0.91,0.68-2.84,0.8-3.73,0.17c-30.24-21.44-58.12-45.96-79.2-78.99C9.27,101.93,1.5,84.52,1,64.29 C0.48,43.88,6.03,25.97,20.96,13.22C43.65-6.16,78.91-1.07,96.03,26.33C97.41,28.53,98.77,30.75,100.47,33.51z'/%3E%3C/g%3E%3C/svg%3E);
}

.heart-icon-lite[b-rnyywj411g] {
    background-image: url(data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' style='enable-background:new 0 0 200 200;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23f6f3fc;
    %7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M100.47,33.51c4.68-8.36,9.98-15.36,16.74-20.82c23.22-18.74,54.39-13.03,71.49,12.97 c12.82,19.49,14.13,40.57,6.94,62.78c-7.11,21.95-19.86,39.6-34.26,55.88c-17.79,20.1-37.94,36.9-58.94,52.46 c-0.91,0.68-2.84,0.8-3.73,0.17c-30.24-21.44-58.12-45.96-79.2-78.99C9.27,101.93,1.5,84.52,1,64.29 C0.48,43.88,6.03,25.97,20.96,13.22C43.65-6.16,78.91-1.07,96.03,26.33C97.41,28.53,98.77,30.75,100.47,33.51z'/%3E%3C/g%3E%3C/svg%3E);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* Respond icons */
.respond-icon-yellow[b-rnyywj411g] {
    background-image: url(data:image/svg+xml, %3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47.42 46.64'%3E%3Cdefs%3E%3Cstyle%3E.cls-6%7Bfill:%23b7a8cd;
    %7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-6' d='M47.42,10.32v14.06c-.03,.19-.07,.38-.1,.57-.15,1.21-.52,2.35-1.17,3.38-1.73,2.76-4.25,4.17-7.52,4.18-5.42,.02-10.85,.01-16.28-.01-.22,0-.41,.03-.59,.09,0,0-.28,.1-.52,.31-.36,.31-5.64,5.97-12.82,13.74,.2-4.67,.41-9.33,.61-14-.65-.1-1.24-.17-1.83-.27-3.58-.62-6.46-3.6-6.93-7.2-.15-1.15-.25-2.32-.25-3.48v-.05H.01C0,17.12-.02,12.59,.09,8.07,.17,4.81,1.96,2.45,4.84,.92c1.08-.57,2.26-.76,3.45-.92h30.64c.14,.03,.27,.06,.42,.07,4.32,.36,7.68,3.86,7.88,8.19,.04,.69,.13,1.37,.19,2.06Z'/%3E%3C/svg%3E);
}

.respond-icon-dark[b-rnyywj411g] {
    background-image: url(data:image/svg+xml, %3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47.42 46.64'%3E%3Cdefs%3E%3Cstyle%3E.cls-6%7Bfill:%235a398a;
    %7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-6' d='M47.42,10.32v14.06c-.03,.19-.07,.38-.1,.57-.15,1.21-.52,2.35-1.17,3.38-1.73,2.76-4.25,4.17-7.52,4.18-5.42,.02-10.85,.01-16.28-.01-.22,0-.41,.03-.59,.09,0,0-.28,.1-.52,.31-.36,.31-5.64,5.97-12.82,13.74,.2-4.67,.41-9.33,.61-14-.65-.1-1.24-.17-1.83-.27-3.58-.62-6.46-3.6-6.93-7.2-.15-1.15-.25-2.32-.25-3.48v-.05H.01C0,17.12-.02,12.59,.09,8.07,.17,4.81,1.96,2.45,4.84,.92c1.08-.57,2.26-.76,3.45-.92h30.64c.14,.03,.27,.06,.42,.07,4.32,.36,7.68,3.86,7.88,8.19,.04,.69,.13,1.37,.19,2.06Z'/%3E%3C/svg%3E);
}

.respond-icon-lite[b-rnyywj411g] {
    background-image: url(data:image/svg+xml, %3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47.42 46.64'%3E%3Cdefs%3E%3Cstyle%3E.cls-6%7Bfill:%23f6f3fc;
    %7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-6' d='M47.42,10.32v14.06c-.03,.19-.07,.38-.1,.57-.15,1.21-.52,2.35-1.17,3.38-1.73,2.76-4.25,4.17-7.52,4.18-5.42,.02-10.85,.01-16.28-.01-.22,0-.41,.03-.59,.09,0,0-.28,.1-.52,.31-.36,.31-5.64,5.97-12.82,13.74,.2-4.67,.41-9.33,.61-14-.65-.1-1.24-.17-1.83-.27-3.58-.62-6.46-3.6-6.93-7.2-.15-1.15-.25-2.32-.25-3.48v-.05H.01C0,17.12-.02,12.59,.09,8.07,.17,4.81,1.96,2.45,4.84,.92c1.08-.57,2.26-.76,3.45-.92h30.64c.14,.03,.27,.06,.42,.07,4.32,.36,7.68,3.86,7.88,8.19,.04,.69,.13,1.37,.19,2.06Z'/%3E%3C/svg%3E);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* Delete icon */
.delete-icon-lite[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.73 44'%3E%3Cdefs%3E%3Cstyle%3E.cls-5%7Bfill:%23f6f3fc;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-5' d='M3.34,15.22h30.81c.03,.32,.1,.62,.07,.91-.77,8.2-1.53,16.41-2.33,24.61-.23,2.39-1.2,3.25-3.56,3.26-6.41,.02-12.81,.01-19.22,0-2.12,0-3.22-.84-3.41-2.82-.83-8.42-1.61-16.85-2.4-25.28-.02-.17,.02-.35,.04-.68Zm9.9,21.54c-.36-5.38-.7-10.37-1.03-15.37-.07-1.04-.36-1.92-1.61-1.84-1.26,.08-1.42,1.01-1.36,2.04,.22,3.35,.43,6.7,.65,10.04,.12,1.79,.26,3.57,.37,5.35,.06,1.03,.48,1.79,1.61,1.71,1.14-.07,1.44-.9,1.37-1.91,0-.13,0-.27,0-.02Zm11.09-.66c-.01,.27-.03,.54-.04,.8-.04,.97,.3,1.72,1.36,1.8,1.15,.08,1.54-.7,1.61-1.71,.35-5.13,.69-10.26,1.04-15.39,.07-1.04-.13-1.96-1.36-2.05-1.25-.1-1.55,.79-1.62,1.83-.32,4.91-.66,9.81-.99,14.72Zm-7.04-7.06c0,2.6,0,5.2,0,7.79,0,1.01,.29,1.85,1.44,1.87,1.23,.02,1.54-.84,1.54-1.91,0-5.11,0-10.21,0-15.32,0-1.06-.28-1.94-1.51-1.93-1.25,.01-1.47,.92-1.47,1.97,.02,2.51,0,5.02,0,7.52Z'/%3E%3Cpath class='cls-5' d='M26.27,6.13c2.5,0,4.96,0,7.41,0,3.04,.01,4.85,2.6,3.69,5.45-.19,.47-1.09,.91-1.68,.93-3.18,.09-6.36,.04-9.54,.04-7.97,0-15.94,0-23.91,0C.27,12.55,0,12.27,0,10.28c-.01-3.04,1.07-4.14,4.09-4.16,2.28,0,4.57-.02,6.85-.03,.08,0,.16-.06,.33-.13,.02-.16,.07-.37,.07-.59C11.46,1.83,13.27,.04,16.79,0c1.3-.01,2.6-.01,3.9,0,3.53,.03,5.33,1.78,5.5,5.34,.01,.21,.04,.43,.08,.78Zm-3.47-.07c.35-2.16-.16-2.79-2.23-2.81-1.2-.01-2.41-.01-3.61,0-2.07,.02-2.58,.65-2.23,2.81h8.08Z'/%3E%3C/svg%3E");
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* ===============================
           FLAG AND CATEGORY STYLES
           =============================== */

/* Blank flag styles */
.blank[b-rnyywj411g] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Neg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103.2 51.3' style='enable-background:new 0 0 103.2 51.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23f5f0ff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M21.1,9.8h61.6c8.8,0,16,7.2,16,16v0c0,8.8-7.2,16-16,16H21.1c-8.8,0-16-7.2-16-16v0 C5.2,16.9,12.3,9.8,21.1,9.8z'/%3E%3C/svg%3E");
}

.blank-service[b-rnyywj411g] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Neg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103.2 51.3' style='enable-background:new 0 0 103.2 51.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23528bc0;%7D%0A%3C/style%3E%3Cpath class='st0' d='M21.1,9.8h61.6c8.8,0,16,7.2,16,16v0c0,8.8-7.2,16-16,16H21.1c-8.8,0-16-7.2-16-16v0 C5.2,16.9,12.3,9.8,21.1,9.8z'/%3E%3C/svg%3E");
}

.blank-product[b-rnyywj411g] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Neg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103.2 51.3' style='enable-background:new 0 0 103.2 51.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23f397ab;%7D%0A%3C/style%3E%3Cpath class='st0' d='M21.1,9.8h61.6c8.8,0,16,7.2,16,16v0c0,8.8-7.2,16-16,16H21.1c-8.8,0-16-7.2-16-16v0 C5.2,16.9,12.3,9.8,21.1,9.8z'/%3E%3C/svg%3E");
}

.blank-value[b-rnyywj411g] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Neg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103.2 51.3' style='enable-background:new 0 0 103.2 51.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2391ca7d;%7D%0A%3C/style%3E%3Cpath class='st0' d='M21.1,9.8h61.6c8.8,0,16,7.2,16,16v0c0,8.8-7.2,16-16,16H21.1c-8.8,0-16-7.2-16-16v0 C5.2,16.9,12.3,9.8,21.1,9.8z'/%3E%3C/svg%3E");
}

.blank-facility[b-rnyywj411g] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Neg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103.2 51.3' style='enable-background:new 0 0 103.2 51.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23f19b24;%7D%0A%3C/style%3E%3Cpath class='st0' d='M21.1,9.8h61.6c8.8,0,16,7.2,16,16v0c0,8.8-7.2,16-16,16H21.1c-8.8,0-16-7.2-16-16v0 C5.2,16.9,12.3,9.8,21.1,9.8z'/%3E%3C/svg%3E");
}

.blank-suggestions[b-rnyywj411g] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Neg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103.2 51.3' style='enable-background:new 0 0 103.2 51.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FBD43F;%7D%0A%3C/style%3E%3Cpath class='st0' d='M21.1,9.8h61.6c8.8,0,16,7.2,16,16v0c0,8.8-7.2,16-16,16H21.1c-8.8,0-16-7.2-16-16v0 C5.2,16.9,12.3,9.8,21.1,9.8z'/%3E%3C/svg%3E");
}

.blank-questions[b-rnyywj411g] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Neg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103.2 51.3' style='enable-background:new 0 0 103.2 51.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230eabff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M21.1,9.8h61.6c8.8,0,16,7.2,16,16v0c0,8.8-7.2,16-16,16H21.1c-8.8,0-16-7.2-16-16v0 C5.2,16.9,12.3,9.8,21.1,9.8z'/%3E%3C/svg%3E");
}

/* Category flag styles */
.both[b-rnyywj411g] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Both' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103.1 51.3' style='enable-background:new 0 0 103.1 51.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E73938;%7D .st1%7Bfill:%2317A304;%7D%0A%3C/style%3E%3Cpath class='st0' d='M103.1,25.7v1.1c-0.5,10.8-8,19.5-17.3,19.6c-0.4,0-0.8,0-1.3,0c-4.8,0-9.7,0-14.5,0c-4.9,0.6-9.7,1.8-14.4,3.9 c-2.2,1-4.5,1.6-6.9,0.4c-5.5-2.7-11.3-3.8-17.1-4.3h0c-2.5,0-5,0-7.5,0c-2.2,0-4.5,0-6.7,0c-4.8-0.1-9.1-2.4-12.2-6.1 C2,36.6,0,31.4,0,25.7v0H103.1z'/%3E%3Cpath class='st1' d='M103.1,24.6v1.1H0C0,14.6,7.4,5.5,16.7,5c1.3,0,2.7,0,4,0H33c4.9-0.6,9.7-1.8,14.4-3.9c2.2-1,4.5-1.6,6.9-0.4 c5.5,2.7,11.2,3.8,17.1,4.3c0,0,0.1,0,0.1,0c4.9,0,9.7,0,14.6,0c4.6,0.2,8.8,2.4,11.9,6C101,14.5,102.9,19.3,103.1,24.6z'/%3E%3C/svg%3E");
}

.positive[b-rnyywj411g] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Both' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103.1 51.3' style='enable-background:new 0 0 103.1 51.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2317A304;%7D%0A%3C/style%3E%3Cpath class='st0' d='M103.1,24.6v2.2c-0.5,10.8-8,19.5-17.3,19.6c-0.4,0-0.8,0-1.3,0c-0.7,0-1.4,0-2,0H31.6c-2.5,0-5,0-7.5,0 c-1.3,0-2.7,0-4,0h-0.2c-0.9,0-1.7,0-2.5,0c-4.8-0.1-9.1-2.4-12.2-6C2,36.6,0,31.4,0,25.7v0C0,14.6,7.4,5.5,16.7,5c1.3,0,2.7,0,4,0 H33c4.9-0.6,9.7-1.8,14.4-3.9c2.2-1,4.5-1.6,6.9-0.4c5.5,2.7,11.2,3.8,17.1,4.3c0,0,0.1,0,0.1,0c4.9,0,9.7,0,14.6,0 c4.6,0.2,8.8,2.5,11.9,6C101,14.5,102.9,19.3,103.1,24.6z'/%3E%3C/svg%3E");
}

.negative[b-rnyywj411g] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Both' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103.1 51.3' style='enable-background:new 0 0 103.1 51.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E73938;%7D%0A%3C/style%3E%3Cpath class='st0' d='M103.1,24.6v2.2c-0.5,10.8-8,19.5-17.3,19.6c-0.4,0-0.8,0-1.3,0c-4.8,0-9.7,0-14.5,0c-4.9,0.6-9.7,1.8-14.4,3.9 c-2.2,1-4.5,1.6-6.9,0.4c-5.5-2.7-11.3-3.8-17.1-4.3h0c-2.5,0-5,0-7.5,0c-2.2,0-4.5,0-6.7,0c-4.8-0.1-9.1-2.4-12.2-6 C2,36.6,0,31.4,0,25.7v0C0,14.6,7.4,5.5,16.7,5c1,0,69.4,0,69.4,0c4.6,0.2,8.8,2.5,11.9,6C101,14.5,102.9,19.3,103.1,24.6z'/%3E%3C/svg%3E");
}

/* ===============================
           CONSOLIDATED INLINE STYLES
           =============================== */

/* Header layout utilities */
.header-flex-between[b-rnyywj411g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-flex-center[b-rnyywj411g] {
    display: flex;
    align-items: center;
}

/* Positioning utilities */
.position-relative[b-rnyywj411g] {
    position: relative;
}

/* Display utilities */
.display-none[b-rnyywj411g] {
    display: none;
}



/* Filter option icon styles */
.filter-option-icon[b-rnyywj411g] {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Header links styles */
.header-links[b-rnyywj411g] {
    background: transparent;
    border: 0;
    color: #45c2b9;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 16px 4px 0px;
    text-decoration: none;
}

.sort-label[b-rnyywj411g] {
    font-size: 0.9rem;
    color: var(--gray-600);
    font-weight: 500;
}

/* ===============================
           EXISTING STYLES CONTINUE BELOW
           =============================== */

/* ===============================
           HINT LIST SPECIFIC STYLES
           =============================== */

/* Overlay content styles */
.overlay-content[b-rnyywj411g] {
    position: absolute;
    top: 0;
    left: 0;
    right: -5%;
    bottom: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: white;
    z-index: 1;
    pointer-events: none;
    animation: pulse-b-rnyywj411g 2s infinite;
}

/* Additional overlay content styles for filter pills */
.filter-pill .overlay-content[b-rnyywj411g] {
    position: absolute;
    top: 0;
    left: 0;
    right: -5%;
    bottom: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 2;
    pointer-events: none;
}

@keyframes pulse-b-rnyywj411g {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}

.overlay-content-facility[b-rnyywj411g] {
    width: 28%;
    aspect-ratio: 1 / 1;
    background: var(--purple-700);
    border-radius: 50%;
    border: 2px solid #f19b24;
    box-shadow: 0px 0px 12px rgba(108, 65, 173, 0.4);
    -moz-box-shadow: 0px 0px 12px rgba(108, 65, 173, 0.4);
    -webkit-box-shadow: 0px 0px 12px rgba(108, 65, 173, 0.4);
}

/* Emoji suggestion question styles */

.emoji-suggestion[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 282.28 475.83'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fef377;%7D.cls-2%7Bfill:%23d8d8d8;%7D.cls-3%7Bfill:%23ffc81a;%7D.cls-4%7Bfill:%23feb02e;%7D.cls-5%7Bfill:%23545454;%7D.cls-6%7Bfill:%23ff9100;%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-3' d='M170.6,364.2c-2.69,0-5.74-.25-9.31-.76l-3.11-.44,.1-3.14c.19-5.65,.26-11.31,.35-17.31,.48-35.08,.97-71.35,23.76-98.44l.1-.12,.11-.11c24.5-24.45,18.36-63.3,.14-87.44l-2.4-3.18,3.46-1.97c28.29-16.14,36.87-51.06,30.71-77.21-5.88-24.97-23.75-40.7-47.82-42.05-.73-.03-1.51-.05-2.27-.05-20.46,0-39.01,12.5-49.64,33.44-12.37,24.37-10.76,53.25,4.11,73.58l2.56,3.5-3.96,1.77c-16.87,7.53-28.81,23.17-32.77,42.92-4.23,21.13,1.19,42.81,14.15,56.57,9.85,10.73,15.98,23.42,19.3,39.97,3.46,17.23,4.28,34.84,5.07,51.87,.37,7.92,.75,16.1,1.39,24.1l.35,4.37-4.34-.63c-.68-.1-1.45-.15-2.34-.15-1.55,0-3.22,.14-4.99,.3-1.87,.16-3.81,.33-5.72,.33h-.03c-2.74,0-10.95-.03-14.56-8.82l-.21-.52-.04-.56c-2.99-42.43-21.76-64.87-41.64-88.63-12.92-15.45-26.28-31.42-35.88-53.54l-.05-.12-.04-.13C-4.27,155.44,.88,102.32,29.59,62.03c12.9-18.1,30.34-33.06,50.43-43.27,19.66-9.99,41.47-15.26,63.09-15.26,31.23,0,60.04,10.64,83.32,30.76,25.92,22.41,43.87,56.24,51.92,97.84l.04,.22v.23c2.71,44.04-9.69,86.62-34,116.81-3.72,4.64-7.88,8.84-11.9,12.91-5.14,5.19-9.99,10.1-14.09,15.92-19.48,26.31-23.41,47.32-26.01,61.23-2.69,14.39-4.64,24.79-21.81,24.8Z'/%3E%3Cpath class='cls-6' d='M143.12,7c57.35,0,114.79,37.83,131.81,125.76,2.5,40.87-8.07,83.13-33.25,114.4-8.18,10.22-18.5,18.16-26.12,29-39.54,53.4-16.22,84.53-44.96,84.53-2.52,0-5.43-.24-8.82-.72,1.28-38.55-2.51-82.96,23.28-113.61,24.78-24.73,20.67-65.24,.46-92.03,51.82-29.56,44.69-122.22-18.64-125.8-.82-.04-1.65-.05-2.47-.05-50.66,0-79.87,69.5-48.36,112.6-41.29,18.43-46.46,76.71-19.74,105.08,10.12,11.02,15.45,23.49,18.41,38.26,5,24.95,4.38,50.37,6.41,75.56-.91-.13-1.86-.18-2.84-.18-3.43,0-7.2,.62-10.72,.62-4.79,0-9.1-1.16-11.36-6.65-5.03-71.4-53.71-87.8-77.8-143.32C-24.01,87.5,59.46,7,143.12,7m0-7c-22.17,0-44.53,5.41-64.68,15.64-20.59,10.46-38.47,25.8-51.7,44.36C12.77,79.61,4.16,102.14,1.17,126.96c-3.26,27.02,.32,55.88,10.64,85.78l.09,.26,.11,.25c9.8,22.58,23.32,38.75,36.41,54.39,19.5,23.31,37.92,45.33,40.83,86.63l.08,1.13,.43,1.04c3,7.29,9,10.99,17.83,10.99,2.07,0,4.08-.17,6.03-.34,1.69-.15,3.29-.28,4.69-.28,.71,0,1.33,.04,1.84,.11l8.68,1.26-.7-8.74c-.64-7.94-1.02-16.1-1.39-23.99-.8-17.16-1.63-34.9-5.13-52.39-3.45-17.21-9.84-30.43-20.12-41.62l-.03-.03-.03-.03c-12.01-12.76-17.22-33.75-13.26-53.48,3.73-18.62,14.94-33.35,30.76-40.41l7.91-3.53-5.11-6.99c-14.1-19.28-15.59-46.73-3.81-69.94,10.02-19.74,27.41-31.52,46.51-31.52,.71,0,1.42,.02,2.12,.05,22.41,1.28,39.07,15.99,44.56,39.36,5.85,24.89-2.24,58.08-29.04,73.37l-6.91,3.94,4.79,6.35c17.32,22.96,23.28,59.81,.18,82.86l-.22,.22-.2,.23c-23.59,28.05-24.12,66.62-24.58,100.65-.08,5.98-.16,11.62-.34,17.24l-.21,6.28,6.22,.89c3.74,.53,6.95,.79,9.81,.79,5.8,0,14.12-.9,19.35-8.73,3.27-4.89,4.43-11.09,5.9-18.92,2.69-14.4,6.38-34.12,25.33-59.72l.05-.07,.05-.07c3.92-5.58,8.68-10.38,13.71-15.47,4.08-4.13,8.31-8.39,12.15-13.19,12.8-15.9,22.32-34.77,28.28-56.09,5.56-19.87,7.8-41.69,6.49-63.12l-.03-.45-.09-.45c-4.24-21.89-11.11-41.66-20.43-58.76-8.78-16.11-19.76-29.93-32.64-41.05C204.8,10.93,175.2,0,143.12,0h0Z'/%3E%3C/g%3E%3Cpath class='cls-2' d='M191.99,428.67c.69,18.31-4.57,25.55-20.76,28.91-3.32,.69-6.45,1.67-8.6,5.32-3.87,6.58-11.2,8.32-16.54,12.92h-11.83c-.55-4.09-4.41-2.88-6.42-4.72-7.72-7.06-14.88-14.94-26-15.98-2.86-.27-5.42-4.29-8.12-6.59,32.32-8.64,65.6-12.8,98.28-19.87Z'/%3E%3Cpath class='cls-2' d='M185.72,354.03c5.62,6.03,7.16,13.48,6.36,21.74-34.28,5.73-68.13,14.43-102.6,18.6,1.02-13.82-3.49-29.8,6.73-40.58,4.39,10.66,16.5,4.99,24.92,6.21,13.55,0,27.1,0,40.64,0,8.1-.99,19.49,4.02,23.94-5.95Z'/%3E%3Cpath class='cls-5' d='M89.49,394.36c17.59-1.27,34.66-6.03,51.98-9.11,16.9-3,33.74-6.31,50.61-9.49,5.13-.12,8.65,2.84,8.58,8.09-1.16,13.58-20.15,9.45-29.15,13.34-27.33,5.28-54.68,10.49-82.02,15.73-11.06-2.12-10.12-15.84-.01-18.56Z'/%3E%3Cpath class='cls-5' d='M191.99,428.67c-22.2,4.31-44.42,8.45-66.57,13-10.66-.82-43.97,16.45-43.53-2.2,.86-12.69,34.92-10.95,44.93-15.18,21.76-4.25,43.52-8.52,65.28-12.79,5.01,.87,8.05,4,7.73,9.57-.28,4.88-3.2,7.52-7.83,7.6Z'/%3E%3Cpath class='cls-2' d='M192.09,411.5c-34.14,6.69-68.28,13.41-102.44,20-.05-6.19-.1-12.38-.15-18.58,34.15-6.67,68.4-12.77,102.46-19.99,.04,6.19,.08,12.37,.12,18.56Z'/%3E%3Cpath class='cls-1' d='M116.06,141.08c-32.01-43.78-1.34-114.85,50.83-112.54,63.32,3.59,70.47,96.23,18.64,125.79-23.65,12.17-51.34,7.6-69.47-13.26Z'/%3E%3Cpath class='cls-4' d='M168.5,160.04c6.06-.56,11.24-4.21,17.03-5.71,20.21,26.8,24.32,67.28-.46,92.03-25.79,30.66-22,75.05-23.28,113.61-13.55,0-27.1,0-40.64,0-2.02-25.19-1.4-50.61-6.41-75.56-2.96-14.77-8.29-27.24-18.41-38.26-26.72-28.36-21.54-86.66,19.74-105.08,4.33,3.89,8.66,7.77,12.99,11.66-30.74,11.78-47.42,53.45-21.44,81.38,24.9,27.66,26.2,67.49,27.89,103.73-.82,7.11,11.3,7.24,10.64,.21,1.61-36.26,2.67-77.14,28.4-104.23,17.38-16.86,14.49-48.45,.22-65.01-2.32-2.69-5.84-4.47-6.27-8.79Z'/%3E%3Cpath class='cls-3' d='M168.5,160.04c.43,4.32,3.95,6.1,6.27,8.79,14.27,16.56,17.16,48.14-.22,65.01-25.73,27.09-26.79,67.97-28.41,104.23,.67,7.17-11.45,6.76-10.64-.21-1.69-36.24-2.99-76.08-27.89-103.73-25.97-27.92-9.3-69.62,21.44-81.38,12.2,6.84,25.69,10.75,39.44,7.3Z'/%3E%3C/svg%3E");
    width: 100%;
    aspect-ratio: 1/1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 75%;
}

.emoji-question[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 278.32 479'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23545454;%7D.cls-2%7Bfill:%23fefefe;%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-2' d='M134.82,349.67c-8.55,0-17.01-4.06-23.82-11.42-8.84-9.56-13.73-23.24-12.82-35.74-1.65-47.97,26.46-74.78,53.64-100.71,10.52-10.04,21.41-20.42,30.48-31.94,17.38-24,14.3-42.23,8.65-53.29-8.49-16.65-28.58-27.84-49.97-27.84-23.1,0-41.69,12.64-51,34.69-2.5,5.67-4.61,11.91-6.64,17.93-7.23,21.38-14.7,43.49-39.93,43.49-3.03,0-6.29-.34-9.7-1.01l-.2-.04c-11.21-2.8-19.38-9.23-24.29-19.14-10.57-21.33-3.29-54.58,6.15-76.57l.09-.22,.12-.21C46.88,33.71,91.82,4,142.14,4c27.45,0,55.24,9.3,78.24,26.19,22.87,16.79,40.01,40.32,48.25,66.25,8.79,27.65,7.38,57.12-4.08,85.23-13.01,31.91-38.25,61.29-75.02,87.32-10.44,8.95-13.38,21.79-16.49,35.38-3.37,14.75-6.86,30-20.71,39.57-5.66,3.81-11.54,5.72-17.51,5.72h0Z'/%3E%3Cpath class='cls-1' d='M142.14,8c108.84-.01,201.38,147.21,44.93,257.83-23.62,20.06-12.39,57.81-37.02,74.83-5.19,3.49-10.34,5.01-15.24,5.01-19.04,0-34.22-23.02-32.63-43.08-2.34-64.58,50.55-88.69,83.32-130.32,35.57-49.05-3.92-87.54-44.51-87.54-21.66,0-43.63,10.96-54.68,37.14-11.08,25.12-13.84,58.98-42.89,58.98-2.74,0-5.7-.3-8.93-.94C-3,170.55,6.68,118.51,19.07,89.66,52.87,31.36,98.8,8.01,142.14,8m.02-8h-.02c-24.47,0-47.79,6.79-69.33,20.17C49.26,34.8,28.85,56.83,12.15,85.65l-.24,.41-.19,.44c-3.08,7.16-8.57,21.73-10.79,38.85-2.15,16.59-.56,30.41,4.73,41.08,5.38,10.85,14.68,18.19,26.9,21.24l.19,.05,.2,.04c3.66,.72,7.19,1.09,10.47,1.09,12.66,0,22.87-5.39,30.37-16.01,6.04-8.56,9.75-19.56,13.35-30.2,2.01-5.94,4.08-12.09,6.49-17.54l.03-.06,.02-.06c8.65-20.49,25.89-32.25,47.31-32.25,19.93,0,38.58,10.31,46.41,25.65,7.36,14.42,4.49,31.39-8.28,49.06-8.89,11.27-19.65,21.53-30.05,31.46-27.78,26.5-56.51,53.9-54.89,103.53-.92,13.51,4.37,28.23,13.88,38.53,7.57,8.2,17.08,12.71,26.76,12.71,6.79,0,13.42-2.15,19.71-6.38l.04-.03,.04-.03c15.13-10.46,18.96-27.2,22.34-41.97,2.94-12.87,5.72-25.03,15.05-33.12,37.32-26.45,62.98-56.38,76.26-88.97,11.81-28.99,13.26-59.4,4.18-87.95-8.49-26.73-26.14-50.97-49.69-68.26C199.08,9.57,170.45,0,142.16,0h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-2' d='M137.26,475c-.48,0-.96,0-1.44-.02-29.12-1.13-44.33-25.9-44.31-49.79,.02-22.83,14.1-47.92,44.96-49.06h.17c29.44,.13,45.21,25.79,45.1,49.86-.36,27.5-19.9,49.01-44.48,49.01Z'/%3E%3Cpath class='cls-1' d='M136.61,380.13c25.64,.12,41.23,22.08,41.12,45.84-.33,25.37-18.09,45.03-40.48,45.03-.43,0-.87,0-1.3-.02-53.21-2.07-54.85-88.8,.66-90.85m-.13-8h-.17c-15.17,.57-27.9,6.64-36.81,17.58-7.73,9.49-11.99,22.09-12,35.47-.01,13.42,4.22,26.16,11.92,35.85,8.86,11.16,21.38,17.36,36.21,17.93,.57,.02,1.09,.03,1.61,.03,26.8,0,48.09-23.25,48.48-52.92v-.03s0-.03,0-.03c.06-13.91-4.47-27.04-12.77-36.96-9.07-10.85-21.97-16.86-36.32-16.92h-.17Z'/%3E%3C/g%3E%3C/svg%3E");
    width: 100%;
    aspect-ratio: 1/1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 70%;
}

.emoji-suggestion-question[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 401 442.83'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fef377;%7D.cls-2%7Bfill:%23d8d8d8;%7D.cls-3%7Bfill:%23ffc81a;%7D.cls-4%7Bfill:%23feb02e;%7D.cls-5%7Bfill:%23545454;%7D.cls-6%7Bfill:%23ff9100;%7D.cls-7%7Bfill:%23fefefe;%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath class='cls-3' d='M157.82,337.73c-2.5,0-5.32-.23-8.62-.7l-3.11-.44,.1-3.14c.17-5.21,.24-10.43,.32-15.95,.44-32.39,.89-65.88,21.96-90.92l.1-.12,.11-.11c22.48-22.43,16.83-58.09,.11-80.25l-2.4-3.18,3.46-1.97c25.96-14.81,33.83-46.87,28.18-70.88-5.39-22.9-21.77-37.31-43.83-38.56-.67-.03-1.38-.04-2.08-.04-18.75,0-35.77,11.47-45.52,30.68-11.36,22.37-9.88,48.89,3.77,67.55l2.56,3.5-3.96,1.77c-15.47,6.9-26.42,21.25-30.05,39.37-3.89,19.39,1.08,39.28,12.97,51.91,9.12,9.93,14.79,21.67,17.86,36.98,3.19,15.91,3.95,32.15,4.68,47.86,.34,7.3,.69,14.84,1.28,22.21l.35,4.37-4.34-.63c-.62-.09-1.31-.13-2.12-.13-1.42,0-2.95,.13-4.58,.27-1.73,.15-3.52,.3-5.3,.3h-.02c-2.57,0-10.28-.02-13.69-8.3l-.21-.52-.04-.56c-2.75-39.02-20.03-59.68-38.32-81.55-11.93-14.26-24.26-29-33.12-49.42l-.05-.12-.04-.13C-3.68,145.01,1.08,95.95,27.61,58.73,51.74,24.87,90.95,4.66,132.49,4.66c28.86,0,55.48,9.83,76.99,28.42,23.94,20.7,40.52,51.94,47.96,90.35l.04,.22v.23c2.5,40.67-8.95,79.98-31.4,107.87-3.44,4.29-7.28,8.17-10.99,11.92-4.73,4.78-9.2,9.29-12.96,14.64-17.93,24.21-21.54,43.54-23.93,56.34-2.41,12.89-4.32,23.08-20.37,23.08Z'/%3E%3Cpath class='cls-6' d='M132.48,8.16c52.87,0,105.83,34.88,121.51,115.93,2.31,37.68-7.44,76.64-30.65,105.47-7.54,9.42-17.05,16.74-24.08,26.74-36.46,49.23-14.95,77.93-41.45,77.93-2.32,0-5-.22-8.13-.66,1.18-35.54-2.31-76.48,21.46-104.74,22.85-22.8,19.06-60.15,.43-84.84,47.77-27.25,41.2-112.67-17.19-115.97-.76-.03-1.52-.05-2.27-.05-46.7,0-73.63,64.07-44.58,103.8-38.06,16.99-42.83,70.72-18.2,96.87,9.33,10.16,14.24,21.65,16.97,35.27,4.61,23,4.04,46.43,5.9,69.66-.84-.12-1.72-.17-2.62-.17-3.16,0-6.64,.57-9.88,.57-4.42,0-8.39-1.07-10.47-6.13-4.64-65.83-49.52-80.94-71.72-132.12C-21.59,82.37,55.36,8.16,132.48,8.16m0-7c-20.52,0-41.22,5.01-59.87,14.48-19.06,9.68-35.61,23.88-47.86,41.06C11.82,74.86,3.85,95.71,1.08,118.68c-3.01,24.99,.29,51.68,9.83,79.32l.09,.26,.11,.25c9.06,20.89,21.56,35.83,33.64,50.27,17.92,21.42,34.85,41.66,37.52,79.55l.08,1.13,.43,1.04c2.86,6.95,8.56,10.47,16.94,10.47,1.93,0,3.8-.16,5.6-.32,1.55-.13,3.01-.26,4.28-.26,.63,0,1.18,.03,1.62,.1l8.68,1.26-.7-8.74c-.59-7.31-.94-14.83-1.28-22.1-.74-15.84-1.5-32.21-4.74-48.38-3.2-15.97-9.14-28.24-18.68-38.63l-.03-.03-.03-.03c-10.96-11.64-15.7-30.8-12.09-48.82,3.4-16.99,13.63-30.42,28.05-36.86l7.91-3.53-5.11-6.99c-12.88-17.61-14.24-42.69-3.47-63.9,9.14-18.01,24.99-28.76,42.39-28.76,.65,0,1.29,.01,1.93,.04,29.4,1.69,38.17,25.64,40.58,35.86,5.35,22.74-2.04,53.07-26.51,67.04l-6.91,3.94,4.79,6.35c15.83,20.98,21.29,54.63,.21,75.67l-.22,.22-.2,.23c-21.88,26.01-22.36,61.67-22.79,93.13-.07,5.51-.15,10.71-.32,15.88l-.21,6.28,6.22,.89c3.47,.49,6.45,.73,9.12,.73,8.58,0,14.57-2.71,18.3-8.29,3.08-4.61,4.16-10.36,5.52-17.65,2.47-13.22,5.86-31.34,23.26-54.83l.05-.07,.05-.07c3.59-5.11,7.96-9.52,12.58-14.19,3.78-3.81,7.68-7.76,11.24-12.2,22.98-28.54,34.71-68.74,32.17-110.27l-.03-.45-.09-.45c-3.92-20.24-10.27-38.52-18.89-54.33-8.13-14.91-18.29-27.7-30.21-38C189.61,11.28,162.19,1.16,132.48,1.16h0Z'/%3E%3Cpath class='cls-2' d='M177.54,396.89c.63,16.88-4.21,23.55-19.13,26.65-3.06,.64-5.95,1.54-7.93,4.91-3.57,6.06-10.33,7.67-15.25,11.91h-10.91c-.51-3.77-4.07-2.66-5.92-4.35-7.12-6.51-13.72-13.77-23.97-14.73-2.64-.25-5-3.95-7.49-6.07,29.79-7.96,60.48-11.8,90.6-18.32Z'/%3E%3Cpath class='cls-2' d='M171.76,328.08c5.18,5.56,6.6,12.43,5.87,20.04-31.6,5.28-62.8,13.31-94.58,17.15,.94-12.74-3.21-27.47,6.2-37.41,4.05,9.83,15.21,4.6,22.97,5.72,12.49,0,24.98,0,37.47,0,7.47-.92,17.97,3.7,22.07-5.49Z'/%3E%3Cpath class='cls-5' d='M83.05,365.26c16.21-1.17,31.95-5.56,47.92-8.4,15.58-2.77,31.11-5.82,46.66-8.74,4.73-.11,7.97,2.61,7.91,7.46-1.07,12.51-18.58,8.71-26.87,12.3-25.2,4.86-50.4,9.67-75.61,14.51-10.19-1.96-9.33-14.61,0-17.11Z'/%3E%3Cpath class='cls-5' d='M177.54,396.89c-20.46,3.97-40.95,7.79-61.37,11.98-9.83-.75-40.54,15.16-40.13-2.03,.79-11.69,32.19-10.1,41.42-14,20.06-3.92,40.12-7.86,60.18-11.79,4.62,.81,7.42,3.69,7.13,8.82-.26,4.5-2.95,6.93-7.21,7.01Z'/%3E%3Cpath class='cls-2' d='M177.63,381.06c-31.47,6.17-62.95,12.36-94.43,18.44-.05-5.71-.09-11.42-.14-17.12,31.48-6.15,63.06-11.77,94.46-18.42,.04,5.7,.08,11.41,.11,17.11Z'/%3E%3Cpath class='cls-1' d='M107.54,131.76c-29.51-40.36-1.24-105.88,46.86-103.74,58.38,3.31,64.96,88.71,17.18,115.97-21.8,11.22-47.33,7.01-64.04-12.22Z'/%3E%3Cpath class='cls-4' d='M155.88,149.25c5.58-.52,10.36-3.88,15.7-5.26,18.63,24.71,22.42,62.03-.43,84.84-23.78,28.27-20.28,69.19-21.47,104.74-12.49,0-24.98,0-37.47,0-1.87-23.23-1.29-46.66-5.9-69.66-2.73-13.62-7.64-25.11-16.97-35.27-24.63-26.15-19.86-79.89,18.2-96.87,3.99,3.58,7.99,7.17,11.98,10.75-28.33,10.86-43.72,49.27-19.77,75.02,22.96,25.5,24.16,62.22,25.71,95.63-.75,6.56,10.42,6.67,9.81,.2,1.49-33.43,2.47-71.11,26.18-96.09,16.02-15.54,13.36-44.66,.2-59.93-2.14-2.48-5.38-4.12-5.78-8.1Z'/%3E%3Cpath class='cls-3' d='M155.88,149.25c.39,3.98,3.64,5.62,5.78,8.1,13.15,15.26,15.82,44.38-.2,59.93-23.72,24.98-24.7,62.66-26.19,96.09,.62,6.61-10.55,6.23-9.8-.19-1.56-33.41-2.75-70.13-25.71-95.63-23.95-25.74-8.57-64.18,19.77-75.02,11.25,6.31,23.68,9.91,36.36,6.73Z'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath class='cls-7' d='M268.08,323.29c-7.97,0-15.85-3.77-22.19-10.63-8.2-8.87-12.75-21.56-11.9-33.17-1.52-44.35,24.44-69.12,49.55-93.06,9.69-9.24,19.71-18.8,28.07-29.41,15.92-21.99,13.11-38.67,7.95-48.8-7.78-15.25-26.18-25.49-45.79-25.49-21.17,0-38.2,11.59-46.72,31.79-2.3,5.22-4.24,10.96-6.12,16.51-6.7,19.82-13.62,40.31-37.11,40.31-2.81,0-5.84-.32-9-.94l-.2-.04c-10.42-2.6-18.03-8.59-22.59-17.81-9.8-19.76-3.07-50.51,5.67-70.85l.09-.22,.12-.21C186.8,31.44,228.32,4,274.83,4c25.38,0,51.06,8.59,72.31,24.2,21.14,15.52,36.98,37.27,44.59,61.23,8.12,25.56,6.82,52.8-3.77,78.78-12.01,29.47-35.31,56.6-69.26,80.63-9.54,8.18-12.23,19.97-15.09,32.44-3.12,13.66-6.35,27.78-19.22,36.67-5.27,3.55-10.75,5.33-16.32,5.33Z'/%3E%3Cpath class='cls-5' d='M274.83,8c100.33-.01,185.65,135.71,41.42,237.69-21.78,18.49-11.42,53.3-34.12,68.98-4.78,3.22-9.53,4.62-14.05,4.62-17.55,0-31.55-21.22-30.08-39.72-2.16-59.53,46.6-81.76,76.81-120.14,32.79-45.21-3.61-80.7-41.03-80.7-19.97,0-40.22,10.11-50.41,34.23-10.22,23.16-12.76,54.37-39.54,54.37-2.52,0-5.25-.28-8.23-.86-34.57-8.63-25.65-56.6-14.22-83.2C192.53,29.53,234.88,8.01,274.83,8m.01-8h-.02c-47.99,0-90.75,28.16-120.38,79.27l-.24,.41-.19,.44c-2.85,6.63-7.93,20.12-9.99,35.98-2,15.42-.51,28.28,4.42,38.23,5.04,10.17,13.76,17.05,25.21,19.91l.19,.05,.2,.04c3.42,.67,6.7,1.01,9.78,1.01,11.88,0,21.47-5.06,28.51-15.03,5.62-7.96,9.06-18.15,12.39-28,1.85-5.47,3.76-11.12,5.96-16.12l.03-.06,.02-.06c7.87-18.65,23.56-29.35,43.04-29.35,18.15,0,35.11,9.37,42.23,23.31,6.67,13.07,4.05,28.48-7.58,44.57-8.17,10.35-18.07,19.79-27.64,28.92-25.71,24.52-52.28,49.87-50.79,95.88-.85,12.61,4.09,26.35,12.96,35.95,7.1,7.69,16.02,11.92,25.13,11.92,6.38,0,12.61-2.01,18.51-5.98l.04-.03,.04-.03c14.15-9.78,17.71-25.34,20.85-39.07,2.69-11.75,5.23-22.85,13.66-30.18,34.49-24.45,58.21-52.13,70.49-82.28,10.95-26.86,12.29-55.04,3.87-81.51-7.87-24.76-24.22-47.22-46.03-63.24C327.58,8.87,301.06,0,274.84,0h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-7' d='M270.32,438.83c-.44,0-.89,0-1.34-.02-27.05-1.05-41.17-24.04-41.15-46.21,.02-21.19,13.09-44.48,41.75-45.54h.17c27.34,.12,41.99,23.94,41.89,46.28-.33,25.53-18.48,45.49-41.32,45.49Z'/%3E%3Cpath class='cls-5' d='M269.73,351.05c23.64,.11,38.01,20.36,37.91,42.26-.31,23.39-16.68,41.51-37.32,41.51-.4,0-.8,0-1.2-.02-49.05-1.9-50.57-81.87,.61-83.75m-.13-8h-.17c-14.17,.53-26.06,6.21-34.39,16.44-7.21,8.86-11.19,20.61-11.2,33.1-.01,12.52,3.94,24.39,11.12,33.44,8.28,10.43,19.99,16.23,33.85,16.77,.53,.02,1.02,.03,1.51,.03,25.05,0,44.95-21.7,45.32-49.41v-.03s0-.03,0-.03c.06-12.97-4.17-25.21-11.92-34.47-8.48-10.14-20.54-15.76-33.96-15.83h-.17Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 100%;
    aspect-ratio: 1/1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 70%;
}



.overlay-content-service[b-rnyywj411g] {
    width: 28%;
    aspect-ratio: 1 / 1;
    background: var(--purple-700);
    border-radius: 50%;
    border: 2px solid #528bc0;
    box-shadow: 0px 0px 12px rgba(108, 65, 173, 0.4);
    -moz-box-shadow: 0px 0px 12px rgba(108, 65, 173, 0.4);
    -webkit-box-shadow: 0px 0px 12px rgba(108, 65, 173, 0.4);
}

.overlay-content-product[b-rnyywj411g] {
    width: 28%;
    aspect-ratio: 1 / 1;
    background: var(--purple-700);
    border-radius: 50%;
    border: 2px solid #f397ab;
    box-shadow: 0px 0px 12px rgba(108, 65, 173, 0.4);
    -moz-box-shadow: 0px 0px 12px rgba(108, 65, 173, 0.4);
    -webkit-box-shadow: 0px 0px 12px rgba(108, 65, 173, 0.4);
}

.overlay-content-value[b-rnyywj411g] {
    width: 28%;
    aspect-ratio: 1 / 1;
    background: var(--purple-700);
    border-radius: 50%;
    border: 2px solid #91ca7d;
    box-shadow: 0px 0px 12px rgba(108, 65, 173, 0.4);
    -moz-box-shadow: 0px 0px 12px rgba(108, 65, 173, 0.4);
    -webkit-box-shadow: 0px 0px 12px rgba(108, 65, 173, 0.4);
}

.overlay-content-facility[b-rnyywj411g] {
    width: 28%;
    aspect-ratio: 1 / 1;
    background: var(--purple-700);
    border-radius: 50%;
    border: 2px solid #f19b24;
    box-shadow: 0px 0px 12px rgba(108, 65, 173, 0.4);
    -moz-box-shadow: 0px 0px 12px rgba(108, 65, 173, 0.4);
    -webkit-box-shadow: 0px 0px 12px rgba(108, 65, 173, 0.4);
}

/* Mobile responsive adjustments for hint list */
@media only screen and (max-width: 480px) {
    .catbg[b-rnyywj411g], .catbg-inactive[b-rnyywj411g] {
        font-size: 2.8vw;
    }
}

/* ===============================
           EXISTING STYLES CONTINUE BELOW
           =============================== */

/* ===============================
           FILTER STYLES
           =============================== */

.dashboard-hint-filter[b-rnyywj411g] {
    color: #462775;
    background: #462775;
    padding: 5px 10px;
    margin-bottom: 40px;
    border-radius: 60px;
    width: 100%;
    text-align: start;
    box-sizing: border-box;
}

.filter-section-label[b-rnyywj411g] {
    font-size: 24px;
    font-weight: bold;
    font-family: 'marigny', sans-serif;
    letter-spacing: 1px;
}

.clear-filters-label[b-rnyywj411g] {
    font-size: 16px;
    font-weight: 600;
    color: #462775;
    font-family: system-ui, -apple-system, "Inter", sans-serif;
}

.circle[b-rnyywj411g] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #462775;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    padding: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .circle:hover[b-rnyywj411g] {
        transform: scale(1.05);
        box-shadow: 0 2px 8px rgba(70, 39, 117, 0.2);
    }

.circle-x[b-rnyywj411g] {
    font-size: 15px;
    margin: auto;
    line-height: 14px;
    font-weight: 800;
    color: white;
    font-family: 'marigny', sans-serif;
}

/* Filter Layout */
.filter-container[b-rnyywj411g] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.filter-top-row[b-rnyywj411g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px 5px 20px;
}

.filter-controls-row[b-rnyywj411g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: -8px;
}

/* Filter Pills - Matching hint list pill styles */
.filter-pills-container[b-rnyywj411g] {
    display: flex;
    gap: 8px;
    flex: 1;
    max-width: 400px;
}

.filter-pill[b-rnyywj411g] {
    position: relative;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    width: 100%;
    aspect-ratio: 2 / 1;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: system-ui, -apple-system, "Inter", sans-serif;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    outline: none;
}

    /* Active states for filter pills - using same classes as hint list pills */
    .filter-pill.active.positive[b-rnyywj411g] {
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Both' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103.1 51.3' style='enable-background:new 0 0 103.1 51.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2317A304;%7D%0A%3C/style%3E%3Cpath class='st0' d='M103.1,24.6v2.2c-0.5,10.8-8,19.5-17.3,19.6c-0.4,0-0.8,0-1.3,0c-0.7,0-1.4,0-2,0H31.6c-2.5,0-5,0-7.5,0 c-1.3,0-2.7,0-4,0h-0.2c-0.9,0-1.7,0-2.5,0c-4.8-0.1-9.1-2.4-12.2-6C2,36.6,0,31.4,0,25.7v0C0,14.6,7.4,5.5,16.7,5c1.3,0,2.7,0,4,0 H33c4.9-0.6,9.7-1.8,14.4-3.9c2.2-1,4.5-1.6,6.9-0.4c5.5,2.7,11.2,3.8,17.1,4.3c0,0,0.1,0,0.1,0c4.9,0,9.7,0,14.6,0 c4.6,0.2,8.8,2.5,11.9,6C101,14.5,102.9,19.3,103.1,24.6z'/%3E%3C/svg%3E");
    }

    .filter-pill.active.negative[b-rnyywj411g] {
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Both' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103.1 51.3' style='enable-background:new 0 0 103.1 51.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E73938;%7D%0A%3C/style%3E%3Cpath class='st0' d='M103.1,24.6v2.2c-0.5,10.8-8,19.5-17.3,19.6c-0.4,0-0.8,0-1.3,0c-4.8,0-9.7,0-14.5,0c-4.9,0.6-9.7,1.8-14.4,3.9 c-2.2,1-4.5,1.6-6.9,0.4c-5.5-2.7-11.3-3.8-17.1-4.3h0c-2.5,0-5,0-7.5,0c-2.2,0-4.5,0-6.7,0c-4.8-0.1-9.1-2.4-12.2-6 C2,36.6,0,31.4,0,25.7v0C0,14.6,7.4,5.5,16.7,5c1,0,69.4,0,69.4,0c4.6,0.2,8.8,2.5,11.9,6C101,14.5,102.9,19.3,103.1,24.6z'/%3E%3C/svg%3E");
    }

    .filter-pill.active.both[b-rnyywj411g] {
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Both' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 103.1 51.3' style='enable-background:new 0 0 103.1 51.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E73938;%7D .st1%7Bfill:%2317A304;%7D%0A%3C/style%3E%3Cpath class='st0' d='M103.1,25.7v1.1c-0.5,10.8-8,19.5-17.3,19.6c-0.4,0-0.8,0-1.3,0c-4.8,0-9.7,0-14.5,0c-4.9,0.6-9.7,1.8-14.4,3.9 c-2.2,1-4.5,1.6-6.9,0.4c-5.5-2.7-11.3-3.8-17.1-4.3h0c-2.5,0-5,0-7.5,0c-2.2,0-4.5,0-6.7,0c-4.8-0.1-9.1-2.4-12.2-6.1 C2,36.6,0,31.4,0,25.7v0H103.1z'/%3E%3Cpath class='st1' d='M103.1,24.6v1.1H0C0,14.6,7.4,5.5,16.7,5c1.3,0,2.7,0,4,0H33c4.9-0.6,9.7-1.8,14.4-3.9c2.2-1,4.5-1.6,6.9-0.4 c5.5,2.7,11.2,3.8,17.1,4.3c0,0,0.1,0,0.1,0c4.9,0,9.7,0,14.6,0c4.6,0.2,8.8,2.4,11.9,6C101,14.5,102.9,19.3,103.1,24.6z'/%3E%3C/svg%3E");
    }

/* Category filters (suggestions/questions) */
.category-filters[b-rnyywj411g] {
    display: flex;
    gap: 12px;
}

.category-filter[b-rnyywj411g] {
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #b7a8cd;
    border: 1px solid #b7a8cd;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .category-filter:hover[b-rnyywj411g] {
        background: #a89bc0;
        border-color: #a89bc0;
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(108, 65, 173, 0.2);
    }

    .category-filter.active[b-rnyywj411g] {
        background: #462775;
        border-color: #462775;
        transform: scale(1.05);
        box-shadow: 0 4px 12px rgba(108, 65, 173, 0.3);
    }

/* Make category filters match filter pill height minus 5% */
.category-filter[b-rnyywj411g] {
    height: clamp(32px, 3vw, 40px); /* Responsive height with min/max constraints */
    width: clamp(32px, 3vw, 40px); /* Responsive width with min/max constraints */
    border-radius: 50%;
    flex-shrink: 0; /* Prevent shrinking in flex container */
}

    /* Adjust icon size to scale with the container */
    .category-filter i[b-rnyywj411g] {
        width: 50%;
        height: 50%;
        max-width: 20px;
        max-height: 20px;
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

/* Sort toggle */
.sort-toggle-container[b-rnyywj411g] {
    display: flex;
    align-items: center;
}

.sort-toggle[b-rnyywj411g] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 12px;
    font-weight: 500;
    color: #6b7280;
    min-width: 120px;
    justify-content: center;
}

    .sort-toggle:hover[b-rnyywj411g] {
        background: #f3f4f6;
        border-color: #d1d5db;
        transform: translateY(-1px);
    }

    .sort-toggle.active[b-rnyywj411g] {
        background: #462775;
        border-color: #462775;
        color: white;
    }

.sort-icon-container[b-rnyywj411g] {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sort-icon[b-rnyywj411g] {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
}

.sort-toggle.active .sort-icon[b-rnyywj411g] {
    transform: rotate(180deg);
}

/* Combined filters row (Service, Product, Value, Facility + Suggestions/Questions) */
.combined-filters-row[b-rnyywj411g] {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    gap: 20px;
}

/* Category filters row (Service, Product, Value, Facility) */
.category-filters-row[b-rnyywj411g] {
    padding-top: 20px;
    border-top: 1px solid #e8e5f0;
}

/* Sort and Action Buttons */
.sort-actions-container[b-rnyywj411g] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.pill-button[b-rnyywj411g] {
    background-color: #b7a8cd;
    color: #fff;
    padding: 8px 12px;
    border-radius: 20px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 14px;
    font-family: system-ui, -apple-system, "Inter", sans-serif;
    gap: 6px;
    min-width: 40px;
    height: 40px;
}

    .pill-button:hover[b-rnyywj411g] {
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(183, 168, 205, 0.3);
    }

    .pill-button.active[b-rnyywj411g] {
        background-color: #462775;
        transform: scale(1.05);
    }

.pill-button-sort[b-rnyywj411g] {
    background-color: #462775;
    color: #ffffff;
    padding: 8px 12px;
    border-radius: 20px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 14px;
    font-family: system-ui, -apple-system, "Inter", sans-serif;
    gap: 6px;
    min-width: 40px;
    height: 40px;
}

    .pill-button-sort:hover[b-rnyywj411g] {
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(70, 39, 117, 0.3);
    }

.icon-suggestions[b-rnyywj411g], .icon-questions[b-rnyywj411g], .icon-newest[b-rnyywj411g], .icon-oldest[b-rnyywj411g] {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-oldest[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 697.3 653.5' style='enable-background:new 0 0 697.3 653.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2345c2b9;%7D .st1%7Bopacity:0.75;%7D .st2%7Bopacity:0.5;%7D .st3%7Bopacity:0.25;%7D%0A%3C/style%3E%3Cg id='arrow'%3E%3Cpath class='st0' d='M164.6,526.5c-0.7-13.4-1.5-21.5-1.5-29.5c-0.1-152.9,0-305.8,0-458.7c0-32.5-1.1-33.6-33.2-33.2 c-5.5,0.1-11,0.3-16.6,0.4C102.6,5.8,97,11.1,97.1,22c0,5.5-0.1,11-0.1,16.6c0,154,0,308-0.1,462c0,6.9-0.8,13.8-1.7,26.2 c-13.9-13.5-24.4-23.5-34.7-33.6c-17.3-17-20.6-17-37.5-0.5c-30.5,30-30.9,30.3-0.1,60.8c31.8,31.5,64.4,62,96.2,93.4 c8.4,8.3,14.2,9.3,23,0.3c36.3-37,73.2-73.6,110.2-109.9c9.8-9.7,10.4-17.5,0.6-27.9c-31.8-33.9-31.5-34.2-64.9-3.5 C181.8,511.5,175.3,517.1,164.6,526.5L164.6,526.5z'/%3E%3C/g%3E%3Cg id='_4'%3E%3Cpath class='st0' d='M494.3,648.2c55.7,0,111.4,0.1,167.1,0c38.5,0,40.5-2.6,31.4-38.9c-3.3-13.3-7.2-26.5-11-39.7 c-3.1-11-10.1-16.2-21.7-16.2c-114.1,0.1-228.3,0.2-342.4,0c-13.4,0-19,5.7-18.7,18.9c0.4,18.2,0.4,36.4,0,54.6 c-0.4,15.3,5.9,21.7,21.6,21.6C378.5,647.8,436.4,648.1,494.3,648.2L494.3,648.2z'/%3E%3C/g%3E%3Cg id='_3' class='st1'%3E%3Cpath class='st0' d='M476.2,457c51.3,0,102.6,0.1,154-0.1c20.1-0.1,22.3-3.4,16.7-22.7c-3.7-12.7-7-25.5-10.8-38.2 c-8-26.1-9.9-27.6-37-27.6c-51.9-0.1-103.8,0-155.6,0c-40.8,0-81.7,0.3-122.5-0.1c-15.4-0.2-22.5,5.9-21.9,21.5 c0.5,15.4,0.7,30.9,0,46.3c-0.7,15.8,6,21.4,21.6,21.2C372.4,456.7,424.3,457,476.2,457L476.2,457L476.2,457z'/%3E%3C/g%3E%3Cg id='_2' class='st2'%3E%3Cpath class='st0' d='M452.1,272.2c43,0,86.1,0.2,129.1-0.1c19.8-0.1,21.9-3.4,16.5-23c-4.2-15.4-9-30.6-13-46.1 c-3.2-12.6-10.8-18.3-23.7-18.3c-81.1,0.1-162.2,0.2-243.3,0c-13.4,0-19,5.8-18.7,19c0.4,16,0.6,32,0,48c-0.6,15,6,20.7,20.7,20.5 C363.9,271.8,408,272.1,452.1,272.2C452.1,272.1,452.1,272.1,452.1,272.2L452.1,272.2z'/%3E%3C/g%3E%3Cg id='_1' class='st3'%3E%3Cpath class='st0' d='M426.9,88.5c35.3,0,70.6,0.1,105.8,0c17.7-0.1,20.2-3.8,15.2-20.9c-4.9-16.9-9.5-33.8-14.1-50.8 C530.6,5,522.8,0,510.7,0c-64.5,0.2-129,0.1-193.4,0.1c-11.1,0-18,3.7-17.9,16.1c0.2,17.6,0.1,35.2-0.2,52.8 c-0.2,14,6.3,19.8,20.2,19.6C355.2,88.3,391,88.5,426.9,88.5L426.9,88.5z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.icon-questions[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M281.8,12.1C92.2-14.5,36.4,219,155.8,198c38.2-7.8,30.6-50.9,52.3-73.6c20.7-24.6,65.6-28.4,89-4.8 c46.6,58.8-78,97.5-91.2,151.9c-13.6,33.5-10.9,88.8,36,92.1c57.5,3.5,39.6-55.2,69.7-81.9c38.4-34.3,90.7-65.7,94.1-121.6 C416.3,83.1,361.2,21.2,281.8,12.1z M304.4,275.3c-26.5,20-13.9,57.7-41.6,74.7c-28.5,17-56-12.8-53.8-38 c-2.6-64.5,56.8-88.5,93.6-130.1c61.3-75.1-75.8-125.4-111.5-50.3c-13.6,27.4-16.1,65.3-58.2,57.9c-42.1-9.3-31.3-61.3-17.3-90.1 C249-105,550.2,120.9,304.4,275.3z'/%3E%3Cpath class='st1' d='M304.4,275.3c-26.5,20-13.9,57.7-41.6,74.7c-28.5,17-56-12.8-53.8-38c-2.6-64.5,56.8-88.5,93.6-130.1 c61.3-75.1-75.8-125.4-111.5-50.3c-13.6,27.4-16.1,65.3-58.2,57.9c-42.1-9.3-31.3-61.3-17.3-90.1C249-105,550.2,120.9,304.4,275.3 z'/%3E%3Cpath class='st0' d='M248.1,381.1c-35.1-2.5-56.8,26.2-56.3,53.1c-0.2,71.3,106.6,73.7,111.8,2.8 C304.7,407.2,277.9,377.5,248.1,381.1z M247,480.1c-59.8-2.1-61.6-88.7,0.7-90.7C310.8,389.9,306.4,482,247,480.1z'/%3E%3Cpath class='st1' d='M293.9,435.1c-0.4,25.8-21.1,45.7-46.9,44.9c-59.8-2.1-61.6-88.7,0.7-90.7C276.5,389.5,294,411.4,293.9,435.1 z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.pill-button.active .icon-questions[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M281.8,12.1C92.2-14.5,36.4,219,155.8,198c38.2-7.8,30.6-50.9,52.3-73.6c20.7-24.6,65.6-28.4,89-4.8 c46.6,58.8-78,97.5-91.2,151.9c-13.6,33.5-10.9,88.8,36,92.1c57.5,3.5,39.6-55.2,69.7-81.9c38.4-34.3,90.7-65.7,94.1-121.6 C416.3,83.1,361.2,21.2,281.8,12.1z M304.4,275.3c-26.5,20-13.9,57.7-41.6,74.7c-28.5,17-56-12.8-53.8-38 c-2.6-64.5,56.8-88.5,93.6-130.1c61.3-75.1-75.8-125.4-111.5-50.3c-13.6,27.4-16.1,65.3-58.2,57.9c-42.1-9.3-31.3-61.3-17.3-90.1 C249-105,550.2,120.9,304.4,275.3 z'/%3E%3Cpath class='st1' d='M304.4,275.3c-26.5,20-13.9,57.7-41.6,74.7c-28.5,17-56-12.8-53.8-38c-2.6-64.5,56.8-88.5,93.6-130.1 c61.3-75.1-75.8-125.4-111.5-50.3c-13.6,27.4-16.1,65.3-58.2,57.9c-42.1-9.3-31.3-61.3-17.3-90.1C249-105,550.2,120.9,304.4,275.3 z'/%3E%3Cpath class='st0' d='M248.1,381.1c-35.1-2.5-56.8,26.2-56.3,53.1c-0.2,71.3,106.6,73.7,111.8,2.8 C304.7,407.2,277.9,377.5,248.1,381.1z M247,480.1c-59.8-2.1-61.6-88.7,0.7-90.7C310.8,389.9,306.4,482,247,480.1z'/%3E%3Cpath class='st1' d='M293.9,435.1c-0.4,25.8-21.1,45.7-46.9,44.9c-59.8-2.1-61.6-88.7,0.7-90.7C276.5,389.5,294,411.4,293.9,435.1 z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.icon-suggestions[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%23C6C6C6;%7D .st2%7Bfill:%23fffbc5;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M197.5,364.3c-5.9-73-62.9-89.7-91.1-146.4C22.6,6.1,357.7-82.4,406.7,138.5c2.9,41.8-9.4,84.9-38.9,116.9 c-9.6,10.4-21.7,18.6-30.6,29.6c-50.3,59.3-13.6,91.8-63,85.6c1.5-39.4-2.9-84.8,27.3-116.1c29-25.3,24.2-66.7,0.5-94 c60.7-30.2,52.3-124.9-21.8-128.5c-61.1-2.4-97,70.2-59.5,115c-48.3,18.8-54.4,78.4-23.1,107.4c11.9,11.3,18.1,24,21.6,39.1 c5.9,25.5,5.1,51.5,7.5,77.2C216.8,369.4,202.6,375.2,197.5,364.3z'/%3E%3Cpath class='st0' d='M309.6,440.8c0.8,18.7-5.4,26.1-24.3,29.5c-3.9,0.7-7.6,1.7-10.1,5.4c-4.5,6.7-13.1,8.5-19.4,13.2 c-4.6,0-9.2,0-13.9,0c-0.6-4.2-5.2-2.9-7.5-4.8c-9-7.2-17.4-15.3-30.4-16.3c-3.3-0.3-6.3-4.4-9.5-6.7 C232.4,452.3,271.3,448,309.6,440.8z'/%3E%3Cpath class='st0' d='M302.2,364.6c6.6,6.2,8.4,13.8,7.5,22.2c-40.1,5.9-79.8,14.7-120.1,19c1.2-14.1-4.1-30.4,7.9-41.5 c5.1,10.9,19.3,5.1,29.2,6.3c15.9,0,31.7,0,47.6,0C283.7,369.6,297,374.7,302.2,364.6z'/%3E%3Cpath class='st1' d='M189.6,405.8c20.6-1.3,40.6-6.2,60.9-9.3c19.8-3.1,39.5-6.4,59.3-9.7c6-0.1,10.1,2.9,10,8.3 c-1.4,13.9-23.6,9.6-34.1,13.6c-32,5.4-64,10.7-96,16.1C176.6,422.6,177.7,408.5,189.6,405.8z'/%3E%3Cpath class='st1' d='M309.6,440.8c-26,4.4-52,8.6-77.9,13.3c-12.5-0.8-51.5,16.8-51-2.2c1-13,40.9-11.2,52.6-15.5 c25.5-4.3,50.9-8.7,76.4-13.1c5.9,0.9,9.4,4.1,9.1,9.8C318.4,438,315,440.7,309.6,440.8z'/%3E%3Cpath class='st0' d='M309.7,423.3c-40,6.8-79.9,13.7-119.9,20.4c-0.1-6.3-0.1-12.7-0.2-19c40-6.8,80.1-13,120-20.4 C309.6,410.6,309.6,417,309.7,423.3z'/%3E%3Cpath class='st2' d='M220.7,147c-37.5-44.7-1.6-117.3,59.5-115c74.1,3.7,82.5,98.3,21.8,128.5C274.3,173,241.9,168.3,220.7,147z'/%3E%3Cpath class='st1' d='M282.1,166.4c7.1-0.6,13.2-4.3,19.9-5.8c23.7,27.4,28.5,68.7-0.5,94c-30.2,31.3-25.8,76.7-27.3,116.1 c-15.9,0-31.7,0-47.6,0c-2.4-25.7-1.6-51.7-7.5-77.2c-3.5-15.1-9.7-27.8-21.6-39.1c-31.3-29-25.2-88.5,23.1-107.4 c5.1,4,10.1,7.9,15.2,11.9c-36,12-55.5,54.6-25.1,83.1c29.2,28.3,30.7,69,32.7,106c-1,7.3,13.2,7.4,12.5,0.2 c1.9-37,3.1-78.8,33.3-106.5c20.3-17.2,17-49.5,0.3-66.4C286.7,172.6,282.6,170.8,282.1,166.4z'/%3E%3Cpath class='st0' d='M282.1,166.4c0.5,4.4,4.6,6.2,7.3,9c16.7,16.9,20.1,49.2-0.3,66.4c-30.1,27.7-31.4,69.4-33.3,106.5 c0.8,7.3-13.4,6.9-12.5-0.2c-2-37-3.5-77.7-32.7-106c-30.4-28.5-10.9-71.1,25.1-83.1C250.2,165.9,266,169.9,282.1,166.4z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.pill-button.active .icon-suggestions[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FBD43F;%7D .st1%7Bfill:%238A8A8A;%7D .st2%7Bfill:%23D2D2D2;%7D .st3%7Bfill:%23FEF377;%7D .st4%7Bfill:%23FEB02E;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M197.4,364.3c-5.9-73-62.9-89.7-91.1-146.4C22.7,6.1,357.6-82.4,406.6,138.5c2.9,41.8-9.4,84.9-38.9,116.9 c-9.6,10.4-21.6,18.6-30.6,29.6c-50.3,59.3-13.6,91.8-62.9,85.6c1.5-39.4-2.9-84.8,27.3-116.1c29-25.3,24.2-66.7,0.5-94 c60.6-30.2,52.3-124.9-21.8-128.5c-61.1-2.4-97,70.2-59.5,115c-48.3,18.8-54.4,78.4-23.1,107.4c11.9,11.3,18.1,24,21.5,39.1 c5.9,25.5,5.1,51.5,7.5,77.2C216.7,369.4,202.6,375.2,197.4,364.3z'/%3E%3Cpath class='st1' d='M309.5,440.8c0.8,18.7-5.3,26.1-24.3,29.5c-3.9,0.7-7.5,1.7-10.1,5.4c-4.5,6.7-13.1,8.5-19.4,13.2 c-4.6,0-9.2,0-13.8,0c-0.6-4.2-5.2-2.9-7.5-4.8c-9-7.2-17.4-15.3-30.4-16.3c-3.3-0.3-6.3-4.4-9.5-6.7 C232.3,452.3,271.3,448,309.5,440.8z'/%3E%3Cpath class='st1' d='M302.2,364.6c6.6,6.2,8.4,13.8,7.4,22.2c-40.1,5.9-79.7,14.7-120.1,19c1.2-14.1-4.1-30.4,7.9-41.5 c5.1,10.9,19.3,5.1,29.2,6.3c15.9,0,31.7,0,47.6,0C283.6,369.6,297,374.7,302.2,364.6z'/%3E%3Cpath class='st2' d='M189.5,405.8c20.6-1.3,40.6-6.2,60.8-9.3c19.8-3.1,39.5-6.4,59.2-9.7c6-0.1,10.1,2.9,10,8.3 c-1.4,13.9-23.6,9.6-34.1,13.6c-32,5.4-64,10.7-96,16.1C176.6,422.6,177.7,408.5,189.5,405.8z'/%3E%3Cpath class='st2' d='M309.5,440.8c-26,4.4-52,8.6-77.9,13.3c-12.5-0.8-51.5,16.8-50.9-2.2c1-13,40.9-11.2,52.6-15.5 c25.5-4.3,50.9-8.7,76.4-13.1c5.9,0.9,9.4,4.1,9,9.8C318.3,438,314.9,440.7,309.5,440.8z'/%3E%3Cpath class='st1' d='M309.6,423.3c-40,6.8-79.9,13.7-119.9,20.4c-0.1-6.3-0.1-12.7-0.2-19c40-6.8,80.1-13,119.9-20.4 C309.5,410.6,309.6,417,309.6,423.3z'/%3E%3Cpath class='st3' d='M220.6,147c-37.5-44.7-1.6-117.3,59.5-115c74.1,3.7,82.5,98.3,21.8,128.5C274.3,173,241.9,168.3,220.6,147z'/%3E%3Cpath class='st4' d='M282,166.4c7.1-0.6,13.2-4.3,19.9-5.8c23.6,27.4,28.5,68.7-0.5,94c-30.2,31.3-25.7,76.7-27.3,116.1 c-15.9,0-31.7,0-47.6,0c-2.4-25.7-1.6-51.7-7.5-77.2c-3.5-15.1-9.7-27.8-21.6-39.1c-31.3-29-25.2-88.5,23.1-107.4 c5.1,4,10.1,7.9,15.2,11.9c-36,12-55.5,54.6-25.1,83.1c29.1,28.3,30.7,69,32.6,106c-1,7.3,13.2,7.4,12.4,0.2 c1.9-37,3.1-78.8,33.3-106.5c20.3-17.2,17-49.5,0.3-66.4C286.6,172.6,282.5,170.8,282,166.4z'/%3E%3Cpath class='st0' d='M282,166.4c0.5,4.4,4.6,6.2,7.3,9c16.7,16.9,20.1,49.2-0.3,66.4c-30.1,27.7-31.4,69.4-33.2,106.5 c0.8,7.3-13.4,6.9-12.4-0.2c-2-37-3.5-77.7-32.6-106c-30.4-28.5-10.9-71.1,25.1-83.1C250.1,165.9,265.9,169.9,282,166.4z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

/* Filter Overlay Styles */
.filter-overlay[b-rnyywj411g] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

    .filter-overlay.active[b-rnyywj411g] {
        display: flex;
    }

.filter-dropdown[b-rnyywj411g] {
    background: white;
    border-radius: 16px;
    padding: 24px;
    min-width: 280px;
    max-width: 320px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    animation: slideIn-b-rnyywj411g 0.3s ease-out;
}

@keyframes slideIn-b-rnyywj411g {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }

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

.filter-dropdown-header[b-rnyywj411g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e8e5f0;
}

.filter-dropdown-title[b-rnyywj411g] {
    font-size: 18px;
    font-weight: 600;
    color: #462775;
    text-transform: capitalize;
    font-family: system-ui, -apple-system, "Inter", sans-serif;
}

.filter-dropdown-close[b-rnyywj411g] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

    .filter-dropdown-close:hover[b-rnyywj411g] {
        background-color: #f3f4f6;
    }

    .filter-dropdown-close img[b-rnyywj411g] {
        width: 20px;
        height: 20px;
    }

.filter-options[b-rnyywj411g] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-option[b-rnyywj411g] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    font-family: system-ui, -apple-system, "Inter", sans-serif;
}

    .filter-option:hover[b-rnyywj411g] {
        background-color: #f9fafb;
        color: #462775;
    }

    .filter-option.selected[b-rnyywj411g] {
        background-color: #462775;
        color: white;
    }

.filter-option-icon[b-rnyywj411g] {
    width: 16px;
    height: 16px;
    margin-right: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.filter-option-text[b-rnyywj411g] {
    flex: 1;
}

/* ===============================
           CONSOLIDATED EMBEDDED STYLES
           =============================== */

/* Pill button styles from hint-list-test.html */
.pill-button:hover[b-rnyywj411g] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(183, 168, 205, 0.3);
}

.pill-button.active[b-rnyywj411g] {
    background-color: #462775;
    transform: scale(1.05);
}

.pill-button-sort[b-rnyywj411g] {
    background-color: #462775;
    color: #ffffff;
    padding: 8px 12px;
    border-radius: 20px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 14px;
    font-family: system-ui, -apple-system, "Inter", sans-serif;
    gap: 6px;
    min-width: 40px;
    height: 40px;
}

    .pill-button-sort:hover[b-rnyywj411g] {
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(70, 39, 117, 0.3);
    }

/* Icon styles for suggestions, questions, newest, oldest */
.icon-suggestions[b-rnyywj411g], .icon-questions[b-rnyywj411g], .icon-newest[b-rnyywj411g], .icon-oldest[b-rnyywj411g] {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-oldest[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 697.3 653.5' style='enable-background:new 0 0 697.3 653.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2345c2b9;%7D .st1%7Bopacity:0.75;%7D .st2%7Bopacity:0.5;%7D .st3%7Bopacity:0.25;%7D%0A%3C/style%3E%3Cg id='arrow'%3E%3Cpath class='st0' d='M164.6,526.5c-0.7-13.4-1.5-21.5-1.5-29.5c-0.1-152.9,0-305.8,0-458.7c0-32.5-1.1-33.6-33.2-33.2 c-5.5,0.1-11,0.3-16.6,0.4C102.6,5.8,97,11.1,97.1,22c0,5.5-0.1,11-0.1,16.6c0,154,0,308-0.1,462c0,6.9-0.8,13.8-1.7,26.2 c-13.9-13.5-24.4-23.5-34.7-33.6c-17.3-17-20.6-17-37.5-0.5c-30.5,30-30.9,30.3-0.1,60.8c31.8,31.5,64.4,62,96.2,93.4 c8.4,8.3,14.2,9.3,23,0.3c36.3-37,73.2-73.6,110.2-109.9c9.8-9.7,10.4-17.5,0.6-27.9c-31.8-33.9-31.5-34.2-64.9-3.5 C181.8,511.5,175.3,517.1,164.6,526.5L164.6,526.5z'/%3E%3C/g%3E%3Cg id='_4'%3E%3Cpath class='st0' d='M494.3,648.2c55.7,0,111.4,0.1,167.1,0c38.5,0,40.5-2.6,31.4-38.9c-3.3-13.3-7.2-26.5-11-39.7 c-3.1-11-10.1-16.2-21.7-16.2c-114.1,0.1-228.3,0.2-342.4,0c-13.4,0-19,5.7-18.7,18.9c0.4,18.2,0.4,36.4,0,54.6 c-0.4,15.3,5.9,21.7,21.6,21.6C378.5,647.8,436.4,648.1,494.3,648.2L494.3,648.2z'/%3E%3C/g%3E%3Cg id='_3' class='st1'%3E%3Cpath class='st0' d='M476.2,457c51.3,0,102.6,0.1,154-0.1c20.1-0.1,22.3-3.4,16.7-22.7c-3.7-12.7-7-25.5-10.8-38.2 c-8-26.1-9.9-27.6-37-27.6c-51.9-0.1-103.8,0-155.6,0c-40.8,0-81.7,0.3-122.5-0.1c-15.4-0.2-22.5,5.9-21.9,21.5 c0.5,15.4,0.7,30.9,0,46.3c-0.7,15.8,6,21.4,21.6,21.2C372.4,456.7,424.3,457,476.2,457L476.2,457L476.2,457z'/%3E%3C/g%3E%3Cg id='_2' class='st2'%3E%3Cpath class='st0' d='M452.1,272.2c43,0,86.1,0.2,129.1-0.1c19.8-0.1,21.9-3.4,16.5-23c-4.2-15.4-9-30.6-13-46.1 c-3.2-12.6-10.8-18.3-23.7-18.3c-81.1,0.1-162.2,0.2-243.3,0c-13.4,0-19,5.8-18.7,19c0.4,16,0.6,32,0,48c-0.6,15,6,20.7,20.7,20.5 C363.9,271.8,408,272.1,452.1,272.2C452.1,272.1,452.1,272.1,452.1,272.2L452.1,272.2z'/%3E%3C/g%3E%3Cg id='_1' class='st3'%3E%3Cpath class='st0' d='M426.9,88.5c35.3,0,70.6,0.1,105.8,0c17.7-0.1,20.2-3.8,15.2-20.9c-4.9-16.9-9.5-33.8-14.1-50.8 C530.6,5,522.8,0,510.7,0c-64.5,0.2-129,0.1-193.4,0.1c-11.1,0-18,3.7-17.9,16.1c0.2,17.6,0.1,35.2-0.2,52.8 c-0.2,14,6.3,19.8,20.2,19.6C355.2,88.3,391,88.5,426.9,88.5L426.9,88.5z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.icon-questions[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M281.8,12.1C92.2-14.5,36.4,219,155.8,198c38.2-7.8,30.6-50.9,52.3-73.6c20.7-24.6,65.6-28.4,89-4.8 c46.6,58.8-78,97.5-91.2,151.9c-13.6,33.5-10.9,88.8,36,92.1c57.5,3.5,39.6-55.2,69.7-81.9c38.4-34.3,90.7-65.7,94.1-121.6 C416.3,83.1,361.2,21.2,281.8,12.1z M304.4,275.3c-26.5,20-13.9,57.7-41.6,74.7c-28.5,17-56-12.8-53.8-38 c-2.6-64.5,56.8-88.5,93.6-130.1c61.3-75.1-75.8-125.4-111.5-50.3c-13.6,27.4-16.1,65.3-58.2,57.9c-42.1-9.3-31.3-61.3-17.3-90.1 C249-105,550.2,120.9,304.4,275.3z'/%3E%3Cpath class='st1' d='M304.4,275.3c-26.5,20-13.9,57.7-41.6,74.7c-28.5,17-56-12.8-53.8-38c-2.6-64.5,56.8-88.5,93.6-130.1 c61.3-75.1-75.8-125.4-111.5-50.3c-13.6,27.4-16.1,65.3-58.2,57.9c-42.1-9.3-31.3-61.3-17.3-90.1C249-105,550.2,120.9,304.4,275.3 z'/%3E%3Cpath class='st0' d='M248.1,381.1c-35.1-2.5-56.8,26.2-56.3,53.1c-0.2,71.3,106.6,73.7,111.8,2.8 C304.7,407.2,277.9,377.5,248.1,381.1z M247,480.1c-59.8-2.1-61.6-88.7,0.7-90.7C310.8,389.9,306.4,482,247,480.1z'/%3E%3Cpath class='st1' d='M293.9,435.1c-0.4,25.8-21.1,45.7-46.9,44.9c-59.8-2.1-61.6-88.7,0.7-90.7C276.5,389.5,294,411.4,293.9,435.1 z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.pill-button.active .icon-questions[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M281.8,12.1C92.2-14.5,36.4,219,155.8,198c38.2-7.8,30.6-50.9,52.3-73.6c20.7-24.6,65.6-28.4,89-4.8 c46.6,58.8-78,97.5-91.2,151.9c-13.6,33.5-10.9,88.8,36,92.1c57.5,3.5,39.6-55.2,69.7-81.9c38.4-34.3,90.7-65.7,94.1-121.6 C416.3,83.1,361.2,21.2,281.8,12.1z M304.4,275.3c-26.5,20-13.9,57.7-41.6,74.7c-28.5,17-56-12.8-53.8-38 c-2.6-64.5,56.8-88.5,93.6-130.1c61.3-75.1-75.8-125.4-111.5-50.3c-13.6,27.4-16.1,65.3-58.2,57.9c-42.1-9.3-31.3-61.3-17.3-90.1 C249-105,550.2,120.9,304.4,275.3 z'/%3E%3Cpath class='st1' d='M304.4,275.3c-26.5,20-13.9,57.7-41.6,74.7c-28.5,17-56-12.8-53.8-38c-2.6-64.5,56.8-88.5,93.6-130.1 c61.3-75.1-75.8-125.4-111.5-50.3c-13.6,27.4-16.1,65.3-58.2,57.9c-42.1-9.3-31.3-61.3-17.3-90.1C249-105,550.2,120.9,304.4,275.3 z'/%3E%3Cpath class='st0' d='M248.1,381.1c-35.1-2.5-56.8,26.2-56.3,53.1c-0.2,71.3,106.6,73.7,111.8,2.8 C304.7,407.2,277.9,377.5,248.1,381.1z M247,480.1c-59.8-2.1-61.6-88.7,0.7-90.7C310.8,389.9,306.4,482,247,480.1z'/%3E%3Cpath class='st1' d='M293.9,435.1c-0.4,25.8-21.1,45.7-46.9,44.9c-59.8-2.1-61.6-88.7,0.7-90.7C276.5,389.5,294,411.4,293.9,435.1 z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.icon-suggestions[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%23C6C6C6;%7D .st2%7Bfill:%23fffbc5;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M197.5,364.3c-5.9-73-62.9-89.7-91.1-146.4C22.6,6.1,357.7-82.4,406.7,138.5c2.9,41.8-9.4,84.9-38.9,116.9 c-9.6,10.4-21.7,18.6-30.6,29.6c-50.3,59.3-13.6,91.8-63,85.6c1.5-39.4-2.9-84.8,27.3-116.1c29-25.3,24.2-66.7,0.5-94 c60.7-30.2,52.3-124.9-21.8-128.5c-61.1-2.4-97,70.2-59.5,115c-48.3,18.8-54.4,78.4-23.1,107.4c11.9,11.3,18.1,24,21.6,39.1 c5.9,25.5,5.1,51.5,7.5,77.2C216.8,369.4,202.6,375.2,197.5,364.3z'/%3E%3Cpath class='st0' d='M309.6,440.8c0.8,18.7-5.4,26.1-24.3,29.5c-3.9,0.7-7.6,1.7-10.1,5.4c-4.5,6.7-13.1,8.5-19.4,13.2 c-4.6,0-9.2,0-13.9,0c-0.6-4.2-5.2-2.9-7.5-4.8c-9-7.2-17.4-15.3-30.4-16.3c-3.3-0.3-6.3-4.4-9.5-6.7 C232.4,452.3,271.3,448,309.6,440.8z'/%3E%3Cpath class='st0' d='M302.2,364.6c6.6,6.2,8.4,13.8,7.5,22.2c-40.1,5.9-79.8,14.7-120.1,19c1.2-14.1-4.1-30.4,7.9-41.5 c5.1,10.9,19.3,5.1,29.2,6.3c15.9,0,31.7,0,47.6,0C283.7,369.6,297,374.7,302.2,364.6z'/%3E%3Cpath class='st1' d='M189.6,405.8c20.6-1.3,40.6-6.2,60.9-9.3c19.8-3.1,39.5-6.4,59.3-9.7c6-0.1,10.1,2.9,10,8.3 c-1.4,13.9-23.6,9.6-34.1,13.6c-32,5.4-64,10.7-96,16.1C176.6,422.6,177.7,408.5,189.6,405.8z'/%3E%3Cpath class='st1' d='M309.6,440.8c-26,4.4-52,8.6-77.9,13.3c-12.5-0.8-51.5,16.8-51-2.2c1-13,40.9-11.2,52.6-15.5 c25.5-4.3,50.9-8.7,76.4-13.1c5.9,0.9,9.4,4.1,9.1,9.8C318.4,438,315,440.7,309.6,440.8z'/%3E%3Cpath class='st0' d='M309.7,423.3c-40,6.8-79.9,13.7-119.9,20.4c-0.1-6.3-0.1-12.7-0.2-19c40-6.8,80.1-13,120-20.4 C309.6,410.6,309.6,417,309.7,423.3z'/%3E%3Cpath class='st2' d='M220.7,147c-37.5-44.7-1.6-117.3,59.5-115c74.1,3.7,82.5,98.3,21.8,128.5C274.3,173,241.9,168.3,220.7,147z'/%3E%3Cpath class='st1' d='M282.1,166.4c7.1-0.6,13.2-4.3,19.9-5.8c23.7,27.4,28.5,68.7-0.5,94c-30.2,31.3-25.8,76.7-27.3,116.1 c-15.9,0-31.7,0-47.6,0c-2.4-25.7-1.6-51.7-7.5-77.2c-3.5-15.1-9.7-27.8-21.6-39.1c-31.3-29-25.2-88.5,23.1-107.4 c5.1,4,10.1,7.9,15.2,11.9c-36,12-55.5,54.6-25.1,83.1c29.2,28.3,30.7,69,32.7,106c-1,7.3,13.2,7.4,12.5,0.2 c1.9-37,3.1-78.8,33.3-106.5c20.3-17.2,17-49.5,0.3-66.4C286.7,172.6,282.6,170.8,282.1,166.4z'/%3E%3Cpath class='st0' d='M282.1,166.4c0.5,4.4,4.6,6.2,7.3,9c16.7,16.9,20.1,49.2-0.3,66.4c-30.1,27.7-31.4,69.4-33.3,106.5 c0.8,7.3-13.4,6.9-12.5-0.2c-2-37-3.5-77.7-32.7-106c-30.4-28.5-10.9-71.1,25.1-83.1C250.2,165.9,266,169.9,282.1,166.4z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.pill-button.active .icon-suggestions[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FBD43F;%7D .st1%7Bfill:%238A8A8A;%7D .st2%7Bfill:%23D2D2D2;%7D .st3%7Bfill:%23FEF377;%7D .st4%7Bfill:%23FEB02E;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M197.4,364.3c-5.9-73-62.9-89.7-91.1-146.4C22.7,6.1,357.6-82.4,406.6,138.5c2.9,41.8-9.4,84.9-38.9,116.9 c-9.6,10.4-21.6,18.6-30.6,29.6c-50.3,59.3-13.6,91.8-62.9,85.6c1.5-39.4-2.9-84.8,27.3-116.1c29-25.3,24.2-66.7,0.5-94 c60.6-30.2,52.3-124.9-21.8-128.5c-61.1-2.4-97,70.2-59.5,115c-48.3,18.8-54.4,78.4-23.1,107.4c11.9,11.3,18.1,24,21.5,39.1 c5.9,25.5,5.1,51.5,7.5,77.2C216.7,369.4,202.6,375.2,197.4,364.3z'/%3E%3Cpath class='st1' d='M309.5,440.8c0.8,18.7-5.3,26.1-24.3,29.5c-3.9,0.7-7.5,1.7-10.1,5.4c-4.5,6.7-13.1,8.5-19.4,13.2 c-4.6,0-9.2,0-13.8,0c-0.6-4.2-5.2-2.9-7.5-4.8c-9-7.2-17.4-15.3-30.4-16.3c-3.3-0.3-6.3-4.4-9.5-6.7 C232.3,452.3,271.3,448,309.5,440.8z'/%3E%3Cpath class='st1' d='M302.2,364.6c6.6,6.2,8.4,13.8,7.4,22.2c-40.1,5.9-79.7,14.7-120.1,19c1.2-14.1-4.1-30.4,7.9-41.5 c5.1,10.9,19.3,5.1,29.2,6.3c15.9,0,31.7,0,47.6,0C283.6,369.6,297,374.7,302.2,364.6z'/%3E%3Cpath class='st2' d='M189.5,405.8c20.6-1.3,40.6-6.2,60.8-9.3c19.8-3.1,39.5-6.4,59.2-9.7c6-0.1,10.1,2.9,10,8.3 c-1.4,13.9-23.6,9.6-34.1,13.6c-32,5.4-64,10.7-96,16.1C176.6,422.6,177.7,408.5,189.5,405.8z'/%3E%3Cpath class='st2' d='M309.5,440.8c-26,4.4-52,8.6-77.9,13.3c-12.5-0.8-51.5,16.8-50.9-2.2c1-13,40.9-11.2,52.6-15.5 c25.5-4.3,50.9-8.7,76.4-13.1c5.9,0.9,9.4,4.1,9,9.8C318.3,438,314.9,440.7,309.5,440.8z'/%3E%3Cpath class='st1' d='M309.6,423.3c-40,6.8-79.9,13.7-119.9,20.4c-0.1-6.3-0.1-12.7-0.2-19c40-6.8,80.1-13,119.9-20.4 C309.5,410.6,309.6,417,309.6,423.3z'/%3E%3Cpath class='st3' d='M220.6,147c-37.5-44.7-1.6-117.3,59.5-115c74.1,3.7,82.5,98.3,21.8,128.5C274.3,173,241.9,168.3,220.6,147z'/%3E%3Cpath class='st4' d='M282,166.4c7.1-0.6,13.2-4.3,19.9-5.8c23.6,27.4,28.5,68.7-0.5,94c-30.2,31.3-25.7,76.7-27.3,116.1 c-15.9,0-31.7,0-47.6,0c-2.4-25.7-1.6-51.7-7.5-77.2c-3.5-15.1-9.7-27.8-21.6-39.1c-31.3-29-25.2-88.5,23.1-107.4 c5.1,4,10.1,7.9,15.2,11.9c-36,12-55.5,54.6-25.1,83.1c29.1,28.3,30.7,69,32.6,106c-1,7.3,13.2,7.4,12.4,0.2 c1.9-37,3.1-78.8,33.2-106.5c20.3-17.2,17-49.5,0.3-66.4C286.6,172.6,282.5,170.8,282,166.4z'/%3E%3Cpath class='st0' d='M282,166.4c0.5,4.4,4.6,6.2,7.3,9c16.7,16.9,20.1,49.2-0.3,66.4c-30.1,27.7-31.4,69.4-33.2,106.5 c0.8,7.3-13.4,6.9-12.4-0.2c-2-37-3.5-77.7-32.6-106c-30.4-28.5-10.9-71.1,25.1-83.1C250.1,165.9,265.9,169.9,282,166.4z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

/* Filter Overlay Styles */
.filter-overlay[b-rnyywj411g] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

    .filter-overlay.active[b-rnyywj411g] {
        display: flex;
    }

.filter-dropdown[b-rnyywj411g] {
    background: white;
    border-radius: 16px;
    padding: 24px;
    min-width: 280px;
    max-width: 320px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    animation: slideIn-b-rnyywj411g 0.3s ease-out;
}

@keyframes slideIn-b-rnyywj411g {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }

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

.filter-dropdown-header[b-rnyywj411g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e8e5f0;
}

.filter-dropdown-title[b-rnyywj411g] {
    font-size: 18px;
    font-weight: 600;
    color: #462775;
    text-transform: capitalize;
    font-family: system-ui, -apple-system, "Inter", sans-serif;
}

.filter-dropdown-close[b-rnyywj411g] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

    .filter-dropdown-close:hover[b-rnyywj411g] {
        background-color: #f3f4f6;
    }

    .filter-dropdown-close img[b-rnyywj411g] {
        width: 20px;
        height: 20px;
    }

.filter-options[b-rnyywj411g] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-option[b-rnyywj411g] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    font-family: system-ui, -apple-system, "Inter", sans-serif;
}

    .filter-option:hover[b-rnyywj411g] {
        background-color: #f9fafb;
        color: #462775;
    }

    .filter-option.selected[b-rnyywj411g] {
        background-color: #462775;
        color: white;
    }

.filter-option-icon[b-rnyywj411g] {
    width: 16px;
    height: 16px;
    margin-right: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Icon states for hint list items */
.checklist[b-rnyywj411g] {
    width: 1.25rem;
    height: 1.25rem;
    color: #f5f0ff; /* default grey */
}

    .checklist[data-fav="true"][b-rnyywj411g] {
        color: #58358d; /* only these turn purple */
    }

.heart[b-rnyywj411g] {
    width: 1.25rem;
    height: 1.25rem;
    color: #f5f0ff; /* default grey */
}

    .heart[data-fav="true"][b-rnyywj411g] {
        color: #e11d48; /* only these turn red */
    }

.replied[b-rnyywj411g] {
    width: 1.25rem;
    height: 1.25rem;
    color: #f5f0ff; /* default grey */
}

    .replied[data-fav="true"][b-rnyywj411g] {
        color: #58358d; /* only these turn purple */
    }

/* Responsive layout for filters */
@media only screen and (max-width: 768px) {
    .combined-filters-row[b-rnyywj411g] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .filter-pills-container[b-rnyywj411g] {
        max-width: 400px;
        width: 100%;
        display: flex;
        gap: 8px;
    }

        .filter-pills-container .filter-pill[b-rnyywj411g] {
            flex: 1;
            min-width: 0;
        }

    .category-filters[b-rnyywj411g] {
        display: none;
        align-self: flex-start;
        gap: 12px;
        padding-left: 5px;
        flex-direction: row;
        width: 100%;
        justify-content: flex-end;
    }

    .category-filter[b-rnyywj411g] {
        height: clamp(28px, 4vw, 36px); /* Slightly smaller on mobile */
        width: clamp(28px, 4vw, 36px);
    }
}

/* ===============================
           FILTER PILL BASE STYLES
           =============================== */

.filter-pills-container[b-rnyywj411g] {
    display: flex;
    gap: 8px;
    flex: 1;
    max-width: 400px;
}

.filter-pill[b-rnyywj411g] {
    width: 100%;
    aspect-ratio: 2 / 1;
    position: relative;
    display: block;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.filter-pills-container .filter-pill[b-rnyywj411g] {
    flex: 1;
    min-width: 0;
}

/* ===============================
           INLINE STYLES FROM HINT-LIST-TEST.HTML
           =============================== */

/* Pill button styles */
.pill-button:hover[b-rnyywj411g] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(183, 168, 205, 0.3);
}

.pill-button.active[b-rnyywj411g] {
    background-color: #462775;
    transform: scale(1.05);
}

.pill-button-sort[b-rnyywj411g] {
    background-color: #462775;
    color: #ffffff;
    padding: 8px 12px;
    border-radius: 20px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 14px;
    font-family: system-ui, -apple-system, "Inter", sans-serif;
    gap: 6px;
    min-width: 40px;
    height: 40px;
}

    .pill-button-sort:hover[b-rnyywj411g] {
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(70, 39, 117, 0.3);
    }

/* Icon styles for suggestions, questions, newest, oldest */
.icon-suggestions[b-rnyywj411g], .icon-questions[b-rnyywj411g], .icon-newest[b-rnyywj411g], .icon-oldest[b-rnyywj411g] {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-oldest[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 697.3 653.5' style='enable-background:new 0 0 697.3 653.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2345c2b9;%7D .st1%7Bopacity:0.75;%7D .st2%7Bopacity:0.5;%7D .st3%7Bopacity:0.25;%7D%0A%3C/style%3E%3Cg id='arrow'%3E%3Cpath class='st0' d='M164.6,526.5c-0.7-13.4-1.5-21.5-1.5-29.5c-0.1-152.9,0-305.8,0-458.7c0-32.5-1.1-33.6-33.2-33.2 c-5.5,0.1-11,0.3-16.6,0.4C102.6,5.8,97,11.1,97.1,22c0,5.5-0.1,11-0.1,16.6c0,154,0,308-0.1,462c0,6.9-0.8,13.8-1.7,26.2 c-13.9-13.5-24.4-23.5-34.7-33.6c-17.3-17-20.6-17-37.5-0.5c-30.5,30-30.9,30.3-0.1,60.8c31.8,31.5,64.4,62,96.2,93.4 c8.4,8.3,14.2,9.3,23,0.3c36.3-37,73.2-73.6,110.2-109.9c9.8-9.7,10.4-17.5,0.6-27.9c-31.8-33.9-31.5-34.2-64.9-3.5 C181.8,511.5,175.3,517.1,164.6,526.5L164.6,526.5z'/%3E%3C/g%3E%3Cg id='_4'%3E%3Cpath class='st0' d='M494.3,648.2c55.7,0,111.4,0.1,167.1,0c38.5,0,40.5-2.6,31.4-38.9c-3.3-13.3-7.2-26.5-11-39.7 c-3.1-11-10.1-16.2-21.7-16.2c-114.1,0.1-228.3,0.2-342.4,0c-13.4,0-19,5.7-18.7,18.9c0.4,18.2,0.4,36.4,0,54.6 c-0.4,15.3,5.9,21.7,21.6,21.6C378.5,647.8,436.4,648.1,494.3,648.2L494.3,648.2z'/%3E%3C/g%3E%3Cg id='_3' class='st1'%3E%3Cpath class='st0' d='M476.2,457c51.3,0,102.6,0.1,154-0.1c20.1-0.1,22.3-3.4,16.7-22.7c-3.7-12.7-7-25.5-10.8-38.2 c-8-26.1-9.9-27.6-37-27.6c-51.9-0.1-103.8,0-155.6,0c-40.8,0-81.7,0.3-122.5-0.1c-15.4-0.2-22.5,5.9-21.9,21.5 c0.5,15.4,0.7,30.9,0,46.3c-0.7,15.8,6,21.4,21.6,21.2C372.4,456.7,424.3,457,476.2,457L476.2,457L476.2,457z'/%3E%3C/g%3E%3Cg id='_2' class='st2'%3E%3Cpath class='st0' d='M452.1,272.2c43,0,86.1,0.2,129.1-0.1c19.8-0.1,21.9-3.4,16.5-23c-4.2-15.4-9-30.6-13-46.1 c-3.2-12.6-10.8-18.3-23.7-18.3c-81.1,0.1-162.2,0.2-243.3,0c-13.4,0-19,5.8-18.7,19c0.4,16,0.6,32,0,48c-0.6,15,6,20.7,20.7,20.5 C363.9,271.8,408,272.1,452.1,272.2C452.1,272.1,452.1,272.1,452.1,272.2L452.1,272.2z'/%3E%3C/g%3E%3Cg id='_1' class='st3'%3E%3Cpath class='st0' d='M426.9,88.5c35.3,0,70.6,0.1,105.8,0c17.7-0.1,20.2-3.8,15.2-20.9c-4.9-16.9-9.5-33.8-14.1-50.8 C530.6,5,522.8,0,510.7,0c-64.5,0.2-129,0.1-193.4,0.1c-11.1,0-18,3.7-17.9,16.1c0.2,17.6,0.1,35.2-0.2,52.8 c-0.2,14,6.3,19.8,20.2,19.6C355.2,88.3,391,88.5,426.9,88.5L426.9,88.5z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.icon-questions[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M281.8,12.1C92.2-14.5,36.4,219,155.8,198c38.2-7.8,30.6-50.9,52.3-73.6c20.7-24.6,65.6-28.4,89-4.8 c46.6,58.8-78,97.5-91.2,151.9c-13.6,33.5-10.9,88.8,36,92.1c57.5,3.5,39.6-55.2,69.7-81.9c38.4-34.3,90.7-65.7,94.1-121.6 C416.3,83.1,361.2,21.2,281.8,12.1z M304.4,275.3c-26.5,20-13.9,57.7-41.6,74.7c-28.5,17-56-12.8-53.8-38 c-2.6-64.5,56.8-88.5,93.6-130.1c61.3-75.1-75.8-125.4-111.5-50.3c-13.6,27.4-16.1,65.3-58.2,57.9c-42.1-9.3-31.3-61.3-17.3-90.1 C249-105,550.2,120.9,304.4,275.3z'/%3E%3Cpath class='st1' d='M304.4,275.3c-26.5,20-13.9,57.7-41.6,74.7c-28.5,17-56-12.8-53.8-38c-2.6-64.5,56.8-88.5,93.6-130.1 c61.3-75.1-75.8-125.4-111.5-50.3c-13.6,27.4-16.1,65.3-58.2,57.9c-42.1-9.3-31.3-61.3-17.3-90.1C249-105,550.2,120.9,304.4,275.3 z'/%3E%3Cpath class='st0' d='M248.1,381.1c-35.1-2.5-56.8,26.2-56.3,53.1c-0.2,71.3,106.6,73.7,111.8,2.8 C304.7,407.2,277.9,377.5,248.1,381.1z M247,480.1c-59.8-2.1-61.6-88.7,0.7-90.7C310.8,389.9,306.4,482,247,480.1z'/%3E%3Cpath class='st1' d='M293.9,435.1c-0.4,25.8-21.1,45.7-46.9,44.9c-59.8-2.1-61.6-88.7,0.7-90.7C276.5,389.5,294,411.4,293.9,435.1 z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.pill-button.active .icon-questions[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M281.8,12.1C92.2-14.5,36.4,219,155.8,198c38.2-7.8,30.6-50.9,52.3-73.6c20.7-24.6,65.6-28.4,89-4.8 c46.6,58.8-78,97.5-91.2,151.9c-13.6,33.5-10.9,88.8,36,92.1c57.5,3.5,39.6-55.2,69.7-81.9c38.4-34.3,90.7-65.7,94.1-121.6 C416.3,83.1,361.2,21.2,281.8,12.1z M304.4,275.3c-26.5,20-13.9,57.7-41.6,74.7c-28.5,17-56-12.8-53.8-38 c-2.6-64.5,56.8-88.5,93.6-130.1c61.3-75.1-75.8-125.4-111.5-50.3c-13.6,27.4-16.1,65.3-58.2,57.9c-42.1-9.3-31.3-61.3-17.3-90.1 C249-105,550.2,120.9,304.4,275.3 z'/%3E%3Cpath class='st1' d='M304.4,275.3c-26.5,20-13.9,57.7-41.6,74.7c-28.5,17-56-12.8-53.8-38c-2.6-64.5,56.8-88.5,93.6-130.1 c61.3-75.1-75.8-125.4-111.5-50.3c-13.6,27.4-16.1,65.3-58.2,57.9c-42.1-9.3-31.3-61.3-17.3-90.1C249-105,550.2,120.9,304.4,275.3 z'/%3E%3Cpath class='st0' d='M248.1,381.1c-35.1-2.5-56.8,26.2-56.3,53.1c-0.2,71.3,106.6,73.7,111.8,2.8 C304.7,407.2,277.9,377.5,248.1,381.1z M247,480.1c-59.8-2.1-61.6-88.7,0.7-90.7C310.8,389.9,306.4,482,247,480.1z'/%3E%3Cpath class='st1' d='M293.9,435.1c-0.4,25.8-21.1,45.7-46.9,44.9c-59.8-2.1-61.6-88.7,0.7-90.7C276.5,389.5,294,411.4,293.9,435.1 z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.icon-suggestions[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%23C6C6C6;%7D .st2%7Bfill:%23fffbc5;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M197.5,364.3c-5.9-73-62.9-89.7-91.1-146.4C22.6,6.1,357.7-82.4,406.7,138.5c2.9,41.8-9.4,84.9-38.9,116.9 c-9.6,10.4-21.7,18.6-30.6,29.6c-50.3,59.3-13.6,91.8-63,85.6c1.5-39.4-2.9-84.8,27.3-116.1c29-25.3,24.2-66.7,0.5-94 c60.7-30.2,52.3-124.9-21.8-128.5c-61.1-2.4-97,70.2-59.5,115c-48.3,18.8-54.4,78.4-23.1,107.4c11.9,11.3,18.1,24,21.6,39.1 c5.9,25.5,5.1,51.5,7.5,77.2C216.8,369.4,202.6,375.2,197.5,364.3z'/%3E%3Cpath class='st0' d='M309.6,440.8c0.8,18.7-5.4,26.1-24.3,29.5c-3.9,0.7-7.6,1.7-10.1,5.4c-4.5,6.7-13.1,8.5-19.4,13.2 c-4.6,0-9.2,0-13.9,0c-0.6-4.2-5.2-2.9-7.5-4.8c-9-7.2-17.4-15.3-30.4-16.3c-3.3-0.3-6.3-4.4-9.5-6.7 C232.4,452.3,271.3,448,309.6,440.8z'/%3E%3Cpath class='st0' d='M302.2,364.6c6.6,6.2,8.4,13.8,7.5,22.2c-40.1,5.9-79.8,14.7-120.1,19c1.2-14.1-4.1-30.4,7.9-41.5 c5.1,10.9,19.3,5.1,29.2,6.3c15.9,0,31.7,0,47.6,0C283.7,369.6,297,374.7,302.2,364.6z'/%3E%3Cpath class='st1' d='M189.6,405.8c20.6-1.3,40.6-6.2,60.9-9.3c19.8-3.1,39.5-6.4,59.3-9.7c6-0.1,10.1,2.9,10,8.3 c-1.4,13.9-23.6,9.6-34.1,13.6c-32,5.4-64,10.7-96,16.1C176.6,422.6,177.7,408.5,189.6,405.8z'/%3E%3Cpath class='st1' d='M309.6,440.8c-26,4.4-52,8.6-77.9,13.3c-12.5-0.8-51.5,16.8-51-2.2c1-13,40.9-11.2,52.6-15.5 c25.5-4.3,50.9-8.7,76.4-13.1c5.9,0.9,9.4,4.1,9.1,9.8C318.4,438,315,440.7,309.6,440.8z'/%3E%3Cpath class='st0' d='M309.7,423.3c-40,6.8-79.9,13.7-119.9,20.4c-0.1-6.3-0.1-12.7-0.2-19c40-6.8,80.1-13,120-20.4 C309.6,410.6,309.6,417,309.7,423.3z'/%3E%3Cpath class='st2' d='M220.7,147c-37.5-44.7-1.6-117.3,59.5-115c74.1,3.7,82.5,98.3,21.8,128.5C274.3,173,241.9,168.3,220.7,147z'/%3E%3Cpath class='st1' d='M282.1,166.4c7.1-0.6,13.2-4.3,19.9-5.8c23.7,27.4,28.5,68.7-0.5,94c-30.2,31.3-25.8,76.7-27.3,116.1 c-15.9,0-31.7,0-47.6,0c-2.4-25.7-1.6-51.7-7.5-77.2c-3.5-15.1-9.7-27.8-21.6-39.1c-31.3-29-25.2-88.5,23.1-107.4 c5.1,4,10.1,7.9,15.2,11.9c-36,12-55.5,54.6-25.1,83.1c29.2,28.3,30.7,69,32.7,106c-1,7.3,13.2,7.4,12.5,0.2 c1.9-37,3.1-78.8,33.3-106.5c20.3-17.2,17-49.5,0.3-66.4C286.7,172.6,282.6,170.8,282.1,166.4z'/%3E%3Cpath class='st0' d='M282.1,166.4c0.5,4.4,4.6,6.2,7.3,9c16.7,16.9,20.1,49.2-0.3,66.4c-30.1,27.7-31.4,69.4-33.3,106.5 c0.8,7.3-13.4,6.9-12.5-0.2c-2-37-3.5-77.7-32.7-106c-30.4-28.5-10.9-71.1,25.1-83.1C250.2,165.9,266,169.9,282.1,166.4z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.pill-button.active .icon-suggestions[b-rnyywj411g] {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FBD43F;%7D .st1%7Bfill:%238A8A8A;%7D .st2%7Bfill:%23D2D2D2;%7D .st3%7Bfill:%23FEF377;%7D .st4%7Bfill:%23FEB02E;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M197.4,364.3c-5.9-73-62.9-89.7-91.1-146.4C22.7,6.1,357.6-82.4,406.6,138.5c2.9,41.8-9.4,84.9-38.9,116.9 c-9.6,10.4-21.6,18.6-30.6,29.6c-50.3,59.3-13.6,91.8-62.9,85.6c1.5-39.4-2.9-84.8,27.3-116.1c29-25.3,24.2-66.7,0.5-94 c60.6-30.2,52.3-124.9-21.8-128.5c-61.1-2.4-97,70.2-59.5,115c-48.3,18.8-54.4,78.4-23.1,107.4c11.9,11.3,18.1,24,21.5,39.1 c5.9,25.5,5.1,51.5,7.5,77.2C216.7,369.4,202.6,375.2,197.4,364.3z'/%3E%3Cpath class='st1' d='M309.5,440.8c0.8,18.7-5.3,26.1-24.3,29.5c-3.9,0.7-7.5,1.7-10.1,5.4c-4.5,6.7-13.1,8.5-19.4,13.2 c-4.6,0-9.2,0-13.8,0c-0.6-4.2-5.2-2.9-7.5-4.8c-9-7.2-17.4-15.3-30.4-16.3c-3.3-0.3-6.3-4.4-9.5-6.7 C232.3,452.3,271.3,448,309.5,440.8z'/%3E%3Cpath class='st1' d='M302.2,364.6c6.6,6.2,8.4,13.8,7.4,22.2c-40.1,5.9-79.7,14.7-120.1,19c1.2-14.1-4.1-30.4,7.9-41.5 c5.1,10.9,19.3,5.1,29.2,6.3c15.9,0,31.7,0,47.6,0C283.6,369.6,297,374.7,302.2,364.6z'/%3E%3Cpath class='st2' d='M189.5,405.8c20.6-1.3,40.6-6.2,60.8-9.3c19.8-3.1,39.5-6.4,59.2-9.7c6-0.1,10.1,2.9,10,8.3 c-1.4,13.9-23.6,9.6-34.1,13.6c-32,5.4-64,10.7-96,16.1C176.6,422.6,177.7,408.5,189.5,405.8z'/%3E%3Cpath class='st2' d='M309.5,440.8c-26,4.4-52,8.6-77.9,13.3c-12.5-0.8-51.5,16.8-50.9-2.2c1-13,40.9-11.2,52.6-15.5 c25.5-4.3,50.9-8.7,76.4-13.1c5.9,0.9,9.4,4.1,9,9.8C318.3,438,314.9,440.7,309.5,440.8z'/%3E%3Cpath class='st1' d='M309.6,423.3c-40,6.8-79.9,13.7-119.9,20.4c-0.1-6.3-0.1-12.7-0.2-19c40-6.8,80.1-13,119.9-20.4 C309.5,410.6,309.6,417,309.6,423.3z'/%3E%3Cpath class='st3' d='M220.6,147c-37.5-44.7-1.6-117.3,59.5-115c74.1,3.7,82.5,98.3,21.8,128.5C274.3,173,241.9,168.3,220.6,147z'/%3E%3Cpath class='st4' d='M282,166.4c7.1-0.6,13.2-4.3,19.9-5.8c23.6,27.4,28.5,68.7-0.5,94c-30.2,31.3-25.7,76.7-27.3,116.1 c-15.9,0-31.7,0-47.6,0c-2.4-25.7-1.6-51.7-7.5-77.2c-3.5-15.1-9.7-27.8-21.6-39.1c-31.3-29-25.2-88.5,23.1-107.4 c5.1,4,10.1,7.9,15.2,11.9c-36,12-55.5,54.6-25.1,83.1c29.1,28.3,30.7,69,32.6,106c-1,7.3,13.2,7.4,12.4,0.2 c1.9-37,3.1-78.8,33.3-106.5c20.3-17.2,17-49.5,0.3-66.4C286.6,172.6,282.5,170.8,282,166.4z'/%3E%3Cpath class='st0' d='M282,166.4c0.5,4.4,4.6,6.2,7.3,9c16.7,16.9,20.1,49.2-0.3,66.4c-30.1,27.7-31.4,69.4-33.2,106.5 c0.8,7.3-13.4,6.9-12.4-0.2c-2-37-3.5-77.7-32.6-106c-30.4-28.5-10.9-71.1,25.1-83.1C250.1,165.9,265.9,169.9,282,166.4z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

/* Filter Overlay Styles */
.filter-overlay[b-rnyywj411g] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

    .filter-overlay.active[b-rnyywj411g] {
        display: flex;
    }

.filter-dropdown[b-rnyywj411g] {
    background: white;
    border-radius: 16px;
    padding: 24px;
    min-width: 280px;
    max-width: 320px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    animation: slideIn-b-rnyywj411g 0.3s ease-out;
}

@keyframes slideIn-b-rnyywj411g {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }

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

.filter-dropdown-header[b-rnyywj411g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e8e5f0;
}

.filter-dropdown-title[b-rnyywj411g] {
    font-size: 18px;
    font-weight: 600;
    color: #462775;
    text-transform: capitalize;
    font-family: system-ui, -apple-system, "Inter", sans-serif;
}

.filter-dropdown-close[b-rnyywj411g] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

    .filter-dropdown-close:hover[b-rnyywj411g] {
        background-color: #f3f4f6;
    }

    .filter-dropdown-close img[b-rnyywj411g] {
        width: 20px;
        height: 20px;
    }

.filter-options[b-rnyywj411g] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-option[b-rnyywj411g] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    font-family: system-ui, -apple-system, "Inter", sans-serif;
}

    .filter-option:hover[b-rnyywj411g] {
        background-color: #f9fafb;
        color: #462775;
    }

    .filter-option.selected[b-rnyywj411g] {
        background-color: #462775;
        color: white;
    }

.filter-option-icon[b-rnyywj411g] {
    width: 16px;
    height: 16px;
    margin-right: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.filter-option-text[b-rnyywj411g] {
    flex: 1;
}

/* ===============================
           INLINE STYLE UTILITIES
           =============================== */

/* Common inline styles that should be converted to classes */
.inline-flex[b-rnyywj411g] {
    display: flex;
}

.inline-flex-column[b-rnyywj411g] {
    display: flex;
    flex-direction: column;
}

.inline-flex-1[b-rnyywj411g] {
    flex: 1;
}

.inline-width-100[b-rnyywj411g] {
    width: 100%;
}

.inline-padding-10[b-rnyywj411g] {
    padding: 10px;
}

.inline-icon-18[b-rnyywj411g] {
    width: 18px;
    height: 18px;
}

.inline-svg-margin-right[b-rnyywj411g] {
    margin: 12px 20px 0 0;
}

.inline-svg-margin-right-small[b-rnyywj411g] {
    margin: 12px 10px 0 0;
}

/* ===============================
           FILTER OPTION ICON STYLES
           =============================== */

/* Filter option icons with inline background images */
.filter-icon-red[b-rnyywj411g] {
    background-image: url('data:image/svg+xml,%3Csvg version=%271.1%27 id=%27Both%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 103.1 51.3%27 style=%27enable-background:new 0 0 103.1 51.3;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:%23E73938;%7D%0A%3C/style%3E%3Cpath class=%27st0%27 d=%27M103.1,24.6v2.2c-0.5,1.1-1.1,2.1-1.8,3.1-0.7,1-1.5,1.9-2.4,2.7-0.9,0.8-1.9,1.5-3,2.1-1.1,0.6-2.3,1.1-3.5,1.5-1.2,0.4-2.5,0.7-3.8,0.9-1.3,0.2-2.6,0.3-3.9,0.3-1.3,0-2.6-0.1-3.9-0.3-1.3-0.2-2.6-0.5-3.8-0.9-1.2-0.4-2.4-0.9-3.5-1.5-1.1-0.6-2.1-1.3-3-2.1-0.9-0.8-1.7-1.7-2.4-2.7-0.7-1-1.3-2-1.8-3.1v-2.2c0.5-1.1,1.1-2.1,1.8-3.1,0.7-1,1.5-1.9,2.4-2.7,0.9-0.8,1.9-1.5,3-2.1,1.1-0.6,2.3-1.1,3.5-1.5,1.2-0.4,2.5-0.7,3.8-0.9,1.3-0.2,2.6-0.3,3.9-0.3,1.3,0,2.6,0.1,3.9,0.3,1.3,0.2,2.6,0.5,3.8,0.9,1.2,0.4,2.4,0.9,3.5,1.5,1.1,0.6,2.1,1.3,3,2.1,0.9,0.8,1.7,1.7,2.4,2.7,0.7,1,1.3,2,1.8,3.1z%27/%3E%3C/svg%3E');
}

.filter-icon-green[b-rnyywj411g] {
    background-image: url('data:image/svg+xml,%3Csvg version=%271.1%27 id=%27Both%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 103.1 51.3%27 style=%27enable-background:new 0 0 103.1 51.3;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:%2317A304;%7D%0A%3C/style%3E%3Cpath class=%27st0%27 d=%27M103.1,24.6v2.2c-0.5,1.1-1.1,2.1-1.8,3.1-0.7,1-1.5,1.9-2.4,2.7-0.9,0.8-1.9,1.5-3,2.1-1.1,0.6-2.3,1.1-3.5,1.5-1.2,0.4-2.5,0.7-3.8,0.9-1.3,0.2-2.6,0.3-3.9,0.3-1.3,0-2.6-0.1-3.9-0.3-1.3-0.2-2.6-0.5-3.8-0.9-1.2-0.4-2.4-0.9-3.5-1.5-1.1-0.6-2.1-1.3-3-2.1-0.9-0.8-1.7-1.7-2.4-2.7-0.7-1-1.3-2-1.8-3.1v-2.2c0.5-1.1,1.1-2.1,1.8-3.1,0.7-1,1.5-1.9,2.4-2.7,0.9-0.8,1.9-1.5,3-2.1,1.1-0.6,2.3-1.1,3.5-1.5,1.2-0.4,2.5-0.7,3.8-0.9,1.3-0.2,2.6-0.3,3.9-0.3,1.3,0,2.6,0.1,3.9,0.3,1.3,0.2,2.6,0.5,3.8,0.9,1.2,0.4,2.4,0.9,3.5,1.5,1.1,0.6,2.1,1.3,3,2.1,0.9,0.8,1.7,1.7,2.4,2.7,0.7,1,1.3,2,1.8,3.1z%27/%3E%3C/svg%3E');
}

.filter-icon-both[b-rnyywj411g] {
    background-image: url('data:image/svg+xml,%3Csvg version=%271.1%27 id=%27Both%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 103.1 51.3%27 style=%27enable-background:new 0 0 103.1 51.3;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:%23E73938;%7D .st1%7Bfill:%2317A304;%7D%0A%3C/style%3E%3Cpath class=%27st0%27 d=%27M103.1,24.6v2.2c-0.5,1.1-1.1,2.1-1.8,3.1-0.7,1-1.5,1.9-2.4,2.7-0.9,0.8-1.9,1.5-3,2.1-1.1,0.6-2.3,1.1-3.5,1.5-1.2,0.4-2.5,0.7-3.8,0.9-1.3,0.2-2.6,0.3-3.9,0.3-1.3,0-2.6-0.1-3.9-0.3-1.3-0.2-2.6-0.5-3.8-0.9-1.2-0.4-2.4-0.9-3.5-1.5-1.1-0.6-2.1-1.3-3-2.1-0.9-0.8-1.7-1.7-2.4-2.7-0.7-1-1.3-2-1.8-3.1v-2.2c0.5-1.1,1.1-2.1,1.8-3.1,0.7-1,1.5-1.9,2.4-2.7,0.9-0.8,1.9-1.5,3-2.1,1.1-0.6,2.3-1.1,3.5-1.5,1.2-0.4,2.5-0.7,3.8-0.9,1.3-0.2,2.6-0.3,3.9-0.3,1.3,0,2.6,0.1,3.9,0.3,1.3,0.2,2.6,0.5,3.8,0.9,1.2,0.4,2.4,0.9,3.5,1.5,1.1,0.6,2.1,1.3,3,2.1,0.9,0.8,1.7,1.7,2.4,2.7,0.7,1,1.3,2,1.8,3.1z%27/%3E%3Cpath class=%27st1%27 d=%27M51.6,24.6c0,8.8-7.2,16-16,16s-16-7.2-16-16s7.2-16,16-16S51.6,15.8,51.6,24.6z%27/%3E%3C/svg%3E');
}

.filter-icon-neg[b-rnyywj411g] {
    background-image: url('data:image/svg+xml,%3Csvg version=%271.1%27 id=%27Neg%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 103.2 51.3%27 style=%27enable-background:new 0 0 103.2 51.3;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:%23b7a8cd;%7D%0A%3C/style%3E%3Cpath class=%27st0%27 d=%27M21.1,9.8h61.6c8.8,0,16,7.2,16,16v0c0,8.8-7.2,16-16,16H21.1c-8.8,0-16-7.2-16-16v0 C5.2,16.9,12.3,9.8,21.1,9.8z%27/%3E%3C/svg%3E');
}

.filter-icon-service[b-rnyywj411g] {
    background-image: url('data:image/svg+xml,%3Csvg id=%27Neg%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 103.19 51.33%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%230eabff;%7D%3C/style%3E%3C/defs%3E%3Cpath class=%27cls-1%27 d=%27M21.1,9.8h61.6c8.8,0,16,7.2,16,16v0c0,8.8-7.2,16-16,16H21.1c-8.8,0-16-7.2-16-16v0 C5.2,16.9,12.3,9.8,21.1,9.8z%27/%3E%3C/svg%3E');
}

.filter-icon-product[b-rnyywj411g] {
    background-image: url('data:image/svg+xml,%3Csvg version=%271.1%27 id=%27Neg%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 103.2 51.3%27 style=%27enable-background:new 0 0 103.2 51.3;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:%23FBD43F;%7D%0A%3C/style%3E%3Cpath class=%27st0%27 d=%27M21.1,9.8h61.6c8.8,0,16,7.2,16,16v0c0,8.8-7.2,16-16,16H21.1c-8.8,0-16-7.2-16-16v0 C5.2,16.9,12.3,9.8,21.1,9.8z%27/%3E%3C/svg%3E');
}

/* ===============================
           CUSTOM EMOJI STYLES
           =============================== */

/* Base styles for all custom emojis */
.custom-emoji[b-rnyywj411g] {
    width: 70%;
    height: 70%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-image 0.1s ease;
    cursor: pointer;
}

/* Custom 100 emoji */
.custom-100-emoji[b-rnyywj411g] {
    background-image: url('../image/hundred-points-static.png');
}

    .custom-100-emoji.animated[b-rnyywj411g] {
        background-image: url('../image/hundred-points-animated-70x70.png');
    }

/* Custom red heart emoji */
.custom-heart-emoji[b-rnyywj411g] {
    background-image: url('../image/red-heart-static.png');
}

    .custom-heart-emoji.animated[b-rnyywj411g] {
        background-image: url('../image/red-heart-animated-70x70.png');
    }

/* Custom star emoji */
.custom-star-emoji[b-rnyywj411g] {
    background-image: url('../image/star-static.png');
}

    .custom-star-emoji.animated[b-rnyywj411g] {
        background-image: url('../image/star-animated-70x70.png');
    }

/* Custom thumbs up emoji */
.custom-thumbs-up-emoji[b-rnyywj411g] {
    background-image: url('../image/thumbs-up-static.png');
}

    .custom-thumbs-up-emoji.animated[b-rnyywj411g] {
        background-image: url('../image/thumbs-up-animated-70x70.png');
    }

/* Custom smiling face emoji */
.custom-smiling-face-emoji[b-rnyywj411g] {
    background-image: url('../image/smiling-face-with-smiling-eyes-static.png');
}

    .custom-smiling-face-emoji.animated[b-rnyywj411g] {
        background-image: url('../image/smiling-face-with-smiling-eyes-animated-70x70.png');
    }

/* Custom party popper emoji */
.custom-party-popper-emoji[b-rnyywj411g] {
    background-image: url('../image/party-popper-static.png');
}

    .custom-party-popper-emoji.animated[b-rnyywj411g] {
        background-image: url('../image/party-popper-animated-70x70.png');
    }

/* Animation keyframes for all emojis */
@keyframes emojiBounce-b-rnyywj411g {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.2);
    }

    50% {
        transform: scale(1.1);
    }

    75% {
        transform: scale(1.15);
    }

    100% {
        transform: scale(1);
    }
}

/* Apply animation when clicked */
.custom-emoji.animate[b-rnyywj411g] {
    animation: emojiBounce-b-rnyywj411g 1s ease-in-out;
}

/* ===============================
           HINT CARD EMOJI REACTION STYLES
           =============================== */

/* Base styles for emoji reactions in hint cards */
.hint-card-emoji[b-rnyywj411g] {
    width: 22px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin: 9px 16px 0 0;
    vertical-align: middle;
    cursor: pointer;
}

    /* Hint card emoji variants */
    .hint-card-emoji.emoji-heart[b-rnyywj411g] {
        background-image: url('../image/red-heart-static.png');
    }

        .hint-card-emoji.emoji-heart.animated[b-rnyywj411g] {
            background-image: url('../image/red-heart-animated-70x70.png');
        }

    .hint-card-emoji.emoji-star[b-rnyywj411g] {
        background-image: url('../image/star-static.png');
    }

        .hint-card-emoji.emoji-star.animated[b-rnyywj411g] {
            background-image: url('../image/star-animated-70x70.png');
        }

    .hint-card-emoji.emoji-thumbs-up[b-rnyywj411g] {
        background-image: url('../image/thumbs-up-static.png');
    }

        .hint-card-emoji.emoji-thumbs-up.animated[b-rnyywj411g] {
            background-image: url('../image/thumbs-up-animated-70x70.png');
        }

    .hint-card-emoji.emoji-smiling-face[b-rnyywj411g] {
        background-image: url('../image/smiling-face-with-smiling-eyes-static.png');
    }

        .hint-card-emoji.emoji-smiling-face.animated[b-rnyywj411g] {
            background-image: url('../image/smiling-face-with-smiling-eyes-animated-70x70.png');
        }

    .hint-card-emoji.emoji-party-popper[b-rnyywj411g] {
        background-image: url('../image/party-popper-static.png');
    }

        .hint-card-emoji.emoji-party-popper.animated[b-rnyywj411g] {
            background-image: url('../image/party-popper-animated-70x70.png');
        }

    .hint-card-emoji.emoji-100[b-rnyywj411g] {
        background-image: url('../image/hundred-points-static.png');
    }

        .hint-card-emoji.emoji-100.animated[b-rnyywj411g] {
            background-image: url('../image/hundred-points-animated-70x70.png');
        }

    /* Animation for hint card emojis */
    .hint-card-emoji.animate[b-rnyywj411g] {
        animation: emojiBounce-b-rnyywj411g 1s ease-in-out;
    }

/* ===============================
           IMAGE THUMBNAILS STYLES
           =============================== */

/* Wrapper for feedback content with white background */
.feedback-content-wrapper[b-rnyywj411g] {
    background: white;
    border-radius: 17px;
    padding: 15px;
    margin-bottom: 0;
}

/* Container for image thumbnails */
.feedback-images-container[b-rnyywj411g] {
    display: flex;
    gap: 12px;
    margin-bottom: 5px;
    flex-wrap: wrap;
    align-items: center;
}

/* Individual image thumbnail */
.feedback-image-thumbnail[b-rnyywj411g] {
    width: 80px;
    height: 80px;
    border-radius: 12px;
    object-fit: cover;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #f8f7fb;
}

    .feedback-image-thumbnail:hover[b-rnyywj411g] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(108, 65, 173, 0.2);
        border-color: var(--purple-600);
    }

/* Mobile responsive adjustments for image thumbnails */
@media (max-width: 600px) {
    .feedback-images-container[b-rnyywj411g] {
        gap: 8px;
        background-color: #f5f5f5;
        border-radius: 12px;
        padding: 5px;
    }

    .feedback-image-thumbnail[b-rnyywj411g] {
        width: calc(20% - 6.4px); /* 5 images per row with gap consideration */
        height: auto;
        aspect-ratio: 1 / 1;
        border-radius: 8px;
        flex-shrink: 0;
    }
}

/* ===============================
           IMAGE MODAL STYLES
           =============================== */

/* Modal overlay */
.image-modal[b-rnyywj411g] {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(4px);
}

/* Modal content */
.image-modal-content[b-rnyywj411g] {
    position: relative;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    max-width: 90vw;
    max-height: 90vh;
}

    /* Modal image */
    .image-modal-content img[b-rnyywj411g] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        border-radius: 12px;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    }

/* Close button */
.image-modal-close[b-rnyywj411g] {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

    .image-modal-close:hover[b-rnyywj411g] {
        background: rgba(0, 0, 0, 0.8);
        transform: scale(1.1);
    }

/* Mobile responsive adjustments for modal */
@media (max-width: 600px) {
    .image-modal-close[b-rnyywj411g] {
        top: 10px;
        right: 15px;
        font-size: 30px;
        width: 40px;
        height: 40px;
    }
}
/* /Components/Modal.razor.rz.scp.css */
/* Base modal styles - using GPU acceleration */
.modal[b-cefo9457xp] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 2000;
    align-items: center;
    justify-content: center;
    /* GPU acceleration for better performance */
    will-change: opacity;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.modal-body[b-cefo9457xp] {
    background: white;
    border-radius: 8px;
    position: relative;
    margin: 50px auto;
    max-height: 80vh;
    overflow-y: auto;
    /* Better scroll performance */
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
    /* GPU acceleration */
    transform: translateZ(0);
}

/* Prevent body scroll when modal is open */
body.modal-open[b-cefo9457xp] {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
}

/* Background color utility */
.bgl[b-cefo9457xp] {
    background-color: #f5f0ff;
}

/* Full screen styles - all devices */
.modal-fullscreen .modal-body[b-cefo9457xp] {
    width: 100%;
    height: 100%;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0;
    border-radius: 0;
}

/* Full screen styles - mobile only */
@media (max-width: 768px) {
    .modal-fullscreen-mobile .modal-body[b-cefo9457xp] {
        width: 100%;
        height: 100%;
        max-width: 100% !important;
        max-height: 100% !important;
        margin: 0;
        border-radius: 0;
    }
}

/* Full screen styles - desktop only */
@media (min-width: 769px) {
    .modal-fullscreen-desktop .modal-body[b-cefo9457xp] {
        width: 100%;
        height: 100%;
        max-width: 100% !important;
        max-height: 100% !important;
        margin: 0;
        border-radius: 0;
    }
}

/* Modal header and close icon */
.modal-header[b-cefo9457xp] {
    padding: 15px;
    border-bottom: 1px solid #dee2e6;
    position: relative;
}

.modal-close-icon[b-cefo9457xp] {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    font-size: 24px;
    color: #999;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Better touch target and performance */
    touch-action: manipulation;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: color 0.2s ease;
}

    .modal-close-icon:hover[b-cefo9457xp] {
        color: #333;
    }

    .modal-close-icon[b-cefo9457xp]::before {
        content: '×';
    }

/* Full screen close button adjustments */
.modal-fullscreen .modal-close-icon[b-cefo9457xp],
.modal-fullscreen-mobile .modal-close-icon[b-cefo9457xp],
.modal-fullscreen-desktop .modal-close-icon[b-cefo9457xp] {
    font-size: 32px;
    right: 20px;
    top: 20px;
}

/* Modal content */
.modal-content[b-cefo9457xp] {
    padding: 0px;
    /* Contain scroll within modal */
    overscroll-behavior-y: contain;
}

/* Full screen content adjustments */
.modal-fullscreen .modal-content[b-cefo9457xp] {
    height: calc(100vh - 70px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
    .modal-fullscreen-mobile .modal-content[b-cefo9457xp] {
        height: calc(100vh - 70px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (min-width: 769px) {
    .modal-fullscreen-desktop .modal-content[b-cefo9457xp] {
        height: calc(100vh - 70px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* Floating trigger button styles - optimized for performance */
.floating-trigger-button[b-cefo9457xp] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #6c41ad;
    color: white;
    padding: 15px 25px;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(108, 65, 173, 0.3);
    z-index: 1999;
    font-weight: 600;
    display: none;
    /* Performance optimizations */
    will-change: transform, opacity;
    transform: translateZ(0);
    backface-visibility: hidden;
    touch-action: manipulation;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    /* Smooth transitions */
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}

    .floating-trigger-button.visible[b-cefo9457xp] {
        display: block;
        opacity: 1;
    }

    .floating-trigger-button:hover[b-cefo9457xp] {
        background: #5a398a;
        transform: translateY(-2px) translateZ(0);
        box-shadow: 0 6px 16px rgba(108, 65, 173, 0.4);
    }

/* Optimized animation for modal appearance */
@keyframes modalFadeIn-b-cefo9457xp {
    from {
        opacity: 0;
        transform: scale(0.95) translateZ(0);
    }

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

.modal-body[b-cefo9457xp] {
    animation: modalFadeIn-b-cefo9457xp 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* Sentinel elements for intersection observer (hidden) */
[id$="-sentinel-two-page"][b-cefo9457xp],
[id$="-sentinel-bottom"][b-cefo9457xp] {
    position: absolute;
    width: 1px;
    height: 1px;
    visibility: hidden;
    pointer-events: none;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .modal-body[b-cefo9457xp],
    .floating-trigger-button[b-cefo9457xp],
    .modal-close-icon[b-cefo9457xp] {
        animation: none;
        transition: none;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .modal-body[b-cefo9457xp] {
        border: 2px solid;
    }

    .modal-close-icon[b-cefo9457xp] {
        border: 1px solid;
    }
}