[data-v-d5b6cb5a] .button-content{background-color:var(--main-bg);border-radius:4px;box-shadow:0 2px 6px color-mix(in oklab,var(--accent-shadow),transparent 75%),0 0 4px color-mix(in oklab,var(--accent-shadow),transparent 90%);color:var(--text-color);display:flex;height:24px}button.flyout-kaomoji-button[data-v-d5b6cb5a]:active .button-content{background-color:var(--main-bg)}button.flyout-kaomoji-button[data-v-d5b6cb5a]:focus .button-content{box-shadow:0 4px 4px color-mix(in oklab,var(--accent-shadow),transparent 70%),0 0 0 3px color-mix(in oklab,var(--gray-40),transparent 50%)}button.flyout-kaomoji-button.highlighted[data-v-d5b6cb5a]:focus .button-content{background-color:var(--accent);box-shadow:0 4px 4px color-mix(in oklab,var(--accent),transparent 70%),0 0 0 3px color-mix(in oklab,var(--accent-focus),transparent 50%);color:#fff}button.flyout-kaomoji-button.highlighted[data-v-d5b6cb5a]:active:focus .button-content{background-color:var(--accent)}@media (any-hover:hover){button.flyout-kaomoji-button[data-v-d5b6cb5a]:hover .button-content{background-color:var(--gray-5);box-shadow:0 4px 4px color-mix(in oklab,var(--accent-shadow),transparent 70%)}}@media (any-hover:hover){button.flyout-kaomoji-button[data-v-d5b6cb5a]:hover:focus .button-content{box-shadow:0 9px 9px color-mix(in oklab,var(--accent-shadow),transparent 70%),0 0 0 3px color-mix(in oklab,var(--gray-40),transparent 50%)}}@media (any-hover:hover){button.flyout-kaomoji-button.highlighted[data-v-d5b6cb5a]:hover:focus .button-content{background-color:var(--accent-hover);box-shadow:0 9px 9px color-mix(in oklab,var(--accent),transparent 70%),0 0 0 3px color-mix(in oklab,var(--accent-focus),transparent 50%)}}:where(button.flyout-kaomoji-button[data-v-d5b6cb5a]){width:100%}.flyout-kaomoji[data-v-c3984b96]:where(kira-component){overflow:clip;width:400px}.tab-bar[data-v-c3984b96]{margin-bottom:6px}.tab-bar[data-v-c3984b96] .items{padding:0 16px}.scroll-container[data-v-c3984b96]{height:350px}.scroll-container[data-v-c3984b96] .scroller{overscroll-behavior:contain}.scroll-container[data-v-c3984b96] .scroller>.content{align-content:flex-start;align-items:baseline;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);padding:.25rem 16px 12px}.flyout-kaomoji:where(kira-component).top[data-v-c3984b96]>:first-child{animation:float-up-c3984b96 .6s cubic-bezier(.19,1,.22,1) .1s backwards}.flyout-kaomoji:where(kira-component).top[data-v-c3984b96]>:nth-child(2){animation:float-up-c3984b96 .6s cubic-bezier(.19,1,.22,1) .2s backwards}@keyframes float-up-c3984b96{0%{opacity:0;translate:0 200px}}.flyout-kaomoji:where(kira-component).bottom[data-v-c3984b96]>:first-child{animation:float-down-c3984b96 .6s cubic-bezier(.19,1,.22,1) .2s backwards}.flyout-kaomoji:where(kira-component).bottom[data-v-c3984b96]>:nth-child(2){animation:float-down-c3984b96 .6s cubic-bezier(.19,1,.22,1) .1s backwards}@keyframes float-down-c3984b96{0%{opacity:0;translate:0 -200px}}