.theme-item.svelte-a2x688{background:var(--chatbox-background);background-position:var(--chatbox-background-position, center);background-size:var(--chatbox-background-size, cover);background-repeat:var(--chatbox-background-repeat, no-repeat)}.theme-item.svelte-a2x688 .self:where(.svelte-a2x688){width:40px;height:20px;margin-right:4px;margin-bottom:6px;margin-left:auto;border-radius:999px;background-color:var(--message-bubble-sender-background)}.theme-item.svelte-a2x688 .counter-party:where(.svelte-a2x688){width:40px;height:20px;margin-right:auto;margin-bottom:6px;margin-left:4px;border-radius:999px;background-color:var(--message-bubble-receiver-background)}.theme-items.svelte-a2x688{display:flex;gap:4px;overflow-x:auto;padding:0 20px 12px;scroll-snap-align:start;scroll-snap-type:x mandatory;scroll-padding-inline:20px}.theme-items.svelte-a2x688 .theme-item-container:where(.svelte-a2x688){display:flex;padding:4px;border:2px solid transparent;border-radius:8px;scroll-snap-align:start}.theme-items.svelte-a2x688 .theme-item-container.is-selected:where(.svelte-a2x688){border:2px solid var(--color-primary-300)}.theme-items.svelte-a2x688 .theme-item:where(.svelte-a2x688){width:60px;border-radius:4px;aspect-ratio:1/1.5}#setting-panel.svelte-d23fnq{padding-bottom:24px;background-color:#fff}.contents.svelte-d23fnq{margin-top:12px;padding:12px 20px}.item.svelte-d23fnq h3:where(.svelte-d23fnq){margin-bottom:8px;color:var(--color-text-default-200);font-size:13px}.icon.svelte-d23fnq{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:var(--color-neutral-100);color:var(--color-neutral-400);font-size:18px}.setting-item.svelte-d23fnq{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:8px 0}.setting-item.svelte-d23fnq .label-container:where(.svelte-d23fnq){display:flex;flex:1;gap:8px;align-items:center}.setting-item.svelte-d23fnq .label-container:where(.svelte-d23fnq) .label:where(.svelte-d23fnq){display:flex;flex:1;flex-direction:column;gap:4px}.setting-item.svelte-d23fnq .label-container:where(.svelte-d23fnq) .label-title:where(.svelte-d23fnq){font-weight:600;font-size:15px;font-family:var(--font-family-secondary)}.setting-item.svelte-d23fnq .label-container:where(.svelte-d23fnq) p:where(.svelte-d23fnq){color:var(--color-text-default-200);font-size:12px}.current-theme-name.svelte-d23fnq{color:var(--color-primary-500);font-weight:600;font-size:14px;font-family:var(--font-family-secondary)}
