.EmojiSelect_container__WGc5u{display:flex;flex-direction:column;gap:var(--spacing-3)}@media(min-width:768px){.EmojiSelect_container__WGc5u{flex-direction:row;gap:var(--spacing-6)}}.EmojiSelect_container__WGc5u .EmojiSelect_button__9OHtD{width:var(--item-height);height:var(--item-height);padding:4px;flex:0 0 auto;transition:opacity .3s ease;border-radius:50%}@media(min-width:768px){.EmojiSelect_container__WGc5u .EmojiSelect_button__9OHtD{padding:8px}}.EmojiSelect_container__WGc5u .EmojiSelect_button__9OHtD.EmojiSelect_disabled__0QlLI{opacity:.3;filter:grayscale(1)}.EmojiSelect_container__WGc5u .EmojiSelect_button__9OHtD img{display:block;transition:transform .3s ease;max-width:100%}.EmojiSelect_container__WGc5u .EmojiSelect_button__9OHtD:active img,.EmojiSelect_container__WGc5u .EmojiSelect_button__9OHtD:focus img,.EmojiSelect_container__WGc5u .EmojiSelect_button__9OHtD:hover img{transform:scale(1.1)}.EmojiSelect_singleRandom__jVSVc{display:flex;align-items:center;justify-content:center;position:absolute;width:var(--spacing-7);height:var(--spacing-7);top:calc(var(--spacing-3)*-1);right:calc(var(--spacing-3)*-1);border-radius:50%;font-size:20px;background-color:var(--color-white);box-shadow:0 0 6px 0 var(--color-outline);opacity:0;transition:opacity .3s ease,background-color .3s ease;pointer-events:none}@media(min-width:768px){.EmojiSelect_singleRandom__jVSVc{width:var(--spacing-9);height:var(--spacing-9);top:calc(var(--spacing-4)*-1);right:calc(var(--spacing-4)*-1);font-size:26px}}.EmojiSelect_singleRandom__jVSVc:hover{background-color:var(--color-primary)}.EmojiSelect_singleRandom__jVSVc.EmojiSelect_show__1ttUX{pointer-events:all;opacity:1}.EmojiSelect_iconButton__jGORx{width:100%;height:100%;padding:10px}.EmojiSelect_wrapper__JQUy_{display:flex;flex-wrap:wrap;padding:0;justify-content:space-between;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-2) 0 var(--spacing-2)}@media(min-width:768px){.EmojiSelect_wrapper__JQUy_{flex-direction:column;justify-content:flex-start;flex-wrap:nowrap;gap:var(--spacing-1);padding:var(--spacing-4) var(--spacing-4) 0 0;flex-shrink:0}}.EmojiSelect_box__OpE3J{aspect-ratio:1;border:2px solid var(--color-mint-dark);border-radius:18%;background-color:#e8f0fe;background:radial-gradient(#fff 50%,#e8f0fe);position:relative;flex:1 1;max-width:150px;transition:border-color .15s ease}@media(min-width:768px){.EmojiSelect_box__OpE3J{max-width:unset;width:100%;flex:unset;width:130px}.EmojiSelect_box__OpE3J:hover{border-color:#000}}.EmojiSelect_box__OpE3J>img{aspect-ratio:1;max-width:100%;display:block}.EmojiSelect_box__OpE3J div{font-size:30px}.EmojiSelect_box__OpE3J.EmojiSelect_activeBox__SON_1{border-color:var(--color-primary)}.EmojiSelect_result__tDyFF>img{padding:var(--spacing-2)}.EmojiSelect_result__tDyFF:hover{border-color:var(--color-mint-dark)}.EmojiSelect_plus__7pxm1{font-size:30px;text-align:center;line-height:1}.EmojiSelect_emojiNav__FUkuC{display:flex;justify-content:space-between;align-items:center;margin:0 0 5px}.EmojiSelect_emojiNav__FUkuC>div{transition:opacity .3s ease;opacity:0;pointer-events:none}.EmojiSelect_emojiNav__FUkuC.EmojiSelect_show__1ttUX>div{opacity:1;pointer-events:all}.EmojiSelect_historyButton__WVLvS{height:32px;border:1px solid var(--color-primary);width:32px;color:var(--color-primary);transition:opacity .3s ease;opacity:1}.EmojiSelect_historyButton__WVLvS.EmojiSelect_disabled__0QlLI{opacity:.4}.EmojiSelect_historyButton__WVLvS>svg{margin-top:4px}.EmojiSelect_historyPrev__KtGBX{border-right:0;border-top-left-radius:16px;border-bottom-left-radius:16px}.EmojiSelect_historyNext___PMks{border-top-right-radius:16px;border-bottom-right-radius:16px}.EmojiSelect_random__CCA_R{border-radius:16px;height:32px;padding:0 12px 0 40px;position:relative;background-color:var(--color-primary);color:#fff;font-weight:500}@media(min-width:1024px){.EmojiSelect_random__CCA_R{height:44px;border-radius:22px;font-size:1.8rem;padding:0 12px 0 52px}}.EmojiSelect_random__CCA_R>span{background-color:var(--color-primary-dark);position:absolute;height:32px;width:32px;border-radius:16px;top:0;left:0;display:flex;align-items:center;justify-content:center;font-size:18px}@media(min-width:1024px){.EmojiSelect_random__CCA_R>span{height:44px;width:44px;font-size:30px;border-radius:22px}}.EmojiSelect_shadow__fyjhA{position:absolute;bottom:0;left:0;width:100%;height:40px;background:linear-gradient(transparent,#fff)}.EmojiSelect_relative__7ftAQ{position:relative}.EmojiSelect_selectableEmojis__iu6jy{display:flex;flex-wrap:wrap;gap:4px;max-height:370px;overflow:scroll;padding:5px 0 40px}@media(min-width:1024px){.EmojiSelect_selectableEmojis__iu6jy{max-height:430px}}.EmojiSelect_button__9OHtD .EmojiSelect_selectedIndicator__Clc4v,.EmojiSelect_button__9OHtD svg{position:absolute;right:-4px;top:-4px;color:var(--color-white);z-index:2;border-radius:50%;aspect-ratio:1/1;padding:var(--spacing-1);line-height:1;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);border:2px solid var(--color-white);font-weight:500;height:20px;width:20px;font-size:1.6rem}@media(min-width:768px){.EmojiSelect_button__9OHtD .EmojiSelect_selectedIndicator__Clc4v,.EmojiSelect_button__9OHtD svg{font-size:1.8rem;height:30px;width:30px}}.EmojiSelect_button__9OHtD.EmojiSelect_active__12gpS{background-color:var(--color-primary)}.EmojiSelect_button__9OHtD.EmojiSelect_active__12gpS.EmojiSelect_second__2P6_Z,.EmojiSelect_button__9OHtD.EmojiSelect_active__12gpS.EmojiSelect_second__2P6_Z .EmojiSelect_selectedIndicator__Clc4v{background-color:var(--color-primary-dark)}.EmojiSelect_scrollWrapper__kBK3_{position:relative;display:flex;--item-height:44px}@media(min-width:768px){.EmojiSelect_scrollWrapper__kBK3_{--item-height:72px}}.EmojiSelect_innerScrollWrapper__lAmhz{width:100%;overflow-y:hidden;overflow-x:scroll;overscroll-behavior-x:contain;padding:var(--spacing) 0}.EmojiSelect_selectWrapper__fvlp4{width:100%;display:flex;flex-direction:column;gap:var(--spacing-2)}.EmojiSelect_scrollButtonLeft__OY6Kl,.EmojiSelect_scrollButtonRight__Jedlv{position:absolute;display:flex;height:100%;align-items:center;justify-content:center;padding:var(--spacing-2);z-index:1;transition:opacity .3s ease;pointer-events:none}.EmojiSelect_scrollButtonLeft__OY6Kl{left:0;background:linear-gradient(to left,transparent 25%,var(--color-bg) 100%)}.EmojiSelect_scrollButtonRight__Jedlv{background:linear-gradient(to right,transparent 25%,var(--color-bg) 100%);right:0}.EmojiSelect_notice__9XvMF{text-align:center;border-radius:var(--border-radius);margin:0 auto;font-size:1.6rem;font-weight:500;color:var(--color-text-passive);text-wrap:pretty;padding:0 var(--spacing-4)}@media(min-width:768px){.EmojiSelect_notice__9XvMF{font-size:1.4rem;padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-primary-light);margin-top:var(--spacing-2)}}button.Action_action__fHGJK{width:4.4rem;height:4.4rem;border-radius:50%;padding:0}button.Action_action__fHGJK.Action_small__8J1Oz{width:3.4rem;height:3.4rem}button.Action_action__fHGJK svg{width:2rem;height:2rem}