.jami-remix-overlay {
    position: fixed;
    inset: 0;
    z-index: 100010;

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

    padding: 16px;

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

    backdrop-filter:
        blur(5px);
}

.jami-remix-overlay[hidden] {
    display: none;
}

.jami-remix-editor {
    display: flex;
    flex-direction: column;

    width: min(
        760px,
        calc(100vw - 32px)
    );

    max-height:
        calc(100vh - 32px);

    overflow: hidden;

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

    border-radius: 18px;

    background:
        rgba(
            12,
            12,
            14,
            0.20
        );

    backdrop-filter:
        blur(16px);

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

    color: white;

    box-shadow:
        0
        22px
        70px
        rgba(
            0,
            0,
            0,
            0.65
        );
}

.jami-remix-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 46px;

    padding:
        0
        14px;

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            0.1
        );
}

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

.jami-remix-close {
    width: 30px;
    height: 30px;

    margin: 0;
    padding: 0;

    border: 0;
    border-radius: 8px;

    background: transparent;
    color:
        rgba(
            255,
            255,
            255,
            0.6
        );

    font-size: 20px;
    line-height: 1;

    cursor: pointer;
}

.jami-remix-close:hover {
    background:
        rgba(
            255,
            255,
            255,
            0.08
        );

    color: white;
}

.jami-remix-content {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        190px;

    min-height: 0;
    flex: 1;
}

.jami-remix-stage-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 0;
    min-height: 360px;

    padding: 18px;

    overflow: auto;

    background:
        repeating-conic-gradient(
            #252525 0 25%,
            #303030 0 50%
        )
        50% / 18px 18px;
}

.jami-remix-stage {
    position: relative;

    display: inline-block;

    max-width: 100%;
}

.jami-remix-canvas {
    display: block;

    width: auto;
    height: auto;

    max-width: 100%;
    max-height:
        calc(100vh - 180px);

    background: transparent;

    image-rendering: auto;

    user-select: none;
    touch-action: none;
}

.jami-remix-sidebar {
    min-width: 0;

    padding: 12px;

    overflow-y: auto;

    border-left:
        1px solid
        rgba(
            255,
            255,
            255,
            0.1
        );

    background:
        rgba(
            12,
            12,
            14,
            0.20
        );
}

.jami-remix-section-title {
    margin:
        4px
        0
        8px;

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

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.jami-remix-filter-list {
    display: grid;
    gap: 6px;
}

.jami-remix-filter {
    width: 100%;

    padding:
        8px
        9px;

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

    border-radius: 9px;

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

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

    font: inherit;
    font-size: 10px;
    text-align: left;

    cursor: pointer;
}

.jami-remix-filter:hover {
    border-color:
        rgba(
            255,
            255,
            255,
            0.22
        );

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

    color: white;
}

.jami-remix-filter[aria-pressed="true"] {
    border-color:
        rgba(
            130,
            200,
            255,
            0.5
        );

    background:
        rgba(
            80,
            150,
            220,
            0.18
        );

    color: white;
}

.jami-remix-footer {
    display: flex;
    justify-content: flex-end;
    gap: 8px;

    padding: 11px 13px;

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.1
        );
}

.jami-remix-footer button {
    min-width: 86px;

    padding:
        8px
        12px;

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

    border-radius: 9px;

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

    color: white;

    font: inherit;
    font-size: 10px;

    cursor: pointer;
}

.jami-remix-footer button:hover {
    background:
        rgba(
            255,
            255,
            255,
            0.1
        );
}

.jami-remix-save {
    background:
        rgba(
            80,
            150,
            220,
            0.22
        ) !important;
}


.jami-remix-overlay-layer {
    position: absolute;
    inset: 0;

    overflow: visible;

    pointer-events: none;
}

.jami-remix-overlay-title {
    margin-top: 18px;
}

.jami-remix-tool {
    position: relative;
}

.jami-remix-emoji-picker {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 5px;

    max-height: 210px;
    margin-top: 8px;
    padding: 6px;

    overflow-y: auto;

    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    background: rgba(0,0,0,.3);
}

.jami-remix-emoji-picker[hidden] {
    display: none;
}

.jami-remix-emoji-choice {
    display: flex;
    align-items: center;
    justify-content: center;

    aspect-ratio: 1;
    min-width: 0;
    padding: 4px;

    border: 1px solid rgba(255,255,255,.08);
    border-radius: 7px;
    background: rgba(255,255,255,.035);

    cursor: pointer;
}

.jami-remix-emoji-choice:hover {
    border-color: rgba(130,200,255,.4);
    background: rgba(80,150,220,.14);
}

.jami-remix-emoji-choice img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    image-rendering: auto;
    pointer-events: none;
}

.jami-remix-overlay-hint {
    margin-top: 8px;
    color: rgba(255,255,255,.32);
    font-size: 8px;
    line-height: 1.4;
}

.jami-remix-object {
    position: absolute;
    z-index: 2;

    aspect-ratio: 1;

    cursor: grab;
    pointer-events: auto;
    touch-action: none;
    user-select: none;
}

.jami-remix-object:active {
    cursor: grabbing;
}

.jami-remix-object-content {
    width: 100%;
    height: 100%;

    pointer-events: none;
}

.jami-remix-object-content img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;

    filter: drop-shadow(0 1px 2px rgba(0,0,0,.25));
    pointer-events: none;
    -webkit-user-drag: none;
}

.jami-remix-object.is-selected::after {
    position: absolute;
    inset: -3px;

    border: 1px dashed rgba(150,215,255,.95);
    border-radius: 4px;

    content: "";
    pointer-events: none;
}

.jami-remix-object-remove,
.jami-remix-object-resize,
.jami-remix-object-rotate,
.jami-remix-object-flip,
.jami-remix-object-layer,
.jami-remix-object-duplicate {
    position: absolute;
    z-index: 4;

    display: none;

    width: 15px;
    height: 15px;

    border: 1px solid rgba(255,255,255,.9);
    border-radius: 50%;
    background: #1d2730;
    color: white;

    box-shadow: 0 1px 3px rgba(0,0,0,.5);
}

.jami-remix-object.is-selected
.jami-remix-object-remove,
.jami-remix-object.is-selected
.jami-remix-object-resize,
.jami-remix-object.is-selected
.jami-remix-object-rotate,
.jami-remix-object.is-selected
.jami-remix-object-flip,
.jami-remix-object.is-selected
.jami-remix-object-layer,
.jami-remix-object.is-selected
.jami-remix-object-duplicate {
    display: block;
}

.jami-remix-object-remove {
    right: -10px;
    top: -10px;

    padding: 0;

    font: 700 12px/12px Arial, sans-serif;
    cursor: pointer;
}

.jami-remix-object-resize {
    right: -10px;
    bottom: -10px;

    cursor: nwse-resize;
}

.jami-remix-object-resize::before {
    position: absolute;
    left: 4px;
    top: 4px;

    width: 5px;
    height: 5px;

    border-right: 1px solid white;
    border-bottom: 1px solid white;

    content: "";
}

.jami-remix-object-rotate {
    left: 50%;
    top: -29px;

    transform: translateX(-50%);

    cursor: grab;
}

.jami-remix-object-rotate:active {
    cursor: grabbing;
}

.jami-remix-object-rotate::before {
    position: absolute;
    left: 50%;
    top: 14px;

    width: 1px;
    height: 12px;

    background: rgba(150,215,255,.95);

    content: "";
    transform: translateX(-50%);
}

.jami-remix-object-rotate::after {
    position: absolute;
    left: 4px;
    top: 4px;

    width: 5px;
    height: 5px;

    border: 1px solid white;
    border-radius: 50%;

    content: "";
}

.jami-remix-object-flip {
    top: -10px;

    padding: 0;

    font: 700 10px/12px Arial, sans-serif;
    cursor: pointer;
}

.jami-remix-object-flip-horizontal {
    left: -10px;
}

.jami-remix-object-flip-vertical {
    left: 9px;
}


.jami-remix-object-layer,
.jami-remix-object-duplicate {
    bottom: -10px;

    padding: 0;

    font: 700 10px/12px Arial, sans-serif;
    cursor: pointer;
}

.jami-remix-object-layer-back {
    left: -10px;
}

.jami-remix-object-layer-front {
    left: 9px;
}

.jami-remix-object-duplicate {
    left: 28px;
}

.jami-remix-object-layer:hover,
.jami-remix-object-duplicate:hover,
.jami-remix-object-flip:hover,
.jami-remix-object-remove:hover {
    border-color: rgba(150,215,255,.98);
    background: #28506a;
}

.jami-remix-object.is-flipped-horizontal
.jami-remix-object-flip-horizontal,
.jami-remix-object.is-flipped-vertical
.jami-remix-object-flip-vertical {
    border-color: rgba(150,215,255,.98);
    background: #28506a;
}

.jami-remix-object-content {
    transform-origin: center;
}

.jami-remix-ghost-orb {
    border-radius: 50%;

    opacity: var(--orb-opacity, .5);

    background:
        radial-gradient(
            circle at 35% 30%,
            hsla(var(--orb-hue), 100%, 98%, .92) 0,
            hsla(var(--orb-hue), 95%, 93%, .75) var(--orb-core),
            hsla(var(--orb-hue), 90%, 82%, .22) var(--orb-ring),
            hsla(var(--orb-hue), 90%, 80%, .08) 78%,
            transparent 100%
        );

    filter:
        blur(.8px)
        drop-shadow(
            0 0 7px
            hsla(var(--orb-hue), 90%, 88%, .3)
        );

    mix-blend-mode: screen;
}

.jami-remix-save:disabled {
    cursor: wait;
    opacity: .6;
}

@media (
    max-width: 640px
) {
    .jami-remix-content {
        grid-template-columns:
            minmax(0, 1fr);
    }

    .jami-remix-sidebar {
        max-height: 180px;

        border-top:
            1px solid
            rgba(
                255,
                255,
                255,
                0.1
            );

        border-left: 0;
    }

    .jami-remix-stage-wrapper {
        min-height: 260px;
    }

    .jami-remix-object-remove,
    .jami-remix-object-resize,
    .jami-remix-object-rotate,
    .jami-remix-object-flip {
        width: 18px;
        height: 18px;
    }
}


.jami-remix-editor {
    font-family: var(--body-font, Consolas, monospace);
}

.jami-remix-title,
.jami-remix-section-title {
    font-family: var(--heading-font, Consolas, monospace);
}

.jami-remix-title.theme-heading {
    color: inherit;
}

.jami-remix-filter[aria-pressed="true"],
.jami-remix-save,
.jami-remix-object.is-selected::after {
    border-color: currentColor;
}


.jami-remix-program-message-backdrop {
    position: fixed;
    inset: 0;
    z-index: 100050;

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

    padding: 16px;

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

    opacity: 0;
    transition: opacity 120ms ease;
}

.jami-remix-program-message-backdrop.is-visible {
    opacity: 1;
}

.jami-remix-program-message {
    box-sizing: border-box;
    width: min(360px, calc(100vw - 32px));
    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 12px;

    background: rgba(12, 12, 14, 0.20);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    color: white;

    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.62);

    transform: translateY(8px) scale(0.98);
    transition: transform 120ms ease;
}

.jami-remix-program-message-backdrop.is-visible
.jami-remix-program-message {
    transform: translateY(0) scale(1);
}

.jami-remix-program-message-title {
    padding: 10px 12px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.10);

    color: inherit;

    font-family: var(--heading-font, Consolas, monospace);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: lowercase;
}

.jami-remix-program-message-body {
    min-height: 56px;
    padding: 14px 14px 8px;

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

    font-family: var(--body-font, Consolas, monospace);
    font-size: 10px;
    line-height: 1.55;
    white-space: pre-wrap;
}

.jami-remix-program-message-actions {
    display: flex;
    justify-content: flex-end;

    padding: 8px 12px 12px;
}

.jami-remix-program-message-ok {
    min-width: 54px;
    padding: 7px 11px;

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

    background: rgba(255, 255, 255, 0.07);
    color: white;

    font: inherit;
    font-size: 10px;
    text-transform: lowercase;

    cursor: pointer;
}

.jami-remix-program-message-ok:hover,
.jami-remix-program-message-ok:focus-visible {
    background: rgba(255, 255, 255, 0.13);
    outline: none;
}


.jami-remix-sidebar,
.jami-remix-stage-wrapper,
.jami-remix-emoji-picker {
    scrollbar-width: thin;
    scrollbar-color:
        rgba(255, 255, 255, 0.22)
        transparent;
}

.jami-remix-sidebar::-webkit-scrollbar,
.jami-remix-stage-wrapper::-webkit-scrollbar,
.jami-remix-emoji-picker::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.jami-remix-sidebar::-webkit-scrollbar-track,
.jami-remix-stage-wrapper::-webkit-scrollbar-track,
.jami-remix-emoji-picker::-webkit-scrollbar-track {
    background: transparent;
}

.jami-remix-sidebar::-webkit-scrollbar-thumb,
.jami-remix-stage-wrapper::-webkit-scrollbar-thumb,
.jami-remix-emoji-picker::-webkit-scrollbar-thumb {
    background:
        rgba(255, 255, 255, 0.20);
    border-radius: 999px;
}

.jami-remix-sidebar::-webkit-scrollbar-thumb:hover,
.jami-remix-stage-wrapper::-webkit-scrollbar-thumb:hover,
.jami-remix-emoji-picker::-webkit-scrollbar-thumb:hover {
    background:
        rgba(255, 255, 255, 0.30);
}

.jami-remix-sidebar::-webkit-scrollbar-corner,
.jami-remix-stage-wrapper::-webkit-scrollbar-corner,
.jami-remix-emoji-picker::-webkit-scrollbar-corner {
    background: transparent;
}

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

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

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

    backdrop-filter:
        blur(8px);

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

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

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

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

    box-shadow:
        0 22px 70px rgba(0, 0, 0, .48),
        0 0 30px
        rgba(
            var(--jami-remix-pastel-rgb),
            .14
        );

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

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

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

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

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

    background:
        linear-gradient(
            180deg,
            rgba(
                var(--jami-remix-pastel-rgb),
                .09
            ),
            rgba(
                var(--jami-remix-panel-rgb),
                .24
            )
        );
}

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

    background:
        rgba(
            var(--jami-remix-panel-rgb),
            .16
        );
}

html[data-chat-pastel]
.jami-remix-section-title {
    color:
        rgba(
            var(--jami-remix-pastel-rgb),
            .72
        );
}

html[data-chat-pastel]
.jami-remix-filter,
html[data-chat-pastel]
.jami-remix-footer button,
html[data-chat-pastel]
.jami-remix-emoji-picker {
    border-color:
        rgba(
            var(--jami-remix-pastel-rgb),
            .20
        );

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

html[data-chat-pastel]
.jami-remix-filter:hover,
html[data-chat-pastel]
.jami-remix-footer button:hover {
    border-color:
        rgba(
            var(--jami-remix-pastel-rgb),
            .42
        );

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

html[data-chat-pastel]
.jami-remix-filter[aria-pressed="true"],
html[data-chat-pastel]
.jami-remix-save {
    border-color:
        rgba(
            var(--jami-remix-pastel-2-rgb),
            .62
        ) !important;

    background:
        linear-gradient(
            90deg,
            rgba(
                var(--jami-remix-pastel-rgb),
                .24
            ),
            rgba(
                var(--jami-remix-pastel-2-rgb),
                .18
            )
        ) !important;
}

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

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

    box-shadow:
        0 18px 60px rgba(0, 0, 0, .42),
        0 0 24px
        rgba(
            var(--jami-remix-pastel-rgb),
            .12
        );
}

html[data-chat-pastel]
.jami-remix-program-message-title {
    border-bottom-color:
        rgba(
            var(--jami-remix-pastel-rgb),
            .18
        );
}

html[data-chat-pastel]
.jami-remix-sidebar,
html[data-chat-pastel]
.jami-remix-stage-wrapper,
html[data-chat-pastel]
.jami-remix-emoji-picker {
    scrollbar-color:
        rgba(
            var(--jami-remix-pastel-rgb),
            .46
        )
        transparent;
}

html[data-chat-pastel]
.jami-remix-sidebar::-webkit-scrollbar-thumb,
html[data-chat-pastel]
.jami-remix-stage-wrapper::-webkit-scrollbar-thumb,
html[data-chat-pastel]
.jami-remix-emoji-picker::-webkit-scrollbar-thumb {
    background:
        rgba(
            var(--jami-remix-pastel-rgb),
            .42
        );
}

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

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

html[data-chat-pastel="stars"] .jami-remix-editor,
html[data-chat-pastel="stars"] .jami-remix-editor button,
html[data-chat-pastel="stars"] .jami-remix-editor input,
html[data-chat-pastel="stars"] .jami-remix-program-message {
    font-family:
        "JamiFredoka",
        "Nunito",
        sans-serif !important;
}

html[data-chat-pastel]
.jami-remix-editor,
html[data-chat-pastel]
.jami-remix-program-message {
    background:
        linear-gradient(
            145deg,
            rgba(
                var(--jami-remix-panel-2-rgb),
                .56
            ),
            rgba(
                var(--jami-remix-panel-rgb),
                .38
            ),
            rgba(255, 255, 255, .05)
        );

    border-color:
        rgba(
            var(--jami-remix-pastel-rgb),
            .42
        );

    box-shadow:
        0 20px 64px rgba(0, 0, 0, .26),
        0 0 32px
        rgba(
            var(--jami-remix-pastel-rgb),
            .18
        );
}

html[data-chat-pastel]
.jami-remix-header {
    background:
        linear-gradient(
            90deg,
            rgba(
                var(--jami-remix-pastel-rgb),
                .24
            ),
            rgba(
                var(--jami-remix-pastel-2-rgb),
                .12
            )
        );
}

html[data-chat-pastel]
.jami-remix-sidebar {
    background:
        linear-gradient(
            180deg,
            rgba(
                var(--jami-remix-pastel-2-rgb),
                .14
            ),
            rgba(
                var(--jami-remix-pastel-rgb),
                .08
            )
        );
}

html[data-chat-pastel]
.jami-remix-filter,
html[data-chat-pastel]
.jami-remix-footer button,
html[data-chat-pastel]
.jami-remix-emoji-picker {
    background:
        rgba(
            var(--jami-remix-pastel-rgb),
            .13
        );
}

html[data-chat-pastel="stars"]
.jami-remix-editor,
html[data-chat-pastel="stars"]
.jami-remix-editor *,
html[data-chat-pastel="stars"]
.jami-remix-program-message,
html[data-chat-pastel="stars"]
.jami-remix-program-message * {
    font-family:
        "JamiFredoka",
        "Nunito",
        sans-serif !important;
}

html[data-chat-pastel="stars"] .jami-remix-editor {
    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, .82) !important;
    color: #fff !important;
}

html[data-chat-pastel="paws"] .jami-remix-editor {
    background:
        linear-gradient(
            145deg,
            rgba(255, 224, 234, .98),
            rgba(255, 233, 226, .97),
            rgba(224, 242, 225, .95)
        ) !important;
    border-color:
        rgba(255,255,255,.92) !important;
    color: #5f4b53 !important;
}

html[data-chat-pastel="paws"] .jami-remix-editor * {
    color: inherit;
}

html[data-chat-pastel] .jami-remix-header,
html[data-chat-pastel] .jami-remix-sidebar,
html[data-chat-pastel] .jami-remix-footer {
    background:
        rgba(255,255,255,.08) !important;
}

html[data-chat-pastel="paws"] .jami-remix-header,
html[data-chat-pastel="paws"] .jami-remix-sidebar,
html[data-chat-pastel="paws"] .jami-remix-footer {
    background:
        rgba(255,255,255,.34) !important;
}

html[data-chat-pastel="stars"] .jami-remix-filter,
html[data-chat-pastel="stars"] .jami-remix-footer button {
    background:
        rgba(255,255,255,.14) !important;
    border-color:
        rgba(235,225,255,.34) !important;
}

html[data-chat-pastel="paws"] .jami-remix-filter,
html[data-chat-pastel="paws"] .jami-remix-footer button {
    background:
        rgba(255,255,255,.52) !important;
    border-color:
        rgba(183,108,137,.22) !important;
}

html[data-chat-pastel] .jami-remix-filter:hover,
html[data-chat-pastel] .jami-remix-footer button:hover {
    transform: translateY(-1px);
}


html[data-chat-theme="original"]
.jami-remix-editor,
html[data-chat-theme="original"]
.jami-remix-editor button,
html[data-chat-theme="original"]
.jami-remix-editor input,
html[data-chat-theme="original"]
.jami-remix-program-message {
    font-family:
        "Nunito",
        sans-serif !important;
}

html[data-chat-theme="stars"]
.jami-remix-editor,
html[data-chat-theme="stars"]
.jami-remix-editor button,
html[data-chat-theme="stars"]
.jami-remix-editor input,
html[data-chat-theme="stars"]
.jami-remix-program-message {
    font-family:
        "JamiFredoka",
        "Fredoka",
        "Nunito",
        sans-serif !important;
}

html[data-chat-theme="paws"]
.jami-remix-editor,
html[data-chat-theme="paws"]
.jami-remix-editor button,
html[data-chat-theme="paws"]
.jami-remix-editor input,
html[data-chat-theme="paws"]
.jami-remix-program-message {
    font-family:
        "nintendoh",
        "Nunito",
        sans-serif !important;
    color: rgba(238,157,174);
}

html[data-chat-theme="original"] .jami-remix-editor,
html[data-chat-theme="original"] .jami-remix-editor * {
    font-family: "Nunito", sans-serif !important;
}

html[data-chat-theme="stars"] .jami-remix-editor,
html[data-chat-theme="stars"] .jami-remix-editor * {
    font-family:
        "JamiFredoka",
        "Fredoka",
        "Nunito",
        sans-serif !important;
}

html[data-chat-theme="paws"] .jami-remix-editor,
html[data-chat-theme="paws"] .jami-remix-editor * {
    font-family:
        "nintendoh",
        "Nunito",
        sans-serif !important;
}


html[data-chat-theme="original"] .jami-remix-editor,
html[data-chat-theme="original"] .jami-remix-editor * {
    font-family: "Nunito", sans-serif !important;
}

html[data-chat-theme="stars"] .jami-remix-editor,
html[data-chat-theme="stars"] .jami-remix-editor * {
    font-family:
        "JamiFredoka",
        "Fredoka",
        "Nunito",
        sans-serif !important;
}

html[data-chat-theme="paws"] .jami-remix-editor,
html[data-chat-theme="paws"] .jami-remix-editor * {
    font-family:
        "nintendoh",
        "Nunito",
        sans-serif !important;
}