.component-selector-overlay.svelte-jfrl2d{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d}.component-selector.svelte-jfrl2d{border:1px solid var(--border);z-index:4001;background:#b8b8b8;border-radius:12px;width:max-content;max-width:90vw;padding:8px;transform:translate(-50%,-110%);box-shadow:0 4px 20px #00000026}.component-button.svelte-jfrl2d{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;padding:6px;font-size:1.5rem;transition:all .1s;display:flex}.component-selector-header.svelte-jfrl2d{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:6px;padding:6px 10px;font-size:.8rem;font-weight:600}.component-selector-grid.svelte-jfrl2d{grid-template-columns:repeat(5,1fr);gap:4px;padding:4px;display:grid}.component-button.svelte-jfrl2d:hover{background:var(--hover);transform:scale(1.1)}:root{--background-light:#fdfdfd;--grid-background-light:#e4e4e4;--header-background-light:#f3f3f3;--text-light:#333;--border-light:#e4e4e4;--hover-light:#f3f3f3;--hover-alt-light:#e4e4e4;--background-dark:#111;--grid-background-dark:#444;--header-background-dark:#333;--text-dark:#f0f0f0;--border-dark:#333;--hover-dark:#222;--hover-alt-dark:#333}.emoji-keyboard.svelte-1q9ayv0{background:var(--background-light);width:100%;height:100%;color:var(--text-light);border-radius:12px;flex-direction:column;transition:background .2s,color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.emoji-keyboard[data-dark-mode=true].svelte-1q9ayv0{background:var(--background-dark);color:var(--text-dark)}.emoji-keyboard-header.svelte-1q9ayv0{background:var(--header-background-light);transition:background .2s}.emoji-keyboard[data-dark-mode=true].svelte-1q9ayv0 .emoji-keyboard-header:where(.svelte-1q9ayv0){background:var(--header-background-dark)}.emoji-grid.svelte-1q9ayv0{background:var(--grid-background-light);transition:background .2s}.emoji-keyboard[data-dark-mode=true].svelte-1q9ayv0 .emoji-grid:where(.svelte-1q9ayv0){background:var(--grid-background-dark)}.category-tab.svelte-1q9ayv0:hover,.backspace-emoji-button.svelte-1q9ayv0:hover,.search-emoji-button.svelte-1q9ayv0:hover,.back-to-categories-button.svelte-1q9ayv0:hover{background:var(--hover-light)}.emoji-keyboard[data-dark-mode=true].svelte-1q9ayv0 .category-tab:where(.svelte-1q9ayv0):hover,.emoji-keyboard[data-dark-mode=true].svelte-1q9ayv0 .backspace-emoji-button:where(.svelte-1q9ayv0):hover,.emoji-keyboard[data-dark-mode=true].svelte-1q9ayv0 .search-emoji-button:where(.svelte-1q9ayv0):hover,.emoji-keyboard[data-dark-mode=true].svelte-1q9ayv0 .back-to-categories-button:where(.svelte-1q9ayv0):hover{background:var(--hover-dark)}.backspace-emoji-button.svelte-1q9ayv0:hover,.search-emoji-button.svelte-1q9ayv0:hover,.back-to-categories-button.svelte-1q9ayv0:hover{background:var(--hover-alt-light)}.emoji-keyboard[data-dark-mode=true].svelte-1q9ayv0 .backspace-emoji-button:where(.svelte-1q9ayv0):hover,.emoji-keyboard[data-dark-mode=true].svelte-1q9ayv0 .search-emoji-button:where(.svelte-1q9ayv0):hover,.emoji-keyboard[data-dark-mode=true].svelte-1q9ayv0 .back-to-categories-button:where(.svelte-1q9ayv0):hover{background:var(--hover-alt-dark)}.emoji-search-input.svelte-1q9ayv0{background:var(--background-light);border:1px solid var(--border-light);color:var(--text-light);transition:background .2s,border .2s,color .2s}.emoji-keyboard[data-dark-mode=true].svelte-1q9ayv0 .emoji-search-input:where(.svelte-1q9ayv0){background:var(--background-dark);border:1px solid var(--border-dark);color:var(--text-dark)}.emoji-keyboard[data-dark-mode=true].svelte-1q9ayv0 .emoji-button:where(.svelte-1q9ayv0):hover{background:var(--hover-dark)}.emoji-button.svelte-1q9ayv0:active{background:var(--hover-alt-light)}.emoji-keyboard[data-dark-mode=true].svelte-1q9ayv0 .emoji-button:where(.svelte-1q9ayv0):active{background:var(--hover-alt-dark)}.loading-spinner.svelte-1q9ayv0{border:calc(4px * var(--scale-factor)) solid var(--border-light)}.emoji-keyboard[data-dark-mode=true].svelte-1q9ayv0 .loading-spinner:where(.svelte-1q9ayv0){border:calc(4px * var(--scale-factor)) solid var(--border-dark)}.emoji-keyboard-header.svelte-1q9ayv0{padding:calc(12px * var(--scale-factor)) calc(16px * var(--scale-factor));border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;display:flex}.backspace-emoji-button.svelte-1q9ayv0{width:calc(28px * var(--scale-factor));height:calc(28px * var(--scale-factor));cursor:pointer;font-size:calc(1.2rem * var(--scale-factor));color:var(--text);margin-left:calc(8px * var(--scale-factor));border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-emoji-button.svelte-1q9ayv0{width:calc(28px * var(--scale-factor));height:calc(28px * var(--scale-factor));cursor:pointer;font-size:calc(1.2rem * var(--scale-factor));color:var(--text);margin-right:calc(8px * var(--scale-factor));border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.back-to-categories-button.svelte-1q9ayv0{width:calc(28px * var(--scale-factor));height:calc(28px * var(--scale-factor));cursor:pointer;font-size:calc(1rem * var(--scale-factor));color:var(--text);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.emoji-search-container.svelte-1q9ayv0{padding:0 calc(8px * var(--scale-factor));flex-grow:1;align-items:center;gap:8px;display:flex}.emoji-search-input.svelte-1q9ayv0{padding:calc(8px * var(--scale-factor)) calc(12px * var(--scale-factor));font-size:calc(.95rem * var(--scale-factor));border-radius:24px;outline:none;flex:1}.emoji-search-input.svelte-1q9ayv0:focus{border-color:var(--primary-color)}.emoji-search-results-grid.svelte-1q9ayv0{padding:calc(12px * var(--scale-factor));flex-direction:column;flex:1;display:flex;overflow-y:auto}.search-results-grid.svelte-1q9ayv0{gap:calc(2px * var(--scale-factor));grid-template-columns:repeat(8,1fr);display:grid}.no-search-results.svelte-1q9ayv0,.search-hint.svelte-1q9ayv0{text-align:center;padding:calc(20px * var(--scale-factor));color:var(--text);flex:1;justify-content:center;align-items:center;font-style:italic;display:flex}.emoji-grid.svelte-1q9ayv0{scrollbar-width:none;overflow-anchor:none;flex:1;display:flex;overflow:auto}.emoji-button.svelte-1q9ayv0:active{transform:scale(.88)}.emoji-grid-loading.svelte-1q9ayv0{flex:1;justify-content:center;align-items:center;display:flex}@keyframes svelte-1q9ayv0-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.emoji-category-tabs.svelte-1q9ayv0{scrollbar-width:none;flex-grow:1;justify-content:center;gap:4px;margin:0 8px;display:flex;overflow-x:auto}.category-tab.svelte-1q9ayv0{padding:calc(8px * var(--scale-factor));font-size:calc(1.2rem * var(--scale-factor));color:var(--text);cursor:pointer;white-space:nowrap;width:calc(36px * var(--scale-factor));height:calc(36px * var(--scale-factor));background:0 0;border:1px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.category-tab.svelte-1q9ayv0:hover{background:var(--hover)}.backspace-emoji-button.svelte-1q9ayv0{background:var(--hover);width:calc(28px * var(--scale-factor));height:calc(28px * var(--scale-factor));cursor:pointer;font-size:calc(1.2rem * var(--scale-factor));color:var(--text);margin-left:calc(8px * var(--scale-factor));border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.emoji-grid.svelte-1q9ayv0{scrollbar-width:none;background:var(--grid-background);overflow-anchor:none;flex:1;display:flex;overflow:auto}.emoji-grid.svelte-1q9ayv0::-webkit-scrollbar{display:none}.category-content.svelte-1q9ayv0{scroll-snap-align:start;box-sizing:border-box;width:100%;height:100%;padding:0 calc(8px * var(--scale-factor));flex-direction:column;flex-shrink:0;display:flex}.category-text.svelte-1q9ayv0{font-size:calc(1rem * var(--scale-factor));color:var(--text);padding:calc(8px * var(--scale-factor)) 0;flex-shrink:0;font-weight:600}.emoji-scroll-area.svelte-1q9ayv0{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;overflow:hidden auto}.emoji-scroll-area.svelte-1q9ayv0::-webkit-scrollbar{display:none}.emoji-button-grid.svelte-1q9ayv0{gap:calc(2px * var(--scale-factor));padding-bottom:calc(8px * var(--scale-factor));grid-template-columns:repeat(8,1fr);display:grid}.emoji-button.svelte-1q9ayv0{appearance:none;box-shadow:none;cursor:pointer;aspect-ratio:1;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;margin:0;padding:0;transition:background .12s,transform .1s;display:flex;position:relative}.emoji-button.svelte-1q9ayv0:hover{background:var(--hover)}.emoji-button.svelte-1q9ayv0:active{background:var(--border);transform:scale(.88)}.emoji-glyph.svelte-1q9ayv0{font-size:calc(1.6rem * var(--scale-factor));-webkit-user-select:none;user-select:none;pointer-events:none;line-height:1}.component-indicator.svelte-1q9ayv0{bottom:calc(3px * var(--scale-factor));right:calc(3px * var(--scale-factor));width:calc(6px * var(--scale-factor));height:calc(6px * var(--scale-factor));border:calc(1.5px * var(--scale-factor)) solid white;pointer-events:none;opacity:.7;background:#4f9cf9;border-radius:50%;transition:opacity .15s,transform .15s;position:absolute;box-shadow:0 1px 2px #00000040}.emoji-button.svelte-1q9ayv0:hover .component-indicator:where(.svelte-1q9ayv0){opacity:1;transform:scale(1.2)}.emoji-grid-loading.svelte-1q9ayv0{background:var(--background);flex:1;justify-content:center;align-items:center;display:flex}.loading-spinner.svelte-1q9ayv0{width:calc(40px * var(--scale-factor));height:calc(40px * var(--scale-factor));border:calc(4px * var(--scale-factor)) solid var(--border);border-top:calc(4px * var(--scale-factor)) solid var(--primary-color);border-radius:50%;animation:1s linear infinite svelte-1q9ayv0-spin}