.emoji-picker-example{border:1px solid var(--color-violet-200);background:linear-gradient(145deg,#f5f3ff 0%,#fff 48%,#faf5ff 100%);border-radius:18px;gap:18px;max-width:36rem;margin-block:1.5rem;padding:18px;display:grid;overflow:hidden;box-shadow:0 12px 32px #4c1d951a}.emoji-picker-example__section{background:#ffffffe0;border:1px solid #ddd6febf;border-radius:14px;padding:18px}.emoji-picker-example__picker-section{background:#f5f3ffb3}.emoji-picker-example__label{background:var(--color-violet-100);color:var(--color-violet-900);letter-spacing:.025em;border-radius:999px;align-items:center;gap:8px;margin:0;padding:5px 10px;font-size:.75rem;font-weight:600;line-height:1.25rem;display:inline-flex}.emoji-picker-example__label:before{background:var(--color-violet-600);content:"";border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #8b5cf624}.emoji-picker-example .theodore_wrapper{flex:1;width:100%;min-width:0}.emoji-picker-example__editor-row{background:#fff;border:1px solid #d8b4fe;border-radius:12px;align-items:stretch;margin-top:12px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.emoji-picker-example__editor-row:focus-within{border-color:var(--color-violet-400);box-shadow:0 0 0 4px #a78bfa2e}.emoji-picker-example__input{width:100%;min-height:112px;color:var(--color-gray-900);background:0 0;border:0;border-radius:0;outline:none;padding:14px 16px;font-size:1rem;line-height:2rem;overflow-y:auto}.emoji-picker-example__placeholder{color:var(--color-gray-400);padding:0;font-size:1rem;line-height:2rem;top:14px;left:16px}.emoji-picker-example__toggle{display:none}.emoji-picker-example__grid{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.emoji-picker-example__button{cursor:pointer;background:#fff;border:1px solid #ddd6fed9;border-radius:10px;outline:none;justify-content:center;align-items:center;width:48px;height:48px;padding:8px;transition:transform .15s,border-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 6px #4c1d950f}.emoji-picker-example__button:hover{z-index:1;border-color:var(--color-violet-300);transform:translateY(-2px)scale(1.08);box-shadow:0 6px 14px #6d28d924}.emoji-picker-example__button:focus-visible{border-color:var(--color-violet-400);box-shadow:0 0 0 3px #a78bfa40}.emoji-picker-example__rendered-emoji,.emoji-picker-example__picker-emoji{object-fit:contain;vertical-align:middle;width:32px!important;height:32px!important;display:inline-block!important}@media (max-width:640px){.emoji-picker-example{gap:0;padding:12px}.emoji-picker-example__section{padding:14px}.emoji-picker-example__grid{gap:8px}.emoji-picker-example__toggle{z-index:2;border:1px solid var(--color-violet-200);background:var(--color-violet-50);width:44px;height:44px;color:var(--color-violet-700);cursor:pointer;border-radius:12px;outline:none;justify-content:center;align-items:center;transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s,transform .22s;display:inline-flex;position:absolute;bottom:8px;right:8px}.emoji-picker-example__input{padding-right:64px}.emoji-picker-example__toggle svg{width:24px;height:24px;transition:transform .22s}.emoji-picker-example__toggle:hover,.emoji-picker-example__toggle--open{border-color:var(--color-violet-400);background:var(--color-violet-600);color:#fff;box-shadow:0 6px 16px #6d28d933}.emoji-picker-example__toggle--open svg{transform:rotate(18deg)scale(1.08)}.emoji-picker-example__toggle:focus-visible{box-shadow:0 0 0 4px #a78bfa3d}.emoji-picker-example__picker-section{opacity:1;max-height:480px;margin-top:12px;transition:max-height .26s,margin-top .22s,padding .22s,border-width .22s,opacity .18s 50ms,transform .22s,visibility linear;overflow:hidden;transform:translateY(0)}.emoji-picker-example__picker-section:not(.emoji-picker-example__picker-section--open){visibility:hidden;opacity:0;pointer-events:none;border-width:0;max-height:0;margin-top:0;padding-block:0;transition:max-height .24s,margin-top .2s,padding .2s,border-width .2s,opacity .16s,transform .2s,visibility 0s linear .24s;transform:translateY(-10px)}}