@import url(https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap);:root{--f-family:'Lato',sans-serif;--f-family-emoji:"Apple Color Emoji","Noto Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;--f-size:16px}body{font-family:var(--f-family);font-size:var(--f-size)}.emoji-picker.floating-box,.fontawesome_icons-box-custom{width:25rem;max-height:21.875rem}@media screen and (max-height:400px){.emoji-picker.floating-box,.fontawesome_icons-box-custom{max-height:15.625rem}}@media (max-width:767px){.emoji-picker.floating-box,.fontawesome_icons-box-custom{max-height:100%;width:100%}}.emoji-picker-controls,.fontawesome_icons-box-controls{position:sticky;top:0;min-height:max-content;padding:.5rem}.emoji-picker-controls .swiper-slide,.fontawesome_icons-box-controls .swiper-slide{max-width:max-content}.emoji-picker-controls-arrows,.fontawesome_icons-box-controls-arrows{display:flex;align-items:center;justify-content:center;padding-top:.5rem;gap:1rem}.emoji-picker-holder,.fontawesome_icons-box-holder{scroll-behavior:smooth;height:auto;overflow:auto;padding:0 .5rem;padding-top:.5rem}@media (max-width:767px){.emoji-picker-holder,.fontawesome_icons-box-holder{max-height:100%}}.emoji-picker-group,.fontawesome_icons-box-wrapper{width:100%}.emoji-picker-group h3,.fontawesome_icons-box-wrapper h3{font-size:.75rem;font-weight:700;color:var(--gray-600);text-transform:uppercase}.emoji-picker-group .holder,.fontawesome_icons-box-wrapper .holder{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;padding:.5rem 0;width:100%}.emoji-picker-group .holder i,.fontawesome_icons-box-wrapper .holder i{aspect-ratio:1/1;height:auto;font-size:1.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;border:.0625rem solid transparent;padding:.25rem;cursor:pointer;color:var(--gray-600);color:var(--gray-600);background-color:var(--white-0)}.emoji-picker-group .holder i:hover,.fontawesome_icons-box-wrapper .holder i:hover{background-color:var(--primary-100);box-shadow:none}.emoji-picker-group .holder i:focus,.fontawesome_icons-box-wrapper .holder i:focus{box-shadow:0 0 .625rem var(--primary-600-40)}.emoji-picker-group .holder i:active,.fontawesome_icons-box-wrapper .holder i:active{color:var(--primary-500);border-color:var(--primary-500);box-shadow:none}.emoji-picker-group .holder i.active,.emoji-picker-group .holder i.selected,.fontawesome_icons-box-wrapper .holder i.active,.fontawesome_icons-box-wrapper .holder i.selected{color:var(--primary-600);border-color:var(--primary-600);box-shadow:none}.emoji-picker.floating-box{max-height:25rem}@media (max-width:767px){.emoji-picker.floating-box{max-height:100%}}.emoji-picker-header{position:sticky;top:0;min-height:max-content}.emoji-picker-search .search-bar{box-sizing:border-box}.emoji-picker-controls-categories{overflow-x:auto;scrollbar-width:none}.emoji-picker-controls-categories.swiper-initialized{overflow:hidden}.emoji-picker-holder{scroll-behavior:auto;padding-bottom:.5rem}.emoji-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.25rem,1fr));gap:.25rem;padding:.5rem 0;width:100%}.emoji-picker-chip-emoji,.emoji-picker-emoji{font-family:var(--f-family-emoji)}.emoji-picker-emoji{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:1.375rem;line-height:1;padding:.25rem;border:.0625rem solid transparent;border-radius:.25rem;background-color:var(--white-0);cursor:pointer}.emoji-picker-emoji:hover{background-color:var(--primary-100)}.emoji-picker-emoji:focus{box-shadow:0 0 .625rem var(--primary-600-40)}.emoji-picker-emoji.selected{border-color:var(--primary-600);background-color:var(--primary-100)}.emoji-picker-empty{padding:2rem 0}.emoji-picker-emoji[hidden],.emoji-picker-empty[hidden],.emoji-picker-group[hidden],.emoji-picker[hidden]{display:none}