#chatWindow {
    font-family: var(--body-font, Consolas, monospace);
    touch-action: none;
}

#chatTitle {
    font-family: var(--heading-font, Consolas, monospace);
}

#chatMessages,
#chatMembers {
    scrollbar-width: thin;
    scrollbar-color:
        rgba(255, 255, 255, 0.22)
        transparent;
}

#chatMessages::-webkit-scrollbar,
#chatMembers::-webkit-scrollbar {
    width: 6px;
}

#chatMessages::-webkit-scrollbar-track,
#chatMembers::-webkit-scrollbar-track {
    background: transparent;
}

#chatMessages::-webkit-scrollbar-thumb,
#chatMembers::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.20);
    border-radius: 999px;
}

#chatMessages::-webkit-scrollbar-thumb:hover,
#chatMembers::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.30);
}

#chatWindow {
    --chat-message-gap: 4px;
}

#chatWindow .chatMessage {
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    padding: 6px 5px 0 10px;
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
}

#chatWindow .chatMessage[data-continuation="true"] {
    padding-top: 0;
    padding-bottom: 0;
}

#chatWindow .messageBody {
    margin-top: var(--chat-message-gap);
}

#chatWindow .chatMessage + .chatMessage {
    border-top: none;
}

#chatWindow .chatTime {
    flex: 0 0 auto;
    color: rgba(255, 255, 255, 0.42);
    font-size: 9px;
    white-space: nowrap;
}

#chatWindow .chatMessageName {
    flex: 0 0 auto;
    margin-right: 4px;
    font-weight: 700;
}

#chatWindow .chatSeparator {
    flex: 0 0 auto;
    margin-right: 6px;
    opacity: 0.55;
}

#chatWindow .chatText {
    min-width: 0;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-break: normal;
    text-align: left;
}

.pixel-avatar {
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

#chatWatchPartyPanel {
    --watch-party-accent: #06b6d4;
    --watch-party-accent-rgb: 6, 182, 212;
    scrollbar-width: thin;
    scrollbar-color:
        rgba(255, 255, 255, 0.22)
        transparent;
}

#chatWatchPartyPanel::-webkit-scrollbar {
    width: 6px;
}

#chatWatchPartyPanel::-webkit-scrollbar-track {
    background: transparent;
}

#chatWatchPartyPanel::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.20);
    border-radius: 999px;
}

#chatWatchPartyPanel::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.30);
}

#chatWatchPartyPanel
.watch-party-playlist-label,
#chatWatchPartyVisualizerMenu
.watch-party-playlist-label {
    color:
        rgba(
            var(--watch-party-accent-rgb),
            0.72
        );

    transition:
        color 160ms ease,
        opacity 160ms ease;
}

#chatWatchPartyPanel
.watch-party-playlist-label:hover,
#chatWatchPartyVisualizerMenu
.watch-party-playlist-label:hover {
    color:
        rgba(
            var(--watch-party-accent-rgb),
            0.95
        );
}

#chatWatchPartyPanel
.watch-party-playlist-checkbox,
#chatWatchPartyVisualizerMenu
.watch-party-playlist-checkbox {
    appearance: none;
    -webkit-appearance: none;

    flex: 0 0 auto;

    width: 13px;
    height: 13px;
    margin: 0;

    border:
        1px solid
        rgba(
            var(--watch-party-accent-rgb),
            0.65
        );

    border-radius: 3px;

    background:
        rgba(
            var(--watch-party-accent-rgb),
            0.08
        );

    box-shadow:
        inset 0 0 0 1px
        rgba(0, 0, 0, 0.25);

    cursor: pointer;

    transition:
        border-color 160ms ease,
        background 160ms ease,
        box-shadow 160ms ease,
        transform 100ms ease;
}

#chatWatchPartyPanel
.watch-party-playlist-checkbox:hover,
#chatWatchPartyVisualizerMenu
.watch-party-playlist-checkbox:hover {
    border-color:
        var(--watch-party-accent);

    background:
        rgba(
            var(--watch-party-accent-rgb),
            0.16
        );

    box-shadow:
        0 0 7px
        rgba(
            var(--watch-party-accent-rgb),
            0.25
        );
}

#chatWatchPartyPanel
.watch-party-playlist-checkbox:active,
#chatWatchPartyVisualizerMenu
.watch-party-playlist-checkbox:active {
    transform: scale(0.92);
}

#chatWatchPartyPanel
.watch-party-playlist-checkbox:focus-visible,
#chatWatchPartyVisualizerMenu
.watch-party-playlist-checkbox:focus-visible {
    outline:
        1px solid
        var(--watch-party-accent);

    outline-offset: 2px;
}

#chatWatchPartyPanel
.watch-party-playlist-checkbox:checked,
#chatWatchPartyVisualizerMenu
.watch-party-playlist-checkbox:checked {
    border-color:
        var(--watch-party-accent);

    background-color:
        var(--watch-party-accent);

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.3 6.2 4.8 8.6 9.8 3.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 11px 11px;

    box-shadow:
        0 0 8px
        rgba(
            var(--watch-party-accent-rgb),
            0.35
        );
}

#chatWatchPartyPanel
.watch-party-playlist-checkbox:disabled,
#chatWatchPartyVisualizerMenu
.watch-party-playlist-checkbox:disabled {
    cursor: wait;
}

.watch-party-progress::-webkit-slider-runnable-track {
    height: 6px;
    background: transparent;
}

.watch-party-progress::-webkit-slider-thumb {
    width: 14px;
    height: 14px;
    margin-top: -4px;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow:
        0 0 0 3px rgba(0, 0, 0, 0.35);
    cursor: grab;
}

.watch-party-progress:active::-webkit-slider-thumb {
    cursor: grabbing;
}

.watch-party-progress::-moz-range-track {
    height: 6px;
    background: transparent;
}

.watch-party-progress::-moz-range-progress {
    height: 6px;
    background: transparent;
}

.watch-party-progress::-moz-range-thumb {
    width: 14px;
    height: 14px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow:
        0 0 0 3px rgba(0, 0, 0, 0.35);
    cursor: grab;
}

.watch-party-progress:active::-moz-range-thumb {
    cursor: grabbing;
}
#chatWatchPartyPanel[data-theme="red"] {
    --watch-party-accent: #ef4444;
    --watch-party-accent-rgb: 239, 68, 68;
    --watch-party-panel-bg: rgba(20, 4, 6, 0.97);
}

#chatWatchPartyPanel[data-theme="orange"] {
    --watch-party-accent: #f97316;
    --watch-party-accent-rgb: 249, 115, 22;
    --watch-party-panel-bg: rgba(22, 9, 3, 0.97);
}

#chatWatchPartyPanel[data-theme="yellow"] {
    --watch-party-accent: #eab308;
    --watch-party-accent-rgb: 234, 179, 8;
    --watch-party-panel-bg: rgba(19, 15, 2, 0.97);
}

#chatWatchPartyPanel[data-theme="green"] {
    --watch-party-accent: #22c55e;
    --watch-party-accent-rgb: 34, 197, 94;
    --watch-party-panel-bg: rgba(3, 18, 9, 0.97);
}

#chatWatchPartyPanel[data-theme="cyan"] {
    --watch-party-accent: #06b6d4;
    --watch-party-accent-rgb: 6, 182, 212;
    --watch-party-panel-bg: rgba(2, 16, 19, 0.97);
}

#chatWatchPartyPanel[data-theme="blue"] {
    --watch-party-accent: #3b82f6;
    --watch-party-accent-rgb: 59, 130, 246;
    --watch-party-panel-bg: rgba(3, 9, 22, 0.97);
}

#chatWatchPartyPanel[data-theme="purple"] {
    --watch-party-accent: #a855f7;
    --watch-party-accent-rgb: 168, 85, 247;
    --watch-party-panel-bg: rgba(14, 5, 22, 0.97);
}

#chatWatchPartyPanel[data-theme="pink"] {
    --watch-party-accent: #ec4899;
    --watch-party-accent-rgb: 236, 72, 153;
    --watch-party-panel-bg: rgba(22, 4, 13, 0.97);
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
) {
    border-color:
        var(--watch-party-accent);

    background:
        var(--watch-party-panel-bg);

    box-shadow: none;
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-heading] {
    color:
        var(--watch-party-accent);

    text-shadow:
        0 0 10px
        rgba(
            var(--watch-party-accent-rgb),
            0.45
        );
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
input::placeholder {
    color:
        rgba(
            var(--watch-party-accent-rgb),
            .55
        );
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
input {
    border-color:
        rgba(
            var(--watch-party-accent-rgb),
            .28
        );
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-add] {
    border-color:
        rgba(
            var(--watch-party-accent-rgb),
            .45
        );

    color:
        var(--watch-party-accent);
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-queue-heading] {
    color:
        rgba(
            var(--watch-party-accent-rgb),
            .8
        );
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
.theme-heading {
    color:
        var(--watch-party-accent);
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-progress-fill] {
    background:
        var(--watch-party-accent);
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-now-playing] {
    border-color:
        rgba(
            var(--watch-party-accent-rgb),
            0.35
        );

    background:
        rgba(
            var(--watch-party-accent-rgb),
            0.08
        );
}


#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-now-playing-title] {
    color:
        var(--watch-party-accent);
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-time] {
    color:
        rgba(
            var(--watch-party-accent-rgb),
            0.8
        );
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-previous],

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-play],

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-next] {
    border-color:
        rgba(
            var(--watch-party-accent-rgb),
            0.35
        );

    background:
        rgba(
            var(--watch-party-accent-rgb),
            0.10
        );
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-previous]:hover,

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-play]:hover,

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-next]:hover {
    background:
        rgba(
            var(--watch-party-accent-rgb),
            0.18
        );
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-resize-grip] {
    background:
        var(--watch-party-accent);
}

@keyframes watch-party-rainbow-shift {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes watch-party-rainbow-panel-shift {
    0% {
        background-position:
            0% 50%,
            0 0,
            0% 50%;
    }

    50% {
        background-position:
            100% 50%,
            0 0,
            100% 50%;
    }

    100% {
        background-position:
            0% 50%,
            0 0,
            0% 50%;
    }
}

#chatWatchPartyPanel[data-theme="rainbow"] {
    border: 2px solid transparent;

    background:
        linear-gradient(
            120deg,
            rgba(255, 59, 48, 0.16),
            rgba(255, 149, 0, 0.14),
            rgba(255, 204, 0, 0.12),
            rgba(52, 199, 89, 0.13),
            rgba(0, 199, 190, 0.14),
            rgba(10, 132, 255, 0.16),
            rgba(94, 92, 230, 0.15),
            rgba(175, 82, 222, 0.16),
            rgba(255, 45, 85, 0.15),
            rgba(255, 59, 48, 0.16)
        ) padding-box,

        linear-gradient(
            rgba(3, 3, 5, 0.82),
            rgba(3, 3, 5, 0.82)
        ) padding-box,

        linear-gradient(
            110deg,
            #ff3b30,
            #ff9500,
            #ffcc00,
            #34c759,
            #00c7be,
            #0a84ff,
            #5e5ce6,
            #af52de,
            #ff2d55,
            #ff3b30
        ) border-box;

    background-size:
        300% 300%,
        100% 100%,
        300% 300%;

    background-position:
        0% 50%,
        0 0,
        0% 50%;

    animation:
        watch-party-rainbow-panel-shift
        10s linear infinite;

    box-shadow:
        0 0 18px rgba(255, 45, 85, 0.18),
        0 0 32px rgba(10, 132, 255, 0.14),
        0 0 46px rgba(52, 199, 89, 0.1);
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-heading] {
    color: transparent;

    background-image:
        linear-gradient(
            90deg,
            #ff453a,
            #ff9f0a,
            #ffd60a,
            #30d158,
            #64d2ff,
            #0a84ff,
            #bf5af2,
            #ff375f,
            #ff453a
        );

    background-size: 300% 100%;
    background-clip: text;
    -webkit-background-clip: text;

    animation:
        watch-party-rainbow-shift
        6s linear infinite;

    animation-delay:
    var(
        --watch-party-rainbow-delay,
        0ms
    );

    text-shadow: none;
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-progress-fill] {
    background-image:
        linear-gradient(
            90deg,
            #ff453a,
            #ff9f0a,
            #ffd60a,
            #30d158,
            #64d2ff,
            #0a84ff,
            #bf5af2,
            #ff375f
        );

    background-size: 250% 100%;

    animation:
        watch-party-rainbow-shift
        5s linear infinite;
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-previous],

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-play],

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-next] {
    border-color: transparent;

    background:
        linear-gradient(
            rgba(255, 255, 255, 0.06),
            rgba(255, 255, 255, 0.06)
        ) padding-box,
        linear-gradient(
            120deg,
            #ff453a,
            #ff9f0a,
            #ffd60a,
            #30d158,
            #64d2ff,
            #0a84ff,
            #bf5af2,
            #ff375f
        ) border-box;

    background-size:
        100% 100%,
        250% 250%;

    animation:
        watch-party-rainbow-shift
        7s linear infinite;
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-previous]:hover,

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-play]:hover,

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-next]:hover {
    background:
        linear-gradient(
            rgba(255, 255, 255, 0.13),
            rgba(255, 255, 255, 0.13)
        ) padding-box,
        linear-gradient(
            120deg,
            #ff453a,
            #ff9f0a,
            #ffd60a,
            #30d158,
            #64d2ff,
            #0a84ff,
            #bf5af2,
            #ff375f
        ) border-box;
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-now-playing] {
    border-color: transparent;

    background:
        linear-gradient(
            rgba(255, 255, 255, 0.055),
            rgba(255, 255, 255, 0.055)
        ) padding-box,
        linear-gradient(
            115deg,
            rgba(255, 69, 58, 0.65),
            rgba(255, 214, 10, 0.65),
            rgba(48, 209, 88, 0.65),
            rgba(100, 210, 255, 0.65),
            rgba(191, 90, 242, 0.65),
            rgba(255, 55, 95, 0.65)
        ) border-box;

    background-size:
        100% 100%,
        250% 250%;

    animation:
        watch-party-rainbow-shift
        9s linear infinite;
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-queue-heading] {
    color: rgba(255, 255, 255, 0.8);
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-resize-grip] {
    background-image:
        linear-gradient(
            90deg,
            #ff453a,
            #ff9f0a,
            #ffd60a,
            #30d158,
            #64d2ff,
            #0a84ff,
            #bf5af2,
            #ff375f
        );

    background-size: 250% 100%;

    animation:
        watch-party-rainbow-shift
        5s linear infinite;
}

#chatWatchPartyPanel[data-theme="rainbow"]
.watch-party-playlist-label {
    color: rgba(255, 255, 255, 0.62);
}

#chatWatchPartyPanel[data-theme="rainbow"]
.watch-party-playlist-label:hover {
    color: rgba(255, 255, 255, 0.90);
}

#chatWatchPartyPanel[data-theme="rainbow"]
.watch-party-playlist-checkbox {
    border: 1px solid transparent;

    background:
        linear-gradient(
            rgba(15, 15, 20, 0.94),
            rgba(15, 15, 20, 0.94)
        ) padding-box,

        linear-gradient(
            120deg,
            #ff453a,
            #ff9f0a,
            #ffd60a,
            #30d158,
            #64d2ff,
            #0a84ff,
            #bf5af2,
            #ff375f
        ) border-box;

    background-size:
        100% 100%,
        250% 250%;

    animation:
        watch-party-rainbow-shift
        7s linear infinite;
}

#chatWatchPartyPanel[data-theme="rainbow"]
.watch-party-playlist-checkbox:checked {
    border: 1px solid transparent;

    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.3 6.2 4.8 8.6 9.8 3.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
        center / 11px 11px
        no-repeat
        padding-box,

        linear-gradient(
            120deg,
            #ff453a,
            #ff9f0a,
            #ffd60a,
            #30d158,
            #64d2ff,
            #0a84ff,
            #bf5af2,
            #ff375f
        ) padding-box;

    background-size:
        11px 11px,
        250% 250%;

    box-shadow:
        0 0 8px
        rgba(100, 210, 255, 0.26);

    animation:
        watch-party-rainbow-shift
        7s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    #chatWatchPartyPanel[data-theme="rainbow"],
    #chatWatchPartyPanel[data-theme="rainbow"]
    [data-watch-party-heading],
    #chatWatchPartyPanel[data-theme="rainbow"]
    [data-watch-party-progress-fill],
    #chatWatchPartyPanel[data-theme="rainbow"]
    [data-watch-party-previous],
    #chatWatchPartyPanel[data-theme="rainbow"]
    [data-watch-party-play],
    #chatWatchPartyPanel[data-theme="rainbow"]
    [data-watch-party-next],
    #chatWatchPartyPanel[data-theme="rainbow"]
    [data-watch-party-now-playing],
    #chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-add-heading],
#chatWatchPartyPanel[data-theme="rainbow"]
input[data-watch-party-url],
#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-now-playing-title],
#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-time],
#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-queue-heading],
#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-queue-box],
#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-empty],
#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-video-link],
    #chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-resize-grip],
#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-subtitles],

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-subtitles-text],

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-subtitles-status],

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-subtitles-badge],

#chatWatchPartyPanel[data-theme="rainbow"]
.watch-party-playlist-checkbox {
    animation: none;
}
}

#chatWatchPartyPanel[data-theme="default"] {
    border-color:
        rgba(255, 255, 255, 0.15);

    background:
        rgba(0, 0, 0, 0.95);
box-shadow: none;
    
}

#chatWatchPartyPanel[data-theme="default"]
[data-watch-party-heading] {
    color: inherit;
    background: none;
    text-shadow: none;
}

#chatWatchPartyPanel[data-theme="default"]
[data-watch-party-now-playing] {
    border-color:
        rgba(255, 255, 255, 0.10);

    background:
        rgba(255, 255, 255, 0.05);

    box-shadow: none;
}

#chatWatchPartyPanel[data-theme="default"]
[data-watch-party-previous],

#chatWatchPartyPanel[data-theme="default"]
[data-watch-party-play],

#chatWatchPartyPanel[data-theme="default"]
[data-watch-party-next] {
    border-color:
        rgba(255, 255, 255, 0.10);

    background:
        rgba(255, 255, 255, 0.05);

    box-shadow: none;
}

#chatWatchPartyPanel[data-theme="default"]
[data-watch-party-progress-fill] {
    background:
        rgba(255, 255, 255, 0.70);
}

#chatWatchPartyPanel[data-theme="default"]
[data-watch-party-resize-grip] {
    background:
        rgba(255, 255, 255, 0.80);
}

#chatWatchPartyPanel[data-theme="default"]
.watch-party-playlist-label {
    color: rgba(255, 255, 255, 0.50);
}

#chatWatchPartyPanel[data-theme="default"]
.watch-party-playlist-label:hover {
    color: rgba(255, 255, 255, 0.78);
}

#chatWatchPartyPanel[data-theme="default"]
.watch-party-playlist-checkbox {
    border-color:
        rgba(255, 255, 255, 0.38);

    background-color:
        rgba(255, 255, 255, 0.06);
}

#chatWatchPartyPanel[data-theme="default"]
.watch-party-playlist-checkbox:hover {
    border-color:
        rgba(255, 255, 255, 0.70);

    background-color:
        rgba(255, 255, 255, 0.12);

    box-shadow:
        0 0 7px
        rgba(255, 255, 255, 0.15);
}

#chatWatchPartyPanel[data-theme="default"]
.watch-party-playlist-checkbox:checked {
    border-color:
        rgba(255, 255, 255, 0.78);

    background-color:
        rgba(255, 255, 255, 0.78);

    box-shadow:
        0 0 7px
        rgba(255, 255, 255, 0.22);
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-empty] {
    border-color:
        rgba(
            var(--watch-party-accent-rgb),
            0.35
        );

    background:
        rgba(
            var(--watch-party-accent-rgb),
            0.08
        );
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-add-heading]{
    background:linear-gradient(
        90deg,
        #ff3b30,
        #ff9500,
        #ffcc00,
        #34c759,
        #00c7be,
        #0a84ff,
        #5e5ce6,
        #af52de,
        #ff2d55
    );

    background-size:300% 300%;

    animation:
        watch-party-rainbow-shift
        8s linear infinite;

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent;
}

#chatWatchPartyPanel[data-theme="rainbow"]
input[data-watch-party-url]{

    border-color:transparent;

    background:
        linear-gradient(
            rgba(15,15,20,.92),
            rgba(15,15,20,.92)
        ) padding-box,

        linear-gradient(
            90deg,
            #ff3b30,
            #ff9500,
            #ffcc00,
            #34c759,
            #00c7be,
            #0a84ff,
            #5e5ce6,
            #af52de,
            #ff2d55,
            #ff3b30
        ) border-box;

    background-size:
        100% 100%,
        300% 300%;

    animation:
        watch-party-rainbow-shift
        8s linear infinite;

    border:1px solid transparent;
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-now-playing-title]{

    background:linear-gradient(
        90deg,
        #ff3b30,
        #ff9500,
        #ffcc00,
        #34c759,
        #00c7be,
        #0a84ff,
        #5e5ce6,
        #af52de,
        #ff2d55
    );

    background-size:300% 300%;

    animation:
        watch-party-rainbow-shift
        8s linear infinite;

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent;
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-time]{

    background:linear-gradient(
        90deg,
        #ff3b30,
        #ff9500,
        #ffcc00,
        #34c759,
        #00c7be,
        #0a84ff,
        #5e5ce6,
        #af52de,
        #ff2d55
    );

    background-size:300% 300%;

    animation:
        watch-party-rainbow-shift
        8s linear infinite;

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent;
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-queue-heading]{
    
    background:linear-gradient(
        90deg,
        #ff3b30,
        #ff9500,
        #ffcc00,
        #34c759,
        #00c7be,
        #0a84ff,
        #5e5ce6,
        #af52de,
        #ff2d55
    );

    background-size:300% 300%;

    animation:
        watch-party-rainbow-shift
        8s linear infinite;

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent;
}



#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-empty]{

    border:1px solid transparent;

    background:

        linear-gradient(
            rgba(22,22,30,.55),
            rgba(22,22,30,.55)
        ) padding-box,

        linear-gradient(
            90deg,
            #ff3b30,
            #ff9500,
            #ffcc00,
            #34c759,
            #00c7be,
            #0a84ff,
            #5e5ce6,
            #af52de,
            #ff2d55,
            #ff3b30
        ) border-box;

    background-size:
        100% 100%,
        300% 300%;

    animation:
        watch-party-rainbow-shift
        8s linear infinite;

    -webkit-background-clip:
        padding-box,
        border-box;

    background-clip:
        padding-box,
        border-box;
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-empty]{
    color:
        rgba(
            var(--watch-party-accent-rgb),
            0.8
        );
}

#chatWatchPartyPanel[data-theme="rainbow"]
input[data-watch-party-url]::placeholder{

    background:linear-gradient(
        90deg,
        #ff3b30,
        #ff9500,
        #ffcc00,
        #34c759,
        #00c7be,
        #0a84ff,
        #5e5ce6,
        #af52de,
        #ff2d55
    );

    background-size:300% 300%;

    animation:
        watch-party-rainbow-shift
        8s linear infinite;

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent;
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-now-playing-heading]{

    background:linear-gradient(
        90deg,
        #ff3b30,
        #ff9500,
        #ffcc00,
        #34c759,
        #00c7be,
        #0a84ff,
        #5e5ce6,
        #af52de,
        #ff2d55
    );

    background-size:300% 300%;

    animation:
        watch-party-rainbow-shift
        8s linear infinite;

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent;
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-empty-text] {

    background: linear-gradient(
        90deg,
        #ff3b30,
        #ff9500,
        #ffcc00,
        #34c759,
        #00c7be,
        #0a84ff,
        #5e5ce6,
        #af52de,
        #ff2d55
    );

    background-size: 300% 300%;

    animation:
        watch-party-rainbow-shift
        8s linear infinite;

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-requested-label]{
    color:
        rgba(
            var(--watch-party-accent-rgb),
            .8
        );
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-requested-label]{

    background:linear-gradient(
        90deg,
        #ff3b30,
        #ff9500,
        #ffcc00,
        #34c759,
        #00c7be,
        #0a84ff,
        #5e5ce6,
        #af52de,
        #ff2d55
    );

    background-size:300% 300%;

    animation:
        watch-party-rainbow-shift
        8s linear infinite;

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent;
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-playlist-text]{
    color:
        rgba(
            var(--watch-party-accent-rgb),
            .8
        );
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-playlist-text]{

    background:linear-gradient(
        90deg,
        #ff3b30,
        #ff9500,
        #ffcc00,
        #34c759,
        #00c7be,
        #0a84ff,
        #5e5ce6,
        #af52de,
        #ff2d55
    );

    background-size:300% 300%;

    animation:
        watch-party-rainbow-shift
        8s linear infinite;

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent;
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-add-playlist]{
    color:
        rgba(
            var(--watch-party-accent-rgb),
            .8
        );
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-add-playlist]{

    background:linear-gradient(
        90deg,
        #ff3b30,
        #ff9500,
        #ffcc00,
        #34c759,
        #00c7be,
        #0a84ff,
        #5e5ce6,
        #af52de,
        #ff2d55
    );

    background-size:300% 300%;

    animation:
        watch-party-rainbow-shift
        8s linear infinite;

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent;
}

#chatWatchPartyPanel
[data-watch-party-video-link] {
    color: rgba(255, 255, 255, 0.58);
    text-decoration-color:
        rgba(255, 255, 255, 0.28);

    cursor: pointer;

    transition:
        color 160ms ease,
        text-decoration-color 160ms ease,
        text-shadow 160ms ease;
}

#chatWatchPartyPanel
[data-watch-party-video-link]:hover {
    color: rgba(255, 255, 255, 0.9);
    text-decoration-color:
        rgba(255, 255, 255, 0.7);
}

#chatWatchPartyPanel
[data-watch-party-video-link]:focus-visible {
    outline: 1px solid currentColor;
    outline-offset: 2px;
    border-radius: 2px;
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-video-link] {
    color:
        rgba(
            var(--watch-party-accent-rgb),
            0.78
        );

    text-decoration-color:
        rgba(
            var(--watch-party-accent-rgb),
            0.38
        );
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-video-link]:hover {
    color:
        var(--watch-party-accent);

    text-decoration-color:
        var(--watch-party-accent);

    text-shadow:
        0 0 7px
        rgba(
            var(--watch-party-accent-rgb),
            0.35
        );
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-video-link] {
    color: transparent;

    background:
        linear-gradient(
            90deg,
            #ff3b30,
            #ff9500,
            #ffcc00,
            #34c759,
            #00c7be,
            #0a84ff,
            #5e5ce6,
            #af52de,
            #ff2d55
        );

    background-size: 300% 300%;

    animation:
        watch-party-rainbow-shift
        8s linear infinite;

    -webkit-background-clip: text;
    background-clip: text;

    text-decoration-color:
        rgba(100, 210, 255, 0.55);
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-video-link]:hover {
    filter: brightness(1.25);

    text-decoration-color:
        rgba(255, 255, 255, 0.8);
}

#chatWatchPartyPanel
[data-watch-party-subtitles] {
    border-color:
        rgba(255, 255, 255, 0.12);

    background:
        rgba(255, 255, 255, 0.045);

    color:
        rgba(255, 255, 255, 0.48);

    cursor: pointer;
}

#chatWatchPartyPanel
[data-watch-party-subtitles]:hover {
    border-color:
        rgba(255, 255, 255, 0.28);

    background:
        rgba(255, 255, 255, 0.09);

    color:
        rgba(255, 255, 255, 0.78);
}

#chatWatchPartyPanel
[data-watch-party-subtitles][aria-pressed="true"] {
    border-color:
        rgba(255, 255, 255, 0.46);

    background:
        rgba(255, 255, 255, 0.12);

    color:
        rgba(255, 255, 255, 0.92);
}

#chatWatchPartyPanel
[data-watch-party-subtitles]:focus-visible {
    outline:
        1px solid
        currentColor;

    outline-offset: 2px;
}

#chatWatchPartyPanel
[data-watch-party-subtitles-badge] {
    border-color:
        rgba(255, 255, 255, 0.28);

    background:
        rgba(0, 0, 0, 0.18);
}

#chatWatchPartyPanel
[data-watch-party-subtitles][aria-pressed="true"]
[data-watch-party-subtitles-badge] {
    border-color:
        rgba(255, 255, 255, 0.65);

    background:
        rgba(255, 255, 255, 0.82);

    color:
        rgba(0, 0, 0, 0.9);
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-subtitles] {
    border-color:
        rgba(
            var(--watch-party-accent-rgb),
            0.28
        );

    background:
        rgba(
            var(--watch-party-accent-rgb),
            0.06
        );

    color:
        rgba(
            var(--watch-party-accent-rgb),
            0.65
        );
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-subtitles]:hover {
    border-color:
        rgba(
            var(--watch-party-accent-rgb),
            0.55
        );

    background:
        rgba(
            var(--watch-party-accent-rgb),
            0.13
        );

    color:
        rgba(
            var(--watch-party-accent-rgb),
            0.95
        );
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-subtitles][aria-pressed="true"] {
    border-color:
        var(--watch-party-accent);

    background:
        rgba(
            var(--watch-party-accent-rgb),
            0.16
        );

    color:
        var(--watch-party-accent);

    box-shadow:
        0 0 8px
        rgba(
            var(--watch-party-accent-rgb),
            0.22
        );
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-subtitles-badge] {
    border-color:
        rgba(
            var(--watch-party-accent-rgb),
            0.42
        );
}

#chatWatchPartyPanel[data-theme]:not(
    [data-theme="default"]
):not(
    [data-theme="rainbow"]
)
[data-watch-party-subtitles][aria-pressed="true"]
[data-watch-party-subtitles-badge] {
    border-color:
        var(--watch-party-accent);

    background:
        var(--watch-party-accent);

    color:
        rgba(0, 0, 0, 0.9);
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-subtitles] {
    border: 1px solid transparent;

    background:
        linear-gradient(
            rgba(15, 15, 20, 0.88),
            rgba(15, 15, 20, 0.88)
        ) padding-box,

        linear-gradient(
            90deg,
            #ff3b30,
            #ff9500,
            #ffcc00,
            #34c759,
            #00c7be,
            #0a84ff,
            #5e5ce6,
            #af52de,
            #ff2d55
        ) border-box;

    background-size:
        100% 100%,
        300% 300%;

    color:
        rgba(255, 255, 255, 0.68);

    animation:
        watch-party-rainbow-shift
        8s linear infinite;
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-subtitles]:hover {
    color:
        rgba(255, 255, 255, 0.95);
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-subtitles][aria-pressed="true"] {
    box-shadow:
        0 0 9px rgba(255, 59, 48, 0.13),
        0 0 12px rgba(10, 132, 255, 0.13),
        0 0 15px rgba(52, 199, 89, 0.10);
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-subtitles-text],

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-subtitles-status] {
    background:
        linear-gradient(
            90deg,
            #ff3b30,
            #ff9500,
            #ffcc00,
            #34c759,
            #00c7be,
            #0a84ff,
            #5e5ce6,
            #af52de,
            #ff2d55
        );

    background-size:
        300% 300%;

    animation:
        watch-party-rainbow-shift
        8s linear infinite;

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-subtitles-badge] {
    border-color:
        rgba(255, 255, 255, 0.38);

    background:
        rgba(0, 0, 0, 0.28);

    color:
        rgba(255, 255, 255, 0.78);
}

#chatWatchPartyPanel[data-theme="rainbow"]
[data-watch-party-subtitles][aria-pressed="true"]
[data-watch-party-subtitles-badge] {
    border-color: transparent;

    background:
        linear-gradient(
            90deg,
            #ff3b30,
            #ff9500,
            #ffcc00,
            #34c759,
            #00c7be,
            #0a84ff,
            #5e5ce6,
            #af52de,
            #ff2d55
        );

    background-size:
        300% 300%;

    color:
        rgba(0, 0, 0, 0.9);

    animation:
        watch-party-rainbow-shift
        8s linear infinite;
}

.jami-chat-image-shell {
    position: relative;
    display: inline-flex;
    max-width: 100%;
    flex-direction: column;
    align-items: flex-start;
}

.jami-image-remix-trigger {
    position: absolute;
    right: 6px;
    bottom: 6px;
    z-index: 2;

    margin: 0;
    padding: 5px 8px;

    border: 1px solid rgba(255,255,255,.18);
    border-radius: 8px;

    background: rgba(0,0,0,.20);
    color: rgba(255,255,255,.9);

    font-family: var(--body-font, Consolas, monospace);
    font-size: 9px;
    line-height: 1;

    opacity: 0;
    pointer-events: none;
    cursor: pointer;

    box-shadow: 0 4px 14px rgba(0,0,0,.38);
    backdrop-filter: blur(6px);

    transition:
        opacity 120ms ease,
        background 120ms ease,
        transform 120ms ease;
}

.jami-chat-image-shell:hover
.jami-image-remix-trigger,
.jami-chat-image-shell:focus-within
.jami-image-remix-trigger {
    opacity: 1;
    pointer-events: auto;
}

.jami-image-remix-trigger:hover,
.jami-image-remix-trigger:focus-visible {
    background: rgba(255,255,255,.13);
    outline: 1px solid rgba(255,255,255,.35);
    outline-offset: 1px;
}

.jami-image-remix-trigger:active {
    transform: translateY(1px);
}

.jami-remix-attribution {
    max-width: 318px;
    margin-top: 4px;
    color: rgba(255,255,255,.42);
    font-family: var(--body-font, Consolas, monospace);
    font-size: 9px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

@media (hover: none) {
    .jami-image-remix-trigger {
        opacity: .82;
        pointer-events: auto;
    }
}


#chatWindow .jami-chat-reply-composer {
    display: flex; align-items: center; gap: 8px; padding: 7px 9px;
    border: 1px solid rgba(255,255,255,.12); border-radius: 10px;
    background: rgba(0,0,0,.16); color: rgba(255,255,255,.62);
    font-size: 9px; line-height: 1.3;
}
#chatWindow .jami-chat-reply-composer[hidden] { display: none; }
#chatWindow .jami-chat-reply-composer-copy { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 1px; }
#chatWindow .jami-chat-reply-composer-label { overflow: hidden; color: inherit; font-size: 9px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
#chatWindow .jami-chat-reply-composer-text { overflow: hidden; opacity: .72; text-overflow: ellipsis; white-space: nowrap; }
#chatWindow .jami-chat-reply-cancel { flex: 0 0 auto; width: 22px; height: 22px; border-radius: 7px; color: rgba(255,255,255,.55); }
#chatWindow .jami-chat-reply-cancel:hover { background: rgba(255,255,255,.09); color: white; }
#chatWindow .jami-chat-reply-reference { display: flex; min-width: 0; max-width: 100%; align-items: baseline; gap: 5px; margin: 0 0 2px; padding: 0; border: 0; background: transparent; color: rgba(255,255,255,.45); font-size: 9px; line-height: 1.25; text-align: left; cursor: pointer; }
#chatWindow .jami-chat-reply-reference::before { content: "↪"; flex: none; opacity: .5; }
#chatWindow .jami-chat-reply-reference-name { flex: none; max-width: 110px; overflow: hidden; color: inherit; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
#chatWindow .jami-chat-reply-reference-preview { min-width: 0; overflow: hidden; opacity: .72; text-overflow: ellipsis; white-space: nowrap; }
#chatWindow .jami-chat-reply-reference:hover { color: rgba(255,255,255,.75); }
#chatWindow .jami-chat-edited-marker { display: inline-block; margin-left: 4px; color: rgba(255,255,255,.35); font-size: 8px; vertical-align: baseline; }
#chatWindow .jami-chat-inline-editor { box-sizing: border-box; width: 100%; min-height: 34px; resize: vertical; border: 1px solid rgba(255,255,255,.18); border-radius: 9px; outline: none; background: rgba(0,0,0,.28); padding: 7px 8px; color: white; font-size: 12px; line-height: 1.4; }
#chatWindow .jami-chat-inline-editor:focus { border-color: rgba(255,255,255,.36); box-shadow: 0 0 0 2px rgba(255,255,255,.05); }
#chatWindow .jami-chat-message-highlight { animation: jami-chat-reply-highlight 1.4s ease-out; }
@keyframes jami-chat-reply-highlight { 0%,30% { background: rgba(255,255,255,.12); } 100% { background: transparent; } }

#chatWindow .jami-message-reactions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 3px;
    margin-top: 3px;
    font-family: var(--body-font, Consolas, monospace);
}

#chatWindow .jami-reaction-pill {
    display: inline-flex;
    box-sizing: border-box;
    min-width: 25px;
    height: 23px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 0;
    padding: 2px 7px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 7px;
    background: rgba(0,0,0,.20);
    color: rgba(255,255,255,.82);
    cursor: pointer;
    font: inherit;
    line-height: 1;
    transition:
        background 120ms ease,
        border-color 120ms ease,
        transform 90ms ease;
}

#chatWindow .jami-reaction-pill:hover {
    border-color: rgba(255,255,255,.27);
    background: rgba(255,255,255,.08);
}

#chatWindow .jami-reaction-pill:active {
    transform: translateY(1px) scale(.97);
}

#chatWindow .jami-reaction-pill[data-reacted="true"] {
    border-color: currentColor;
    background: rgba(255,255,255,.11);
}

#chatWindow .jami-reaction-count {
    color: inherit;
    font-size: 9px;
    font-weight: 700;
}

#chatWindow .jami-reaction-unicode {
    font-size: 14px;
}

#chatWindow .jami-reaction-custom-emoji {
    width: 17px;
    height: 17px;
    object-fit: contain;
}

#chatWindow .jami-message-hover-actions {
    position: absolute;
    z-index: 8;
    top: -9px;
    right: 7px;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 8px;
    background: rgba(19,19,21,.20);
    box-shadow: 0 5px 14px rgba(0,0,0,.30);
    opacity: 0;
    pointer-events: none;
    transform: translateY(2px);
    transition:
        opacity 100ms ease,
        transform 100ms ease;
}

#chatWindow .chatMessage:hover
.jami-message-hover-actions,
#chatWindow .chatMessage:focus-within
.jami-message-hover-actions,
#chatWindow .chatMessage[
    data-reaction-picker-open="true"
]
.jami-message-hover-actions {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

#chatWindow .jami-message-hover-action {
    display: inline-flex;
    width: 27px;
    height: 25px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border: 0;
    border-right: 1px solid rgba(255,255,255,.08);
    background: transparent;
    color: rgba(255,255,255,.75);
    cursor: pointer;
    font-family: var(--body-font, Consolas, monospace);
    font-size: 14px;
    line-height: 1;
    transition:
        background 100ms ease,
        color 100ms ease,
        transform 80ms ease;
}

#chatWindow .jami-message-hover-action:last-child {
    border-right: 0;
}

#chatWindow .jami-message-hover-action:hover {
    background: rgba(255,255,255,.09);
    color: #fff;
}

#chatWindow .jami-message-hover-action:active {
    transform: translateY(1px);
}

#chatWindow .jami-message-hover-custom {
    font-size: 16px;
    font-weight: 700;
}

#chatWindow .jami-message-hover-reply {
    font-size: 16px;
}

.jami-reaction-picker {
    position: fixed;
    z-index: 100006;
    display: grid;
    grid-template-columns: repeat(7,32px);
    gap: 4px;
    box-sizing: border-box;
    width: 264px;
    max-height: min(310px,calc(100vh - 16px));
    overflow-y: auto;
    padding: 8px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 13px;
    background: rgba(17,17,19,.97);
    box-shadow: 0 12px 34px rgba(0,0,0,.48);
    backdrop-filter: blur(14px);
    font-family: var(--body-font,Consolas,monospace);
}

.jami-reaction-picker-choice {
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    padding: 3px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font-size: 18px;
}

.jami-reaction-picker-choice:hover {
    border-color: rgba(255,255,255,.15);
    background: rgba(255,255,255,.09);
}

.jami-reaction-picker-image {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.jami-reaction-picker-divider {
    grid-column: 1 / -1;
    height: 1px;
    background: rgba(255,255,255,.09);
}

#chatWindow .jami-message-hover-custom-emoji {
    display: block;
    width: 18px;
    height: 18px;
    object-fit: contain;
}

#chatWindow .jami-message-hover-unicode {
    display: block;
    font-size: 14px;
    line-height: 1;
}

.jami-reaction-picker {
    grid-template-columns: repeat(7, 32px);
    width: 272px;
    max-height: min(370px, calc(100vh - 16px));
    align-content: start;
}

.jami-reaction-picker-heading {
    grid-column: 1 / -1;
    position: sticky;
    top: -8px;
    z-index: 2;
    margin: 0 -2px 2px;
    padding: 7px 4px 5px;
    background: rgba(17, 17, 19, 0.97);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: lowercase;
}

.jami-reaction-picker-unicode {
    display: block;
    font-size: 19px;
    line-height: 1;
}


.jami-reaction-emoji-picker-host {
    position: fixed;
    z-index: 100006;
    margin: 0;
    transition: opacity 150ms ease;
}

.jami-reaction-emoji-picker-host,
.jami-reaction-emoji-picker-host > em-emoji-picker {
    max-height: min(460px, calc(100vh - 16px));
}

.jami-reaction-picker {
    display: none !important;
}

#chatWindow .jami-chat-reply-reference {
    max-width: min(100%, 390px);
}

#chatWindow .jami-chat-reply-reference:disabled {
    cursor: default;
    opacity: .62;
}

#chatWindow .jami-chat-edited-marker {
    font-style: normal;
    letter-spacing: .01em;
}

#chatWindow .jami-reaction-pill-pop {
    animation:
        jami-reaction-pill-pop
        150ms ease-out;
}

@keyframes jami-reaction-pill-pop {
    0% {
        opacity: .45;
        transform: scale(.82);
    }

    70% {
        transform: scale(1.06);
    }

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

@media (prefers-reduced-motion: reduce) {
    #chatWindow .jami-reaction-pill-pop {
        animation: none;
    }
}


#chatAvatarButton:disabled {
    cursor: default;
    opacity: 0.9;
}

#chatName:disabled {
    cursor: default;
    opacity: 0.85;
}

#chatDiscordAuthAvatar {
    image-rendering: auto;
}


#chatName.chat-discord-name-active {
    padding-top: 0.3rem;
    padding-right: 5.25rem;
    padding-bottom: 0.95rem;
}

#chatDiscordLogout {
    z-index: 1;
}

#chatAvatarPicker #chatDiscordAuthButton {
    font-family: var(--body-font);
}

.chatMessage > img.discord-chat-avatar {
    width: 2.25rem;
    height: 2.25rem;
    margin-top: -7px;
    transform: scale(0.8);
    transform-origin: center top;
}

#chatMembers img.discord-chat-avatar {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0.125rem;
    margin-right: 0.125rem;
}

.jami-member-afk {
    color: rgb(250 204 21);
}

.jami-discord-server-tag {
    position: relative;
top: -0.2px;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.2rem;
    min-width: 0;
    padding: 0.08rem 0.32rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0.4rem;
    background: rgba(255, 255, 255, 0.06);
    line-height: 1;
    vertical-align: middle;
}

.jami-discord-server-tag-icon {
    display: block;
    width: 0.72rem;
    height: 0.72rem;
    flex: 0 0 auto;
    object-fit: contain;
    image-rendering: auto;
}

.jami-discord-server-tag-text {
    font-family: "Nunito", sans-serif;
    overflow: hidden;
    max-width: 3.4rem;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.48rem;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jami-reaction-tooltip {
    position: fixed;
    z-index: 100010;
    box-sizing: border-box;
    width: max-content;
    max-width: min(360px, calc(100vw - 16px));
    padding: 6px 8px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 7px;
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.96);
    box-shadow: 0 4px 12px rgba(0,0,0,.18);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    font-family: var(--body-font, Consolas, monospace);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.3;
    white-space: normal;
    text-align: left;
    pointer-events: none;
}

.jami-reaction-tooltip::after {
    content: "";
    position: absolute;
    left: var(--jami-reaction-tooltip-arrow-left, 50%);
    width: 7px;
    height: 7px;
    background: rgba(255,255,255,.06);
    transform: translateX(-50%) rotate(45deg);
}

.jami-reaction-tooltip[data-placement="above"]::after {
    top: 100%;
    margin-top: -4px;
    border-right: 1px solid rgba(255,255,255,.18);
    border-bottom: 1px solid rgba(255,255,255,.18);
}

.jami-reaction-tooltip[data-placement="below"]::after {
    bottom: 100%;
    margin-bottom: -4px;
    border-left: 1px solid rgba(255,255,255,.18);
    border-top: 1px solid rgba(255,255,255,.18);
}

.jami-image-save-remix-trigger {
    bottom: 34px;
}

.jami-image-save-remix-trigger.is-saved {
    color: rgba(255,255,255,.62);
}

.jami-saved-remix-overlay {
    position: fixed;
    inset: 0;
    z-index: 100020;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(0,0,0,.30);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.jami-saved-remix-manager {
    display: flex;
    width: min(760px, calc(100vw - 28px));
    max-height: min(680px, calc(100vh - 28px));
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 18px;
    background: rgba(16,16,18,.20);
    color: rgba(255,255,255,.92);
    box-shadow: 0 18px 60px rgba(0,0,0,.55);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.jami-saved-remix-header {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.025);
}

.jami-saved-remix-title {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.jami-saved-remix-close {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 8px;
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.68);
    cursor: pointer;
}

.jami-saved-remix-close:hover {
    border-color: rgba(255,255,255,.22);
    background: rgba(255,255,255,.09);
    color: #fff;
}

.jami-saved-remix-status {
    flex: 0 0 auto;
    padding: 8px 14px 0;
    color: rgba(255,255,255,.42);
    font-size: 9px;
}

.jami-saved-remix-grid {
    display: grid;
    min-height: 0;
    grid-template-columns:
        repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
    overflow-y: auto;
    padding: 12px 14px 14px;
    scrollbar-width: thin;
    scrollbar-color:
        rgba(255,255,255,.22)
        transparent;
}

.jami-saved-remix-grid::-webkit-scrollbar {
    width: 6px;
}

.jami-saved-remix-grid::-webkit-scrollbar-track {
    background: transparent;
}

.jami-saved-remix-grid::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(255,255,255,.20);
}

.jami-saved-remix-grid::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,.30);
}

.jami-saved-remix-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 12px;
    background: rgba(255,255,255,.035);
}

.jami-saved-remix-thumb {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    background: rgba(0,0,0,.22);
}

.jami-saved-remix-meta {
    padding: 8px 9px 5px;
    overflow-wrap: anywhere;
}

.jami-saved-remix-creator {
    color: rgba(255,255,255,.82);
    font-size: 9px;
    font-weight: 700;
}

.jami-saved-remix-date,
.jami-saved-remix-saved-by {
    margin-top: 2px;
    color: rgba(255,255,255,.40);
    font-size: 8px;
    line-height: 1.35;
}

.jami-saved-remix-actions {
    display: flex;
    gap: 6px;
    padding: 4px 9px 9px;
}

.jami-saved-remix-action {
    flex: 1 1 auto;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 7px;
    background: rgba(255,255,255,.045);
    padding: 5px 7px;
    color: rgba(255,255,255,.70);
    font-size: 8px;
    cursor: pointer;
}

.jami-saved-remix-action:hover {
    border-color: rgba(255,255,255,.24);
    background: rgba(255,255,255,.10);
    color: #fff;
}

.jami-saved-remix-delete:hover {
    border-color: rgba(248,113,113,.45);
    color: rgb(254,202,202);
}

.jami-saved-remix-action:disabled {
    cursor: wait;
    opacity: .45;
}

@media (hover: none) {
    .jami-image-save-remix-trigger {
        opacity: .82;
        pointer-events: auto;
    }
}

.jami-name-history-overlay {
    position: fixed;
    inset: 0;
    z-index: 100025;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(0, 0, 0, .30);
}

.jami-name-history-manager {
    display: flex;
    width: min(430px, calc(100vw - 28px));
    max-height: min(560px, calc(100vh - 28px));
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 18px;
    background: rgba(16, 16, 18, .97);
    color: rgba(255, 255, 255, .92);
    box-shadow: 0 18px 60px rgba(0, 0, 0, .55);
}

.jami-name-history-header {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .10);
    background: rgba(255, 255, 255, .025);
}

.jami-name-history-title {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.jami-name-history-close {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 8px;
    background: rgba(255, 255, 255, .04);
    color: rgba(255, 255, 255, .68);
    cursor: pointer;
}

.jami-name-history-close:hover {
    border-color: rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .09);
    color: #fff;
}

.jami-name-history-subject {
    flex: 0 0 auto;
    padding: 10px 14px 7px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    color: rgba(255, 255, 255, .70);
    font-size: 10px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.jami-name-history-body {
    min-height: 72px;
    overflow-y: visible;
    padding: 10px 14px;
    scrollbar-width: thin;
    scrollbar-color:
        rgba(255, 255, 255, .22)
        transparent;
}


.jami-name-history-body.is-scrollable {
    max-height: 252px;
    overflow-y: auto;
}

.jami-name-history-body::-webkit-scrollbar {
    width: 6px;
}

.jami-name-history-body::-webkit-scrollbar-track {
    background: transparent;
}

.jami-name-history-body::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(255, 255, 255, .20);
}

.jami-name-history-body::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, .30);
}

.jami-name-history-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.jami-name-history-row {
    padding: 8px 9px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 9px;
    background: rgba(255, 255, 255, .035);
}

.jami-name-history-name {
    color: rgba(255, 255, 255, .86);
    font-size: 10px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.jami-name-history-time {
    margin-top: 2px;
    color: rgba(255, 255, 255, .40);
    font-size: 8px;
    line-height: 1.35;
}

.jami-name-history-empty {
    display: grid;
    min-height: 64px;
    place-items: center;
    color: rgba(255, 255, 255, .40);
    font-size: 9px;
}

.jami-name-history-footer {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    padding: 0 14px 12px;
}

.jami-name-history-delete {
    border: 1px solid rgba(248, 113, 113, .22);
    border-radius: 8px;
    background: rgba(248, 113, 113, .05);
    padding: 6px 9px;
    color: rgba(254, 202, 202, .72);
    font-size: 8px;
    cursor: pointer;
}

.jami-name-history-delete:hover {
    border-color: rgba(248, 113, 113, .45);
    background: rgba(248, 113, 113, .10);
    color: rgb(254, 202, 202);
}

.jami-name-history-delete:disabled {
    cursor: wait;
    opacity: .45;
}

#chatWatchPartyPanel .watch-party-visualizers {
    --visualizer-accent: var(--watch-party-accent, #60a5fa);
    --visualizer-accent-rgb: var(--watch-party-accent-rgb, 96, 165, 250);
}

.watch-party-visualizer-action {
    border-color: rgba(var(--watch-party-accent-rgb, 96, 165, 250), .28);
    background: rgba(var(--watch-party-accent-rgb, 96, 165, 250), .07);
    color: rgba(255, 255, 255, .72);
}

.watch-party-visualizer-action:hover:not(:disabled) {
    border-color: rgba(var(--watch-party-accent-rgb, 96, 165, 250), .48);
    background: rgba(var(--watch-party-accent-rgb, 96, 165, 250), .14);
    color: #fff;
}

.watch-party-visualizer-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.watch-party-visualizer-choice {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 9px;
    background: rgba(255, 255, 255, .035);
    padding: 4px;
    color: rgba(255, 255, 255, .50);
    text-align: left;
    transition:
        border-color 140ms ease,
        background 140ms ease,
        transform 100ms ease;
}

.watch-party-visualizer-choice:hover {
    border-color: rgba(var(--watch-party-accent-rgb, 96, 165, 250), .42);
    background: rgba(var(--watch-party-accent-rgb, 96, 165, 250), .08);
}

.watch-party-visualizer-choice:active {
    transform: scale(.98);
}

.watch-party-visualizer-choice.is-selected {
    border-color: var(--watch-party-accent, #60a5fa);
    background: rgba(var(--watch-party-accent-rgb, 96, 165, 250), .12);
    box-shadow: 0 0 8px rgba(var(--watch-party-accent-rgb, 96, 165, 250), .16);
}

.watch-party-visualizer-choice-label {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    font-size: 7px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.watch-party-visualizer-preview {
    position: relative;
    display: block;
    width: 100%;
    height: 31px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 7px;
    background:
        linear-gradient(
            180deg,
            rgba(var(--watch-party-accent-rgb, 96, 165, 250), .18),
            rgba(0, 0, 0, .24)
        );
}

.watch-party-visualizer-preview::before,
.watch-party-visualizer-preview::after {
    position: absolute;
    content: "";
}

.watch-party-visualizer-preview--wave::before {
    inset: 5px 4px;
    border-radius: 999px;
    background:
        repeating-linear-gradient(
            90deg,
            #fb7185 0 2px,
            #facc15 2px 4px,
            #86efac 4px 6px,
            #67e8f9 6px 8px,
            #c084fc 8px 10px,
            transparent 10px 13px
        );
    clip-path: polygon(
        0 46%, 8% 42%, 16% 32%, 24% 15%, 32% 2%,
        40% 22%, 48% 8%, 56% 26%, 64% 14%, 72% 36%,
        80% 23%, 88% 41%, 100% 47%, 100% 53%, 88% 59%,
        80% 77%, 72% 64%, 64% 86%, 56% 74%, 48% 92%,
        40% 78%, 32% 98%, 24% 85%, 16% 68%, 8% 58%, 0 54%
    );
}

.watch-party-visualizer-preview--bars::before {
    left: 5px;
    right: 5px;
    bottom: 4px;
    height: 23px;
    border-radius: 3px;
    background:
        repeating-linear-gradient(
            90deg,
            #fb923c 0 3px,
            transparent 3px 7px,
            #bef264 7px 10px,
            transparent 10px 14px,
            #67e8f9 14px 17px,
            transparent 17px 21px,
            #f472b6 21px 24px,
            transparent 24px 28px
        );
    clip-path: polygon(
        0 82%, 8% 62%, 16% 91%, 24% 12%, 32% 68%,
        40% 45%, 48% 73%, 56% 57%, 64% 78%, 72% 52%,
        80% 38%, 88% 8%, 96% 45%, 100% 18%, 100% 100%, 0 100%
    );
}

.watch-party-visualizer-preview--decay::before {
    left: 5px;
    right: 5px;
    bottom: 4px;
    height: 23px;
    background:
        repeating-linear-gradient(
            90deg,
            #93c5fd 0 3px,
            transparent 3px 6px
        );
    clip-path: polygon(
        0 10%, 10% 18%, 20% 31%, 30% 45%, 40% 55%,
        50% 64%, 60% 72%, 70% 78%, 80% 84%, 90% 89%,
        100% 93%, 100% 100%, 0 100%
    );
}

.watch-party-visualizer-preview--line::before {
    inset: 6px 5px 5px;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg, #fb923c, #bef264, #67e8f9, #f472b6) 1;
    transform: skewY(-4deg);
    clip-path: polygon(
        0 62%, 12% 34%, 24% 55%, 36% 18%, 48% 42%,
        60% 29%, 72% 53%, 84% 48%, 100% 12%, 100% 72%, 0 72%
    );
    background: linear-gradient(90deg, rgba(251,146,60,.25), rgba(103,232,249,.22), rgba(244,114,182,.25));
}

.watch-party-visualizer-preview--peaks::before {
    left: 5px;
    right: 5px;
    bottom: 7px;
    height: 18px;
    border-bottom: 2px solid #bfdbfe;
    border-radius: 45% 55% 35% 65%;
    transform: skewY(-5deg);
    clip-path: polygon(0 85%, 18% 82%, 27% 60%, 36% 81%, 47% 53%, 58% 76%, 70% 52%, 82% 36%, 92% 8%, 100% 58%, 100% 100%, 0 100%);
}

.watch-party-visualizer-preview--mountain::before {
    inset: 5px 5px 4px;
    border-radius: 5px;
    background: linear-gradient(180deg, #bef264 0%, #67e8f9 48%, #f472b6 100%);
    clip-path: polygon(0 86%, 8% 8%, 20% 30%, 32% 60%, 45% 77%, 57% 42%, 69% 70%, 80% 58%, 91% 72%, 100% 66%, 100% 100%, 0 100%);
}

.watch-party-visualizer-window {
    --visualizer-accent: #60a5fa;
    --visualizer-accent-rgb: 96, 165, 250;
    position: fixed;
    display: flex;
    min-width: 220px;
    min-height: 150px;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 16px;
    background: rgba(0, 0, 0, .72);
    color: #fff;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .32);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    touch-action: none;
}

.watch-party-visualizer-window[data-theme="red"] { --visualizer-accent: #ef4444; --visualizer-accent-rgb: 239, 68, 68; }
.watch-party-visualizer-window[data-theme="orange"] { --visualizer-accent: #f97316; --visualizer-accent-rgb: 249, 115, 22; }
.watch-party-visualizer-window[data-theme="yellow"] { --visualizer-accent: #eab308; --visualizer-accent-rgb: 234, 179, 8; }
.watch-party-visualizer-window[data-theme="green"] { --visualizer-accent: #22c55e; --visualizer-accent-rgb: 34, 197, 94; }
.watch-party-visualizer-window[data-theme="cyan"] { --visualizer-accent: #06b6d4; --visualizer-accent-rgb: 6, 182, 212; }
.watch-party-visualizer-window[data-theme="blue"] { --visualizer-accent: #3b82f6; --visualizer-accent-rgb: 59, 130, 246; }
.watch-party-visualizer-window[data-theme="purple"] { --visualizer-accent: #a855f7; --visualizer-accent-rgb: 168, 85, 247; }
.watch-party-visualizer-window[data-theme="pink"] { --visualizer-accent: #ec4899; --visualizer-accent-rgb: 236, 72, 153; }

.watch-party-visualizer-window[data-theme]:not([data-theme="default"]):not([data-theme="rainbow"]) {
    border-color: rgba(var(--visualizer-accent-rgb), .52);
}

.watch-party-visualizer-window[data-theme="rainbow"] {
    --visualizer-accent: #67e8f9;
    --visualizer-accent-rgb: 103, 232, 249;
    border: 1px solid transparent;
    background:
        linear-gradient(rgba(3, 3, 5, .76), rgba(3, 3, 5, .76)) padding-box,
        linear-gradient(110deg, #ff453a, #ff9f0a, #ffd60a, #30d158, #64d2ff, #0a84ff, #bf5af2, #ff375f) border-box;
}

.watch-party-visualizer-titlebar {
    display: flex;
    min-height: 39px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
    background: rgba(0, 0, 0, .12);
    padding: 7px 9px 6px 11px;
    cursor: move;
    user-select: none;
}

.watch-party-visualizer-title {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.watch-party-visualizer-mode-label {
    margin-top: 1px;
    color: rgba(255, 255, 255, .38);
    font-size: 7px;
}

.watch-party-visualizer-title-actions {
    display: flex;
    gap: 4px;
}

.watch-party-visualizer-title-actions button {
    display: grid;
    width: 25px;
    height: 25px;
    place-items: center;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: rgba(255, 255, 255, .52);
    cursor: pointer;
}

.watch-party-visualizer-title-actions button:hover {
    background: rgba(255, 255, 255, .09);
    color: #fff;
}

.watch-party-visualizer-mode-picker {
    position: absolute;
    top: 34px;
    right: 8px;
    z-index: 4;
    width: 126px;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 10px;
    background: rgba(5, 5, 7, .96);
    padding: 6px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .35);
}

.watch-party-visualizer-mode-picker:not([hidden]) {
    display: grid;
}

.watch-party-visualizer-mode-picker button {
    position: relative;
    height: 35px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 7px;
    background: rgba(var(--visualizer-accent-rgb), .06);
    cursor: pointer;
}

.watch-party-visualizer-mode-picker button:hover,
.watch-party-visualizer-mode-picker button.is-selected {
    border-color: rgba(var(--visualizer-accent-rgb), .55);
    background: rgba(var(--visualizer-accent-rgb), .13);
}

.watch-party-visualizer-mode-picker button::before,
.watch-party-visualizer-mode-picker button::after {
    position: absolute;
    content: "";
}

.watch-party-visualizer-mode-picker button::before {
    pointer-events: none;
}

.watch-party-visualizer-mode-picker button[data-visualizer-panel-mode="wave"]::before {
    inset: 5px 4px;
    border-radius: 999px;
    background:
        repeating-linear-gradient(
            90deg,
            #fb7185 0 2px,
            #facc15 2px 4px,
            #86efac 4px 6px,
            #67e8f9 6px 8px,
            #c084fc 8px 10px,
            transparent 10px 13px
        );
    clip-path: polygon(
        0 46%, 8% 42%, 16% 32%, 24% 15%, 32% 2%,
        40% 22%, 48% 8%, 56% 26%, 64% 14%, 72% 36%,
        80% 23%, 88% 41%, 100% 47%, 100% 53%, 88% 59%,
        80% 77%, 72% 64%, 64% 86%, 56% 74%, 48% 92%,
        40% 78%, 32% 98%, 24% 85%, 16% 68%, 8% 58%, 0 54%
    );
}

.watch-party-visualizer-mode-picker button[data-visualizer-panel-mode="bars"]::before {
    left: 5px;
    right: 5px;
    bottom: 4px;
    height: 23px;
    border-radius: 3px;
    background:
        repeating-linear-gradient(
            90deg,
            #fb923c 0 3px,
            transparent 3px 7px,
            #bef264 7px 10px,
            transparent 10px 14px,
            #67e8f9 14px 17px,
            transparent 17px 21px,
            #f472b6 21px 24px,
            transparent 24px 28px
        );
    clip-path: polygon(
        0 82%, 8% 62%, 16% 91%, 24% 12%, 32% 68%,
        40% 45%, 48% 73%, 56% 57%, 64% 78%, 72% 52%,
        80% 38%, 88% 8%, 96% 45%, 100% 18%, 100% 100%, 0 100%
    );
}

.watch-party-visualizer-mode-picker button[data-visualizer-panel-mode="decay"]::before {
    left: 5px;
    right: 5px;
    bottom: 4px;
    height: 23px;
    background:
        repeating-linear-gradient(
            90deg,
            #93c5fd 0 3px,
            transparent 3px 6px
        );
    clip-path: polygon(
        0 10%, 10% 18%, 20% 31%, 30% 45%, 40% 55%,
        50% 64%, 60% 72%, 70% 78%, 80% 84%, 90% 89%,
        100% 93%, 100% 100%, 0 100%
    );
}

.watch-party-visualizer-mode-picker button[data-visualizer-panel-mode="line"]::before {
    inset: 6px 5px 5px;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg, #fb923c, #bef264, #67e8f9, #f472b6) 1;
    transform: skewY(-4deg);
    clip-path: polygon(
        0 62%, 12% 34%, 24% 55%, 36% 18%, 48% 42%,
        60% 29%, 72% 53%, 84% 48%, 100% 12%, 100% 72%, 0 72%
    );
    background: linear-gradient(
        90deg,
        rgba(251, 146, 60, .25),
        rgba(103, 232, 249, .22),
        rgba(244, 114, 182, .25)
    );
}

.watch-party-visualizer-mode-picker button[data-visualizer-panel-mode="peaks"]::before {
    left: 5px;
    right: 5px;
    bottom: 7px;
    height: 18px;
    border-bottom: 2px solid #bfdbfe;
    border-radius: 45% 55% 35% 65%;
    transform: skewY(-5deg);
    clip-path: polygon(
        0 85%, 18% 82%, 27% 60%, 36% 81%, 47% 53%,
        58% 76%, 70% 52%, 82% 36%, 92% 8%, 100% 58%,
        100% 100%, 0 100%
    );
    background: linear-gradient(
        90deg,
        rgba(191, 219, 254, .08),
        rgba(191, 219, 254, .22)
    );
}

.watch-party-visualizer-mode-picker button[data-visualizer-panel-mode="mountain"]::before {
    inset: 5px 5px 4px;
    border-radius: 5px;
    background: linear-gradient(
        180deg,
        #bef264 0%,
        #67e8f9 48%,
        #f472b6 100%
    );
    clip-path: polygon(
        0 86%, 8% 8%, 20% 30%, 32% 60%, 45% 77%,
        57% 42%, 69% 70%, 80% 58%, 91% 72%, 100% 66%,
        100% 100%, 0 100%
    );
}

.watch-party-visualizer-canvas-wrap {
    position: relative;
    min-height: 0;
    flex: 1 1 auto;
    padding: 8px;
}

.watch-party-visualizer-canvas-wrap canvas {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: rgba(0, 0, 0, .18);
}

.watch-party-visualizer-inactive {
    position: absolute;
    inset: 8px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(0, 0, 0, .38);
    color: rgba(255, 255, 255, .45);
    font-size: 8px;
    pointer-events: none;
}

.watch-party-visualizer-inactive[hidden] {
    display: none;
}

.watch-party-visualizer-resize {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 19px;
    height: 19px;
    cursor: nwse-resize;
    touch-action: none;
}

.watch-party-visualizer-resize::after {
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 8px;
    height: 8px;
    border-right: 2px solid rgba(var(--visualizer-accent-rgb), .65);
    border-bottom: 2px solid rgba(var(--visualizer-accent-rgb), .65);
    border-radius: 0 0 2px 0;
    content: "";
}

@media (max-width: 700px), (pointer: coarse) {
    #chatWatchPartyPanel .watch-party-visualizers {
        display: none;
    }

    .watch-party-visualizer-window {
        display: none;
    }
}

#chatWatchPartyVisualizerMenu {
    --watch-party-accent: #60a5fa;
    --watch-party-accent-rgb: 96, 165, 250;
    --watch-party-panel-bg: rgba(3, 9, 22, 0.97);
    --visualizer-accent: var(--watch-party-accent);
    --visualizer-accent-rgb: var(--watch-party-accent-rgb);
    font-family: var(--body-font, Consolas, monospace);
}

#chatWatchPartyVisualizerMenu[data-theme="red"] {
    --watch-party-accent: #ef4444;
    --watch-party-accent-rgb: 239, 68, 68;
    --watch-party-panel-bg: rgba(20, 4, 6, 0.97);
}

#chatWatchPartyVisualizerMenu[data-theme="orange"] {
    --watch-party-accent: #f97316;
    --watch-party-accent-rgb: 249, 115, 22;
    --watch-party-panel-bg: rgba(22, 9, 3, 0.97);
}

#chatWatchPartyVisualizerMenu[data-theme="yellow"] {
    --watch-party-accent: #eab308;
    --watch-party-accent-rgb: 234, 179, 8;
    --watch-party-panel-bg: rgba(19, 15, 2, 0.97);
}

#chatWatchPartyVisualizerMenu[data-theme="green"] {
    --watch-party-accent: #22c55e;
    --watch-party-accent-rgb: 34, 197, 94;
    --watch-party-panel-bg: rgba(3, 18, 9, 0.97);
}

#chatWatchPartyVisualizerMenu[data-theme="cyan"] {
    --watch-party-accent: #06b6d4;
    --watch-party-accent-rgb: 6, 182, 212;
    --watch-party-panel-bg: rgba(2, 16, 19, 0.97);
}

#chatWatchPartyVisualizerMenu[data-theme="blue"] {
    --watch-party-accent: #3b82f6;
    --watch-party-accent-rgb: 59, 130, 246;
    --watch-party-panel-bg: rgba(3, 9, 22, 0.97);
}

#chatWatchPartyVisualizerMenu[data-theme="purple"] {
    --watch-party-accent: #a855f7;
    --watch-party-accent-rgb: 168, 85, 247;
    --watch-party-panel-bg: rgba(14, 5, 22, 0.97);
}

#chatWatchPartyVisualizerMenu[data-theme="pink"] {
    --watch-party-accent: #ec4899;
    --watch-party-accent-rgb: 236, 72, 153;
    --watch-party-panel-bg: rgba(22, 4, 13, 0.97);
}

#chatWatchPartyVisualizerMenu[data-theme]:not([data-theme="default"]):not([data-theme="rainbow"]) {
    border-color: var(--watch-party-accent);
    background: var(--watch-party-panel-bg);
    box-shadow: none;
}

#chatWatchPartyVisualizerMenu[data-theme]:not([data-theme="default"]):not([data-theme="rainbow"]) .theme-heading {
    color: var(--watch-party-accent);
}

#chatWatchPartyVisualizerMenu[data-theme="rainbow"] {
    --visualizer-accent: #67e8f9;
    --visualizer-accent-rgb: 103, 232, 249;
    border: 2px solid transparent;
    background:
        linear-gradient(
            120deg,
            rgba(255, 59, 48, 0.16),
            rgba(255, 149, 0, 0.14),
            rgba(255, 204, 0, 0.12),
            rgba(52, 199, 89, 0.13),
            rgba(0, 199, 190, 0.14),
            rgba(10, 132, 255, 0.16),
            rgba(94, 92, 230, 0.15),
            rgba(175, 82, 222, 0.16),
            rgba(255, 45, 85, 0.15),
            rgba(255, 59, 48, 0.16)
        ) padding-box,
        linear-gradient(rgba(3, 3, 5, 0.82), rgba(3, 3, 5, 0.82)) padding-box,
        linear-gradient(
            110deg,
            #ff3b30,
            #ff9500,
            #ffcc00,
            #34c759,
            #00c7be,
            #0a84ff,
            #5e5ce6,
            #af52de,
            #ff2d55,
            #ff3b30
        ) border-box;
    background-size: 300% 300%, 100% 100%, 300% 300%;
    animation: watch-party-rainbow-panel-shift 10s linear infinite;
}

#chatWatchPartyVisualizerMenu[data-theme="rainbow"] .theme-heading {
    color: transparent;
    background-image: linear-gradient(
        90deg,
        #ff453a,
        #ff9f0a,
        #ffd60a,
        #30d158,
        #64d2ff,
        #0a84ff,
        #bf5af2,
        #ff375f,
        #ff453a
    );
    background-size: 300% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    animation: watch-party-rainbow-shift 6s linear infinite;
}

.watch-party-visualizer-menu-titlebar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-bottom: 10px;
    cursor: move;
    user-select: none;
    touch-action: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#chatWatchPartyVisualizerMenu[data-theme="default"]
.watch-party-playlist-label {
    color: rgba(255, 255, 255, 0.50);
}

#chatWatchPartyVisualizerMenu[data-theme="default"]
.watch-party-playlist-label:hover {
    color: rgba(255, 255, 255, 0.78);
}

#chatWatchPartyVisualizerMenu[data-theme="default"]
.watch-party-playlist-checkbox {
    border-color: rgba(255, 255, 255, 0.38);
    background-color: rgba(255, 255, 255, 0.06);
}

#chatWatchPartyVisualizerMenu[data-theme="default"]
.watch-party-playlist-checkbox:hover {
    border-color: rgba(255, 255, 255, 0.70);
    background-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 0 7px rgba(255, 255, 255, 0.15);
}

#chatWatchPartyVisualizerMenu[data-theme="default"]
.watch-party-playlist-checkbox:checked {
    border-color: rgba(255, 255, 255, 0.78);
    background-color: rgba(255, 255, 255, 0.78);
    box-shadow: 0 0 7px rgba(255, 255, 255, 0.22);
}

#chatWatchPartyVisualizerMenu .watch-party-visualizer-action {
    border-color: rgba(var(--visualizer-accent-rgb), .4);
    color: var(--visualizer-accent);
    background: rgba(var(--visualizer-accent-rgb), .06);
}

#chatWatchPartyVisualizerMenu .watch-party-visualizer-action:hover:not(:disabled) {
    background: rgba(var(--visualizer-accent-rgb), .13);
}

@media (max-width: 640px) {
    #chatWatchPartyVisualizerMenu {
        width: min(18rem, calc(100vw - 20px));
    }
}

.jami-confetti-message {
    position: relative;
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    gap: 6px;
    padding: 2px 6px 2px 3px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: inherit;
    text-align: left;
    cursor: pointer;
}

.jami-confetti-message:hover {
    background: rgba(255, 255, 255, 0.06);
}

.jami-confetti-message:focus-visible {
    outline: 1px solid rgba(255, 255, 255, 0.45);
    outline-offset: 2px;
}

.jami-confetti-message-icon {
    position: relative;
    z-index: 5;
    flex: 0 0 auto;
    filter: none;
    opacity: 1;
}

.jami-confetti-message-content {
    position: relative;
    z-index: 1;
    min-width: 0;
    overflow-wrap: anywhere;
    filter: blur(6px);
    opacity: 0.34;

    background:
        radial-gradient(
            ellipse at center,
            rgba(255, 255, 255, 0.22) 0%,
            rgba(255, 255, 255, 0.14) 46%,
            rgba(255, 255, 255, 0.055) 72%,
            transparent 100%
        );

    border-radius: 999px;

    box-shadow:
        0 0 7px rgba(255, 255, 255, 0.08),
        0 0 14px rgba(255, 255, 255, 0.04);

    transition:
        filter 180ms ease,
        opacity 180ms ease,
        background 180ms ease,
        box-shadow 180ms ease;
}

.jami-confetti-message-content::before {
    content: "";
    position: absolute;
    inset: -2px -5px;
    z-index: 2;

    border-radius: 999px;

    background:
        radial-gradient(
            ellipse at center,
            rgba(255, 255, 255, 0.15) 0%,
            rgba(255, 255, 255, 0.085) 48%,
            rgba(255, 255, 255, 0.025) 74%,
            transparent 100%
        );

    filter: blur(2.5px);
    pointer-events: none;

    transition:
        opacity 180ms ease;
}

.jami-confetti-spoiler-overlay {
    position: absolute;

    left: 29px;
    right: 5px;
    top: 2px;
    bottom: 2px;

    z-index: 4;

    overflow: hidden;
    border-radius: 999px;

    pointer-events: none;

    transition:
        opacity 180ms ease;
}

.jami-confetti-spoiler-piece {
    position: absolute;
    display: block;

    pointer-events: none;

    box-shadow:
        0 0 2px rgba(255, 255, 255, 0.07);
}

.jami-confetti-message-content img {
    opacity: 0.42;
}

.jami-confetti-message.is-revealed
.jami-confetti-message-content {
    background: transparent;
    box-shadow: none;
    filter: none;
    opacity: 1;
}

.jami-confetti-message.is-revealed
.jami-confetti-message-content::before,
.jami-confetti-message.is-revealed
.jami-confetti-spoiler-overlay {
    opacity: 0;
}

.jami-confetti-message.is-revealed
.jami-confetti-message-content img {
    opacity: 1;
}

.jami-confetti-effect-layer {
    position: absolute;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    overflow: hidden;
    pointer-events: none;
}

.jami-confetti-burst {
    position: absolute;
    left: 50%;
    top: 48%;
    width: 1px;
    height: 1px;
}

.jami-confetti-particle {
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    height: 11px;
    border-radius: 2px;
    opacity: 0;
    transform: translate(-50%, -50%);
    animation:
        jami-confetti-particle-burst
        1150ms
        cubic-bezier(.12,.72,.23,1)
        var(--confetti-delay, 0ms)
        both;
}

.jami-confetti-colour-1 { background: #ff453a; }
.jami-confetti-colour-2 { background: #ff9f0a; }
.jami-confetti-colour-3 { background: #ffd60a; }
.jami-confetti-colour-4 { background: #30d158; }
.jami-confetti-colour-5 { background: #64d2ff; }
.jami-confetti-colour-6 { background: #0a84ff; }
.jami-confetti-colour-7 { background: #bf5af2; }
.jami-confetti-colour-8 { background: #ff375f; }

.jami-confetti-effect-message {
    position: relative;
    z-index: 2;
    display: flex;
    max-width: min(88%, 390px);
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 13px 16px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    background: rgba(17, 17, 19, 0.58);
    color: rgba(255, 255, 255, 0.96);
    font-family: var(--heading-font, Consolas, monospace);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
    text-shadow: 0 0 14px rgba(255, 255, 255, 0.20);
    box-shadow:
        0 12px 34px rgba(0, 0, 0, 0.38),
        0 0 20px rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    animation:
        jami-confetti-message-pop
        3000ms
        ease
        both;
}

.jami-confetti-effect-icon {
    flex: 0 0 auto;
    font-size: 23px;
}

.jami-confetti-effect-text {
    min-width: 0;
    overflow-wrap: anywhere;
}

.jami-confetti-effect-text img {
    width: 40px;
    height: 40px;
}

@keyframes jami-confetti-particle-burst {
    0% {
        opacity: 0;
        transform:
            translate(-50%, -50%)
            scale(.6)
            rotate(0deg);
    }

    12% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform:
            translate(
                calc(-50% + var(--confetti-x)),
                calc(-50% + var(--confetti-y))
            )
            scale(1)
            rotate(var(--confetti-rotate));
    }
}

@keyframes jami-confetti-message-pop {
    0% {
        opacity: 0;
        transform: scale(.72) translateY(8px);
    }

    10% {
        opacity: 1;
        transform: scale(1.06) translateY(0);
    }

    18%, 78% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }

    100% {
        opacity: 0;
        transform: scale(.96) translateY(-10px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .jami-confetti-particle {
        animation-duration: 1ms;
    }

    .jami-confetti-effect-message {
        animation-name:
            jami-confetti-message-reduced;
    }
}

@keyframes jami-confetti-message-reduced {
    0%, 82% { opacity: 1; }
    100% { opacity: 0; }
}

.jami-chat-context-menu {
    position: fixed;
    z-index: 100000;

    width: 168px;
    overflow: hidden;

    padding: 4px;

    border:
        1px solid
        rgba(255, 255, 255, 0.13);

    border-radius: 12px;

    background:
        rgba(10, 10, 12, 0);

    color:
        rgba(255, 255, 255, 0.92);

    font-family:
        var(
            --body-font,
            Consolas,
            monospace
        );

    font-size: 9px;
    line-height: 1.12;

    box-shadow:
        0 10px 30px
        rgba(0, 0, 0, 0.42);

    backdrop-filter:
        blur(16px);

    -webkit-backdrop-filter:
        blur(16px);
}

.jami-chat-context-item {
    display: flex;

    width: 100%;
    min-height: 25px;

    align-items: center;

    gap: 6px;

    padding:
        4px 7px;

    border: 0;
    border-radius: 7px;

    background:
        transparent;

    color: inherit;

    font: inherit;
    text-align: left;

    cursor: pointer;

    transition:
        background 120ms ease,
        color 120ms ease,
        transform 80ms ease;
}

.jami-chat-context-item:hover,
.jami-chat-context-item:focus-visible {
    outline: none;

    background:
        rgba(255, 255, 255, 0.09);

    color:
        rgba(255, 255, 255, 1);
}

.jami-chat-context-item:active {
    transform:
        translateY(1px);
}

.jami-chat-context-icon {
    display: inline-flex;

    width: 14px;
    height: 14px;

    flex: 0 0 14px;

    align-items: center;
    justify-content: center;

    opacity: 0.68;
}

.jami-chat-context-icon svg {
    display: block;

    width: 14px;
    height: 14px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.jami-chat-context-label {
    min-width: 0;
    flex: 1;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jami-chat-context-divider {
    height: 1px;

    margin:
        3px 3px;

    background:
        rgba(255, 255, 255, 0.10);
}

.jami-chat-context-item-danger {
    color:
        rgba(255, 102, 110, 0.94);
}

.jami-chat-context-item-danger:hover,
.jami-chat-context-item-danger:focus-visible {
    background:
        rgba(255, 70, 80, 0.12);

    color:
        rgba(255, 122, 130, 1);
}

.jami-chat-context-item-danger
.jami-chat-context-icon {
    opacity: 0.88;
}


.jami-admin-glass-panel {
    background: rgba(10, 10, 12, .20);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.jami-saved-remix-manager {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

#chatWindow .jami-message-hover-actions {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.jami-image-remix-trigger {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

#chatWindow {
    --chat-pastel-rgb: 190, 180, 255;
    --chat-pastel-2-rgb: 145, 205, 255;
    --chat-pastel-3-rgb: 255, 190, 225;
    --chat-panel-rgb: 72, 62, 120;
    --chat-panel-2-rgb: 88, 84, 145;
    --chat-text-rgb: 248, 245, 255;
    --chat-muted-rgb: 214, 207, 238;
    --chat-control-rgb: 118, 104, 184;
}

#chatWindow[data-chat-pastel="stars"] {
    --chat-pastel-rgb: 197, 184, 255;
    --chat-pastel-2-rgb: 143, 205, 255;
    --chat-pastel-3-rgb: 255, 194, 229;
    --chat-panel-rgb: 73, 64, 122;
    --chat-panel-2-rgb: 99, 92, 160;
    --chat-text-rgb: 250, 247, 255;
    --chat-muted-rgb: 218, 210, 242;
    --chat-control-rgb: 120, 108, 190;
}

#chatWindow[data-chat-pastel="paws"] {
    --chat-pastel-rgb: 255, 186, 205;
    --chat-pastel-2-rgb: 176, 226, 199;
    --chat-pastel-3-rgb: 255, 215, 171;
    --chat-panel-rgb: 81, 66, 73;
    --chat-panel-2-rgb: 112, 92, 96;
    --chat-text-rgb: 255, 247, 246;
    --chat-muted-rgb: 236, 213, 214;
    --chat-control-rgb: 173, 111, 132;
}

#chatWindow[data-chat-pastel] {
    color:
        rgb(
            var(--chat-text-rgb)
        );

    border:
        1px solid
        rgba(
            var(--chat-pastel-rgb),
            .42
        );

    background:
        linear-gradient(
            145deg,
            rgba(
                var(--chat-panel-2-rgb),
                .76
            ),
            rgba(
                var(--chat-panel-rgb),
                .66
            ) 42%,
            rgba(
                15,
                15,
                24,
                .54
            ) 100%
        ) !important;

    box-shadow:
        0 18px 48px rgba(0, 0, 0, .32),
        0 0 34px
        rgba(
            var(--chat-pastel-rgb),
            .20
        ),
        inset 0 1px 0
        rgba(
            255,
            255,
            255,
            .12
        );

    backdrop-filter:
        blur(18px)
        saturate(1.18);

    -webkit-backdrop-filter:
        blur(18px)
        saturate(1.18);
}

#chatWindow[data-chat-pastel="stars"] {
    background:
        linear-gradient(
            145deg,
            rgba(111, 99, 184, .80),
            rgba(76, 71, 132, .70) 46%,
            rgba(28, 31, 58, .60) 100%
        ) !important;
}

#chatWindow[data-chat-pastel="paws"] {
    background:
        linear-gradient(
            145deg,
            rgba(122, 91, 103, .74),
            rgba(84, 77, 70, .68) 48%,
            rgba(31, 42, 37, .58) 100%
        ) !important;
}

#chatWindow[data-chat-pastel] #chatTitleBar {
    background:
        linear-gradient(
            90deg,
            rgba(
                var(--chat-pastel-rgb),
                .18
            ),
            rgba(
                var(--chat-pastel-2-rgb),
                .10
            ),
            rgba(0, 0, 0, .08)
        ) !important;

    border-bottom-color:
        rgba(
            var(--chat-pastel-rgb),
            .24
        );
}

#chatWindow[data-chat-pastel] #chatTitle {
    color:
        rgba(
            var(--chat-text-rgb),
            .98
        ) !important;

    text-shadow:
        0 0 10px
        rgba(
            var(--chat-pastel-rgb),
            .38
        );
}

#chatWindow[data-chat-pastel] #chatTitle::after {
    margin-left: 4px;
}

#chatWindow[data-chat-pastel="stars"] #chatTitle::after {
    content: "✦";
    color:
        rgb(
            var(--chat-pastel-2-rgb)
        );

    text-shadow:
        0 0 8px
        rgba(
            var(--chat-pastel-2-rgb),
            .58
        );
}

#chatWindow[data-chat-pastel="paws"] #chatTitle::after {
    content: none !important;
    color:
        rgb(
            var(--chat-pastel-rgb)
        );

    text-shadow:
        0 0 8px
        rgba(
            var(--chat-pastel-rgb),
            .48
        );
}

#chatWindow[data-chat-pastel] #chatMotd {
    background:
        rgba(
            var(--chat-pastel-rgb),
            .08
        ) !important;

    border-bottom-color:
        rgba(
            var(--chat-pastel-rgb),
            .16
        );

    color:
        rgba(
            var(--chat-muted-rgb),
            .88
        );
}

#chatWindow[data-chat-pastel] #chatMain {
    position: relative;
    isolation: isolate;
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, .025),
            rgba(
                var(--chat-pastel-rgb),
                .035
            )
        );
}

#chatWindow[data-chat-pastel] #chatMain::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-repeat: repeat;
}

#chatWindow[data-chat-pastel="stars"] #chatMain::before {
    opacity: .48;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='107' height='101' viewBox='0 0 107 101'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cg stroke='%23c8baff' stroke-opacity='.72'%3E%3Cpath d='M16 12v7M12.5 15.5h7'/%3E%3Cpath d='M75 20v5M72.5 22.5h5'/%3E%3C/g%3E%3Cg stroke='%238fd4ff' stroke-opacity='.76'%3E%3Cpath d='M45 72v6M42 75h6'/%3E%3Cpath d='M91 57v4M89 59h4'/%3E%3C/g%3E%3Cg stroke='%23ffb9dd' stroke-opacity='.72'%3E%3Cpath d='M27 50v5M24.5 52.5h5'/%3E%3C/g%3E%3Cg stroke='%23ffe59a' stroke-opacity='.74'%3E%3Cpath d='M61 39v4M59 41h4'/%3E%3C/g%3E%3C/g%3E%3Ccircle cx='81' cy='79' r='1.3' fill='%23ffc2e5' fill-opacity='.75'/%3E%3Ccircle cx='34' cy='85' r='1.2' fill='%238fd4ff' fill-opacity='.82'/%3E%3Ccircle cx='96' cy='28' r='1.1' fill='%23ffe59a' fill-opacity='.82'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='151' height='137' viewBox='0 0 151 137'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M31 31v4M29 33h4' stroke='%23ffb9dd' stroke-opacity='.48'/%3E%3Cpath d='M119 88v5M116.5 90.5h5' stroke='%23c8baff' stroke-opacity='.45'/%3E%3Cpath d='M74 113v4M72 115h4' stroke='%238fd4ff' stroke-opacity='.44'/%3E%3C/g%3E%3C/svg%3E");

    background-position:
        0 0,
        37px 21px;
}

#chatWindow[data-chat-pastel="paws"] #chatMain::before {
    opacity: .24;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='118' height='96' viewBox='0 0 118 96'%3E%3Cg fill='%23ffbad0' fill-opacity='.58'%3E%3Cellipse cx='20' cy='20' rx='3.7' ry='4.6'/%3E%3Cellipse cx='29' cy='17' rx='3.3' ry='4.2'/%3E%3Cellipse cx='37' cy='22' rx='3.3' ry='4.2'/%3E%3Cpath d='M20 31c0-6.6 4.2-9.5 8.8-9.5 4.8 0 9 3 9 9.5 0 4.8-3.8 7.4-9 7.4-5.1 0-8.8-2.6-8.8-7.4Z'/%3E%3C/g%3E%3Cg fill='%23b0e2c9' fill-opacity='.54'%3E%3Cellipse cx='79' cy='63' rx='3.3' ry='4.1'/%3E%3Cellipse cx='88' cy='60' rx='3' ry='3.8'/%3E%3Cellipse cx='96' cy='64' rx='3' ry='3.8'/%3E%3Cpath d='M79 73c0-5.9 3.8-8.7 8.4-8.7 4.5 0 8.4 2.8 8.4 8.7 0 4.4-3.6 6.9-8.4 6.9S79 77.4 79 73Z'/%3E%3C/g%3E%3C/svg%3E");
}

#chatWindow[data-chat-pastel] #chatMessages,
#chatWindow[data-chat-pastel] #chatMembersPanel,
#chatWindow[data-chat-pastel] #chatMembers {
    position: relative;
    z-index: 1;
}

#chatWindow[data-chat-pastel] #chatMembersPanel {
    background:
        linear-gradient(
            180deg,
            rgba(
                var(--chat-pastel-2-rgb),
                .075
            ),
            rgba(
                var(--chat-pastel-rgb),
                .035
            )
        ) !important;

    border-left-color:
        rgba(
            var(--chat-pastel-rgb),
            .20
        );
}

#chatWindow[data-chat-pastel] #chatControls {
    background:
        linear-gradient(
            180deg,
            rgba(
                var(--chat-panel-rgb),
                .28
            ),
            rgba(7, 8, 13, .34)
        ) !important;

    border-top-color:
        rgba(
            var(--chat-pastel-rgb),
            .22
        );
}

#chatWindow[data-chat-pastel] #chatTyping {
    background:
        rgba(
            var(--chat-pastel-rgb),
            .045
        );

    border-top-color:
        rgba(
            var(--chat-pastel-rgb),
            .12
        );
}

#chatWindow[data-chat-pastel] .chatMessage {
    border-radius: 10px;

    transition:
        background 120ms ease,
        box-shadow 120ms ease,
        transform 120ms ease;
}

#chatWindow[data-chat-pastel] .chatMessage:hover {
    background:
        linear-gradient(
            90deg,
            rgba(
                var(--chat-pastel-rgb),
                .14
            ),
            rgba(
                var(--chat-pastel-2-rgb),
                .075
            ),
            transparent 86%
        );

    box-shadow:
        inset 2px 0 0
        rgba(
            var(--chat-pastel-rgb),
            .46
        );
}

#chatWindow[data-chat-pastel] .chatMessageName {
    color:
        rgba(
            var(--chat-text-rgb),
            .98
        );

    text-shadow:
        0 0 9px
        rgba(
            var(--chat-pastel-rgb),
            .18
        );
}

#chatWindow[data-chat-pastel] .chatTime {
    color:
        rgba(
            var(--chat-muted-rgb),
            .62
        );
}

#chatWindow[data-chat-pastel] .chatText {
    color:
        rgba(
            var(--chat-text-rgb),
            .96
        );
}

#chatWindow[data-chat-pastel]
.jami-chat-reply-reference {
    color:
        rgba(
            var(--chat-muted-rgb),
            .76
        );

    border-left:
        2px solid
        rgba(
            var(--chat-pastel-rgb),
            .42
        );

    padding-left: 6px;
}

#chatWindow[data-chat-pastel]
.jami-chat-reply-reference:hover {
    color:
        rgba(
            var(--chat-text-rgb),
            .96
        );
}

#chatWindow[data-chat-pastel]
.jami-chat-reply-composer {
    border-color:
        rgba(
            var(--chat-pastel-rgb),
            .26
        );

    background:
        linear-gradient(
            90deg,
            rgba(
                var(--chat-pastel-rgb),
                .12
            ),
            rgba(
                var(--chat-pastel-2-rgb),
                .06
            )
        );
}

#chatWindow[data-chat-pastel]
#chatName,
#chatWindow[data-chat-pastel]
#chatMessage,
#chatWindow[data-chat-pastel]
.jami-chat-inline-editor {
    color:
        rgba(
            var(--chat-text-rgb),
            .96
        );

    border-color:
        rgba(
            var(--chat-pastel-rgb),
            .28
        ) !important;

    background:
        rgba(
            var(--chat-control-rgb),
            .17
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, .05),
        inset 0 0 18px
        rgba(
            var(--chat-pastel-rgb),
            .035
        );
}

#chatWindow[data-chat-pastel]
#chatName::placeholder,
#chatWindow[data-chat-pastel]
#chatMessage::placeholder {
    color:
        rgba(
            var(--chat-muted-rgb),
            .56
        );
}

#chatWindow[data-chat-pastel]
#chatName:focus,
#chatWindow[data-chat-pastel]
#chatMessage:focus,
#chatWindow[data-chat-pastel]
.jami-chat-inline-editor:focus {
    border-color:
        rgba(
            var(--chat-pastel-rgb),
            .64
        ) !important;

    box-shadow:
        0 0 0 2px
        rgba(
            var(--chat-pastel-rgb),
            .08
        ),
        0 0 18px
        rgba(
            var(--chat-pastel-rgb),
            .14
        );
}

#chatWindow[data-chat-pastel]
#chatAvatarButton,
#chatWindow[data-chat-pastel]
#chatImageUploadButton,
#chatWindow[data-chat-pastel]
#chatWatchPartyButton,
#chatWindow[data-chat-pastel]
#chatEmojiButton,
#chatWindow[data-chat-pastel]
#chatSend {
    border-color:
        rgba(
            var(--chat-pastel-rgb),
            .30
        ) !important;

    background:
        rgba(
            var(--chat-control-rgb),
            .20
        ) !important;

    color:
        rgba(
            var(--chat-text-rgb),
            .96
        );
}

#chatWindow[data-chat-pastel]
#chatAvatarButton:hover,
#chatWindow[data-chat-pastel]
#chatImageUploadButton:hover,
#chatWindow[data-chat-pastel]
#chatWatchPartyButton:hover,
#chatWindow[data-chat-pastel]
#chatEmojiButton:hover,
#chatWindow[data-chat-pastel]
#chatSend:hover {
    background:
        rgba(
            var(--chat-pastel-rgb),
            .18
        ) !important;

    border-color:
        rgba(
            var(--chat-pastel-rgb),
            .48
        ) !important;

    box-shadow:
        0 0 14px
        rgba(
            var(--chat-pastel-rgb),
            .14
        );
}

#chatWindow[data-chat-pastel]
#chatSend {
    font-weight: 700;
}

#chatWindow[data-chat-pastel]
.jami-reaction-pill {
    border-color:
        rgba(
            var(--chat-pastel-rgb),
            .24
        );

    background:
        rgba(
            var(--chat-control-rgb),
            .15
        );
}

#chatWindow[data-chat-pastel]
.jami-reaction-pill:hover {
    border-color:
        rgba(
            var(--chat-pastel-rgb),
            .44
        );

    background:
        rgba(
            var(--chat-pastel-rgb),
            .16
        );
}

#chatWindow[data-chat-pastel]
.jami-reaction-pill[data-reacted="true"] {
    border-color:
        rgba(
            var(--chat-pastel-rgb),
            .68
        );

    background:
        rgba(
            var(--chat-pastel-rgb),
            .22
        );

    box-shadow:
        0 0 10px
        rgba(
            var(--chat-pastel-rgb),
            .10
        );
}

#chatWindow[data-chat-pastel]
.jami-message-hover-actions {
    border-color:
        rgba(
            var(--chat-pastel-rgb),
            .28
        );

    background:
        rgba(
            var(--chat-panel-rgb),
            .44
        );

    box-shadow:
        0 7px 20px rgba(0, 0, 0, .24),
        0 0 14px
        rgba(
            var(--chat-pastel-rgb),
            .10
        );

    backdrop-filter:
        blur(16px)
        saturate(1.15);

    -webkit-backdrop-filter:
        blur(16px)
        saturate(1.15);
}

#chatWindow[data-chat-pastel]
.jami-message-hover-action {
    border-right-color:
        rgba(
            var(--chat-pastel-rgb),
            .14
        );
}

#chatWindow[data-chat-pastel]
.jami-message-hover-action:hover {
    background:
        rgba(
            var(--chat-pastel-rgb),
            .18
        );
}

#chatWindow[data-chat-pastel]
#chatMessages,
#chatWindow[data-chat-pastel]
#chatMembers {
    scrollbar-color:
        rgba(
            var(--chat-pastel-rgb),
            .54
        )
        transparent;
}

#chatWindow[data-chat-pastel]
#chatMessages::-webkit-scrollbar-thumb,
#chatWindow[data-chat-pastel]
#chatMembers::-webkit-scrollbar-thumb {
    background:
        rgba(
            var(--chat-pastel-rgb),
            .46
        );
}

#chatWindow[data-chat-pastel]
#chatMessages::-webkit-scrollbar-thumb:hover,
#chatWindow[data-chat-pastel]
#chatMembers::-webkit-scrollbar-thumb:hover {
    background:
        rgba(
            var(--chat-pastel-rgb),
            .68
        );
}

#chatWindow[data-chat-pastel="stars"]
.jami-chat-message-highlight {
    animation:
        jami-chat-stars-highlight
        1.4s ease-out;
}

#chatWindow[data-chat-pastel="paws"]
.jami-chat-message-highlight {
    animation:
        jami-chat-paws-highlight
        1.4s ease-out;
}

@keyframes jami-chat-stars-highlight {
    0%,
    30% {
        background:
            rgba(
                var(--chat-pastel-rgb),
                .22
            );

        box-shadow:
            inset 2px 0 0
            rgba(
                var(--chat-pastel-2-rgb),
                .72
            ),
            0 0 22px
            rgba(
                var(--chat-pastel-rgb),
                .16
            );
    }

    100% {
        background: transparent;
        box-shadow: none;
    }
}

@keyframes jami-chat-paws-highlight {
    0%,
    30% {
        background:
            rgba(
                var(--chat-pastel-rgb),
                .20
            );

        box-shadow:
            inset 2px 0 0
            rgba(
                var(--chat-pastel-2-rgb),
                .62
            ),
            0 0 18px
            rgba(
                var(--chat-pastel-rgb),
                .12
            );
    }

    100% {
        background: transparent;
        box-shadow: none;
    }
}

html[data-chat-pastel="stars"] {
    --jami-pastel-rgb: 197, 184, 255;
    --jami-pastel-2-rgb: 143, 205, 255;
    --jami-pastel-3-rgb: 255, 194, 229;
    --jami-pastel-4-rgb: 255, 229, 154;
    --jami-panel-rgb: 75, 66, 124;
    --jami-panel-2-rgb: 104, 94, 164;
    --jami-text-rgb: 250, 247, 255;
    --jami-muted-rgb: 219, 212, 242;
}

html[data-chat-pastel="paws"] {
    --jami-pastel-rgb: 255, 186, 205;
    --jami-pastel-2-rgb: 176, 226, 199;
    --jami-pastel-3-rgb: 255, 215, 171;
    --jami-pastel-4-rgb: 216, 198, 255;
    --jami-panel-rgb: 83, 67, 75;
    --jami-panel-2-rgb: 119, 95, 101;
    --jami-text-rgb: 255, 248, 247;
    --jami-muted-rgb: 237, 216, 217;
}

html[data-chat-pastel] .jami-chat-context-menu {
    border-color:
        rgba(
            var(--jami-pastel-rgb),
            .34
        );

    background:
        linear-gradient(
            145deg,
            rgba(
                var(--jami-panel-2-rgb),
                .28
            ),
            rgba(
                var(--jami-panel-rgb),
                .18
            ),
            rgba(7, 8, 13, .10)
        );

    color:
        rgba(
            var(--jami-text-rgb),
            .96
        );

    box-shadow:
        0 12px 34px rgba(0, 0, 0, .34),
        0 0 20px
        rgba(
            var(--jami-pastel-rgb),
            .10
        );

    backdrop-filter:
        blur(18px)
        saturate(1.18);

    -webkit-backdrop-filter:
        blur(18px)
        saturate(1.18);
}

html[data-chat-pastel]
.jami-chat-context-item:hover,
html[data-chat-pastel]
.jami-chat-context-item:focus-visible {
    background:
        linear-gradient(
            90deg,
            rgba(
                var(--jami-pastel-rgb),
                .18
            ),
            rgba(
                var(--jami-pastel-2-rgb),
                .09
            )
        );
}

html[data-chat-pastel]
.jami-chat-context-icon {
    color:
        rgba(
            var(--jami-pastel-2-rgb),
            .86
        );
}

html[data-chat-pastel]
.jami-chat-context-divider {
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(
                var(--jami-pastel-rgb),
                .30
            ),
            transparent
        );
}

html[data-chat-pastel]
.jami-chat-context-item-danger {
    color:
        rgba(255, 129, 145, .98);
}

html[data-chat-pastel]
.jami-admin-glass-panel {
    border-color:
        rgba(
            var(--jami-pastel-rgb),
            .36
        ) !important;

    background:
        linear-gradient(
            145deg,
            rgba(
                var(--jami-panel-2-rgb),
                .54
            ),
            rgba(
                var(--jami-panel-rgb),
                .38
            ),
            rgba(8, 9, 14, .24)
        ) !important;

    color:
        rgba(
            var(--jami-text-rgb),
            .96
        ) !important;

    box-shadow:
        0 18px 48px rgba(0, 0, 0, .34),
        0 0 24px
        rgba(
            var(--jami-pastel-rgb),
            .12
        );

    backdrop-filter:
        blur(18px)
        saturate(1.16);

    -webkit-backdrop-filter:
        blur(18px)
        saturate(1.16);
}

html[data-chat-pastel]
.jami-admin-glass-panel
.border-white\/10 {
    border-color:
        rgba(
            var(--jami-pastel-rgb),
            .18
        ) !important;
}

html[data-chat-pastel]
.jami-admin-glass-panel
.bg-white\/5 {
    background:
        rgba(
            var(--jami-pastel-rgb),
            .10
        ) !important;
}

html[data-chat-pastel]
.jami-admin-glass-panel
.hover\:bg-white\/10:hover {
    background:
        rgba(
            var(--jami-pastel-rgb),
            .18
        ) !important;
}

html[data-chat-pastel]
#chatAvatarPicker {
    border-color:
        rgba(
            var(--jami-pastel-rgb),
            .32
        ) !important;

    background:
        linear-gradient(
            145deg,
            rgba(
                var(--jami-panel-2-rgb),
                .52
            ),
            rgba(
                var(--jami-panel-rgb),
                .36
            ),
            rgba(8, 9, 14, .22)
        ) !important;

    box-shadow:
        0 16px 42px rgba(0, 0, 0, .34),
        0 0 22px
        rgba(
            var(--jami-pastel-rgb),
            .10
        );

    backdrop-filter:
        blur(18px)
        saturate(1.15);

    -webkit-backdrop-filter:
        blur(18px)
        saturate(1.15);
}

html[data-chat-pastel]
#chatAvatarPicker button {
    border-color:
        rgba(
            var(--jami-pastel-rgb),
            .18
        ) !important;
}

html[data-chat-pastel]
#chatAvatarPicker button:hover {
    background:
        rgba(
            var(--jami-pastel-rgb),
            .14
        ) !important;
}

html[data-chat-pastel]
#chatWatchPartyPanel {
    border-color:
        rgba(
            var(--watch-party-accent-rgb, var(--jami-pastel-rgb)),
            .32
        ) !important;

    background:
        linear-gradient(
            145deg,
            rgba(
                var(--jami-panel-2-rgb),
                .62
            ),
            rgba(
                var(--jami-panel-rgb),
                .46
            ) 48%,
            rgba(
                var(--watch-party-accent-rgb, 96, 165, 250),
                .08
            )
        ) !important;

    box-shadow:
        0 18px 48px rgba(0, 0, 0, .34),
        0 0 24px
        rgba(
            var(--jami-pastel-rgb),
            .11
        ) !important;

    backdrop-filter:
        blur(18px)
        saturate(1.16);

    -webkit-backdrop-filter:
        blur(18px)
        saturate(1.16);
}

html[data-chat-pastel]
#chatWatchPartyPanel
[data-watch-party-now-playing],
html[data-chat-pastel]
#chatWatchPartyPanel
[data-watch-party-queue-box] {
    background:
        rgba(
            var(--jami-pastel-rgb),
            .08
        ) !important;

    border-color:
        rgba(
            var(--jami-pastel-rgb),
            .20
        ) !important;
}

html[data-chat-pastel]
#chatWatchPartyPanel input {
    background:
        rgba(
            var(--jami-panel-rgb),
            .24
        ) !important;

    border-color:
        rgba(
            var(--jami-pastel-rgb),
            .22
        ) !important;
}

html[data-chat-pastel]
#chatWatchPartyPanel button {
    backdrop-filter:
        blur(10px);

    -webkit-backdrop-filter:
        blur(10px);
}

html[data-chat-pastel]
.jami-saved-remix-overlay {
    background:
        rgba(0, 0, 0, .24);

    backdrop-filter:
        blur(6px);

    -webkit-backdrop-filter:
        blur(6px);
}

html[data-chat-pastel]
.jami-saved-remix-manager {
    border-color:
        rgba(
            var(--jami-pastel-rgb),
            .34
        );

    background:
        linear-gradient(
            145deg,
            rgba(
                var(--jami-panel-2-rgb),
                .56
            ),
            rgba(
                var(--jami-panel-rgb),
                .40
            ),
            rgba(8, 9, 14, .24)
        );

    color:
        rgba(
            var(--jami-text-rgb),
            .96
        );

    box-shadow:
        0 18px 54px rgba(0, 0, 0, .38),
        0 0 26px
        rgba(
            var(--jami-pastel-rgb),
            .12
        );
}

html[data-chat-pastel]
.jami-saved-remix-header {
    border-bottom-color:
        rgba(
            var(--jami-pastel-rgb),
            .18
        );

    background:
        linear-gradient(
            90deg,
            rgba(
                var(--jami-pastel-rgb),
                .14
            ),
            rgba(
                var(--jami-pastel-2-rgb),
                .06
            )
        );
}

html[data-chat-pastel]
.jami-saved-remix-card {
    border-color:
        rgba(
            var(--jami-pastel-rgb),
            .20
        );

    background:
        rgba(
            var(--jami-pastel-rgb),
            .07
        );
}

html[data-chat-pastel]
.jami-saved-remix-action,
html[data-chat-pastel]
.jami-saved-remix-close {
    border-color:
        rgba(
            var(--jami-pastel-rgb),
            .20
        );

    background:
        rgba(
            var(--jami-pastel-rgb),
            .08
        );

    color:
        rgba(
            var(--jami-text-rgb),
            .82
        );
}

html[data-chat-pastel]
.jami-saved-remix-action:hover,
html[data-chat-pastel]
.jami-saved-remix-close:hover {
    border-color:
        rgba(
            var(--jami-pastel-rgb),
            .42
        );

    background:
        rgba(
            var(--jami-pastel-rgb),
            .16
        );

    color:
        rgba(
            var(--jami-text-rgb),
            1
        );
}

html[data-chat-pastel]
.jami-saved-remix-grid {
    scrollbar-color:
        rgba(
            var(--jami-pastel-rgb),
            .48
        )
        transparent;
}

html[data-chat-pastel]
.jami-saved-remix-grid::-webkit-scrollbar-thumb {
    background:
        rgba(
            var(--jami-pastel-rgb),
            .44
        );
}

@font-face {
    font-family: "JamiFredoka";
    src: url("/fredoka.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

#chatWindow[data-chat-pastel="stars"],
#chatWindow[data-chat-pastel="stars"] button,
#chatWindow[data-chat-pastel="stars"] input,
#chatWindow[data-chat-pastel="stars"] .theme-body,
#chatWindow[data-chat-pastel="stars"] .theme-heading,
html[data-chat-pastel="stars"] .jami-chat-context-menu,
html[data-chat-pastel="stars"] .jami-admin-glass-panel,
html[data-chat-pastel="stars"] #chatAvatarPicker,
html[data-chat-pastel="stars"] #chatWatchPartyPanel,
html[data-chat-pastel="stars"] .jami-saved-remix-manager {
    font-family:
        "JamiFredoka",
        "Nunito",
        sans-serif !important;
}

#chatWindow[data-chat-pastel]
#chatMain::before {
    display: none;
}

#chatWindow[data-chat-pastel]
#chatMain {
    position: relative;
    overflow: hidden;
}

#chatWindow[data-chat-pastel]
.jami-chat-pastel-decor {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

#chatWindow[data-chat-pastel]
.jami-chat-star,
#chatWindow[data-chat-pastel]
.jami-chat-paw {
    position: absolute;
    display: block;
    pointer-events: none;
}

#chatWindow[data-chat-pastel]
.jami-chat-star {
    filter:
        drop-shadow(
            0 0 4px
            rgba(255, 255, 255, .26)
        );
}

#chatWindow[data-chat-pastel]
.jami-chat-star-four {
    clip-path:
        polygon(
            50% 0,
            61% 39%,
            100% 50%,
            61% 61%,
            50% 100%,
            39% 61%,
            0 50%,
            39% 39%
        );
}

#chatWindow[data-chat-pastel]
.jami-chat-star-diamond {
    clip-path:
        polygon(
            50% 0,
            100% 50%,
            50% 100%,
            0 50%
        );
}

#chatWindow[data-chat-pastel]
.jami-chat-star-dot {
    border-radius: 999px;
}

#chatWindow[data-chat-pastel]
.jami-chat-paw {
    -webkit-mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cellipse cx='14' cy='21' rx='6' ry='8'/%3E%3Cellipse cx='27' cy='15' rx='6' ry='8'/%3E%3Cellipse cx='40' cy='15' rx='6' ry='8'/%3E%3Cellipse cx='52' cy='21' rx='6' ry='8'/%3E%3Cpath d='M20 43c0-8 5.6-13 12.5-13S45 35 45 43c0 6.4-4.8 10.5-12.5 10.5S20 49.4 20 43Zm7.5 1.3c1.6 2.4 3.3 3.4 5 3.4 1.8 0 3.5-1.1 5.1-3.5-1.5.8-3.2 1.2-5 1.2s-3.5-.4-5.1-1.1Z'/%3E%3C/svg%3E");

    mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cellipse cx='14' cy='21' rx='6' ry='8'/%3E%3Cellipse cx='27' cy='15' rx='6' ry='8'/%3E%3Cellipse cx='40' cy='15' rx='6' ry='8'/%3E%3Cellipse cx='52' cy='21' rx='6' ry='8'/%3E%3Cpath d='M20 43c0-8 5.6-13 12.5-13S45 35 45 43c0 6.4-4.8 10.5-12.5 10.5S20 49.4 20 43Zm7.5 1.3c1.6 2.4 3.3 3.4 5 3.4 1.8 0 3.5-1.1 5.1-3.5-1.5.8-3.2 1.2-5 1.2s-3.5-.4-5.1-1.1Z'/%3E%3C/svg%3E");

    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

#chatWindow[data-chat-pastel]
#chatMessages,
#chatWindow[data-chat-pastel]
#chatMembersPanel {
    position: relative;
    z-index: 1;
}

#chatWindow[data-chat-pastel]
#chatName,
#chatWindow[data-chat-pastel]
#chatMessage {
    background:
        linear-gradient(
            180deg,
            rgba(
                var(--chat-pastel-rgb),
                .20
            ),
            rgba(
                var(--chat-control-rgb),
                .23
            )
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, .09),
        inset 0 0 18px
        rgba(
            var(--chat-pastel-rgb),
            .07
        );
}

#chatWindow[data-chat-pastel]
#chatMinimize {
    width: 36px;
    height: 36px;
    font-size: 27px !important;
    font-weight: 900;
    line-height: 1;
    border-radius: 11px;
    color:
        rgba(
            var(--chat-text-rgb),
            .94
        ) !important;
}

#chatWindow[data-chat-pastel]
#chatMinimize:hover {
    background:
        rgba(
            var(--chat-pastel-rgb),
            .16
        );
}

#chatWindow[data-chat-pastel="stars"] {
    --chat-pastel-rgb: 218, 205, 255;
    --chat-pastel-2-rgb: 174, 228, 255;
    --chat-pastel-3-rgb: 255, 205, 232;
    --chat-panel-rgb: 160, 148, 220;
    --chat-panel-2-rgb: 184, 171, 238;
    --chat-text-rgb: 255, 253, 255;
    --chat-muted-rgb: 239, 233, 252;
    --chat-control-rgb: 184, 168, 229;
}

#chatWindow[data-chat-pastel="paws"] {
    --chat-pastel-rgb: 255, 210, 224;
    --chat-pastel-2-rgb: 205, 239, 218;
    --chat-pastel-3-rgb: 255, 229, 197;
    --chat-panel-rgb: 183, 151, 161;
    --chat-panel-2-rgb: 205, 177, 180;
    --chat-text-rgb: 255, 252, 250;
    --chat-muted-rgb: 247, 234, 232;
    --chat-control-rgb: 211, 166, 181;
}

#chatWindow[data-chat-pastel="stars"] {
    background:
        linear-gradient(
            145deg,
            rgba(188, 174, 240, .72),
            rgba(149, 145, 219, .63) 48%,
            rgba(94, 111, 170, .50) 100%
        ) !important;
}

#chatWindow[data-chat-pastel="paws"] {
    background:
        linear-gradient(
            145deg,
            rgba(224, 180, 194, .64),
            rgba(191, 164, 153, .56) 48%,
            rgba(130, 166, 143, .46) 100%
        ) !important;
}

#chatWindow[data-chat-pastel]
#chatTitleBar {
    background:
        linear-gradient(
            90deg,
            rgba(
                var(--chat-pastel-rgb),
                .28
            ),
            rgba(
                var(--chat-pastel-2-rgb),
                .16
            ),
            rgba(255,255,255,.04)
        ) !important;
}

#chatWindow[data-chat-pastel]
#chatMembersPanel {
    background:
        linear-gradient(
            180deg,
            rgba(
                var(--chat-pastel-2-rgb),
                .15
            ),
            rgba(
                var(--chat-pastel-rgb),
                .08
            )
        ) !important;
}

#chatWindow[data-chat-pastel]
#chatControls {
    background:
        linear-gradient(
            180deg,
            rgba(
                var(--chat-panel-2-rgb),
                .28
            ),
            rgba(
                var(--chat-panel-rgb),
                .20
            )
        ) !important;
}

#chatWindow[data-chat-pastel]
#chatName,
#chatWindow[data-chat-pastel]
#chatMessage {
    background:
        linear-gradient(
            180deg,
            rgba(
                var(--chat-pastel-rgb),
                .27
            ),
            rgba(
                var(--chat-control-rgb),
                .28
            )
        ) !important;

    border-color:
        rgba(
            var(--chat-pastel-rgb),
            .38
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, .13),
        inset 0 0 20px
        rgba(
            var(--chat-pastel-rgb),
            .08
        );
}

#chatWindow[data-chat-pastel]
#chatAvatarButton,
#chatWindow[data-chat-pastel]
#chatImageUploadButton,
#chatWindow[data-chat-pastel]
#chatWatchPartyButton,
#chatWindow[data-chat-pastel]
#chatEmojiButton,
#chatWindow[data-chat-pastel]
#chatSend {
    background:
        linear-gradient(
            180deg,
            rgba(
                var(--chat-pastel-rgb),
                .24
            ),
            rgba(
                var(--chat-control-rgb),
                .22
            )
        ) !important;
}

#chatWindow[data-chat-pastel]
#chatMinimize {
    width: 40px;
    height: 40px;
    font-size: 31px !important;
    font-weight: 900;
    line-height: 1;
    border-radius: 12px;
}

#chatWindow[data-chat-pastel]
.jami-chat-paw {
    -webkit-mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cellipse cx='14' cy='20' rx='5.7' ry='7.6'/%3E%3Cellipse cx='27' cy='14' rx='5.8' ry='7.8'/%3E%3Cellipse cx='40' cy='14' rx='5.8' ry='7.8'/%3E%3Cellipse cx='52' cy='20' rx='5.7' ry='7.6'/%3E%3Cpath d='M21 43c0-7.3 5.2-12.2 11.5-12.2S44 35.7 44 43c0 5.9-4.5 9.7-11.5 9.7S21 48.9 21 43Zm7.4 1.3c1.2 1.9 2.6 2.8 4.1 2.8 1.6 0 3-.9 4.3-2.9-1.3.6-2.7.9-4.2.9-1.6 0-3-.3-4.2-.8Z'/%3E%3C/svg%3E");

    mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cellipse cx='14' cy='20' rx='5.7' ry='7.6'/%3E%3Cellipse cx='27' cy='14' rx='5.8' ry='7.8'/%3E%3Cellipse cx='40' cy='14' rx='5.8' ry='7.8'/%3E%3Cellipse cx='52' cy='20' rx='5.7' ry='7.6'/%3E%3Cpath d='M21 43c0-7.3 5.2-12.2 11.5-12.2S44 35.7 44 43c0 5.9-4.5 9.7-11.5 9.7S21 48.9 21 43Zm7.4 1.3c1.2 1.9 2.6 2.8 4.1 2.8 1.6 0 3-.9 4.3-2.9-1.3.6-2.7.9-4.2.9-1.6 0-3-.3-4.2-.8Z'/%3E%3C/svg%3E");
}

html[data-chat-pastel="stars"] {
    --jami-pastel-rgb: 218, 205, 255;
    --jami-pastel-2-rgb: 174, 228, 255;
    --jami-pastel-3-rgb: 255, 205, 232;
    --jami-pastel-4-rgb: 255, 234, 171;
    --jami-panel-rgb: 160, 148, 220;
    --jami-panel-2-rgb: 184, 171, 238;
    --jami-text-rgb: 255, 253, 255;
    --jami-muted-rgb: 239, 233, 252;
}

html[data-chat-pastel="paws"] {
    --jami-pastel-rgb: 255, 210, 224;
    --jami-pastel-2-rgb: 205, 239, 218;
    --jami-pastel-3-rgb: 255, 229, 197;
    --jami-pastel-4-rgb: 227, 216, 255;
    --jami-panel-rgb: 183, 151, 161;
    --jami-panel-2-rgb: 205, 177, 180;
    --jami-text-rgb: 255, 252, 250;
    --jami-muted-rgb: 247, 234, 232;
}

html[data-chat-pastel]
.jami-chat-context-menu,
html[data-chat-pastel]
.jami-admin-glass-panel,
html[data-chat-pastel]
#chatAvatarPicker,
html[data-chat-pastel]
.jami-saved-remix-manager {
    background:
        linear-gradient(
            145deg,
            rgba(
                var(--jami-panel-2-rgb),
                .56
            ),
            rgba(
                var(--jami-panel-rgb),
                .38
            ),
            rgba(255, 255, 255, .05)
        ) !important;

    border-color:
        rgba(
            var(--jami-pastel-rgb),
            .42
        ) !important;
}

html[data-chat-pastel]
#chatWatchPartyPanel {
    background:
        linear-gradient(
            145deg,
            rgba(
                var(--jami-panel-2-rgb),
                .58
            ),
            rgba(
                var(--jami-panel-rgb),
                .40
            ) 52%,
            rgba(
                var(--watch-party-accent-rgb, 174, 228, 255),
                .12
            )
        ) !important;

    border-color:
        rgba(
            var(--jami-pastel-rgb),
            .40
        ) !important;
}

html[data-chat-pastel]
.jami-chat-context-menu,
html[data-chat-pastel]
.jami-admin-glass-panel,
html[data-chat-pastel]
#chatAvatarPicker,
html[data-chat-pastel]
#chatWatchPartyPanel,
html[data-chat-pastel]
.jami-saved-remix-manager {
    box-shadow:
        0 16px 44px rgba(0, 0, 0, .22),
        0 0 30px
        rgba(
            var(--jami-pastel-rgb),
            .18
        ) !important;

    backdrop-filter:
        blur(18px)
        saturate(1.25);

    -webkit-backdrop-filter:
        blur(18px)
        saturate(1.25);
}

html[data-chat-pastel="stars"] #chatWatchPartyPanel,
html[data-chat-pastel="stars"] #chatWatchPartyPanel *,
html[data-chat-pastel="stars"] #chatWatchPartyVisualizerMenu,
html[data-chat-pastel="stars"] #chatWatchPartyVisualizerMenu *,
html[data-chat-pastel="stars"] .jami-admin-glass-panel,
html[data-chat-pastel="stars"] .jami-admin-glass-panel * {
    font-family:
        "JamiFredoka",
        "Nunito",
        sans-serif !important;
}

#chatWindow[data-chat-pastel]
.jami-chat-star-dot {
    border-radius: 999px;
    filter:
        drop-shadow(
            0 0 2px
            rgba(255, 255, 255, .25)
        );
}

#chatWindow[data-chat-pastel]
.jami-chat-paw {
    -webkit-mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cellipse cx='13' cy='22' rx='5.5' ry='7.4'/%3E%3Cellipse cx='26' cy='14' rx='5.8' ry='7.8'/%3E%3Cellipse cx='39' cy='14' rx='5.8' ry='7.8'/%3E%3Cellipse cx='52' cy='22' rx='5.5' ry='7.4'/%3E%3Cpath d='M20 43c1.5-8.1 6.4-13.3 12.5-13.3S43.5 34.9 45 43c1 5.5-2.1 10.7-7.1 10.7-2.2 0-3.7-1.4-5.4-1.4s-3.2 1.4-5.4 1.4c-5 0-8.1-5.2-7.1-10.7Z'/%3E%3C/svg%3E");

    mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cellipse cx='13' cy='22' rx='5.5' ry='7.4'/%3E%3Cellipse cx='26' cy='14' rx='5.8' ry='7.8'/%3E%3Cellipse cx='39' cy='14' rx='5.8' ry='7.8'/%3E%3Cellipse cx='52' cy='22' rx='5.5' ry='7.4'/%3E%3Cpath d='M20 43c1.5-8.1 6.4-13.3 12.5-13.3S43.5 34.9 45 43c1 5.5-2.1 10.7-7.1 10.7-2.2 0-3.7-1.4-5.4-1.4s-3.2 1.4-5.4 1.4c-5 0-8.1-5.2-7.1-10.7Z'/%3E%3C/svg%3E");

    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

#chatWatchPartyPanel
.watch-party-playlist-checkbox:checked,
#chatWatchPartyVisualizerMenu
.watch-party-playlist-checkbox:checked {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 6.2 4.8 8.7 9.9 3.4' fill='none' stroke='%23312a46' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;

    background-repeat:
        no-repeat !important;

    background-position:
        center !important;

    background-size:
        11px 11px !important;
}

html[data-chat-pastel="stars"]
#chatWatchPartyPanel
.watch-party-playlist-checkbox:checked,
html[data-chat-pastel="stars"]
#chatWatchPartyVisualizerMenu
.watch-party-playlist-checkbox:checked {
    border-color:
        rgba(
            var(--jami-pastel-rgb),
            .74
        ) !important;

    background-color:
        rgba(
            var(--jami-pastel-rgb),
            .92
        ) !important;
}

html[data-chat-pastel="paws"]
#chatWatchPartyPanel
.watch-party-playlist-checkbox:checked,
html[data-chat-pastel="paws"]
#chatWatchPartyVisualizerMenu
.watch-party-playlist-checkbox:checked {
    border-color:
        rgba(
            var(--jami-pastel-rgb),
            .76
        ) !important;

    background-color:
        rgba(
            var(--jami-pastel-rgb),
            .92
        ) !important;
}

#chatWindow[data-chat-pastel] {
    width: 510px !important;
    max-width: calc(100vw - 24px) !important;
    border-radius: 24px !important;
}

#chatWindow[data-chat-pastel]:not(.h-10) {
    height: 560px !important;
}

#chatWindow[data-chat-pastel].h-10 {
    height: 40px !important;
    min-height: 40px !important;
}

#chatWindow[data-chat-pastel="stars"] {
    background:
        linear-gradient(
            145deg,
            rgba(196, 183, 247, .96),
            rgba(157, 151, 227, .94) 50%,
            rgba(119, 139, 201, .90)
        ) !important;
    border-color:
        rgba(236, 226, 255, .86) !important;
    box-shadow:
        0 22px 55px rgba(26, 20, 58, .34),
        0 0 36px rgba(194, 181, 255, .30),
        inset 0 1px 0 rgba(255,255,255,.38) !important;
}

#chatWindow[data-chat-pastel="paws"] {
    background:
        linear-gradient(
            145deg,
            rgba(255, 223, 233, .98),
            rgba(255, 232, 226, .96) 50%,
            rgba(224, 242, 225, .94)
        ) !important;
    border-color:
        rgba(255, 246, 249, .96) !important;
    color: #594b50 !important;
    box-shadow:
        0 22px 55px rgba(62, 46, 53, .20),
        0 0 32px rgba(255, 197, 219, .24),
        inset 0 1px 0 rgba(255,255,255,.68) !important;
}

#chatWindow[data-chat-pastel="stars"],
#chatWindow[data-chat-pastel="stars"] * {
    font-family:
        "JamiFredoka",
        "Fredoka",
        "Nunito",
        sans-serif !important;
}

#chatWindow[data-chat-pastel="paws"],
#chatWindow[data-chat-pastel="paws"] * {
    font-family:
        var(--body-font, "nintendoh", sans-serif) !important;
}

#chatWindow[data-chat-pastel] #chatTitleBar {
    min-height: 52px !important;
    padding: 0 16px !important;
    background:
        rgba(255,255,255,.08) !important;
}

#chatWindow[data-chat-pastel] #chatTitle {
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
    text-transform: lowercase !important;
}

#chatWindow[data-chat-pastel="stars"] #chatTitle {
    color: #fff !important;
}

#chatWindow[data-chat-pastel="paws"] #chatTitle {
    color: #814d61 !important;
    text-shadow: none !important;
}

#chatWindow[data-chat-pastel] #chatMinimize {
    width: 42px !important;
    height: 42px !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    border-radius: 13px !important;
}

#chatWindow[data-chat-pastel] #chatMotd {
    min-height: 34px;
    padding: 7px 14px !important;
    font-size: 10px !important;
    background:
        rgba(255,255,255,.055) !important;
}

#chatWindow[data-chat-pastel="paws"] #chatMotd,
#chatWindow[data-chat-pastel="paws"] #chatMotd * {
    color: #765b64 !important;
}

#chatWindow[data-chat-pastel] #chatMain {
    margin: 0 10px;
    border-radius: 18px;
    overflow: hidden;
}

#chatWindow[data-chat-pastel="stars"] #chatMain {
    border: 1px solid rgba(238, 232, 255, .28);
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.055),
            rgba(104, 95, 173, .13)
        );
}

#chatWindow[data-chat-pastel="paws"] #chatMain {
    border: 1px solid rgba(198, 146, 165, .16);
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.44),
            rgba(255,255,255,.22)
        );
}

#chatWindow[data-chat-pastel] #chatMembersPanel {
    width: 132px !important;
    padding: 14px 10px !important;
}

#chatWindow[data-chat-pastel="stars"] #chatMembersPanel {
    border-left-color:
        rgba(238, 232, 255, .26) !important;
    background:
        rgba(255,255,255,.055) !important;
}

#chatWindow[data-chat-pastel="paws"] #chatMembersPanel {
    border-left-color:
        rgba(185, 128, 148, .16) !important;
    background:
        rgba(255,255,255,.22) !important;
}

#chatWindow[data-chat-pastel="paws"] #chatMembersPanel,
#chatWindow[data-chat-pastel="paws"] #chatMembersPanel * {
    color: #684f58 !important;
}

#chatWindow[data-chat-pastel] #chatMessages {
    padding: 14px 10px 16px !important;
}

#chatWindow[data-chat-pastel] .chatMessage {
    padding-left: 9px !important;
    padding-right: 7px !important;
    border-radius: 12px !important;
}

#chatWindow[data-chat-pastel="stars"] .chatMessage:hover {
    background:
        rgba(255,255,255,.12) !important;
}

#chatWindow[data-chat-pastel="paws"] .chatMessage:hover {
    background:
        rgba(255,255,255,.42) !important;
}

#chatWindow[data-chat-pastel="paws"] .chatMessageName,
#chatWindow[data-chat-pastel="paws"] .chatText {
    color: #5c4850 !important;
}

#chatWindow[data-chat-pastel="paws"] .chatTime {
    color: rgba(94, 66, 77, .58) !important;
}

#chatWindow[data-chat-pastel] #chatControls {
    padding: 12px 12px 14px !important;
    gap: 9px !important;
    border-top: 0 !important;
    background: transparent !important;
}

#chatWindow[data-chat-pastel] .jami-cute-name-row,
#chatWindow[data-chat-pastel] .jami-cute-composer-row {
    display: flex;
    align-items: stretch;
    gap: 9px;
}

#chatWindow[data-chat-pastel] .jami-cute-name-row {
    min-height: 48px;
}

#chatWindow[data-chat-pastel] .jami-cute-avatar-button,
#chatWindow[data-chat-pastel] .jami-cute-square-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    border:
        1px solid
        rgba(
            var(--chat-pastel-rgb),
            .48
        );
    background:
        rgba(255,255,255,.12);
    transition:
        transform 120ms ease,
        background 120ms ease;
}

#chatWindow[data-chat-pastel="paws"] .jami-cute-avatar-button,
#chatWindow[data-chat-pastel="paws"] .jami-cute-square-button {
    border-color:
        rgba(183, 108, 137, .25);
    background:
        rgba(255,255,255,.40);
}

#chatWindow[data-chat-pastel] .jami-cute-avatar-button:hover,
#chatWindow[data-chat-pastel] .jami-cute-square-button:hover {
    transform: translateY(-1px);
    background:
        rgba(255,255,255,.22);
}

#chatWindow[data-chat-pastel] .jami-cute-name-input,
#chatWindow[data-chat-pastel] .jami-cute-message-input {
    width: 100%;
    border: 0;
    outline: none;
    color: inherit;
    background: transparent !important;
    font-size: 13px !important;
}

#chatWindow[data-chat-pastel] .jami-cute-name-input {
    min-width: 0;
    height: 48px;
    padding: 0 15px;
    border-radius: 15px;
    border:
        1px solid
        rgba(
            var(--chat-pastel-rgb),
            .50
        );
    background:
        rgba(255,255,255,.18) !important;
}

#chatWindow[data-chat-pastel="paws"] .jami-cute-name-input {
    border-color:
        rgba(183, 108, 137, .28);
    background:
        rgba(255,255,255,.56) !important;
    color: #684d58 !important;
}

#chatWindow[data-chat-pastel] .jami-cute-message-shell {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        38px
        42px;
    align-items: center;
    min-width: 0;
    flex: 1;
    height: 48px;
    padding-left: 15px;
    border-radius: 16px;
    border:
        1px solid
        rgba(
            var(--chat-pastel-rgb),
            .52
        );
    background:
        rgba(255,255,255,.18);
    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.14);
}

#chatWindow[data-chat-pastel="paws"] .jami-cute-message-shell {
    border-color:
        rgba(183, 108, 137, .30);
    background:
        rgba(255,255,255,.58);
    color: #684d58;
}

#chatWindow[data-chat-pastel] .jami-cute-message-emoji,
#chatWindow[data-chat-pastel] .jami-cute-send-arrow {
    height: 36px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: inherit;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

#chatWindow[data-chat-pastel] .jami-cute-message-emoji:hover {
    background:
        rgba(255,255,255,.14);
}

#chatWindow[data-chat-pastel] .jami-cute-send-arrow {
    margin-right: 4px;
    color: #fff;
    background:
        linear-gradient(
            145deg,
            rgba(
                var(--chat-pastel-rgb),
                .98
            ),
            rgba(
                var(--chat-pastel-2-rgb),
                .88
            )
        );
    box-shadow:
        0 3px 10px
        rgba(
            var(--chat-pastel-rgb),
            .22
        );
}

#chatWindow[data-chat-pastel="paws"] .jami-cute-send-arrow {
    color: #7b4b5d;
    background:
        linear-gradient(
            145deg,
            rgba(255, 193, 217, .98),
            rgba(255, 227, 190, .96)
        );
}

#chatWindow[data-chat-pastel] .jami-cute-send-arrow:hover {
    transform: translateY(-1px);
}


#chatWindow[data-chat-pastel] #chatConnectionStatus {
    font-size: 9px !important;
}

html[data-chat-pastel="stars"] .jami-chat-context-menu,
html[data-chat-pastel="stars"] .jami-admin-glass-panel,
html[data-chat-pastel="stars"] #chatAvatarPicker,
html[data-chat-pastel="stars"] #chatWatchPartyPanel,
html[data-chat-pastel="stars"] .jami-saved-remix-manager {
    background:
        linear-gradient(
            145deg,
            rgba(194, 181, 244, .97),
            rgba(160, 151, 226, .95),
            rgba(121, 139, 199, .92)
        ) !important;
    border-color:
        rgba(235, 225, 255, .80) !important;
}

html[data-chat-pastel="paws"] .jami-chat-context-menu,
html[data-chat-pastel="paws"] .jami-admin-glass-panel,
html[data-chat-pastel="paws"] #chatAvatarPicker,
html[data-chat-pastel="paws"] #chatWatchPartyPanel,
html[data-chat-pastel="paws"] .jami-saved-remix-manager {
    background:
        linear-gradient(
            145deg,
            rgba(255, 224, 234, .98),
            rgba(255, 233, 226, .97),
            rgba(224, 242, 225, .95)
        ) !important;
    color: #5e4d53 !important;
    border-color:
        rgba(255,255,255,.90) !important;
}

html[data-chat-pastel="paws"] .jami-chat-context-menu *,
html[data-chat-pastel="paws"] .jami-admin-glass-panel *,
html[data-chat-pastel="paws"] #chatAvatarPicker *,
html[data-chat-pastel="paws"] #chatWatchPartyPanel *,
html[data-chat-pastel="paws"] .jami-saved-remix-manager * {
    color: inherit;
}

html[data-chat-pastel] .jami-chat-context-menu,
html[data-chat-pastel] .jami-admin-glass-panel,
html[data-chat-pastel] #chatAvatarPicker,
html[data-chat-pastel] #chatWatchPartyPanel,
html[data-chat-pastel] .jami-saved-remix-manager {
    backdrop-filter:
        blur(7px)
        saturate(1.10) !important;
    -webkit-backdrop-filter:
        blur(7px)
        saturate(1.10) !important;
}

html[data-chat-pastel="stars"]
.jami-chat-context-item:hover,
html[data-chat-pastel="stars"]
.jami-chat-context-item:focus-visible {
    background:
        rgba(255,255,255,.18) !important;
}

html[data-chat-pastel="paws"]
.jami-chat-context-item:hover,
html[data-chat-pastel="paws"]
.jami-chat-context-item:focus-visible {
    background:
        rgba(255,255,255,.48) !important;
}

#chatWindow[data-chat-pastel]
#chatMessage.jami-cute-message-input {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    appearance: none;
    -webkit-appearance: none;
}

#chatWindow[data-chat-pastel]
#chatMessage.jami-cute-message-input:focus {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#chatWindow[data-chat-pastel]
.jami-cute-message-shell {
    overflow: hidden;
}


#chatWindow[data-chat-pastel]
.jami-chat-star-tiny {
    clip-path:
        polygon(
            50% 0,
            60% 40%,
            100% 50%,
            60% 60%,
            50% 100%,
            40% 60%,
            0 50%,
            40% 40%
        );

    filter:
        drop-shadow(
            0 0 2px
            rgba(255, 255, 255, .22)
        );
}

#chatWindow[data-chat-pastel]
.jami-chat-paw {
    background: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

#chatWindow[data-chat-pastel]
.jami-chat-paw svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    fill: currentColor;
}

#chatWindow[data-chat-pastel="paws"]
#chatMain {
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.48),
            rgba(255,255,255,.24)
        ) !important;
}

#chatWindow[data-chat-pastel="paws"]
.jami-chat-paw {
    filter:
        drop-shadow(
            0 1px 2px
            rgba(255,255,255,.30)
        );
}

#chatWindow[data-chat-pastel="stars"]
.jami-cute-message-shell {
    background:
        linear-gradient(
            180deg,
            rgba(242, 237, 255, .48),
            rgba(221, 214, 255, .35)
        ) !important;

    border-color:
        rgba(241, 235, 255, .72) !important;
}

#chatWindow[data-chat-pastel="paws"]
.jami-cute-message-shell {
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.72),
            rgba(255,245,248,.60)
        ) !important;

    border-color:
        rgba(225, 157, 183, .30) !important;
}

#chatWindow[data-chat-pastel="stars"]
.jami-cute-name-input {
    background:
        linear-gradient(
            180deg,
            rgba(242, 237, 255, .42),
            rgba(221, 214, 255, .30)
        ) !important;
}

#chatWindow[data-chat-pastel="paws"]
.jami-cute-name-input {
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.68),
            rgba(255,245,248,.56)
        ) !important;
}

#chatWindow[data-chat-pastel]
#chatMain {
    margin-top: 8px !important;
}

#chatWindow[data-chat-pastel]
#chatMotd.hidden + #chatMain {
    margin-top: 10px !important;
}

#chatWindow[data-chat-pastel]
#chatMotd:not(.hidden) + #chatMain {
    margin-top: 8px !important;
}

#chatWindow[data-chat-pastel]
#chatMessages {
    padding-top: 18px !important;
}

#chatWindow[data-chat-pastel]
#chatMembersPanel {
    padding-top: 18px !important;
}

#chatWindow[data-chat-pastel]
#chatMain {
    border-top-left-radius: 18px !important;
    border-top-right-radius: 18px !important;
}

#chatWindow[data-chat-pastel].h-10
#chatMotd,
#chatWindow[data-chat-pastel].h-10
#chatMain,
#chatWindow[data-chat-pastel].h-10
#chatTyping,
#chatWindow[data-chat-pastel].h-10
#chatControls {
    display: none !important;
}

#chatWindow[data-chat-pastel]
#chatWatchPartyButton.hidden {
    display: none !important;
}

html[data-chat-pastel]
.jami-name-history-overlay {
    background:
        rgba(20, 16, 28, .22);

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);
}

html[data-chat-pastel="stars"]
.jami-name-history-manager {
    font-family:
        "JamiFredoka",
        "Fredoka",
        "Nunito",
        sans-serif !important;

    border-color:
        rgba(235, 225, 255, .82);

    background:
        linear-gradient(
            145deg,
            rgba(194, 181, 244, .97),
            rgba(160, 151, 226, .95),
            rgba(121, 139, 199, .92)
        );

    color: #fff;

    box-shadow:
        0 20px 58px
        rgba(30, 23, 62, .32),
        0 0 28px
        rgba(202, 188, 255, .22);
}

html[data-chat-pastel="paws"]
.jami-name-history-manager {
    border-color:
        rgba(255, 255, 255, .92);

    background:
        linear-gradient(
            145deg,
            rgba(255, 224, 234, .98),
            rgba(255, 233, 226, .97),
            rgba(224, 242, 225, .95)
        );

    color: #5f4b53;

    box-shadow:
        0 20px 58px
        rgba(75, 50, 58, .20),
        0 0 26px
        rgba(255, 198, 219, .18);
}

html[data-chat-pastel]
.jami-name-history-header {
    border-bottom-color:
        rgba(
            var(--jami-pastel-rgb),
            .24
        );

    background:
        rgba(255, 255, 255, .10);
}

html[data-chat-pastel="paws"]
.jami-name-history-header {
    border-bottom-color:
        rgba(187, 112, 139, .18);

    background:
        rgba(255, 255, 255, .30);
}

html[data-chat-pastel]
.jami-name-history-title {
    color: inherit;
}

html[data-chat-pastel]
.jami-name-history-close {
    border-color:
        rgba(
            var(--jami-pastel-rgb),
            .30
        );

    background:
        rgba(255, 255, 255, .12);

    color: inherit;
}

html[data-chat-pastel="paws"]
.jami-name-history-close {
    border-color:
        rgba(187, 112, 139, .22);

    background:
        rgba(255, 255, 255, .44);
}

html[data-chat-pastel]
.jami-name-history-close:hover {
    background:
        rgba(255, 255, 255, .24);

    color: inherit;
}

html[data-chat-pastel="paws"]
.jami-name-history-close:hover {
    background:
        rgba(255, 255, 255, .62);
}

html[data-chat-pastel]
.jami-name-history-subject {
    border-bottom-color:
        rgba(
            var(--jami-pastel-rgb),
            .18
        );

    color: inherit;
    opacity: .78;
}

html[data-chat-pastel="paws"]
.jami-name-history-subject {
    border-bottom-color:
        rgba(187, 112, 139, .14);
}

html[data-chat-pastel]
.jami-name-history-row {
    border-color:
        rgba(
            var(--jami-pastel-rgb),
            .26
        );

    background:
        rgba(255, 255, 255, .10);
}

html[data-chat-pastel="paws"]
.jami-name-history-row {
    border-color:
        rgba(187, 112, 139, .17);

    background:
        rgba(255, 255, 255, .42);
}

html[data-chat-pastel]
.jami-name-history-name {
    color: inherit;
}

html[data-chat-pastel]
.jami-name-history-time,
html[data-chat-pastel]
.jami-name-history-empty {
    color: inherit;
    opacity: .56;
}

html[data-chat-pastel]
.jami-name-history-body {
    scrollbar-color:
        rgba(
            var(--jami-pastel-rgb),
            .48
        )
        transparent;
}

html[data-chat-pastel]
.jami-name-history-body::-webkit-scrollbar-thumb {
    background:
        rgba(
            var(--jami-pastel-rgb),
            .44
        );
}

html[data-chat-pastel="paws"]
.jami-name-history-body::-webkit-scrollbar-thumb {
    background:
        rgba(187, 112, 139, .32);
}

html[data-chat-pastel]
.jami-name-history-delete {
    border-color:
        rgba(248, 113, 113, .36);

    background:
        rgba(248, 113, 113, .10);

    color:
        rgba(255, 225, 229, .92);
}

html[data-chat-pastel="paws"]
.jami-name-history-delete {
    color:
        rgba(167, 70, 89, .86);
}

#chatWindow[data-chat-pastel]
.jami-cute-composer-row {
    display: flex;
    align-items: center;
    gap: 9px;
}

#chatWindow[data-chat-pastel]
#chatAvatarPicker {
    width: 264px !important;
}

#chatWindow[data-chat-pastel]
.jami-cute-profile-title {
    margin-bottom: 9px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .11em;
    text-transform: uppercase;
    opacity: .76;
}

#chatWindow[data-chat-pastel]
.jami-cute-profile-name-wrap {
    margin-bottom: 11px;
}

#chatWindow[data-chat-pastel]
.jami-cute-profile-name-input {
    width: 100%;
    height: 38px;
    padding: 0 11px;
    border-radius: 11px;
    border: 1px solid rgba(var(--chat-pastel-rgb), .30);
    outline: none;
    background: rgba(255,255,255,.14);
    color: inherit;
    font-size: 11px;
}

#chatWindow[data-chat-pastel="paws"]
.jami-cute-profile-name-input {
    border-color: rgba(183,108,137,.20);
    background: rgba(255,255,255,.52);
    color: #684d58;
}

#chatWindow[data-chat-pastel]
.jami-cute-profile-name-input:focus {
    border-color: rgba(var(--chat-pastel-rgb), .62);
    box-shadow: 0 0 0 2px rgba(var(--chat-pastel-rgb), .10);
}

#chatWindow[data-chat-pastel]
.jami-cute-profile-name-input.chat-discord-name-active {
    opacity: .88;
}

#chatWindow[data-chat-pastel]
#chatDiscordUsername {
    margin-top: 4px;
    padding-left: 2px;
}

#chatWindow[data-chat-pastel]
.jami-cute-avatar-label {
    margin-bottom: 8px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .11em;
    text-transform: uppercase;
    opacity: .62;
}

#chatWindow[data-chat-pastel]
.jami-cute-message-shell {
    grid-template-columns:
        minmax(0, 1fr)
        34px
        34px
        44px !important;
}

#chatWindow[data-chat-pastel]
.jami-cute-message-plus {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    align-self: center;
    justify-self: center;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: inherit;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
    transition:
        background 120ms ease,
        transform 120ms ease;
}

#chatWindow[data-chat-pastel]
.jami-cute-message-plus:hover {
    background: rgba(255,255,255,.14);
    transform: scale(1.04);
}

#chatWindow[data-chat-pastel="stars"]
.jami-cute-send-arrow {
    color: #fff !important;
    background:
        linear-gradient(
            145deg,
            #a58be8,
            #8e7ad8
        ) !important;
    border:
        1px solid
        rgba(240,232,255,.58) !important;
    box-shadow:
        0 4px 12px rgba(91,70,155,.25),
        inset 0 1px 0 rgba(255,255,255,.25);
}

#chatWindow[data-chat-pastel="paws"]
.jami-cute-send-arrow {
    color: #fff !important;
    background:
        linear-gradient(
            145deg,
            #ee8fab,
            #df789b
        ) !important;
    border:
        1px solid
        rgba(255,238,244,.78) !important;
    box-shadow:
        0 4px 12px rgba(172,83,117,.20),
        inset 0 1px 0 rgba(255,255,255,.34);
}

#chatWindow[data-chat-pastel]
.jami-cute-send-arrow {
    font-size: 22px !important;
    font-weight: 800;
}

#chatWindow[data-chat-pastel]
#chatWatchPartyButton.hidden {
    display: none !important;
}

#chatWindow[data-chat-pastel]
.jami-cute-message-shell {
    grid-template-columns:
        minmax(0, 1fr)
        34px
        34px
        34px !important;
    column-gap: 2px;
    padding-right: 6px;
}

#chatWindow[data-chat-pastel]
.jami-cute-message-emoji,
#chatWindow[data-chat-pastel]
.jami-cute-message-plus,
#chatWindow[data-chat-pastel]
.jami-cute-send-arrow {
    display: grid !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    place-items: center !important;
    align-self: center !important;
    justify-self: center !important;
    border-radius: 10px !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

#chatWindow[data-chat-pastel]
.jami-cute-message-emoji,
#chatWindow[data-chat-pastel]
.jami-cute-message-plus {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#chatWindow[data-chat-pastel]
.jami-cute-message-emoji {
    font-size: 16px !important;
}

#chatWindow[data-chat-pastel]
.jami-cute-message-plus {
    font-size: 23px !important;
    font-weight: 400 !important;
}

#chatWindow[data-chat-pastel]
.jami-cute-send-arrow {
    font-size: 18px !important;
    font-weight: 800 !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

#chatWindow[data-chat-pastel="stars"]
.jami-cute-send-arrow {
    color: #fff !important;
    background:
        rgba(143, 122, 216, .86) !important;
}

#chatWindow[data-chat-pastel="paws"]
.jami-cute-send-arrow {
    color: #fff !important;
    background:
        rgba(224, 122, 154, .88) !important;
}

#chatWindow[data-chat-pastel]
.jami-cute-message-emoji:hover,
#chatWindow[data-chat-pastel]
.jami-cute-message-plus:hover,
#chatWindow[data-chat-pastel]
.jami-cute-send-arrow:hover {
    transform: none !important;
}

#chatWindow[data-chat-pastel="paws"],
#chatWindow[data-chat-pastel="paws"]
#chatTitle,
#chatWindow[data-chat-pastel="paws"]
#chatMembersToggle,
#chatWindow[data-chat-pastel="paws"]
#chatConnectionStatus,
#chatWindow[data-chat-pastel="paws"]
#chatMinimize,
#chatWindow[data-chat-pastel="paws"]
#chatMotd,
#chatWindow[data-chat-pastel="paws"]
#chatMotd *,
#chatWindow[data-chat-pastel="paws"]
#chatMembersPanel,
#chatWindow[data-chat-pastel="paws"]
#chatMembersPanel *,
#chatWindow[data-chat-pastel="paws"]
#chatAvatarPicker,
#chatWindow[data-chat-pastel="paws"]
#chatAvatarPicker *,
#chatWindow[data-chat-pastel="paws"]
.jami-cute-message-shell,
#chatWindow[data-chat-pastel="paws"]
.jami-cute-message-shell *,
#chatWindow[data-chat-pastel="paws"]
.jami-cute-profile-name-input {
    color: #a94f6b !important;
}

#chatWindow[data-chat-pastel="paws"]
.chatMessageName,
#chatWindow[data-chat-pastel="paws"]
.chatText {
    color: #8f485f !important;
}

#chatWindow[data-chat-pastel="paws"]
.chatTime {
    color: rgba(143, 72, 95, .58) !important;
}

#chatWindow[data-chat-pastel="paws"]
#chatMessage::placeholder,
#chatWindow[data-chat-pastel="paws"]
#chatName::placeholder,
#chatWindow[data-chat-pastel="paws"]
.jami-cute-profile-name-input::placeholder {
    color: rgba(169, 79, 107, .48) !important;
}

#chatWindow[data-chat-pastel="paws"]
#chatDiscordUsername {
    color: rgba(169, 79, 107, .58) !important;
}

#chatWindow[data-chat-pastel]
#chatTitleBar {
    min-height: 52px !important;
    height: 52px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-items: center !important;
}

#chatWindow[data-chat-pastel]
#chatTitle {
    display: flex !important;
    align-items: center !important;
    height: 52px !important;
    margin: 0 !important;
    line-height: 1 !important;
}

#chatWindow[data-chat-pastel]
#chatTitleBar > div {
    height: 52px;
    align-items: center !important;
}

#chatWindow[data-chat-pastel]
#chatMinimize {
    display: grid !important;
    place-items: center !important;
    align-self: center !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 0 5px 0 !important;
    line-height: 1 !important;
}

#chatWindow[data-chat-pastel].h-10 {
    height: 52px !important;
    min-height: 52px !important;
}

#chatWindow[data-chat-pastel].h-10
#chatTitleBar {
    height: 52px !important;
    min-height: 52px !important;
    border-bottom-color: transparent !important;
}

html[data-chat-pastel="paws"]
.jami-admin-glass-panel,
html[data-chat-pastel="paws"]
.jami-admin-glass-panel *,
html[data-chat-pastel="paws"]
#chatWatchPartyPanel,
html[data-chat-pastel="paws"]
#chatWatchPartyPanel * {
    color: #9d4a65 !important;
}

html[data-chat-pastel="paws"]
.jami-admin-glass-panel
.text-white,
html[data-chat-pastel="paws"]
.jami-admin-glass-panel
.text-white\/90,
html[data-chat-pastel="paws"]
.jami-admin-glass-panel
.text-white\/80,
html[data-chat-pastel="paws"]
.jami-admin-glass-panel
.text-white\/70,
html[data-chat-pastel="paws"]
.jami-admin-glass-panel
.text-white\/60,
html[data-chat-pastel="paws"]
.jami-admin-glass-panel
.text-white\/50,
html[data-chat-pastel="paws"]
#chatWatchPartyPanel
.text-white,
html[data-chat-pastel="paws"]
#chatWatchPartyPanel
.text-white\/90,
html[data-chat-pastel="paws"]
#chatWatchPartyPanel
.text-white\/80,
html[data-chat-pastel="paws"]
#chatWatchPartyPanel
.text-white\/70,
html[data-chat-pastel="paws"]
#chatWatchPartyPanel
.text-white\/60,
html[data-chat-pastel="paws"]
#chatWatchPartyPanel
.text-white\/50 {
    color: #9d4a65 !important;
}

html[data-chat-pastel="paws"]
.jami-admin-glass-panel button,
html[data-chat-pastel="paws"]
#chatWatchPartyPanel button {
    color: #94425f !important;
}

html[data-chat-pastel="paws"]
.jami-admin-glass-panel button:disabled,
html[data-chat-pastel="paws"]
#chatWatchPartyPanel button:disabled {
    color: rgba(148, 66, 95, .48) !important;
}

html[data-chat-pastel="paws"]
#chatWatchPartyPanel input,
html[data-chat-pastel="paws"]
#chatWatchPartyPanel input::placeholder {
    color: #9d4a65 !important;
}

html[data-chat-pastel="paws"]
#chatWatchPartyPanel input::placeholder {
    opacity: .52;
}

#chatWindow[data-chat-pastel]
#chatMessages {
    padding-left: 6px !important;
    padding-right: 8px !important;
}

#chatWindow[data-chat-pastel]
.chatMessage {
    padding-left: 5px !important;
}

#chatWindow[data-chat-pastel]
#chatMinimize {
    position: relative;
    top: -4px;
}

#chatWindow[data-chat-pastel]:not(.h-10) 
#chatMinimize {
    top: -3px;
}

#chatWindow[data-chat-pastel]
.jami-cute-message-emoji,
#chatWindow[data-chat-pastel]
.jami-cute-message-plus,
#chatWindow[data-chat-pastel]
.jami-cute-send-arrow {
    transition:
        background 120ms ease,
        transform 120ms ease,
        opacity 120ms ease !important;
    transform-origin: center !important;
}

#chatWindow[data-chat-pastel]
.jami-cute-message-plus {
    position: relative;
    top: -1px;
}

#chatWindow[data-chat-pastel]
.jami-cute-message-emoji:hover,
#chatWindow[data-chat-pastel]
.jami-cute-message-plus:hover,
#chatWindow[data-chat-pastel]
.jami-cute-send-arrow:hover {
    transform: scale(1.06) !important;
}

#chatWindow[data-chat-pastel]
.jami-cute-message-emoji:active,
#chatWindow[data-chat-pastel]
.jami-cute-message-plus:active,
#chatWindow[data-chat-pastel]
.jami-cute-send-arrow:active {
    transform: scale(.94) !important;
}



html[data-chat-pastel="paws"]
#chatWindow[data-chat-pastel="paws"]
#chatTitleBar button.theme-body {
    color: #a94f6b !important;
}

html[data-chat-pastel="paws"]
#chatWindow[data-chat-pastel="paws"]
#chatTitleBar button.theme-body:hover {
    color: #8f405c !important;
}

#chatWindow[data-chat-pastel]
.jami-cute-composer-wrap {
    position: relative;
}

#chatWindow[data-chat-pastel]
#chatEmojiPicker {
    right: 0;
    bottom: calc(100% + 8px);
    z-index: 100004;
}

#chatWindow[data-chat-pastel="paws"]
#chatTitle.theme-heading {
    font-family:
        var(--heading-font, "Fink", sans-serif) !important;
}

#chatWindow[data-chat-pastel="stars"]
#chatTitle.theme-heading {
    font-family:
        "JamiFredoka",
        "Fredoka",
        "Nunito",
        sans-serif !important;
}

#chatWindow[data-chat-pastel]
#chatTitle {
    position: relative;
    gap: 6px;
}

#chatWindow[data-chat-pastel]
#chatTitle::before {
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    image-rendering: pixelated;
}

#chatWindow[data-chat-pastel="stars"]
#chatTitle::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' shape-rendering='crispEdges'%3E%3Cpath fill='%23efe7ff' d='M7 0h4v4h3v3h4v4h-4v3h-3v4H7v-4H4v-3H0V7h4V4h3z'/%3E%3Cpath fill='%23c8b8ff' d='M8 2h2v4h4v2h2v2h-2v2h-4v4H8v-4H4v-2H2V8h2V6h4z'/%3E%3Cpath fill='%239fddff' d='M8 5h2v2h2v4h-2v2H8v-2H6V7h2z'/%3E%3C/svg%3E");
}

#chatWindow[data-chat-pastel="paws"]
#chatTitle::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff1f4' d='M4 2h4v2h2V2h4v2h2v6h-2v2h-2v2h-2v2H8v-2H6v-2H4v-2H2V4h2z'/%3E%3Cpath fill='%23e98aa8' d='M4 4h4v2h2V4h4v2h1v4h-2v2h-2v2H9v-2H7v-2H5V6H4z'/%3E%3Cpath fill='%23f7b6ca' d='M6 5h2v2h2V5h2v2h2v3h-2v2h-2v2H8v-2H6v-2H5V7h1z'/%3E%3C/svg%3E");
}

#chatWindow[data-chat-pastel="stars"]
#chatTitle::after,
#chatWindow[data-chat-pastel="paws"]
#chatTitle::after {
    content: none !important;
}

#chatWindow[data-chat-pastel="paws"]
.jami-reaction-pill,
#chatWindow[data-chat-pastel="paws"]
.jami-reaction-pill *,
#chatWindow[data-chat-pastel="paws"]
.jami-reaction-summary,
#chatWindow[data-chat-pastel="paws"]
.jami-reaction-summary * {
    color: #a94f6b !important;
}

#chatWindow[data-chat-pastel="paws"]
.jami-reaction-pill {
    border-color:
        rgba(169, 79, 107, .20) !important;
    background:
        rgba(255, 255, 255, .38) !important;
}

#chatWindow[data-chat-pastel="paws"]
.jami-reaction-pill:hover {
    border-color:
        rgba(169, 79, 107, .34) !important;
    background:
        rgba(255, 255, 255, .54) !important;
}

#chatWindow[data-chat-pastel="paws"]
.jami-reaction-pill[data-reacted="true"] {
    border-color:
        rgba(169, 79, 107, .46) !important;
    background:
        rgba(233, 138, 168, .18) !important;
}

html[data-chat-pastel="paws"]
.jami-reaction-toast,
html[data-chat-pastel="paws"]
.jami-reaction-toast * {
    color: #a94f6b !important;
}

html[data-chat-pastel="paws"]
.jami-reaction-toast {
    border-color:
        rgba(169, 79, 107, .24) !important;
    background:
        linear-gradient(
            145deg,
            rgba(255, 234, 239, .94),
            rgba(250, 224, 229, .90)
        ) !important;
}

#chatWindow[data-chat-pastel="paws"]
#chatTitleBar {
    display: flex !important;
    align-items: center !important;
}

#chatWindow[data-chat-pastel="paws"]
#chatTitleBar > div {
    display: flex !important;
    align-items: center !important;
    height: 52px !important;
}

#chatWindow[data-chat-pastel="paws"]
#chatTitleBar > div > div {
    display: flex !important;
    align-items: center !important;
    height: 52px !important;
}

#chatWindow[data-chat-pastel="paws"]
#chatMinimize {
    position: static !important;
    top: auto !important;
    align-self: center !important;
    transform: translateY(-1px) !important;
    padding: 0 0 4px 0 !important;
}

#chatWindow[data-chat-pastel="paws"].h-10
#chatMinimize {
    transform: translateY(-1px) !important;
}

#chatWindow[data-chat-pastel="paws"]
#chatMembersToggle,
#chatWindow[data-chat-pastel="paws"]
#chatConnectionStatus,
#chatWindow[data-chat-pastel="paws"]
#chatMinimize {
    align-self: center !important;
}

#chatWindow[data-chat-pastel]
#chatTitle::before {
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    image-rendering: pixelated;
}

#chatWindow[data-chat-pastel="stars"]
#chatTitle::before {
    width: 28px;
    height: 28px;
    background-image:
        url("./jamicat-stars-title-icon.png");
}

#chatWindow[data-chat-pastel="paws"]
#chatTitle::before {
    width: 29px;
    height: 29px;
    background-image:
        url("./jamicat-ac-title-icon.png");
}

#chatWindow[data-chat-pastel="stars"]
#chatTitle,
#chatWindow[data-chat-pastel="paws"]
#chatTitle {
    gap: 7px;
}

#chatWindow[data-chat-pastel]
#chatTitle::before {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: auto !important;
    background-image: none !important;
    image-rendering: auto !important;
    font-size: 16px;
    line-height: 1;
}

#chatWindow[data-chat-pastel="stars"]
#chatTitle::before {
    content: "✦" !important;
    color: #c9eaff;
    text-shadow:
        0 0 7px rgba(201, 234, 255, .58);
}

#chatWindow[data-chat-pastel="paws"]
#chatTitle::before {
    content: none !important;
    color: #dc718f;
    text-shadow:
        0 0 6px rgba(220, 113, 143, .24);
    font-size: 17px;
}

#chatWindow[data-chat-pastel="paws"]
#chatTitle {
    gap: 5px !important;
}

#chatWindow[data-chat-pastel="paws"]
#chatMinimize {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    font-size: 24px !important;
    line-height: 1 !important;
    padding: 0 0 4px 0 !important;
    margin: 0 !important;
    position: static !important;
    transform: translateY(-2px) !important;
    align-self: center !important;
}

#chatWindow[data-chat-pastel="paws"].h-10
#chatMinimize {
    transform: translateY(-2px) !important;
}

#chatWindow[data-chat-pastel="paws"]
#chatTitleBar > div,
#chatWindow[data-chat-pastel="paws"]
#chatTitleBar > div > div {
    align-items: center !important;
}

html[data-chat-pastel="paws"]
.jami-chat-context-menu
.jami-chat-context-item-danger,
html[data-chat-pastel="paws"]
.jami-chat-context-menu
.jami-chat-context-item-danger * {
    color: #d94d67 !important;
}

html[data-chat-pastel="paws"]
.jami-chat-context-menu
.jami-chat-context-item-danger:hover,
html[data-chat-pastel="paws"]
.jami-chat-context-menu
.jami-chat-context-item-danger:focus-visible {
    color: #c53e59 !important;
    background:
        rgba(217, 77, 103, .10) !important;
}

#chatWindow[data-chat-pastel]
.jami-cute-message-emoji,
#chatWindow[data-chat-pastel]
.jami-cute-message-plus,
#chatWindow[data-chat-pastel]
.jami-cute-send-arrow,
#chatWindow[data-chat-pastel]
.jami-cute-avatar-button {
    transition:
        background-color 90ms ease,
        opacity 90ms ease !important;
    transform: none !important;
}

#chatWindow[data-chat-pastel]
.jami-cute-message-emoji:hover,
#chatWindow[data-chat-pastel]
.jami-cute-message-plus:hover,
#chatWindow[data-chat-pastel]
.jami-cute-send-arrow:hover,
#chatWindow[data-chat-pastel]
.jami-cute-avatar-button:hover {
    transform: none !important;
}

#chatWindow[data-chat-pastel]
.jami-cute-message-emoji:active,
#chatWindow[data-chat-pastel]
.jami-cute-message-plus:active,
#chatWindow[data-chat-pastel]
.jami-cute-send-arrow:active,
#chatWindow[data-chat-pastel]
.jami-cute-avatar-button:active {
    transform: none !important;
    opacity: .78;
}

#chatWindow[data-chat-pastel]
#chatAvatarPicker {
    transition:
        opacity 100ms ease !important;
    transform: none !important;
}

#chatWindow[data-chat-pastel="paws"]
#chatMinimize,
#chatWindow[data-chat-pastel="paws"].h-10
#chatMinimize {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    position: static !important;
    top: auto !important;
    margin: 0 !important;
    padding: 0 0 2px 0 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 26px !important;
    transform: translateY(1px) !important;
}

#chatWindow[data-chat-pastel="paws"]
#chatTitleBar > div,
#chatWindow[data-chat-pastel="paws"]
#chatTitleBar > div > div {
    align-items: center !important;
}

#chatWindow[data-chat-pastel="paws"]:not(.h-10) #chatMinimize {
    transform: translateY(1px) !important;
}

#chatWindow[data-chat-pastel="paws"].h-10 #chatMinimize {
    transform: translateY(-3px) !important;
}


#chatWindow[data-chat-pastel] .chatContinuationTime {
    opacity: 0 !important;
    transition: opacity 90ms ease !important;
}
#chatWindow[data-chat-pastel] .chatMessage:hover .chatContinuationTime {
    opacity: 1 !important;
}
#chatWindow[data-chat-pastel="paws"] .chatContinuationTime {
    color: rgba(143, 72, 95, .58) !important;
}
#chatWindow[data-chat-pastel="stars"] .chatContinuationTime {
    color: rgba(238, 232, 255, .58) !important;
}

#chatWindow[data-chat-pastel] .jami-cute-message-emoji,
#chatWindow[data-chat-pastel] .jami-cute-message-plus,
#chatWindow[data-chat-pastel] .jami-cute-send-arrow,
#chatWindow[data-chat-pastel] .jami-cute-avatar-button {
    transition: background-color 90ms ease !important;
    opacity: 1 !important;
    transform: none !important;
}

#chatWindow[data-chat-pastel="stars"] .jami-cute-message-emoji:hover,
#chatWindow[data-chat-pastel="stars"] .jami-cute-message-emoji:active,
#chatWindow[data-chat-pastel="stars"] .jami-cute-message-plus:hover,
#chatWindow[data-chat-pastel="stars"] .jami-cute-message-plus:active,
#chatWindow[data-chat-pastel="stars"] .jami-cute-avatar-button:hover,
#chatWindow[data-chat-pastel="stars"] .jami-cute-avatar-button:active {
    background-color: rgba(255,255,255,.13) !important;
    opacity: 1 !important;
    transform: none !important;
}
#chatWindow[data-chat-pastel="stars"] .jami-cute-send-arrow:hover,
#chatWindow[data-chat-pastel="stars"] .jami-cute-send-arrow:active {
    background-color: rgba(128,106,207,.96) !important;
    opacity: 1 !important;
    transform: none !important;
}

#chatWindow[data-chat-pastel="paws"] .jami-cute-message-emoji:hover,
#chatWindow[data-chat-pastel="paws"] .jami-cute-message-emoji:active,
#chatWindow[data-chat-pastel="paws"] .jami-cute-message-plus:hover,
#chatWindow[data-chat-pastel="paws"] .jami-cute-message-plus:active,
#chatWindow[data-chat-pastel="paws"] .jami-cute-avatar-button:hover,
#chatWindow[data-chat-pastel="paws"] .jami-cute-avatar-button:active {
    background-color: rgba(233,138,168,.14) !important;
    opacity: 1 !important;
    transform: none !important;
}
#chatWindow[data-chat-pastel="paws"] .jami-cute-send-arrow:hover,
#chatWindow[data-chat-pastel="paws"] .jami-cute-send-arrow:active {
    background-color: rgba(211,101,137,.96) !important;
    opacity: 1 !important;
    transform: none !important;
}


#chatWindow[data-chat-pastel="paws"]
.jami-discord-server-tag-text {
    color: #a94f6b !important;
}

#chatWindow[data-chat-pastel="paws"]
.jami-discord-server-tag {
    border-color: rgba(169, 79, 107, .18) !important;
    background: rgba(233, 138, 168, .10) !important;
}

#chatWindow[data-chat-pastel="paws"] {
    --jami-ac-pink-rgb: 238, 157, 174;
    --jami-ac-pink: rgba(238, 157, 174);
}

#chatWindow[data-chat-pastel="paws"],
#chatWindow[data-chat-pastel="paws"] #chatTitle,
#chatWindow[data-chat-pastel="paws"] #chatTitle::before,
#chatWindow[data-chat-pastel="paws"] #chatMembersToggle,
#chatWindow[data-chat-pastel="paws"] #chatConnectionStatus,
#chatWindow[data-chat-pastel="paws"] #chatMinimize,
#chatWindow[data-chat-pastel="paws"] #chatMotd,
#chatWindow[data-chat-pastel="paws"] #chatMotd *,
#chatWindow[data-chat-pastel="paws"] #chatMembersPanel,
#chatWindow[data-chat-pastel="paws"] #chatMembersPanel *,
#chatWindow[data-chat-pastel="paws"] #chatAvatarPicker,
#chatWindow[data-chat-pastel="paws"] #chatAvatarPicker *,
#chatWindow[data-chat-pastel="paws"] .chatMessageName,
#chatWindow[data-chat-pastel="paws"] .chatText,
#chatWindow[data-chat-pastel="paws"] .chatTime,
#chatWindow[data-chat-pastel="paws"] .chatContinuationTime,
#chatWindow[data-chat-pastel="paws"] .jami-discord-server-tag-text,
#chatWindow[data-chat-pastel="paws"] .jami-reaction-pill,
#chatWindow[data-chat-pastel="paws"] .jami-reaction-pill *,
#chatWindow[data-chat-pastel="paws"] .jami-reaction-summary,
#chatWindow[data-chat-pastel="paws"] .jami-reaction-summary *,
#chatWindow[data-chat-pastel="paws"] .jami-cute-profile-name-input,
#chatWindow[data-chat-pastel="paws"] #chatDiscordUsername,
#chatWindow[data-chat-pastel="paws"] .jami-cute-message-shell,
#chatWindow[data-chat-pastel="paws"] .jami-cute-message-shell *,
#chatWindow[data-chat-pastel="paws"] .jami-cute-message-emoji,
#chatWindow[data-chat-pastel="paws"] .jami-cute-message-plus,
#chatWindow[data-chat-pastel="paws"] .jami-cute-send-arrow,
#chatWindow[data-chat-pastel="paws"] #chatTitleBar button.theme-body {
    color: rgba(238, 157, 174) !important;
}

#chatWindow[data-chat-pastel="paws"] #chatMessage::placeholder,
#chatWindow[data-chat-pastel="paws"] #chatName::placeholder,
#chatWindow[data-chat-pastel="paws"] .jami-cute-profile-name-input::placeholder {
    color: rgba(238, 157, 174) !important;
    opacity: .72;
}

#chatWindow[data-chat-pastel="paws"] .jami-cute-send-arrow {
    color: #fff !important;
    background: rgba(238, 157, 174) !important;
    border-color: rgba(238, 157, 174) !important;
}

#chatWindow[data-chat-pastel="paws"] .jami-cute-send-arrow:hover,
#chatWindow[data-chat-pastel="paws"] .jami-cute-send-arrow:active {
    color: #fff !important;
    background: rgba(238, 157, 174) !important;
}

#chatWindow[data-chat-pastel="paws"] .jami-cute-message-emoji:hover,
#chatWindow[data-chat-pastel="paws"] .jami-cute-message-emoji:active,
#chatWindow[data-chat-pastel="paws"] .jami-cute-message-plus:hover,
#chatWindow[data-chat-pastel="paws"] .jami-cute-message-plus:active,
#chatWindow[data-chat-pastel="paws"] .jami-cute-avatar-button:hover,
#chatWindow[data-chat-pastel="paws"] .jami-cute-avatar-button:active {
    color: rgba(238, 157, 174) !important;
    background-color: rgba(238, 157, 174, .14) !important;
}

#chatWindow[data-chat-pastel="paws"] .jami-discord-server-tag {
    color: rgba(238, 157, 174) !important;
    border-color: rgba(238, 157, 174, .28) !important;
    background: rgba(238, 157, 174, .12) !important;
}

#chatWindow[data-chat-pastel="paws"] .jami-reaction-pill {
    color: rgba(238, 157, 174) !important;
    border-color: rgba(238, 157, 174, .28) !important;
}

#chatWindow[data-chat-pastel="paws"] .jami-reaction-pill:hover,
#chatWindow[data-chat-pastel="paws"] .jami-reaction-pill[data-reacted="true"] {
    color: rgba(238, 157, 174) !important;
    border-color: rgba(238, 157, 174, .42) !important;
    background: rgba(238, 157, 174, .14) !important;
}

html[data-chat-pastel="paws"] .jami-admin-glass-panel,
html[data-chat-pastel="paws"] .jami-admin-glass-panel *,
html[data-chat-pastel="paws"] #chatWatchPartyPanel,
html[data-chat-pastel="paws"] #chatWatchPartyPanel *,
html[data-chat-pastel="paws"] .jami-name-history-manager,
html[data-chat-pastel="paws"] .jami-name-history-manager *,
html[data-chat-pastel="paws"] .jami-reaction-toast,
html[data-chat-pastel="paws"] .jami-reaction-toast * {
    color: rgba(238, 157, 174) !important;
}

html[data-chat-pastel="paws"] .jami-admin-glass-panel button,
html[data-chat-pastel="paws"] #chatWatchPartyPanel button,
html[data-chat-pastel="paws"] .jami-name-history-manager button {
    color: rgba(238, 157, 174) !important;
}

html[data-chat-pastel="paws"] .jami-admin-glass-panel button:disabled,
html[data-chat-pastel="paws"] #chatWatchPartyPanel button:disabled,
html[data-chat-pastel="paws"] .jami-name-history-manager button:disabled {
    color: rgba(238, 157, 174, .48) !important;
}

html[data-chat-pastel="paws"] #chatWatchPartyPanel input,
html[data-chat-pastel="paws"] #chatWatchPartyPanel input::placeholder,
html[data-chat-pastel="paws"] .jami-admin-glass-panel input,
html[data-chat-pastel="paws"] .jami-admin-glass-panel input::placeholder {
    color: rgba(238, 157, 174) !important;
}

html[data-chat-pastel="paws"] .jami-reaction-toast {
    border-color: rgba(238, 157, 174, .30) !important;
}

html[data-chat-pastel="paws"] .jami-name-history-close,
html[data-chat-pastel="paws"] .jami-name-history-row {
    border-color: rgba(238, 157, 174, .24) !important;
}

html[data-chat-pastel="paws"] .jami-name-history-delete,
html[data-chat-pastel="paws"] .jami-chat-context-menu .jami-chat-context-item-danger,
html[data-chat-pastel="paws"] .jami-chat-context-menu .jami-chat-context-item-danger * {
    color: #d94d67 !important;
}


#chatWindow[data-chat-theme="original"] {
    font-family:
        "Nunito",
        sans-serif !important;
    background:
        rgba(0, 0, 0, .20) !important;
    color: #fff !important;
    border-color:
        rgba(255, 255, 255, .15) !important;

}

#chatWindow[data-chat-theme="original"]
.theme-heading,
#chatWindow[data-chat-theme="original"]
.theme-body,
#chatWindow[data-chat-theme="original"]
#chatTitle {
    font-family:
        "Nunito",
        sans-serif !important;
}

#chatWindow[data-chat-theme="stars"]
.theme-heading,
#chatWindow[data-chat-theme="stars"]
.theme-body {
    font-family:
        "JamiFredoka",
        "Fredoka",
        "Nunito",
        sans-serif !important;
}

#chatWindow[data-chat-theme="paws"]
.theme-heading,
#chatWindow[data-chat-theme="paws"]
#chatTitle {
    font-family:
        "Fink",
        sans-serif !important;
}

#chatWindow[data-chat-theme="paws"]
.theme-body {
    font-family:
        "nintendoh",
        "Nunito",
        sans-serif !important;
}

.jami-chat-theme-button {
    appearance: none;
    border: 0;
    padding: 0;
    background: transparent;
    font-size: 9px;
    line-height: 1;
    cursor: pointer;
}

.jami-chat-theme-menu {
    position: absolute;
    z-index: 100006;
    top: calc(100% + 10px);
    right: -8px;
    width: 132px;
    padding: 5px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 12px;
    background: rgba(8,8,10,.72);
    box-shadow: 0 12px 30px rgba(0,0,0,.30);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transition: opacity 90ms ease;
}

.jami-chat-theme-menu button {
    display: flex;
    width: 100%;
    align-items: center;
    min-height: 28px;
    padding: 0 9px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: rgba(255,255,255,.70);
    font: inherit;
    font-size: 10px;
    text-align: left;
    cursor: pointer;
}

.jami-chat-theme-menu button:hover,
.jami-chat-theme-menu button.is-active {
    background: rgba(255,255,255,.09);
    color: #fff;
}

#chatWindow[data-chat-theme="stars"]
.jami-chat-theme-menu {
    border-color: rgba(220,209,255,.42);
    background: rgba(85,75,155,.88);
}

#chatWindow[data-chat-theme="paws"]
.jami-chat-theme-menu {
    border-color: rgba(238,157,174,.34);
    background: rgba(255,241,244,.94);
}

#chatWindow[data-chat-theme="paws"]
.jami-chat-theme-menu button {
    color: rgba(238,157,174) !important;
}

#chatWindow[data-chat-theme="paws"]
.jami-chat-theme-menu button:hover,
#chatWindow[data-chat-theme="paws"]
.jami-chat-theme-menu button.is-active {
    color: rgba(238,157,174) !important;
    background: rgba(238,157,174,.14);
}

#chatWindow[data-chat-theme="paws"]
#chatTitleBar button.theme-body,
#chatWindow[data-chat-theme="paws"]
#chatMembersToggle,
#chatWindow[data-chat-theme="paws"]
#chatConnectionStatus,
#chatWindow[data-chat-theme="paws"]
#chatMinimize,
#chatWindow[data-chat-theme="paws"]
#chatThemeButton {
    color: rgba(238,157,174) !important;
}

#chatWindow[data-chat-theme="paws"]
.jami-cute-send-arrow {
    color: #fff !important;
    border-color: rgba(238,157,174) !important;
    background: rgba(238,157,174) !important;
}

#chatWindow[data-chat-theme="paws"]
.jami-cute-send-arrow:hover,
#chatWindow[data-chat-theme="paws"]
.jami-cute-send-arrow:active {
    color: #fff !important;
    border-color: rgba(238,157,174) !important;
    background: rgba(238,157,174) !important;
}

html[data-chat-theme="original"]
.jami-admin-glass-panel,
html[data-chat-theme="original"]
.jami-name-history-manager,
html[data-chat-theme="original"]
#chatWatchPartyPanel,
html[data-chat-theme="original"]
.jami-chat-context-menu,
html[data-chat-theme="original"]
.jami-saved-remix-manager {
    font-family:
        "Nunito",
        sans-serif !important;
}

html[data-chat-theme="stars"]
.jami-admin-glass-panel,
html[data-chat-theme="stars"]
.jami-name-history-manager,
html[data-chat-theme="stars"]
#chatWatchPartyPanel,
html[data-chat-theme="stars"]
.jami-chat-context-menu,
html[data-chat-theme="stars"]
.jami-saved-remix-manager {
    font-family:
        "JamiFredoka",
        "Fredoka",
        "Nunito",
        sans-serif !important;
}

html[data-chat-theme="paws"]
.jami-admin-glass-panel,
html[data-chat-theme="paws"]
.jami-name-history-manager,
html[data-chat-theme="paws"]
#chatWatchPartyPanel,
html[data-chat-theme="paws"]
.jami-chat-context-menu,
html[data-chat-theme="paws"]
.jami-saved-remix-manager {
    font-family:
        "nintendoh",
        "Nunito",
        sans-serif !important;
}

html[data-chat-theme="paws"]
.jami-admin-glass-panel,
html[data-chat-theme="paws"]
.jami-admin-glass-panel *,
html[data-chat-theme="paws"]
#chatWatchPartyPanel,
html[data-chat-theme="paws"]
#chatWatchPartyPanel *,
html[data-chat-theme="paws"]
.jami-name-history-manager,
html[data-chat-theme="paws"]
.jami-name-history-manager * {
    color: rgba(238,157,174) !important;
}

html[data-chat-theme="paws"]
.jami-admin-glass-panel button,
html[data-chat-theme="paws"]
#chatWatchPartyPanel button,
html[data-chat-theme="paws"]
.jami-name-history-manager button {
    color: rgba(238,157,174) !important;
}



#chatWindow[data-chat-theme] {
    --jami-chat-accent: rgba(238, 157, 174);
}

#chatWindow[data-chat-theme="original"],
#chatWindow[data-chat-theme="original"] .theme-body,
#chatWindow[data-chat-theme="original"] .theme-heading,
#chatWindow[data-chat-theme="original"] button,
#chatWindow[data-chat-theme="original"] input {
    font-family: "Nunito", sans-serif !important;
}

#chatWindow[data-chat-theme="stars"],
#chatWindow[data-chat-theme="stars"] .theme-body,
#chatWindow[data-chat-theme="stars"] .theme-heading,
#chatWindow[data-chat-theme="stars"] button,
#chatWindow[data-chat-theme="stars"] input {
    font-family:
        "JamiFredoka",
        "Fredoka",
        "Nunito",
        sans-serif !important;
}

#chatWindow[data-chat-theme="paws"] .theme-heading,
#chatWindow[data-chat-theme="paws"] #chatTitle {
    font-family: "Fink", sans-serif !important;
}

#chatWindow[data-chat-theme="paws"] .theme-body,
#chatWindow[data-chat-theme="paws"] button,
#chatWindow[data-chat-theme="paws"] input {
    font-family:
        "nintendoh",
        "Nunito",
        sans-serif !important;
}


#chatWindow[data-chat-theme]
#chatTitleBar > div,
#chatWindow[data-chat-theme]
#chatTitleBar > div > div,
#chatWindow[data-chat-theme]
#chatTitleBar .relative {
    align-items: center !important;
}

#chatWindow[data-chat-theme]
#chatThemeButton {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    transform: none !important;
    vertical-align: middle !important;
}


html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatTitleBar button,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatMembersToggle,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatConnectionStatus,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatThemeButton,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatMinimize {
    color: rgba(238, 157, 174) !important;
}

html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.jami-cute-send-arrow {
    color: #fff !important;
    border-color: rgba(238, 157, 174) !important;
    background: rgba(238, 157, 174) !important;
    box-shadow: none !important;
}

html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.jami-cute-send-arrow:hover,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.jami-cute-send-arrow:active {
    color: #fff !important;
    border-color: rgba(238, 157, 174) !important;
    background: rgba(238, 157, 174) !important;
}


#chatWindow[data-chat-theme="original"]
#chatControls {
    gap: 8px !important;
    padding: 10px !important;
    background: rgba(0, 0, 0, .12) !important;
}

#chatWindow[data-chat-theme="original"]
.jami-cute-composer-wrap {
    display: block !important;
}

#chatWindow[data-chat-theme="original"]
.jami-original-composer {
    display: grid !important;
    gap: 8px !important;
}

#chatWindow[data-chat-theme="original"]
.jami-original-name-row,
#chatWindow[data-chat-theme="original"]
.jami-original-message-row {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    min-width: 0 !important;
}

#chatWindow[data-chat-theme="original"]
.jami-original-name-field {
    position: relative !important;
    min-width: 0 !important;
    flex: 1 !important;
}

#chatWindow[data-chat-theme="original"]
.jami-cute-avatar-button,
#chatWindow[data-chat-theme="original"]
.jami-original-image-button,
#chatWindow[data-chat-theme="original"]
.jami-cute-square-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border:
        1px solid rgba(255,255,255,.12) !important;
    border-radius: 12px !important;
    background: rgba(0,0,0,.18) !important;
    color: rgba(255,255,255,.82) !important;
    box-shadow: none !important;
    transform: none !important;
}

#chatWindow[data-chat-theme="original"]
.jami-original-name-input {
    display: block !important;
    width: 100% !important;
    height: 42px !important;
    min-width: 0 !important;
    padding: 0 12px !important;
    border:
        1px solid rgba(255,255,255,.12) !important;
    border-radius: 12px !important;
    outline: none !important;
    background: rgba(255,255,255,.055) !important;
    color: #fff !important;
    font-size: 12px !important;
}

#chatWindow[data-chat-theme="original"]
.jami-original-name-input::placeholder {
    color: rgba(255,255,255,.36) !important;
}

#chatWindow[data-chat-theme="original"]
.jami-cute-message-shell {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1fr)
        34px !important;
    align-items: center !important;
    min-width: 0 !important;
    flex: 1 !important;
    height: 42px !important;
    padding: 0 4px 0 12px !important;
    border:
        1px solid rgba(255,255,255,.12) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.055) !important;
    box-shadow: none !important;
}

#chatWindow[data-chat-theme="original"]
.jami-cute-message-input {
    width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 12px !important;
}

#chatWindow[data-chat-theme="original"]
.jami-cute-message-input::placeholder {
    color: rgba(255,255,255,.36) !important;
}

#chatWindow[data-chat-theme="original"]
.jami-cute-message-emoji {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 15px !important;
    box-shadow: none !important;
    transform: none !important;
}

#chatWindow[data-chat-theme="original"]
.jami-original-send-row {
    display: block !important;
}

#chatWindow[data-chat-theme="original"]
.jami-original-send-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border:
        1px solid rgba(255,255,255,.12) !important;
    border-radius: 11px !important;
    background: rgba(255,255,255,.09) !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    transform: none !important;
}

#chatWindow[data-chat-theme="original"]
.jami-original-send-button:hover,
#chatWindow[data-chat-theme="original"]
.jami-original-send-button:active {
    background: rgba(255,255,255,.14) !important;
    color: #fff !important;
}


html[data-chat-theme="original"]
#chatAvatarPicker {
    width: 220px !important;
    padding: 11px !important;
    border:
        1px solid rgba(255,255,255,.12) !important;
    border-radius: 14px !important;
    background: rgba(20,20,22,.88) !important;
    color: #fff !important;
    box-shadow:
        0 14px 36px rgba(0,0,0,.38) !important;

    font-family: "Nunito", sans-serif !important;
}

html[data-chat-theme="original"]
#chatAvatarPicker .jami-cute-profile-title {
    margin: 0 0 9px !important;
    color: rgba(255,255,255,.72) !important;
    font: 700 10px/1 "Nunito", sans-serif !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

html[data-chat-theme="original"]
#chatAvatarPicker .jami-cute-profile-name-wrap,
html[data-chat-theme="original"]
#chatAvatarPicker .jami-cute-avatar-label {
    display: none !important;
}

html[data-chat-theme="original"]
#chatAvatarGrid {
    display: grid !important;
    grid-template-columns:
        repeat(5, minmax(0,1fr)) !important;
    gap: 7px !important;
}

html[data-chat-theme="original"]
#chatAvatarGrid button {
    min-width: 0 !important;
    aspect-ratio: 1 !important;
    border:
        1px solid rgba(255,255,255,.10) !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.055) !important;
}

html[data-chat-theme="original"]
#chatDiscordAuthButton,
html[data-chat-theme="original"]
#chatDiscordLogout {
    color: rgba(255,255,255,.66) !important;
    border-color: rgba(255,255,255,.12) !important;
    background: rgba(255,255,255,.055) !important;
    font-family: "Nunito", sans-serif !important;
}


html[data-chat-theme="original"]
.jami-admin-glass-panel,
html[data-chat-theme="original"]
.jami-admin-glass-panel *,
html[data-chat-theme="original"]
#chatWatchPartyPanel,
html[data-chat-theme="original"]
#chatWatchPartyPanel *,
html[data-chat-theme="original"]
#chatWatchPartyVisualizerMenu,
html[data-chat-theme="original"]
#chatWatchPartyVisualizerMenu *,
html[data-chat-theme="original"]
.jami-chat-context-menu,
html[data-chat-theme="original"]
.jami-chat-context-menu *,
html[data-chat-theme="original"]
.jami-saved-remix-manager,
html[data-chat-theme="original"]
.jami-saved-remix-manager *,
html[data-chat-theme="original"]
.jami-name-history-manager,
html[data-chat-theme="original"]
.jami-name-history-manager * {
    font-family: "Nunito", sans-serif !important;
}

html[data-chat-theme="stars"]
.jami-admin-glass-panel,
html[data-chat-theme="stars"]
.jami-admin-glass-panel *,
html[data-chat-theme="stars"]
#chatWatchPartyPanel,
html[data-chat-theme="stars"]
#chatWatchPartyPanel *,
html[data-chat-theme="stars"]
#chatWatchPartyVisualizerMenu,
html[data-chat-theme="stars"]
#chatWatchPartyVisualizerMenu *,
html[data-chat-theme="stars"]
.jami-chat-context-menu,
html[data-chat-theme="stars"]
.jami-chat-context-menu * {
    font-family:
        "JamiFredoka",
        "Fredoka",
        "Nunito",
        sans-serif !important;
}

html[data-chat-theme="paws"]
.jami-admin-glass-panel,
html[data-chat-theme="paws"]
.jami-admin-glass-panel *,
html[data-chat-theme="paws"]
#chatWatchPartyPanel,
html[data-chat-theme="paws"]
#chatWatchPartyPanel *,
html[data-chat-theme="paws"]
#chatWatchPartyVisualizerMenu,
html[data-chat-theme="paws"]
#chatWatchPartyVisualizerMenu *,
html[data-chat-theme="paws"]
.jami-chat-context-menu,
html[data-chat-theme="paws"]
.jami-chat-context-menu * {
    font-family:
        "nintendoh",
        "Nunito",
        sans-serif !important;
}


html[data-chat-theme="paws"]
.jami-admin-glass-panel,
html[data-chat-theme="paws"]
.jami-admin-glass-panel *,
html[data-chat-theme="paws"]
.jami-name-history-manager,
html[data-chat-theme="paws"]
.jami-name-history-manager * {
    color: rgba(238, 157, 174) !important;
}



#chatWindow[data-chat-theme] .chatContinuationTime {
    opacity: 0 !important;
    transition: opacity 90ms ease !important;
}

#chatWindow[data-chat-theme] .chatMessage:hover .chatContinuationTime {
    opacity: 1 !important;
}

#chatWindow[data-chat-theme="original"] .chatContinuationTime {
    color: rgba(255,255,255,.45) !important;
}

#chatWindow[data-chat-theme="stars"] .chatContinuationTime {
    color: rgba(238,232,255,.58) !important;
}

#chatWindow[data-chat-theme="paws"] .chatContinuationTime {
    color: rgba(238,157,174,.72) !important;
}

#chatWindow[data-chat-theme="original"],
#chatWindow[data-chat-theme="original"] * {
    font-family: "Nunito", sans-serif !important;
}

#chatWindow[data-chat-theme="stars"],
#chatWindow[data-chat-theme="stars"] * {
    font-family:
        "JamiFredoka",
        "Fredoka",
        "Nunito",
        sans-serif !important;
}

#chatWindow[data-chat-theme="paws"],
#chatWindow[data-chat-theme="paws"] * {
    font-family:
        "nintendoh",
        "Nunito",
        sans-serif !important;
}

#chatWindow[data-chat-theme="paws"] #chatTitle,
#chatWindow[data-chat-theme="paws"] #chatMembersPanel .theme-heading {
    font-family:
        "Fink",
        "nintendoh",
        "Nunito",
        sans-serif !important;
}

#chatWindow[data-chat-theme="original"] {
    border-color: rgba(255,255,255,.15) !important;
    background: rgba(0,0,0,.20) !important;
}

#chatWindow[data-chat-theme="stars"] {
    border-color: rgba(205,194,255,.48) !important;
    background:
        linear-gradient(
            145deg,
            rgba(171,158,232,.97),
            rgba(118,129,196,.97)
        ) !important;
}

#chatWindow[data-chat-theme="paws"] {
    border-color: rgba(238,157,174,.38) !important;
    background:
        linear-gradient(
            145deg,
            rgba(255,225,231,.98),
            rgba(235,244,229,.97)
        ) !important;
}

#chatWindow[data-chat-pastel] .jami-chat-pastel-decor {
    display: block !important;
    z-index: 0 !important;
    opacity: 1 !important;
}

#chatWindow[data-chat-pastel] #chatMessages,
#chatWindow[data-chat-pastel] #chatMembersPanel,
#chatWindow[data-chat-pastel] #chatMembers {
    position: relative !important;
    z-index: 2 !important;
}

#chatWindow[data-chat-theme] #chatThemeButton {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: inherit !important;
    transform: none !important;
}

#chatWindow[data-chat-theme="original"] #chatThemeButton,
#chatWindow[data-chat-theme="original"] #chatMembersToggle,
#chatWindow[data-chat-theme="original"] #chatTitleBar > div > button:not(#chatMinimize) {
    color: rgba(255,255,255,.50) !important;
}

#chatWindow[data-chat-theme="stars"] #chatThemeButton,
#chatWindow[data-chat-theme="stars"] #chatMembersToggle,
#chatWindow[data-chat-theme="stars"] #chatTitleBar > div > button:not(#chatMinimize) {
    color: rgba(247,244,255,.58) !important;
}

#chatWindow[data-chat-theme="paws"] #chatTitleBar button,
#chatWindow[data-chat-theme="paws"] #chatMembersToggle,
#chatWindow[data-chat-theme="paws"] #chatThemeButton {
    color: rgba(238,157,174) !important;
    text-shadow: none !important;
}

#chatWindow[data-chat-theme="paws"] #chatConnectionStatus {
    color: rgba(238,157,174,.62) !important;
}

#chatWindow[data-chat-theme="paws"] .jami-cute-send-arrow,
#chatWindow[data-chat-theme="paws"] .jami-cute-send-arrow:hover,
#chatWindow[data-chat-theme="paws"] .jami-cute-send-arrow:active {
    color: #fff !important;
    border-color: rgba(238,157,174) !important;
    background: rgba(238,157,174) !important;
    box-shadow: none !important;
}

#chatWindow #chatWatchPartyButton.hidden {
    display: none !important;
}

#chatWindow[data-chat-theme="original"] #chatControls {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 10px !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(0,0,0,.10) !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-composer {
    display: grid !important;
    gap: 8px !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-name-row,
#chatWindow[data-chat-theme="original"] .jami-original-message-row {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    min-width: 0 !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-name-field {
    position: relative !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

#chatWindow[data-chat-theme="original"] .jami-cute-avatar-button,
#chatWindow[data-chat-theme="original"] .jami-original-image-button,
#chatWindow[data-chat-theme="original"] .jami-original-emoji-button,
#chatWindow[data-chat-theme="original"] #chatWatchPartyButton {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 12px !important;
    background: rgba(0,0,0,.20) !important;
    color: rgba(255,255,255,.86) !important;
    font-size: 16px !important;
    line-height: 1 !important;
    box-shadow: none !important;
    transform: none !important;
}

#chatWindow[data-chat-theme="original"] .jami-cute-avatar-button {
    flex-basis: 44px !important;
    width: 44px !important;
    height: 44px !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-name-input {
    display: block !important;
    width: 100% !important;
    height: 44px !important;
    min-width: 0 !important;
    padding: 0 12px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 12px !important;
    outline: none !important;
    background: rgba(0,0,0,.30) !important;
    color: #fff !important;
    font-size: 12px !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-name-input::placeholder,
#chatWindow[data-chat-theme="original"] .jami-original-message-input::placeholder {
    color: rgba(255,255,255,.35) !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-message-input {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 36px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 12px !important;
    outline: none !important;
    background: rgba(0,0,0,.30) !important;
    color: #fff !important;
    font-size: 12px !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-send-row {
    display: block !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-send-button,
#chatWindow[data-chat-theme="original"] .jami-original-send-button:hover,
#chatWindow[data-chat-theme="original"] .jami-original-send-button:active {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.07) !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    transform: none !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-send-button:hover,
#chatWindow[data-chat-theme="original"] .jami-original-send-button:active {
    background: rgba(255,255,255,.11) !important;
}

html[data-chat-theme="original"] #chatAvatarPicker {
    width: 220px !important;
    padding: 11px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 14px !important;
    background: rgba(24,24,26,.92) !important;
    color: #fff !important;
    box-shadow: 0 14px 36px rgba(0,0,0,.38) !important;

}

html[data-chat-theme="original"] #chatAvatarPicker .jami-cute-profile-title {
    margin: 0 0 9px !important;
    color: rgba(255,255,255,.62) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
}

html[data-chat-theme="original"] #chatAvatarPicker .jami-cute-profile-name-wrap,
html[data-chat-theme="original"] #chatAvatarPicker .jami-cute-avatar-label {
    display: none !important;
}

html[data-chat-theme="original"] #chatAvatarGrid {
    display: grid !important;
    grid-template-columns: repeat(5,minmax(0,1fr)) !important;
    gap: 7px !important;
}

html[data-chat-theme="original"] #chatAvatarGrid button {
    min-width: 0 !important;
    aspect-ratio: 1 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.055) !important;
}

html[data-chat-theme="original"] .jami-admin-glass-panel,
html[data-chat-theme="original"] .jami-admin-glass-panel *,
html[data-chat-theme="original"] #chatWatchPartyPanel,
html[data-chat-theme="original"] #chatWatchPartyPanel *,
html[data-chat-theme="original"] #chatWatchPartyVisualizerMenu,
html[data-chat-theme="original"] #chatWatchPartyVisualizerMenu *,
html[data-chat-theme="original"] .jami-chat-context-menu,
html[data-chat-theme="original"] .jami-chat-context-menu *,
html[data-chat-theme="original"] .jami-name-history-manager,
html[data-chat-theme="original"] .jami-name-history-manager *,
html[data-chat-theme="original"] .jami-saved-remix-manager,
html[data-chat-theme="original"] .jami-saved-remix-manager * {
    font-family: "Nunito", sans-serif !important;
}

html[data-chat-theme="stars"] .jami-admin-glass-panel,
html[data-chat-theme="stars"] .jami-admin-glass-panel *,
html[data-chat-theme="stars"] #chatWatchPartyPanel,
html[data-chat-theme="stars"] #chatWatchPartyPanel *,
html[data-chat-theme="stars"] #chatWatchPartyVisualizerMenu,
html[data-chat-theme="stars"] #chatWatchPartyVisualizerMenu *,
html[data-chat-theme="stars"] .jami-chat-context-menu,
html[data-chat-theme="stars"] .jami-chat-context-menu * {
    font-family:
        "JamiFredoka",
        "Fredoka",
        "Nunito",
        sans-serif !important;
}

html[data-chat-theme="paws"] .jami-admin-glass-panel,
html[data-chat-theme="paws"] .jami-admin-glass-panel *,
html[data-chat-theme="paws"] #chatWatchPartyPanel,
html[data-chat-theme="paws"] #chatWatchPartyPanel *,
html[data-chat-theme="paws"] #chatWatchPartyVisualizerMenu,
html[data-chat-theme="paws"] #chatWatchPartyVisualizerMenu *,
html[data-chat-theme="paws"] .jami-chat-context-menu,
html[data-chat-theme="paws"] .jami-chat-context-menu * {
    font-family:
        "nintendoh",
        "Nunito",
        sans-serif !important;
}


html[data-chat-theme="paws"] #chatWindow[data-chat-theme="paws"] #chatTitleBar #chatMembersToggle,
html[data-chat-theme="paws"] #chatWindow[data-chat-theme="paws"] #chatTitleBar #chatThemeButton,
html[data-chat-theme="paws"] #chatWindow[data-chat-theme="paws"] #chatTitleBar #chatConnectionStatus,
html[data-chat-theme="paws"] #chatWindow[data-chat-theme="paws"] #chatTitleBar #chatMinimize,
html[data-chat-theme="paws"] #chatWindow[data-chat-theme="paws"] #chatTitleBar button[data-admin-action],
html[data-chat-theme="paws"] #chatWindow[data-chat-theme="paws"] #chatTitleBar button[data-chat-admin-action] {
    color: rgba(238, 157, 174) !important;
    text-shadow: none !important;
}

#chatWindow[data-chat-theme="original"] #chatThemeButton,
#chatWindow[data-chat-theme="stars"] #chatThemeButton,
#chatWindow[data-chat-theme="paws"] #chatThemeButton {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 24px !important;
    vertical-align: middle !important;
    transform: none !important;
}

#chatWindow[data-chat-theme="original"] #chatTitleBar > div,
#chatWindow[data-chat-theme="stars"] #chatTitleBar > div,
#chatWindow[data-chat-theme="paws"] #chatTitleBar > div,
#chatWindow[data-chat-theme="original"] #chatTitleBar > div > div,
#chatWindow[data-chat-theme="stars"] #chatTitleBar > div > div,
#chatWindow[data-chat-theme="paws"] #chatTitleBar > div > div {
    align-items: center !important;
}

#chatWindow[data-chat-theme="paws"] .jami-cute-send-arrow,
#chatWindow[data-chat-theme="paws"] .jami-cute-send-arrow:hover,
#chatWindow[data-chat-theme="paws"] .jami-cute-send-arrow:active {
    color: rgba(238, 157, 174) !important;
    border-color: rgba(238, 157, 174, .28) !important;
    background: rgba(238, 157, 174, .14) !important;
    box-shadow: none !important;
}

#chatWindow[data-chat-theme="original"] #chatWatchPartyButton.hidden,
#chatWindow[data-chat-theme="stars"] #chatWatchPartyButton.hidden,
#chatWindow[data-chat-theme="paws"] #chatWatchPartyButton.hidden {
    display: none !important;
}

body > #chatEmojiPicker {
    position: fixed !important;
    z-index: 100004 !important;
    margin: 0 !important;
    max-width: calc(100vw - 16px) !important;
}



html[data-chat-theme="paws"][data-chat-pastel="paws"]
#chatWindow[data-chat-theme="paws"][data-chat-pastel="paws"]
#chatBanManagerButton.theme-body,
html[data-chat-theme="paws"][data-chat-pastel="paws"]
#chatWindow[data-chat-theme="paws"][data-chat-pastel="paws"]
#chatPartyManagerButton.theme-body,
html[data-chat-theme="paws"][data-chat-pastel="paws"]
#chatWindow[data-chat-theme="paws"][data-chat-pastel="paws"]
#chatMembersToggle.theme-body,
html[data-chat-theme="paws"][data-chat-pastel="paws"]
#chatWindow[data-chat-theme="paws"][data-chat-pastel="paws"]
#chatThemeButton.theme-body,
html[data-chat-theme="paws"][data-chat-pastel="paws"]
#chatWindow[data-chat-theme="paws"][data-chat-pastel="paws"]
#chatMinimize {
    color: rgba(238, 157, 174) !important;
    text-shadow: none !important;
}

html[data-chat-theme="paws"][data-chat-pastel="paws"]
#chatWindow[data-chat-theme="paws"][data-chat-pastel="paws"]
#chatSend.jami-cute-send-arrow,
html[data-chat-theme="paws"][data-chat-pastel="paws"]
#chatWindow[data-chat-theme="paws"][data-chat-pastel="paws"]
#chatSend.jami-cute-send-arrow:hover,
html[data-chat-theme="paws"][data-chat-pastel="paws"]
#chatWindow[data-chat-theme="paws"][data-chat-pastel="paws"]
#chatSend.jami-cute-send-arrow:active {
    color: rgba(238, 157, 174) !important;
    border-color: rgba(238, 157, 174, .28) !important;
    background: rgba(238, 157, 174, .14) !important;
    box-shadow: none !important;
}

#chatWindow[data-chat-theme="original"] #chatThemeButton,
#chatWindow[data-chat-theme="stars"] #chatThemeButton,
#chatWindow[data-chat-theme="paws"] #chatThemeButton {
    display: inline-block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: normal !important;
    vertical-align: baseline !important;
    transform: translateY(-1px) !important;
}

#chatWindow[data-chat-theme="original"]:not(.h-10) {
    width: 440px !important;
    height: 450px !important;
    max-width: calc(100vw - 2rem) !important;
}

#chatWindow[data-chat-theme="original"].h-10 {
    width: 440px !important;
    height: 40px !important;
    max-width: calc(100vw - 2rem) !important;
}


#chatWindow[data-chat-theme="original"] {
    --heading-font: "Nunito", sans-serif;
    --body-font: "Nunito", sans-serif;
    border-width: 0 !important;
    border-color: transparent !important;
}

#chatWindow[data-chat-theme="stars"] {
    --heading-font: "JamiFredoka", "Fredoka", "Nunito", sans-serif;
    --body-font: "JamiFredoka", "Fredoka", "Nunito", sans-serif;
}

#chatWindow[data-chat-theme="paws"] {
    --heading-font: "Fink", "nintendoh", "Nunito", sans-serif;
    --body-font: "nintendoh", "Nunito", sans-serif;
}

#chatWindow[data-chat-theme="original"] #chatThemeButton {
    transform: translateY(-3px) !important;
}

#chatWindow[data-chat-theme="stars"] #chatThemeButton {
    transform: translateY(-2px) !important;
}

#chatWindow[data-chat-theme="paws"] #chatThemeButton {
    transform: translateY(-1px) !important;
}

#chatWindow[data-chat-theme="original"] #chatTitle {
    font-size: 11px !important;
    letter-spacing: .055em !important;
}

#chatWindow[data-chat-theme="original"] #chatMembersToggle,
#chatWindow[data-chat-theme="original"] #chatThemeButton,
#chatWindow[data-chat-theme="original"] #chatConnectionStatus,
#chatWindow[data-chat-theme="original"] #chatBanManagerButton,
#chatWindow[data-chat-theme="original"] #chatPartyManagerButton {
    font-size: 8px !important;
}

#chatWindow[data-chat-theme="original"] #chatMotd,
#chatWindow[data-chat-theme="original"] #chatMotd * {
    font-size: 8px !important;
}

#chatWindow[data-chat-theme="original"] .chatMessage {
    font-size: 11px !important;
    line-height: 1.34 !important;
}

#chatWindow[data-chat-theme="original"] .chatMessageName {
    font-size: 11px !important;
}

#chatWindow[data-chat-theme="original"] .chatText {
    font-size: 11px !important;
}

#chatWindow[data-chat-theme="original"] .chatTime,
#chatWindow[data-chat-theme="original"] .chatContinuationTime {
    font-size: 8px !important;
}

#chatWindow[data-chat-theme="original"] #chatMembersPanel .theme-heading {
    font-size: 8px !important;
}

#chatWindow[data-chat-theme="original"] #chatMembers {
    font-size: 9px !important;
}

#chatWindow[data-chat-theme="original"] #chatMembers * {
    font-size: 9px !important;
}

#chatWindow[data-chat-theme="original"] #chatTyping {
    font-size: 8px !important;
}

#chatWindow[data-chat-theme="original"] .jami-cute-avatar-button {
    flex-basis: 40px !important;
    width: 40px !important;
    height: 40px !important;
}

#chatWindow[data-chat-theme="original"] .jami-cute-avatar-button img {
    width: 32px !important;
    height: 32px !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-name-input {
    height: 40px !important;
    padding: 0 11px !important;
    font-size: 10px !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-message-input {
    height: 34px !important;
    padding: 0 11px !important;
    font-size: 10px !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-image-button,
#chatWindow[data-chat-theme="original"] .jami-original-emoji-button,
#chatWindow[data-chat-theme="original"] #chatWatchPartyButton {
    flex-basis: 34px !important;
    width: 34px !important;
    height: 34px !important;
    font-size: 14px !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-send-button,
#chatWindow[data-chat-theme="original"] .jami-original-send-button:hover,
#chatWindow[data-chat-theme="original"] .jami-original-send-button:active {
    height: 30px !important;
    font-size: 9px !important;
}

#chatWindow[data-chat-theme="original"] #chatControls {
    gap: 7px !important;
    padding: 9px !important;
}

html[data-chat-theme="paws"] #chatWindow[data-chat-theme="paws"],
html[data-chat-theme="paws"] #chatWindow[data-chat-theme="paws"] .theme-body,
html[data-chat-theme="paws"] #chatWindow[data-chat-theme="paws"] button,
html[data-chat-theme="paws"] #chatWindow[data-chat-theme="paws"] input,
html[data-chat-theme="paws"] #chatWindow[data-chat-theme="paws"] textarea,
html[data-chat-theme="paws"] #chatWindow[data-chat-theme="paws"] .chatMessage,
html[data-chat-theme="paws"] #chatWindow[data-chat-theme="paws"] .chatMessage *,
html[data-chat-theme="paws"] #chatWindow[data-chat-theme="paws"] #chatMembers,
html[data-chat-theme="paws"] #chatWindow[data-chat-theme="paws"] #chatMembers * {
    font-family: "nintendoh", "Nunito", sans-serif !important;
}

html[data-chat-theme="paws"] #chatWindow[data-chat-theme="paws"] #chatTitle,
html[data-chat-theme="paws"] #chatWindow[data-chat-theme="paws"] #chatMembersPanel .theme-heading {
    font-family: "Fink", "nintendoh", "Nunito", sans-serif !important;
}



#chatWindow[data-chat-theme="original"] {
    width: 480px !important;
    height: 500px !important;
    max-width: calc(100vw - 2rem) !important;
    scale: .9 !important;
    border: 0 !important;
    border-color: transparent !important;
    background: rgba(0, 0, 0, .20) !important;
    color: #fff !important;
    box-shadow: var(--tw-shadow) !important;

}

#chatWindow[data-chat-theme="original"].h-10 {
    width: 480px !important;
    height: 40px !important;
    max-width: calc(100vw - 2rem) !important;
    scale: .9 !important;
}

#chatWindow[data-chat-theme="original"],
#chatWindow[data-chat-theme="original"] * {
    font-family: "nunito", "Nunito", sans-serif !important;
}

#chatWindow[data-chat-theme="original"] #chatTitleBar {
    min-height: 40px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
    background: rgba(0, 0, 0, .10) !important;
}

#chatWindow[data-chat-theme="original"] #chatTitle {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;
    color: #fff !important;
}

#chatWindow[data-chat-theme="original"] #chatMembersToggle,
#chatWindow[data-chat-theme="original"] #chatThemeButton,
#chatWindow[data-chat-theme="original"] #chatBanManagerButton,
#chatWindow[data-chat-theme="original"] #chatPartyManagerButton {
    font-size: 9px !important;
    color: rgba(255, 255, 255, .50) !important;
}

#chatWindow[data-chat-theme="original"] #chatConnectionStatus {
    font-size: 9px !important;
}

#chatWindow[data-chat-theme="original"] #chatMinimize {
    width: 24px !important;
    height: 24px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    color: rgba(255, 255, 255, .55) !important;
}

#chatWindow[data-chat-theme="original"] #chatMotd {
    padding: 6px 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
    background: rgba(0, 0, 0, .05) !important;
    font-size: 9px !important;
    line-height: 1.625 !important;
    color: rgba(255, 255, 255, .65) !important;
}

#chatWindow[data-chat-theme="original"] #chatMotd * {
    font-size: 9px !important;
}

#chatWindow[data-chat-theme="original"] #chatMessages {
    padding: 12px 4px !important;
    font-size: 12px !important;
}

#chatWindow[data-chat-theme="original"] .chatMessage {
    padding: 6px 5px 0 10px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

#chatWindow[data-chat-theme="original"] .chatMessage[data-continuation="true"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#chatWindow[data-chat-theme="original"] .chatMessageName,
#chatWindow[data-chat-theme="original"] .chatText {
    font-size: 12px !important;
}

#chatWindow[data-chat-theme="original"] .chatTime,
#chatWindow[data-chat-theme="original"] .chatContinuationTime {
    font-size: 9px !important;
}

#chatWindow[data-chat-theme="original"] #chatMembersPanel {
    width: 112px !important;
    padding: 12px 8px !important;
    border-left: 1px solid rgba(255, 255, 255, .10) !important;
    background: rgba(0, 0, 0, .05) !important;
}

#chatWindow[data-chat-theme="original"] #chatMembersPanel .theme-heading {
    margin-bottom: 12px !important;
    font-size: 9px !important;
    color: rgba(255, 255, 255, .50) !important;
}

#chatWindow[data-chat-theme="original"] #chatMembers,
#chatWindow[data-chat-theme="original"] #chatMembers * {
    font-size: 10px !important;
}

#chatWindow[data-chat-theme="original"] #chatTyping {
    padding: 4px 12px !important;
    font-size: 9px !important;
    color: rgba(255, 255, 255, .45) !important;
}

#chatWindow[data-chat-theme="original"] #chatControls {
    gap: 8px !important;
    padding: 12px !important;
    border-top: 1px solid rgba(255, 255, 255, .10) !important;
    background: rgba(0, 0, 0, .10) !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-composer {
    gap: 8px !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-name-row,
#chatWindow[data-chat-theme="original"] .jami-original-message-row {
    gap: 8px !important;
}

#chatWindow[data-chat-theme="original"] .jami-cute-avatar-button {
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 12px !important;
    background: rgba(0, 0, 0, .20) !important;
    box-shadow: none !important;
}

#chatWindow[data-chat-theme="original"] .jami-cute-avatar-button img {
    width: 40px !important;
    height: 40px !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-name-input {
    width: 100% !important;
    height: 44px !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 12px !important;
    background: rgba(0, 0, 0, .30) !important;
    color: #fff !important;
    font-size: 12px !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-message-input {
    height: 36px !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 12px !important;
    background: rgba(0, 0, 0, .30) !important;
    color: #fff !important;
    font-size: 12px !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-name-input::placeholder,
#chatWindow[data-chat-theme="original"] .jami-original-message-input::placeholder {
    color: rgba(255, 255, 255, .35) !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-image-button,
#chatWindow[data-chat-theme="original"] .jami-original-emoji-button,
#chatWindow[data-chat-theme="original"] #chatWatchPartyButton {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 12px !important;
    background: rgba(0, 0, 0, .20) !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1 !important;
    box-shadow: none !important;
    transform: none !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-send-button,
#chatWindow[data-chat-theme="original"] .jami-original-send-button:hover,
#chatWindow[data-chat-theme="original"] .jami-original-send-button:active {
    width: 100% !important;
    height: auto !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .05) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: inherit !important;
    box-shadow: none !important;
    transform: none !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-send-button:hover {
    background: rgba(255, 255, 255, .10) !important;
}

html[data-chat-theme="original"] #chatAvatarPicker {
    width: 224px !important;
    padding: 12px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 16px !important;
    background: #1f1f1f !important;
}

html[data-chat-theme="original"] #chatAvatarPicker .jami-cute-profile-title {
    margin: 0 0 12px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;
    color: rgba(255, 255, 255, .60) !important;
    text-transform: uppercase !important;
}

html[data-chat-theme="original"] #chatAvatarGrid {
    gap: 8px !important;
}

#chatWindow[data-chat-theme="original"] .jami-chat-pastel-decor {
    display: none !important;
}

#chatWindow[data-chat-theme="original"] #chatWatchPartyButton.hidden {
    display: none !important;
}




#chatWindow[data-chat-theme="original"]:not(.h-10) {
    width: 480px !important;
    height: 500px !important;
    max-width: calc(100vw - 2rem) !important;
}


#chatWindow[data-chat-theme="original"] .chatContinuationTime {
    font-size: 8px !important;
}








html[data-chat-theme="original"]
#chatWindow[data-chat-theme="original"]
.jami-original-name-field {
    position: relative !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

html[data-chat-theme="original"]
#chatWindow[data-chat-theme="original"]
#chatName.chat-discord-name-active {
    padding-top: 0.3rem !important;
    padding-right: 5.25rem !important;
    padding-bottom: 0.95rem !important;
}

html[data-chat-theme="original"]
#chatWindow[data-chat-theme="original"]
#chatDiscordUsername {
    position: absolute !important;
    left: 0.75rem !important;
    bottom: 0.375rem !important;
    display: block;
    max-width: calc(100% - 5.5rem) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: rgba(255,255,255,.40) !important;
    font-size: 8px !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

html[data-chat-theme="original"]
#chatWindow[data-chat-theme="original"]
#chatDiscordUsername.hidden {
    display: none !important;
}

html[data-chat-theme="original"]
#chatWindow[data-chat-theme="original"]
#chatDiscordLogout {
    position: absolute !important;
    right: 0.5rem !important;
    top: 50% !important;
    z-index: 1 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0.25rem 0.5rem !important;
    transform: translateY(-50%) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 0.5rem !important;
    background: rgba(255,255,255,.05) !important;
    color: rgba(255,255,255,.60) !important;
    font-size: 8px !important;
    line-height: 1rem !important;
    white-space: nowrap !important;
}

html[data-chat-theme="original"]
#chatWindow[data-chat-theme="original"]
#chatDiscordLogout.hidden {
    display: none !important;
}

html[data-chat-theme="original"]
#chatWindow[data-chat-theme="original"]
#chatDiscordLogout:hover {
    background: rgba(255,255,255,.10) !important;
    color: #fff !important;
}


html[data-chat-theme="original"]
#chatWindow[data-chat-theme="original"]
#chatAvatarButton img.rounded-full {
    width: 40px !important;
    height: 40px !important;
}



#chatWindow[data-chat-theme="original"] #chatControls {
    padding: 12px !important;
    background: rgba(0, 0, 0, 0.10) !important;
}




#chatWindow[data-chat-theme="original"] .jami-cute-avatar-button {
    flex-basis: 43px !important;
    width: 43px !important;
    height: 43px !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-name-input {
    height: 43px !important;
}

#chatWindow[data-chat-theme="original"] .jami-original-send-button,
#chatWindow[data-chat-theme="original"] .jami-original-send-button:hover,
#chatWindow[data-chat-theme="original"] .jami-original-send-button:active {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

html[data-chat-theme="original"]
#chatWindow[data-chat-theme="original"]
#chatDiscordLogout {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}



#chatWindow[data-chat-theme="original"] .jami-cute-avatar-button {
    flex-basis: 42px !important;
    width: 42px !important;
    height: 42px !important;
}

html[data-chat-theme="original"]
#chatWindow[data-chat-theme="original"]
#chatDiscordLogout {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}




#chatWindow[data-chat-theme="original"] .jami-cute-avatar-button {
    flex-basis: 43px !important;
    width: 43px !important;
    height: 43px !important;
}



#chatWindow[data-chat-theme="original"] .jami-cute-avatar-button {
    flex-basis: 44px !important;
    width: 44px !important;
    height: 44px !important;
}



#chatWindow[data-chat-theme="original"] .jami-original-name-input {
    height: 44px !important;
}





html[data-chat-theme="original"]
#chatWindow[data-chat-theme="original"]
#chatDiscordUsername {
    bottom: 7px !important;
}


#chatWindow[data-chat-theme="original"] .jami-original-message-input {
    padding-top: 7px !important;
    padding-bottom: 9px !important;
}



html[data-chat-theme="original"]
#chatWindow[data-chat-theme="original"]
#chatDiscordUsername {
    bottom: 8px !important;
}



html[data-chat-theme="original"]
#chatWindow[data-chat-theme="original"]
#chatDiscordUsername {
    line-height: 10px !important;
}









#chatWindow[data-chat-theme="original"] {
    --body-font: inherit !important;
    --heading-font: inherit !important;
}


html[data-chat-theme="original"]
#chatWindow[data-chat-theme="original"],
html[data-chat-theme="original"]
#chatWindow[data-chat-theme="original"] * {
    font-family:
        var(--body-font, "Nunito", sans-serif) !important;
}


html[data-chat-theme="original"]
#chatWindow[data-chat-theme="original"] .theme-heading,
html[data-chat-theme="original"]
#chatWindow[data-chat-theme="original"] #chatTitle,
html[data-chat-theme="original"]
#chatWindow[data-chat-theme="original"] #chatMembersPanel .theme-heading {
    font-family:
        var(--heading-font, "Nunito", sans-serif) !important;
}


html[data-chat-theme="original"] .jami-admin-glass-panel,
html[data-chat-theme="original"] .jami-admin-glass-panel *,
html[data-chat-theme="original"] #chatWatchPartyPanel,
html[data-chat-theme="original"] #chatWatchPartyPanel *,
html[data-chat-theme="original"] #chatWatchPartyVisualizerMenu,
html[data-chat-theme="original"] #chatWatchPartyVisualizerMenu *,
html[data-chat-theme="original"] .jami-chat-context-menu,
html[data-chat-theme="original"] .jami-chat-context-menu *,
html[data-chat-theme="original"] .jami-name-history-manager,
html[data-chat-theme="original"] .jami-name-history-manager *,
html[data-chat-theme="original"] .jami-saved-remix-manager,
html[data-chat-theme="original"] .jami-saved-remix-manager *,
html[data-chat-theme="original"] [class*="jami-remix-"],
html[data-chat-theme="original"] [class*="jami-remix-"] * {
    font-family:
        var(--body-font, "Nunito", sans-serif) !important;
}


html[data-chat-theme="original"] .jami-admin-glass-panel .theme-heading,
html[data-chat-theme="original"] #chatWatchPartyPanel .theme-heading,
html[data-chat-theme="original"] #chatWatchPartyVisualizerMenu .theme-heading,
html[data-chat-theme="original"] .jami-chat-context-menu .theme-heading,
html[data-chat-theme="original"] .jami-name-history-manager .theme-heading,
html[data-chat-theme="original"] .jami-saved-remix-manager .theme-heading,
html[data-chat-theme="original"] [class*="jami-remix-"] .theme-heading {
    font-family:
        var(--heading-font, "Nunito", sans-serif) !important;
}










html[data-chat-theme="original"][data-theme="Default"]
#chatWindow[data-chat-theme="original"] {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}



html[data-chat-theme="stars"]
.watch-party-visualizer-window,
html[data-chat-theme="stars"]
.watch-party-visualizer-window *,
html[data-chat-theme="stars"]
.jami-saved-remix-manager,
html[data-chat-theme="stars"]
.jami-saved-remix-manager *,
html[data-chat-theme="stars"]
.jami-name-history-manager,
html[data-chat-theme="stars"]
.jami-name-history-manager * {
    font-family:
        "JamiFredoka",
        "Fredoka",
        "Nunito",
        sans-serif !important;
}

html[data-chat-theme="paws"]
.watch-party-visualizer-window,
html[data-chat-theme="paws"]
.watch-party-visualizer-window *,
html[data-chat-theme="paws"]
.jami-saved-remix-manager,
html[data-chat-theme="paws"]
.jami-saved-remix-manager *,
html[data-chat-theme="paws"]
.jami-name-history-manager,
html[data-chat-theme="paws"]
.jami-name-history-manager * {
    font-family:
        "nintendoh",
        "Nunito",
        sans-serif !important;
}















html[data-chat-theme="original"][data-theme="Default"]
#chatWindow[data-chat-theme="original"] {
    border-color: rgba(255, 255, 255, 0.15) !important;
}









html[data-chat-theme="stars"] #chatWatchPartyPanel,
html[data-chat-theme="stars"] #chatWatchPartyVisualizerMenu,
html[data-chat-theme="stars"] .watch-party-visualizer-window,
html[data-chat-theme="paws"] #chatWatchPartyPanel,
html[data-chat-theme="paws"] #chatWatchPartyVisualizerMenu,
html[data-chat-theme="paws"] .watch-party-visualizer-window {
    border: 0 !important;
    border-color: transparent !important;
}



#chatWindow[data-chat-theme="original"] .jami-original-message-input {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}









html[data-chat-theme="original"][data-theme="Default"]
#chatWatchPartyPanel [data-watch-party-now-playing-heading],
html[data-chat-theme="original"][data-theme="Cat"]
#chatWatchPartyPanel [data-watch-party-now-playing-heading] {
    font-family:
        var(--heading-font, "Nunito", sans-serif) !important;
}


html[data-chat-theme="original"][data-theme="Default"]
#chatWatchPartyPanel [data-watch-party-time],
html[data-chat-theme="original"][data-theme="Cat"]
#chatWatchPartyPanel [data-watch-party-time] {
    font-family: "Nunito", sans-serif !important;
}





html[data-chat-theme="original"][data-theme="Cat"]
#chatWindow[data-chat-theme="original"] .jami-original-message-input {
    padding-top: 9px !important;
    padding-bottom: 7px !important;
}




html[data-chat-theme="original"][data-theme="Cat"]
#chatWindow[data-chat-theme="original"] .jami-original-message-input {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}










html[data-chat-theme="original"] .jami-reaction-tooltip {
    font-family:
        var(--body-font, "Nunito", sans-serif) !important;
}

html[data-chat-theme="stars"] .jami-reaction-tooltip {
    font-family:
        "JamiFredoka",
        "Fredoka",
        "Nunito",
        sans-serif !important;
}

html[data-chat-theme="paws"] .jami-reaction-tooltip {
    font-family:
        "nintendoh",
        "Nunito",
        sans-serif !important;
}







#chatWindow[data-chat-theme="stars"] #chatThemeButton {
    transform: translateY(-3px) !important;
    font-size: 10px !important;
}


#chatWindow[data-chat-theme="paws"] #chatThemeButton {
    font-size: 10px !important;
}



html[data-chat-theme="original"][data-theme="Default"]
#chatWindow[data-chat-theme="original"] #chatThemeButton,
html[data-chat-theme="original"][data-theme="Cat"]
#chatWindow[data-chat-theme="original"] #chatThemeButton {
    position: relative !important;
    top: -1px !important;
}








#chatWindow .jami-chat-theme-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#chatWindow #chatThemeButton {
    position: static !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    transform: none !important;
}


#chatWindow[data-chat-theme="stars"] #chatThemeButton {
    font-size: 10px !important;
}

#chatWindow[data-chat-theme="paws"] #chatThemeButton {
    font-size: 9px !important;
}




#chatWindow[data-chat-theme="original"] .jami-original-message-input {
    padding-top: 7px !important;
    padding-bottom: 9px !important;
}










#chatWindow .jami-chat-theme-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

#chatWindow #chatThemeButton {
    position: static !important;
    top: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    align-self: center !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
    vertical-align: baseline !important;
    transform: none !important;
}


#chatWindow[data-chat-theme="stars"] #chatThemeButton {
    font-size: 10px !important;
}

#chatWindow[data-chat-theme="paws"] #chatThemeButton {
    font-size: 9px !important;
}













#chatWindow[data-chat-theme="stars"]:not(.h-10),
#chatWindow[data-chat-theme="paws"]:not(.h-10) {
    width: 480px !important;
    height: 500px !important;
    max-width: calc(100vw - 2rem) !important;
}


#chatWindow[data-chat-pastel] .jami-chat-shell-decor {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    overflow: hidden !important;
    pointer-events: none !important;
    border-radius: inherit !important;
}

#chatWindow[data-chat-pastel] .jami-chat-shell-decor
.jami-chat-star,
#chatWindow[data-chat-pastel] .jami-chat-shell-decor
.jami-chat-paw {
    position: absolute !important;
    pointer-events: none !important;
}

#chatWindow[data-chat-pastel] > #chatTitleBar,
#chatWindow[data-chat-pastel] > #chatMotd,
#chatWindow[data-chat-pastel] > #chatMain,
#chatWindow[data-chat-pastel] > #chatTyping,
#chatWindow[data-chat-pastel] > #chatControls {
    position: relative !important;
    z-index: 2 !important;
}




#chatWindow[data-chat-theme="paws"] .chatMessageName {
    color: rgb(238, 157, 174) !important;
}

#chatWindow[data-chat-theme="paws"] .chatText,
#chatWindow[data-chat-theme="paws"] .messageBody,
#chatWindow[data-chat-theme="paws"] .chatReactionSummary,
#chatWindow[data-chat-theme="paws"] .jami-reply-preview-text {
    color: rgb(104, 82, 91) !important;
}

#chatWindow[data-chat-theme="paws"] .chatTime,
#chatWindow[data-chat-theme="paws"] .chatContinuationTime {
    color: rgba(201, 118, 139, .78) !important;
}


#chatWindow[data-chat-theme="paws"] .chatContinuationTime {
    opacity: 0 !important;
}

#chatWindow[data-chat-theme="paws"]
.chatMessage:hover .chatContinuationTime {
    opacity: 1 !important;
}


#chatWindow[data-chat-theme="paws"]
.jami-chat-shell-paw {
    filter:
        drop-shadow(
            0 1px 1px
            rgba(255,255,255,.24)
        ) !important;
}










#chatWindow[data-chat-theme="stars"]:not(.h-10),
#chatWindow[data-chat-theme="paws"]:not(.h-10) {
    width: 480px !important;
    height: 500px !important;
    max-width: calc(100vw - 2rem) !important;
    scale: .9 !important;
    transform-origin: bottom right !important;
}


#chatWindow[data-chat-pastel] > #chatTitleBar,
#chatWindow[data-chat-pastel] > #chatMotd,
#chatWindow[data-chat-pastel] > #chatMain,
#chatWindow[data-chat-pastel] > #chatTyping,
#chatWindow[data-chat-pastel] > #chatControls {
    z-index: 2 !important;
}


#chatWindow[data-chat-pastel] .jami-chat-shell-decor {
    z-index: 0 !important;
    pointer-events: none !important;
}


#chatWindow[data-chat-pastel] .jami-chat-pastel-decor {
    pointer-events: none !important;
}


#chatWindow #chatTitleBar {
    overflow: visible !important;
}

#chatWindow .jami-chat-theme-wrap {
    position: relative !important;
    z-index: 100007 !important;
}

#chatWindow #chatThemeMenu {
    z-index: 100008 !important;
    pointer-events: auto;
}


#chatWindow #chatThemeMenu.invisible,
#chatWindow #chatThemeMenu.pointer-events-none {
    pointer-events: none !important;
}


#chatWindow[data-chat-theme="paws"] .jami-chat-shell-paw {
    filter:
        drop-shadow(
            0 1px 1px
            rgba(255,255,255,.35)
        )
        saturate(1.08) !important;
}







body > .jami-chat-theme-menu[data-chat-theme-owner="stars"] {
    font-family:
        "JamiFredoka",
        "Fredoka",
        "Nunito",
        sans-serif !important;

    border-color:
        rgba(220,209,255,.42) !important;

    background:
        rgba(85,75,155,.94) !important;
}

body > .jami-chat-theme-menu[data-chat-theme-owner="paws"] {
    font-family:
        "nintendoh",
        "Nunito",
        sans-serif !important;

    border-color:
        rgba(238,157,174,.34) !important;

    background:
        rgba(255,241,244,.97) !important;
}

body > .jami-chat-theme-menu[data-chat-theme-owner="paws"] button {
    color:
        rgb(238,157,174) !important;
}

body > .jami-chat-theme-menu[data-chat-theme-owner="paws"] button:hover,
body > .jami-chat-theme-menu[data-chat-theme-owner="paws"] button.is-active {
    color:
        rgb(238,157,174) !important;

    background:
        rgba(238,157,174,.14) !important;
}

body > .jami-chat-theme-menu[data-chat-theme-owner="original"] {
    font-family:
        "nunito",
        "Nunito",
        sans-serif !important;
}


body > .jami-chat-theme-menu {
    overflow: visible !important;
    pointer-events: auto;
}


body > .jami-chat-theme-menu.invisible,
body > .jami-chat-theme-menu.pointer-events-none {
    pointer-events: none !important;
}


#chatWindow[data-chat-theme="paws"] .jami-chat-shell-paw {
    filter:
        drop-shadow(
            0 1px 1px
            rgba(255,255,255,.42)
        )
        saturate(1.18) !important;
}








#chatWindow[data-chat-theme="stars"].h-10,
#chatWindow[data-chat-theme="paws"].h-10 {
    width: 480px !important;
    height: 40px !important;
    max-width: calc(100vw - 2rem) !important;
    scale: .9 !important;
    transform-origin: bottom right !important;
}


#chatWindow[data-chat-theme="stars"] #chatConnectionStatus,
#chatWindow[data-chat-theme="paws"] #chatConnectionStatus {
    color: rgb(137, 226, 181) !important;
}


#chatWindow[data-chat-theme="stars"]
#chatSend.jami-cute-send-arrow,
#chatWindow[data-chat-theme="stars"]
#chatSend.jami-cute-send-arrow:hover,
#chatWindow[data-chat-theme="stars"]
#chatSend.jami-cute-send-arrow:active {
    color: rgb(104, 88, 176) !important;
}


#chatWindow[data-chat-theme="stars"] .chatTime,
#chatWindow[data-chat-theme="stars"] .chatContinuationTime {
    color: rgba(218, 205, 255, .82) !important;
}


#chatWindow[data-chat-theme="stars"] .chatContinuationTime {
    opacity: 0 !important;
}

#chatWindow[data-chat-theme="stars"]
.chatMessage:hover .chatContinuationTime {
    opacity: 1 !important;
}


html[data-chat-theme="paws"] .jami-reaction-tooltip {
    color: rgb(238, 157, 174) !important;
}


#chatWindow[data-chat-theme="stars"] .jami-chat-shell-decor
.jami-chat-star-tiny {
    opacity: .72;
}

#chatWindow[data-chat-theme="paws"] .jami-chat-shell-paw {
    filter:
        drop-shadow(
            0 1px 1px
            rgba(255,255,255,.46)
        )
        saturate(1.22) !important;
}








#chatWindow[data-chat-theme="paws"]
#chatMembersPanel .theme-heading,
#chatWindow[data-chat-theme="paws"]
#chatMembers .chatMemberName,
#chatWindow[data-chat-theme="paws"]
#chatMembers [data-member-name] {
    color: rgba(201, 118, 139, .78) !important;
}



#chatWindow[data-chat-theme="stars"]
#chatSend.jami-cute-send-arrow,
#chatWindow[data-chat-theme="stars"]
#chatSend.jami-cute-send-arrow:hover,
#chatWindow[data-chat-theme="stars"]
#chatSend.jami-cute-send-arrow:active {
    color: #ffffff !important;
    background: rgb(112, 96, 184) !important;
    border-color: rgba(255,255,255,.18) !important;
}






#chatWindow[data-chat-theme="stars"] #chatConnectionStatus,
#chatWindow[data-chat-theme="paws"] #chatConnectionStatus {
    color: rgb(176, 239, 199) !important;
}










html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatTitleBar #chatConnectionStatus,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatTitleBar #chatConnectionStatus {
    color: #a6dbb8 !important;
    text-shadow: none !important;
}



html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatMembersPanel .theme-heading,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatMembers > div > span {
    color: rgba(201, 118, 139, .78) !important;
}


html[data-chat-theme="paws"] .jami-reaction-tooltip {
    color:
        rgba(
            var(--chat-muted-rgb),
            .88
        ) !important;
}



#chatWindow[data-chat-theme="stars"] .chatTime,
#chatWindow[data-chat-theme="stars"] .chatContinuationTime {
    color: rgba(194, 190, 237, .94) !important;
}


html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatMembersPanel .theme-heading,
html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatMembers > div > span {
    color: rgba(194, 190, 237, .94) !important;
}










html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatMembersPanel .theme-heading,
html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatMembers > div > span {
    color: #ffffff !important;
}


html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatBanManagerButton,
html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatPartyManagerButton,
html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatMembersToggle,
html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatThemeButton {
    color: #ffffff !important;
}


html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatSend.jami-cute-send-arrow,
html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatSend.jami-cute-send-arrow:hover,
html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatSend.jami-cute-send-arrow:active {
    color: #ffffff !important;
    background: #ae98dd !important;
    border-color: rgba(255,255,255,.22) !important;
}



html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatEmojiButton,
html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatImageUploadButton {
    color: #ae98dd !important;
    background: transparent !important;
    font-size: 24px !important;
    line-height: 1 !important;
}




html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatTitle,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatTitle::before,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatTitle::after {
    color: #a04b63 !important;
}


html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.chatText,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.messageBody {
    color: #6f506c !important;
}


html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.chatTime,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.chatContinuationTime {
    color: #a04b63 !important;
}


html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatMembersPanel .theme-heading,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatMembers > div > span {
    color: #d8667a !important;
}


html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.chatMessageName {
    color: #ed6a7c !important;
}


html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatBanManagerButton,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatPartyManagerButton,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatMembersToggle,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatThemeButton,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatMinimize {
    color: #ed6a7c !important;
}


html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatSend.jami-cute-send-arrow,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatSend.jami-cute-send-arrow:hover,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatSend.jami-cute-send-arrow:active {
    color: #ffffff !important;
    background: #ee9dad !important;
    border-color: rgba(255,255,255,.32) !important;
}


html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatMessage {
    color: #ee9dad !important;
}

html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatMessage::placeholder {
    color: #ee9dad !important;
    opacity: 1 !important;
}



html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatEmojiButton,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatImageUploadButton {
    color: #ee9dad !important;
    background: transparent !important;
    font-size: 24px !important;
    line-height: 1 !important;
}










html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatMembersPanel .theme-heading,
html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatMembers > div > span {
    color: #ffffff !important;
}



html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatTitleBar #chatBanManagerButton,
html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatTitleBar #chatPartyManagerButton,
html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatTitleBar #chatMembersToggle,
html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatTitleBar #chatThemeButton {
    color: #ffffff !important;
    text-shadow: none !important;
}


html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatEmojiButton,
html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatImageUploadButton {
    color: #8271bc !important;
    background: transparent !important;
    font-size: 24px !important;
    line-height: 1 !important;
}


html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
#chatMessage::placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}




html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatTitle,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatTitle::before,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatTitle::after {
    color: #c1758a !important;
}


html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.chatTime,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.chatContinuationTime {
    color: #c1758a !important;
}


html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatMembersPanel .theme-heading,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatMembers > div > span {
    color: #d76e82 !important;
}



html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatTitleBar #chatBanManagerButton,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatTitleBar #chatPartyManagerButton,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatTitleBar #chatMembersToggle,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatTitleBar #chatThemeButton,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatTitleBar #chatMinimize {
    color: #d76e82 !important;
    text-shadow: none !important;
}


html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatSend.jami-cute-send-arrow,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatSend.jami-cute-send-arrow:hover,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatSend.jami-cute-send-arrow:active {
    color: #ffffff !important;
    background: #ee98ab !important;
    border-color: rgba(255,255,255,.32) !important;
}


html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatEmojiButton,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatImageUploadButton {
    color: #ee98ab !important;
    background: transparent !important;
    font-size: 24px !important;
    line-height: 1 !important;
}


html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatMessage::placeholder {
    color: #ee98ab !important;
    opacity: 1 !important;
}









#chatWindow[data-chat-theme="stars"]
.jami-chat-star-haze-main,
#chatWindow[data-chat-theme="stars"]
.jami-chat-star-haze-shell {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

#chatWindow[data-chat-theme="stars"]
.jami-chat-star-haze-main {
    z-index: 0 !important;
    border-radius: inherit !important;
}

#chatWindow[data-chat-theme="stars"]
.jami-chat-star-haze-shell {
    z-index: 0 !important;
    border-radius: inherit !important;
}

#chatWindow[data-chat-theme="stars"]
.jami-chat-star-cloud {
    position: absolute !important;
    display: block !important;
    border-radius: 999px !important;
    pointer-events: none !important;

    background:
        radial-gradient(
            ellipse at center,
            rgba(255,255,255,.88) 0%,
            rgba(235,230,255,.58) 30%,
            rgba(215,207,255,.22) 58%,
            rgba(215,207,255,0) 78%
        ) !important;

    filter:
        blur(18px) !important;
}


#chatWindow[data-chat-theme="stars"]
.jami-chat-pastel-decor,
#chatWindow[data-chat-theme="stars"]
.jami-chat-shell-decor {
    z-index: 1 !important;
}

#chatWindow[data-chat-theme="stars"]
#chatMain > :not(.jami-chat-star-haze-main):not(.jami-chat-pastel-decor) {
    position: relative;
    z-index: 2;
}




html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatMembersPanel .theme-heading,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatMembers > div > span {
    color: #ee9dad !important;
}



html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatControls #chatSend.jami-cute-send-arrow,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatControls #chatSend.jami-cute-send-arrow:hover,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatControls #chatSend.jami-cute-send-arrow:focus,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatControls #chatSend.jami-cute-send-arrow:active {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: #ee98ab !important;
    border-color: rgba(255,255,255,.34) !important;
    text-shadow: none !important;
}

#chatWindow[data-chat-theme="stars"] .jami-transfer-message,
#chatWindow[data-chat-theme="stars"] .jami-transfer-message *,
#chatWindow[data-chat-theme="stars"] .jami-program-message,
#chatWindow[data-chat-theme="stars"] .jami-program-message *,
#chatWindow[data-chat-theme="paws"] .jami-transfer-message,
#chatWindow[data-chat-theme="paws"] .jami-transfer-message *,
#chatWindow[data-chat-theme="paws"] .jami-program-message,
#chatWindow[data-chat-theme="paws"] .jami-program-message * {
    font-family:
        "Nunito",
        sans-serif !important;
}

html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
#chatMembers > div > span {
    color: #ed6a7c !important;
}

html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
.jami-transfer-message,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.jami-transfer-message {
    font-family: "Nunito", sans-serif !important;
    scale: 1.1111111111 !important;
    transform-origin: left top !important;
}

html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
.jami-transfer-message *,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.jami-transfer-message *,
html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
.jami-program-message,
html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
.jami-program-message *,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.jami-program-message,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.jami-program-message * {
    font-family: "Nunito", sans-serif !important;
}

html[data-chat-theme="stars"]
#chatWindow[data-chat-theme="stars"]
.jami-program-message,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.jami-program-message {
    scale: 1.1111111111 !important;
    transform-origin: center center !important;
}


#chatWindow[data-chat-pastel="paws"] .jami-chat-paw svg {
    fill: none !important;
}

#chatWindow[data-chat-pastel="paws"] .jami-chat-paw-shell {
    fill: currentColor !important;
}

#chatWindow[data-chat-pastel="paws"] .jami-chat-paw-pad {
    fill: var(--jami-paw-pad, #ed7f96) !important;
}

#chatWindow[data-chat-theme="paws"] .jami-chat-inline-editor {
    color: #6f506c !important;
}

#chatWindow[data-chat-theme="paws"] .jami-chat-reply-reference,
#chatWindow[data-chat-theme="paws"] .jami-chat-reply-reference-name,
#chatWindow[data-chat-theme="paws"] .jami-chat-reply-reference-preview {
    color: rgba(238, 157, 174, 1) !important;
}

#chatWindow[data-chat-theme="paws"] .jami-chat-reply-reference-preview {
    opacity: 1 !important;
}

html[data-chat-theme="paws"] .jami-reaction-tooltip {
    color: #ed6a7c !important;
}


html[data-chat-theme="paws"] .jami-chat-reply-composer,
html[data-chat-theme="paws"] .jami-chat-reply-composer *,
#chatWindow[data-chat-theme="paws"] .jami-chat-reply-composer,
#chatWindow[data-chat-theme="paws"] .jami-chat-reply-composer * {
    color: rgba(238, 157, 174, 1) !important;
}

html[data-chat-theme="paws"] .jami-chat-reply-cancel,
html[data-chat-theme="paws"] .jami-chat-reply-dismiss,
#chatWindow[data-chat-theme="paws"] .jami-chat-reply-cancel,
#chatWindow[data-chat-theme="paws"] .jami-chat-reply-dismiss {
    color: rgba(238, 157, 174, 1) !important;
}

html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.jami-chat-reply-reference,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.jami-chat-reply-reference-name,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.jami-chat-reply-reference-preview,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.jami-chat-reply-composer,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.jami-chat-reply-composer * {
    color: #ee9dad !important;
}

html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.jami-chat-reply-reference-preview {
    opacity: 1 !important;
}

html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.jami-chat-reply-cancel,
html[data-chat-theme="paws"]
#chatWindow[data-chat-theme="paws"]
.jami-chat-reply-dismiss {
    color: #ee9dad !important;
}

.jami-chat-context-menu-with-submenu {
    overflow: visible;
}

.jami-chat-context-submenu-wrap {
    position: relative;
}

.jami-chat-context-submenu-trigger {
    position: relative;
}

.jami-chat-context-submenu-arrow {
    display: inline-flex;
    width: 10px;
    flex: 0 0 10px;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    font-size: 13px;
    line-height: 1;
    opacity: .72;
}

.jami-chat-context-submenu {
    position: absolute;
    top: 0;
    left: calc(100% - 2px);
    z-index: 100001;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transform: translateX(-2px);
    transition:
        opacity 100ms ease,
        transform 100ms ease,
        visibility 100ms linear;
}

.jami-chat-context-menu-with-submenu[data-submenu-side="left"]
.jami-chat-context-submenu {
    right: calc(100% - 2px);
    left: auto;
    transform: translateX(2px);
}

.jami-chat-context-submenu-wrap:hover
.jami-chat-context-submenu,
.jami-chat-context-submenu-wrap:focus-within
.jami-chat-context-submenu {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
    transform: translateX(0);
}

#chatWindow[data-chat-theme="paws"] #chatTyping {
    color: #6f506c !important;
}

#chatWindow[data-chat-theme="paws"] .jami-chat-edited-marker {
    color: #ee9dad !important;
}

#chatWindow[data-chat-pastel="paws"] .jami-remix-attribution {
    color: #ee9dad;
}


.jami-emoji-animation-picker {
    position: fixed;
    z-index: 100006;
    width: 280px;
    max-width: calc(100vw - 16px);
    max-height: min(460px, calc(100vh - 16px));
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 16px;
    background: rgba(20,20,20,.97);
    color: rgba(255,255,255,.88);
    box-shadow: 0 18px 44px rgba(0,0,0,.38);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);    font-family: system-ui, sans-serif;
}

.jami-emoji-animation-picker-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px 8px;
    border-bottom: 1px solid rgba(255,255,255,.09);
}

.jami-emoji-animation-picker-heading {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.jami-emoji-animation-picker-hint {
    margin-top: 2px;
    font-size: 8px;
    opacity: .55;
}

.jami-emoji-animation-picker-close {
    appearance: none;
    border: 0;
    padding: 2px 5px;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
    opacity: .6;
}

.jami-emoji-animation-picker-close:hover {
    opacity: 1;
}

.jami-emoji-animation-message {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    appearance: none;
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
    opacity: .78;
}

.jami-emoji-animation-message:hover,
.jami-emoji-animation-message:focus-visible {
    opacity: 1;
}

.jami-emoji-animation-message-emoji {
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    object-fit: contain;
    vertical-align: middle;
}

.jami-emoji-animation-visual-image {
    object-fit: contain;
}

.jami-emoji-animation-visual-unicode {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.jami-emoji-animation-recording-layer,
.jami-emoji-animation-playback-layer {
    position: fixed;
    inset: 0;
    z-index: 100010;
}

.jami-emoji-animation-recording-layer {
    pointer-events: auto;
    cursor: none;
}

.jami-emoji-animation-playback-layer {
    pointer-events: none;
}

.jami-emoji-animation-recording-emoji,
.jami-emoji-animation-playback-emoji {
    position: fixed;
    left: 0;
    top: 0;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: contain;
    font-size: 34px;
    line-height: 1;
    will-change: transform;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,.24));
}

.jami-emoji-animation-recording-status {
    position: fixed;
    left: 50%;
    top: 12px;
    transform: translateX(-50%);
    max-width: calc(100vw - 24px);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    padding: 5px 10px;
    background: rgba(15,15,15,.82);
    color: rgba(255,255,255,.86);
    font-size: 9px;
    white-space: nowrap;
    box-shadow: 0 6px 20px rgba(0,0,0,.22);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

html[data-chat-pastel="stars"] .jami-emoji-animation-recording-status {
    background: rgba(121,139,199,.92);
    border-color: rgba(235,225,255,.70);
}

html[data-chat-pastel="paws"] .jami-emoji-animation-recording-status {
    background: rgba(255,233,226,.96);
    border-color: rgba(238,157,174,.42);
    color: #5e4d53;
}

.jami-emoji-combine-menu {
    position: fixed;
    z-index: 100004;
    width: 248px;
    max-width: calc(100vw - 16px);
    padding: 10px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    background: rgba(18,18,18,.97);
    box-shadow: 0 14px 34px rgba(0,0,0,.35);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.jami-emoji-combine-heading {
    margin-bottom: 8px;
    font-size: 9px;
    font-weight: 700;
    text-transform: lowercase;
    opacity: .82;
}

.jami-emoji-combine-tiles {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    max-height: 190px;
    overflow-y: auto;
}

.jami-emoji-combine-tile {
    display: flex;
    min-width: 0;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 6px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    background: rgba(255,255,255,.05);
    color: inherit;
    cursor: pointer;
}

.jami-emoji-combine-tile:hover,
.jami-emoji-combine-tile.is-selected {
    border-color: rgba(255,255,255,.32);
    background: rgba(255,255,255,.11);
}

.jami-emoji-combine-tile:disabled {
    cursor: not-allowed;
    opacity: .28;
}

.jami-emoji-combine-tile-emoji {
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    object-fit: contain;
    font-size: 18px;
    line-height: 1;
}

.jami-emoji-combine-actions {
    display: flex;
    gap: 6px;
    margin-top: 9px;
}

.jami-emoji-combine-action {
    flex: 1;
    padding: 6px 8px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 9px;
    background: rgba(255,255,255,.05);
    color: inherit;
    font: inherit;
    font-size: 9px;
    cursor: pointer;
}

.jami-emoji-combine-action:hover:not(:disabled) {
    background: rgba(255,255,255,.10);
}

.jami-emoji-combine-action:disabled {
    cursor: not-allowed;
    opacity: .35;
}

html[data-chat-theme="original"] .jami-emoji-combine-menu {
    border-color: rgba(255,255,255,.18);
    background: rgba(20,20,20,.34);
    color: rgba(255,255,255,.88);
    box-shadow: 0 14px 34px rgba(0,0,0,.24);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    font-family:
        var(--body-font, "Nunito", sans-serif) !important;
}

html[data-chat-theme="original"] .jami-emoji-combine-menu .theme-body,
html[data-chat-theme="original"] .jami-emoji-combine-menu button {
    font-family:
        var(--body-font, "Nunito", sans-serif) !important;
    color: rgba(255,255,255,.88);
}

html[data-chat-theme="original"] .jami-emoji-combine-menu .theme-heading {
    font-family:
        var(--heading-font, "Nunito", sans-serif) !important;
    color: rgba(255,255,255,.88);
}

html[data-chat-theme="stars"] .jami-emoji-combine-menu {
    border-color: rgba(230,224,255,.58);
    background: rgba(105,96,183,.97);
    color: #ffffff;
    box-shadow: 0 14px 32px rgba(38,31,100,.28);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    font-family:
        "JamiFredoka",
        "Fredoka",
        "Nunito",
        sans-serif !important;
}

html[data-chat-theme="stars"] .jami-emoji-combine-menu *,
html[data-chat-theme="stars"] .jami-emoji-combine-menu .theme-body,
html[data-chat-theme="stars"] .jami-emoji-combine-menu .theme-heading,
html[data-chat-theme="stars"] .jami-emoji-combine-menu button {
    font-family:
        "JamiFredoka",
        "Fredoka",
        "Nunito",
        sans-serif !important;
}

html[data-chat-theme="stars"] .jami-emoji-combine-tile,
html[data-chat-theme="stars"] .jami-emoji-combine-action {
    border-color: rgba(240,236,255,.34);
    background: rgba(255,255,255,.10);
    color: #ffffff;
}

html[data-chat-theme="stars"] .jami-emoji-combine-tile:hover,
html[data-chat-theme="stars"] .jami-emoji-combine-tile.is-selected,
html[data-chat-theme="stars"] .jami-emoji-combine-action:hover:not(:disabled) {
    border-color: rgba(255,255,255,.72);
    background: rgba(255,255,255,.18);
}

html[data-chat-theme="paws"] .jami-emoji-combine-menu {
    border-color: rgba(238,157,173,.48);
    background: rgba(255,244,242,.98);
    color: #ee9dad;
    box-shadow: 0 14px 30px rgba(127,83,94,.16);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    font-family:
        "nintendoh",
        "Nunito",
        sans-serif !important;
}

html[data-chat-theme="paws"] .jami-emoji-combine-menu *,
html[data-chat-theme="paws"] .jami-emoji-combine-menu .theme-body,
html[data-chat-theme="paws"] .jami-emoji-combine-menu .theme-heading,
html[data-chat-theme="paws"] .jami-emoji-combine-menu button {
    font-family:
        "nintendoh",
        "Nunito",
        sans-serif !important;
}

html[data-chat-theme="paws"] .jami-emoji-combine-tile,
html[data-chat-theme="paws"] .jami-emoji-combine-action {
    border-color: rgba(238,157,173,.34);
    background: rgba(238,157,173,.09);
    color: #ee9dad;
}

html[data-chat-theme="paws"] .jami-emoji-combine-tile:hover,
html[data-chat-theme="paws"] .jami-emoji-combine-tile.is-selected,
html[data-chat-theme="paws"] .jami-emoji-combine-action:hover:not(:disabled) {
    border-color: #ee9dad;
    background: rgba(238,157,173,.18);
}

.jami-emoji-party-picker {
    position: fixed;
    z-index: 100006;
    width: 300px;
    max-width: calc(100vw - 16px);
    max-height: min(500px, calc(100vh - 16px));
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 16px;
    background: #111;
    color: #fff;
    box-shadow: 0 18px 42px rgba(0,0,0,.38);
}

.jami-emoji-party-picker-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px 8px;
    border-bottom: 1px solid rgba(255,255,255,.09);
}

.jami-emoji-party-picker-heading {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.jami-emoji-party-picker-hint {
    margin-top: 2px;
    font-size: 9px;
    opacity: .55;
}

.jami-emoji-party-picker-close {
    padding: 3px 6px;
    border: 0;
    background: transparent;
    color: rgba(255,255,255,.58);
    font-size: 16px;
    cursor: pointer;
}

.jami-emoji-party-default {
    width: calc(100% - 20px);
    margin: 8px 10px 0;
    padding: 7px 9px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.88);
    text-align: left;
    font-size: 10px;
    cursor: pointer;
}

.jami-emoji-party-default:hover {
    background: rgba(255,255,255,.11);
}

.jami-emoji-party-cursor {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2147483000;
    width: 34px;
    height: 34px;
    pointer-events: none;
    user-select: none;
    object-fit: contain;
    font-size: 30px;
    line-height: 34px;
    text-align: center;
    will-change: transform;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,.28));
}

.jami-emoji-party-cursor.is-local {
    z-index: 2147483001;
}

html[data-chat-theme="stars"] .jami-emoji-party-picker-header,
html[data-chat-theme="stars"] .jami-emoji-party-default {
    font-family:
        "JamiFredoka",
        "Fredoka",
        "Nunito",
        sans-serif !important;
}

html[data-chat-theme="paws"] .jami-emoji-party-picker-header,
html[data-chat-theme="paws"] .jami-emoji-party-default {
    font-family:
        "nintendoh",
        "Nunito",
        sans-serif !important;
}

.jami-emoji-party-menu {
    position: fixed;
    z-index: 100005;
    width: 190px;
    max-width: calc(100vw - 16px);
    padding: 8px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 14px;
    background: rgba(20,20,20,.48);
    color: rgba(255,255,255,.9);
    box-shadow: 0 14px 34px rgba(0,0,0,.28);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    font-family: var(--body-font, "Nunito", sans-serif);
}

.jami-emoji-party-change {
    display: flex;
    width: 100%;
    min-height: 38px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 9px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 10px;
    background: rgba(255,255,255,.06);
    color: inherit;
    font: inherit;
    font-size: 10px;
    cursor: pointer;
}

.jami-emoji-party-change:hover {
    background: rgba(255,255,255,.11);
}

.jami-emoji-party-menu-preview {
    display: inline-flex;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.jami-emoji-party-menu-emoji,
.jami-emoji-party-menu-preview img,
.jami-emoji-party-menu-preview span {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    object-fit: contain !important;
    font-size: 20px !important;
    line-height: 22px !important;
}

html[data-chat-theme="stars"] .jami-emoji-party-menu {
    border-color: rgba(230,224,255,.58);
    background: rgba(105,96,183,.97);
    color: #fff;
    box-shadow: 0 14px 32px rgba(38,31,100,.28);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    font-family: "JamiFredoka", "Fredoka", "Nunito", sans-serif !important;
}

html[data-chat-theme="stars"] .jami-emoji-party-menu * {
    font-family: "JamiFredoka", "Fredoka", "Nunito", sans-serif !important;
}

html[data-chat-theme="paws"] .jami-emoji-party-menu {
    border-color: rgba(238,157,173,.48);
    background: rgba(255,244,242,.98);
    color: #ee9dad;
    box-shadow: 0 14px 30px rgba(127,83,94,.16);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    font-family: "nintendoh", "Nunito", sans-serif !important;
}

html[data-chat-theme="paws"] .jami-emoji-party-menu * {
    font-family: "nintendoh", "Nunito", sans-serif !important;
}

html[data-chat-theme="stars"] #chatEmojiPartyButton {
    color: #fff !important;
}

html[data-chat-theme="paws"] #chatEmojiPartyButton {
    color: #d76e82 !important;
}

.jami-chat-tree-reveal {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100020;
    width: min(560px, calc(100vw - 28px));
    max-height: calc(100vh - 28px);
    overflow: auto;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    padding: 18px 18px 16px;
    border: 1px solid rgba(119, 255, 181, .28);
    border-radius: 18px;
    background: rgba(0, 0, 0, .60);
    color: rgba(232, 255, 242, .92);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: 0 24px 70px rgba(0,0,0,.46);
    font-family: var(--body-font, Consolas, monospace) !important;
}
.jami-chat-tree-reveal * {
    font-family: var(--body-font, Consolas, monospace) !important;
}
.jami-chat-tree-close {
    position: absolute;
    right: 11px;
    top: 9px;
    width: 28px;
    height: 28px;
    border: 0;
    background: transparent;
    color: rgba(232,255,242,.58);
    font-size: 20px;
    cursor: pointer;
}
.jami-chat-tree-close:hover { color: #fff; }
.jami-chat-tree-heading {
    padding-right: 34px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: rgba(155,255,198,.86);
}
.jami-chat-tree-art {
    display: grid;
    place-items: center;
    min-height: 300px;
    margin-top: 4px;
}
.jami-chat-tree-art svg {
    display: block;
    width: 100%;
    max-width: 520px;
    height: auto;
}
.jami-palm-ground,
.jami-palm-trunk-segment,
.jami-palm-frond,
.jami-palm-leaflet,
.jami-palm-spear,
.jami-palm-coconut-stem {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.jami-palm-ground {
    stroke: rgba(101,255,180,.14);
    stroke-width: 2;
}
.jami-palm-trunk-segment {
    stroke: #9a704d;
    stroke-width: 8;
}
.jami-palm-trunk-segment:nth-of-type(2n) {
    stroke: #a87b55;
}
.jami-palm-frond {
    stroke: #72d69c;
    stroke-width: 3.2;
}
.jami-palm-leaflet {
    stroke: #86efad;
    stroke-width: 2.35;
}
.jami-palm-spear {
    stroke: #91f2b5;
    stroke-width: 3;
}
.jami-palm-coconut-stem {
    stroke: #82b98d;
    stroke-width: 1.6;
}
.jami-palm-coconut {
    fill: #a86f43;
    stroke: rgba(239,206,159,.55);
    stroke-width: 1.2;
}

.jami-chat-tree-harvest {
    text-align: center;
    font-size: 12px;
    font-weight: 800;
    color: #e9c58b;
}
.jami-chat-tree-people {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 10px;
    margin-top: 10px;
}
.jami-chat-tree-person {
    display: inline-flex;
    padding: 4px 7px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 999px;
    background: rgba(255,255,255,.045);
    color: rgba(238,255,245,.78);
    font-size: 9px;
    white-space: nowrap;
}


.jami-chat-tree-growth {
    margin-top: 2px;
    font-size: 8px;
    letter-spacing: .14em;
    color: rgba(142, 255, 191, .46);
    text-transform: uppercase;
}

.jami-palm-lattice {
    pointer-events: none;
}

.jami-palm-lattice-line {
    fill: none;
    stroke: rgba(124, 255, 182, .055);
    stroke-width: 1;
}

.jami-palm-lattice-node {
    fill: rgba(124, 255, 182, .10);
}

.jami-palm-coordinate-ticks text {
    fill: rgba(124, 255, 182, .20);
    font-size: 7px;
    letter-spacing: .08em;
}

.jami-palm-status-label {
    fill: rgba(124, 255, 182, .28);
    font-size: 7px;
    letter-spacing: .12em;
}

.chatMessage.jami-disintegrating {
    isolation: isolate;
}

.chatMessage.jami-disintegrating
> :not(.jami-disintegration-rescue) {
    animation:
        jami-message-disintegrate
        var(--jami-disintegration-remaining, 12000ms)
        steps(12, end)
        forwards;
}

@keyframes jami-message-disintegrate {
    0%   { opacity: 1; filter: none; }
    25%  { opacity: .88; }
    42%  { opacity: .72; }
    58%  { opacity: .56; }
    72%  { opacity: .40; }
    84%  { opacity: .27; }
    92%  { opacity: .16; }
    100% { opacity: .07; filter: contrast(1.12); }
}

.jami-disintegration-rescue {
    position: absolute;
    inset: 0;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.jami-disintegration-rescue-button {
    pointer-events: auto;
    min-width: 62px;
    padding: 5px 10px;
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 999px;
    background: rgba(12,12,12,.76);
    color: rgba(255,255,255,.92);
    box-shadow: 0 5px 18px rgba(0,0,0,.24);
    font-family:
        var(--body-font, "Nunito", sans-serif);
    font-size: 9px;
    line-height: 1.1;
    cursor: pointer;
}

.jami-disintegration-rescue-button:hover {
    border-color: rgba(255,255,255,.38);
    background: rgba(22,22,22,.88);
}

.jami-disintegration-alert {
    position: fixed;
    left: 50%;
    top: 72px;
    z-index: 100030;
    max-width: min(390px, calc(100vw - 28px));
    transform: translateX(-50%);
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 12px;
    background: rgba(18,18,18,.90);
    color: rgba(255,255,255,.90);
    box-shadow: 0 12px 30px rgba(0,0,0,.30);
    font-family:
        var(--body-font, "Nunito", sans-serif);
    font-size: 10px;
    line-height: 1.35;
    text-align: center;
    cursor: pointer;
}

.jami-disintegration-alert:hover {
    border-color: rgba(255,255,255,.32);
    background: rgba(28,28,28,.94);
}

html[data-chat-theme="stars"]
.jami-disintegration-rescue-button,
.jami-disintegration-alert[data-chat-theme="stars"] {
    font-family:
        "JamiFredoka",
        "Fredoka",
        "Nunito",
        sans-serif !important;
}

html[data-chat-theme="paws"]
.jami-disintegration-rescue-button,
.jami-disintegration-alert[data-chat-theme="paws"] {
    font-family:
        "nintendoh",
        "Nunito",
        sans-serif !important;
}

html[data-chat-theme="stars"]
.jami-disintegration-rescue-button {
    border-color: rgba(255,255,255,.32);
    background: rgba(105,96,183,.92);
    color: #fff;
}

html[data-chat-theme="paws"]
.jami-disintegration-rescue-button {
    border-color: rgba(238,157,173,.44);
    background: rgba(255,244,242,.96);
    color: #d76e82;
}

.jami-disintegration-alert[data-chat-theme="stars"] {
    border-color: rgba(230,224,255,.48);
    background: rgba(105,96,183,.96);
    color: #fff;
}

.jami-disintegration-alert[data-chat-theme="paws"] {
    border-color: rgba(238,157,173,.48);
    background: rgba(255,244,242,.98);
    color: #d76e82;
}

#chatTitle {
    text-transform: none !important;
}