@vchatcloud/react-ui-kit
Version:
VChatCloud UI Kit for react integration
2 lines • 2.26 MB
JavaScript
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;scroll-behavior:smooth}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;font-weight:400;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}img{pointer-events:none}*::-webkit-scrollbar{width:4px;background-color:none}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-bg);border-radius:2px}::-moz-placeholder{color:#aaa}::placeholder{color:#aaa}:root,:root .light{--button-primary: #0a0a6b;--button-secondary: #fff;--image-invert: none;--scrollbar-bg: #cfcfcf;--login-bg: #c9c9f2;--login-desc: #0033ab;--login-footer: #0a0a6b4c;--profile-shadow: 1px 1.7px 7px 0 rgba(201, 201, 201, .3);--profile-border: #f2f2f2;--profile-bg: #fff;--profile-button-bg: #aaa;--profile-img-border: #eaeaea;--profile-input-border: #dddddd;--profile-input-color: #000;--profile-input-focus-border: #0033ab;--notify-toast-box-shadow: 1.5px 2.6px 5px 0 rgba(168, 168, 168, .3);--notify-toast-bg-color: #363940;--notify-toast-text-color: #fff;--drawer-color-bg: #fff;--drawer-color-text: #333;--drawer-color-border: #ddd;--drawer-color-shadow: rgba(168, 168, 168, .3);--drawer-color-drawer-border: #f2f2f2;--file-drawer-border-color: #ddd;--file-drawer-header-title-color: #333;--file-drawer-tab-color: #666;--file-drawer-tab-focus-color: #000;--file-drawer-tab-focus-border-color: #000;--file-drawer-select-count-color: #666;--file-drawer-save-color: #000;--preview-item-checked-border-color: #4160b9;--file-item-preview-bg: #fff;--file-item-preview-border: #f2f2f2;--file-item-preview-text: #000;--file-item-preview-sub-text: #999;--translate-modal-shadow: rgba(168, 168, 168, .3);--translate-modal-popup-bg: #fff;--translate-modal-border-color: #f2f2f2;--translate-modal-title-color: #333;--translate-modal-translate-bg-color: #ddd;--translate-modal-translate-text-color: #000;--modal-dim: rgba(0, 0, 0, .7);--modal-shadow: rgba(168, 168, 168, .3);--modal-bg: #fff;--modal-border: #f2f2f2;--modal-title: #333;--modal-content: #444;--invite-popup-input-bg: #fff;--invite-popup-input-border: #ddd;--invite-popup-input-color: #666;--secret-bg-color: #ddd;--secret-text-color: #000;--checkbox-border-color: #ddd;--checkbox-bg-color: #fff;--user-item-border-color: #f2f2f2;--user-item-nickname-color: #333;--user-item-translate-color: #999;--toggle-bar-color: #ddd;--toggle-bar-on-color: #c9ddff;--toggle-dot-color: #999;--toggle-dot-on-color: #2a61be;--toggle-label-color: #666;--whisper-modal-input-text-color: #000;--whisper-modal-input-bg-color: #fff;--whisper-modal-input-border-color: #ddd;--user-popup-shadow: rgba(168, 168, 168, .3);--user-popup-border: #f2f2f2;--user-popup-bg: #fff;--user-popup-text: #000;--user-popup-focus-bg: #0a0a6b;--user-popup-focus-text: #fff;--user-popup-opacity: 1;--user-popup-focus-opacity: 1;--chatting-field-bg: #fff;--chatting-field-nickname: #0033ab;--chatting-field-input-text: #000;--chatting-field-input-placeholder: #888;--chatting-field-border-color: #ddd;--chatting-field-input-size-color: #999;--emoticon-field-border-color: #ddd;--emoticon-field-hover-bg-color: rgba(0, 0, 0, .1);--emoticon-field-list-bg-color: #f2f2f2;--emoticon-field-list-opacity: 1;--emoticon-field-focus-border-color: #ddd;--emoticon-field-focus-box-shadow: 1px 1.7px 1px 0 rgba(207, 207, 207, .3);--emoticon-field-focus-bg-color: #fff;--scroll-down-bg: #fff;--scroll-down-text: #333;--scroll-down-border: #ddd;--scroll-down-shadow: rgba(105, 105, 105, .25);--chatting-header-bg: #f2f2f2;--chatting-header-border: #f2f2f2;--chatting-header-text: #000;--chatting-header-user-count: #999;--chatting-body-bg: #fff;--notice-item-bg: #333;--notice-item-content: #fff;--notice-item-shadow: rgba(157, 173, 184, .3);--chat-base-border: #f2f2f2;--chat-base-nickname: #666;--chat-base-time: #999;--text-chat-item-message: #333;--whisper-item-from: #e1dffc;--whisper-item-nickname-from: #0a0a6b;--whisper-item-to: #f2f2f2;--whisper-item-nickname-to: #0a0a6b;--whisper-item-nickname-where: #666;--whisper-item-message: #010000;--whisper-item-time: #999;--whisper-item-shadow: rgba(157, 173, 184, .3);--join-item-message: #0033ab;--exit-item-message: #ff5a5a;--alert-item-message: #ff7800;--open-graph-item-border: #ddd;--open-graph-item-shadow: rgba(157, 173, 184, .3);--open-graph-item-background: #fff;--open-graph-item-title: #333;--open-graph-item-desc: #666;--radio-group-border: #ddd;--radio-group-checked: #000;--radio-group-radio-bg: #fff;--radio-group-text: #000}:root .dark{--button-primary: #fff;--button-secondary: #000;--image-invert: invert(100%);--scrollbar-bg: #444;--login-bg: #292929;--login-desc: #ddd;--login-footer: #aaa;--profile-shadow: 1.5px 2.6px 5px 0 rgba(0, 0, 0, .3);--profile-border: #444;--profile-bg: #313131;--profile-button-bg: #aaa;--profile-img-border: #444;--profile-input-border: #444;--profile-input-color: #fff;--profile-input-focus-border: #fff;--notify-toast-box-shadow: 1.5px 2.6px 5px 0 rgba(0, 0, 0, .3);--notify-toast-bg-color: #333;--notify-toast-text-color: #fff;--drawer-color-bg: #333;--drawer-color-text: #fff;--drawer-color-border: #444;--drawer-color-shadow: rgba(0, 0, 0, .3);--drawer-color-drawer-border: #444;--file-drawer-border-color: #444;--file-drawer-header-title-color: #fff;--file-drawer-tab-color: #ddd;--file-drawer-tab-focus-color: #fff;--file-drawer-tab-focus-border-color: #fff;--file-drawer-select-count-color: #fff;--file-drawer-save-color: #fff;--preview-item-checked-border-color: #0ed893;--file-item-preview-bg: #fff;--file-item-preview-border: #f2f2f2;--file-item-preview-text: #000;--file-item-preview-sub-text: #999;--translate-modal-shadow: rgba(0, 0, 0, .3);--translate-modal-popup-bg: #313131;--translate-modal-border-color: #444;--translate-modal-title-color: #fff;--translate-modal-translate-bg-color: #222;--translate-modal-translate-text-color: #fff;--modal-dim: rgba(0, 0, 0, .7);--modal-shadow: rgba(0, 0, 0, .3);--modal-bg: #313131;--modal-border: #444;--modal-title: #fff;--modal-content: #fff;--modal-button-primary: #fff;--invite-popup-input-bg: #000;--invite-popup-input-border: #444;--invite-popup-input-color: #aaa;--secret-bg-color: #222;--secret-text-color: #fff;--checkbox-border-color: #ddd;--checkbox-bg-color: #fff;--user-item-border-color: #444;--user-item-nickname-color: #fff;--user-item-translate-color: #aaa;--toggle-bar-color: #666;--toggle-bar-on-color: #fff;--toggle-dot-color: #999;--toggle-dot-on-color: #0ed893;--toggle-label-color: #ddd;--whisper-modal-input-text-color: #fff;--whisper-modal-input-bg-color: #191919;--whisper-modal-input-border-color: #444;--user-popup-shadow: rgba(0, 0, 0, .3);--user-popup-border: #444;--user-popup-bg: #313131;--user-popup-text: #fff;--user-popup-focus-bg: #313131;--user-popup-focus-text: #fff;--user-popup-opacity: .7;--user-popup-focus-opacity: 1;--chatting-field-bg: #292929;--chatting-field-nickname: #aaa;--chatting-field-input-text: #fff;--chatting-field-input-placeholder: #aaa;--chatting-field-border-color: #444;--chatting-field-input-size-color: #ddd;--emoticon-field-border-color: #444;--emoticon-field-hover-bg-color: rgba(255, 255, 255, .1);--emoticon-field-list-bg-color: #353535;--emoticon-field-list-opacity: .5;--emoticon-field-focus-border-color: #353535;--emoticon-field-focus-box-shadow: 1px 1.7px 1px 0 rgba(0, 0, 0, .3);--emoticon-field-focus-bg-color: #292929;--scroll-down-bg: #353535;--scroll-down-text: #aaa;--scroll-down-border: #353535;--scroll-down-shadow: rgba(0, 0, 0, .25);--chatting-header-bg: #191919;--chatting-header-border: #444;--chatting-header-text: #fff;--chatting-header-user-count: #ddd;--chatting-body-bg: #292929;--notice-item-bg: #111;--notice-item-content: #fff;--notice-item-shadow: rgba(0, 0, 0, .3);--chat-base-border: #444;--chat-base-nickname: #aaa;--chat-base-time: #aaa;--text-chat-item-message: #fff;--whisper-item-from: #384150;--whisper-item-nickname-from: #dfb84e;--whisper-item-to: #353535;--whisper-item-nickname-to: #00ffc0;--whisper-item-nickname-where: #aaa;--whisper-item-message: #fff;--whisper-item-time: #aaa;--whisper-item-shadow: rgba(0, 0, 0, .3);--join-item-message: #00ffc0;--exit-item-message: #ff3a54;--alert-item-message: #fff000;--open-graph-item-border: #444;--open-graph-item-shadow: rgba(0, 0, 0, .3);--open-graph-item-background: #fff;--open-graph-item-title: #333;--open-graph-item-desc: #666;--radio-group-border: #ddd;--radio-group-checked: #000;--radio-group-radio-bg: #fff;--radio-group-text: #fff}._chatting_10hh5_1{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;position:relative;overflow:hidden;transition:outline-offset .5s ease}._chatting_10hh5_1._dragging_10hh5_12:before{content:"";position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}._chatting_10hh5_1._dragging_10hh5_12 ._box_10hh5_23{z-index:10;position:absolute;display:flex;justify-content:center;align-items:center;width:150px;height:150px;border-radius:20px;box-shadow:1.5px 2.6px 5px #27272733,inset 2.5px 4.3px 5px #0400000d;border:dashed 2px #fff;background-color:#00000026;pointer-events:none;font-size:16px;color:#fff;flex-direction:column;gap:10px}._chatting_10hh5_1._dragging_10hh5_12 ._box_10hh5_23 img{width:50px;height:50px}._modal_108ce_1{z-index:3;display:flex;justify-content:center;align-items:center;background-color:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute;width:100%;height:100%;top:0;left:0}._modal_108ce_1 ._popup_108ce_14{width:300px;display:flex;flex-direction:column;gap:15px;padding:30px;border-radius:20px;box-shadow:1.5px 2.6px 5px 0 var(--modal-shadow);border:solid 1px var(--modal-border);background-color:var(--modal-bg)}._modal_108ce_1 ._popup_108ce_14 ._title_108ce_25{font-size:16px;font-weight:400;letter-spacing:-.32px;color:var(--modal-title)}._modal_108ce_1 ._popup_108ce_14 ._body_108ce_31{font-size:12px;font-weight:400;letter-spacing:-.32px;text-align:left;color:var(--modal-content)}._modal_108ce_1 ._popup_108ce_14 ._buttonWrap_108ce_38{display:flex;justify-content:center;align-items:center;gap:20px}._modal_108ce_1 ._popup_108ce_14 ._buttonWrap_108ce_38 ._button_108ce_38{line-height:1;padding:7px 14px;border-radius:5px;border:solid 1px var(--button-primary);font-size:12px;font-weight:400;text-align:center}._modal_108ce_1 ._popup_108ce_14 ._buttonWrap_108ce_38 ._cancel_108ce_53{background-color:var(--button-secondary);color:var(--button-primary)}._modal_108ce_1 ._popup_108ce_14 ._buttonWrap_108ce_38 ._send_108ce_57{background-color:var(--button-primary);color:var(--button-secondary)}._bodyWrap_471u2_1{width:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto;padding:20px 15px;gap:20px;background-color:var(--chatting-body-bg)}._wrap_11n4b_1{width:100%;height:100%;aspect-ratio:16/9;z-index:-1}._wrap_11n4b_1 ._itemImg_11n4b_7{position:relative;width:100%;height:100%}._wrap_11n4b_1 ._itemImg_11n4b_7 ._skeletonLoading_11n4b_12{position:absolute;width:100%;height:100%}._wrap_11n4b_1 ._itemImg_11n4b_7 ._skeletonLoading_11n4b_12 *{background:linear-gradient(120deg,#e5e5e5 30%,#f0f0f0 38%,#f0f0f0 40%,#e5e5e5 48%);border-radius:3px;background-size:200% 100%;background-position:100% 0;animation:_load_11n4b_1 1s infinite}._wrap_11n4b_1 ._itemImg_11n4b_7 ._skeletonLoading_11n4b_12 ._skeletonImg_11n4b_24{width:100%;height:100%}@keyframes _load_11n4b_1{to{background-position:-100% 0}}._alertItem_1op3n_1{font-size:14px;line-height:1.43;letter-spacing:-.28px;text-align:center;color:var(--alert-item-message);display:flex;justify-content:center}._alertItem_1op3n_1 ._nickname_1op3n_10{max-width:100%;text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap}._alertItem_1op3n_1 ._text_1op3n_17{flex-shrink:0}._chatBase_10twz_1{display:flex;flex-direction:row;width:100%;gap:10px}._chatBase_10twz_1 ._profile_10twz_7{width:30px;height:30px;border:solid 2px var(--chat-base-border);border-radius:15px;flex-shrink:0}._chatBase_10twz_1 ._profile_10twz_7 img{border-radius:15px}._chatBase_10twz_1 ._right_10twz_17{display:flex;flex-direction:column;width:calc(100% - 40px);gap:9px}._chatBase_10twz_1 ._right_10twz_17 ._nicknameWrap_10twz_23{font-size:14px}._chatBase_10twz_1 ._right_10twz_17 ._nicknameWrap_10twz_23 ._nickname_10twz_23{max-width:100%;line-height:1;font-size:14px;font-weight:300;letter-spacing:-.7px;color:var(--chat-base-nickname);display:flex;justify-content:flex-start;align-items:center;gap:5px}._chatBase_10twz_1 ._right_10twz_17 ._nicknameWrap_10twz_23 ._nickname_10twz_23>div{max-width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._chatBase_10twz_1 ._right_10twz_17 ._nicknameWrap_10twz_23 ._nickname_10twz_23 ._crown_10twz_45{width:13px;height:10px}._chatBase_10twz_1 ._right_10twz_17 ._time_10twz_49{line-height:2;font-size:10px;font-weight:400;color:var(--chat-base-time)}._whisperDim_10twz_56{display:flex;justify-content:center;align-items:center;background-color:var(--modal-dim);position:absolute;width:100%;height:100%;top:0;left:0}._userPopup_15pap_1{position:absolute;box-sizing:content-box;display:flex;flex-direction:column;border-radius:5px;box-shadow:1.5px 2.6px 5px 0 var(--user-popup-shadow);width:130px;border:solid 1px var(--user-popup-border);background-color:var(--user-popup-bg)}._userPopup_15pap_1 ._item_15pap_12{display:flex;flex-direction:row;padding:5px 10px;gap:10px;align-items:center;color:var(--user-popup-text)}._userPopup_15pap_1 ._item_15pap_12:first-child{border-radius:5px 5px 0 0}._userPopup_15pap_1 ._item_15pap_12:last-child{border-radius:0 0 5px 5px}._userPopup_15pap_1 ._item_15pap_12:not(:last-child){border-bottom:solid 1px var(--user-popup-border)}._userPopup_15pap_1 ._item_15pap_12 ._icon_15pap_29{width:16px;height:16px;background-size:contain}._userPopup_15pap_1 ._item_15pap_12 ._text_15pap_34{font-size:14px;font-weight:400;letter-spacing:-.28px}._userPopup_15pap_1 ._item_15pap_12 ._text_15pap_34,._userPopup_15pap_1 ._item_15pap_12 ._icon_15pap_29{opacity:var(--user-popup-opacity)}._userPopup_15pap_1 ._item_15pap_12:hover{background-color:var(--user-popup-focus-bg)}._userPopup_15pap_1 ._item_15pap_12:hover ._icon_15pap_29,._userPopup_15pap_1 ._item_15pap_12:hover ._text_15pap_34{color:var(--user-popup-focus-text);opacity:var(--user-popup-focus-opacity)}._whisperInput_1lnvg_1{width:100%;border-radius:5px;font-size:14px;padding:7px 10px;line-height:1;color:var(--whisper-modal-input-text-color);background-color:var(--whisper-modal-input-bg-color);border:solid 1px var(--whisper-modal-input-border-color)}._exitItem_fgxjk_1{width:100%;font-size:14px;line-height:1.43;letter-spacing:-.28px;text-align:center;color:var(--exit-item-message);display:flex;justify-content:center}._exitItem_fgxjk_1 ._nickname_fgxjk_11{max-width:100%;text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap}._exitItem_fgxjk_1 ._text_fgxjk_18{flex-shrink:0}._fileItem_2hkn7_1{padding:15px;border-radius:5px;box-shadow:1.5px 2.6px 5px #9dadb84d;border:solid 1px #ddd;background-color:#fff;display:flex;flex-direction:row;align-items:center;width:100%;max-width:290px}._fileItem_2hkn7_1 ._icon_2hkn7_13{flex-shrink:0;width:50px;height:50px;margin-right:20px;border:solid 1px #ddd;border-radius:25px;padding:15px}._fileItem_2hkn7_1 ._icon_2hkn7_13 img{opacity:.3}._fileItem_2hkn7_1 ._icon_2hkn7_13:hover img{opacity:.7}._fileItem_2hkn7_1 ._right_2hkn7_28{display:flex;flex-direction:column;justify-content:space-between;gap:2px}._fileItem_2hkn7_1 ._right_2hkn7_28 ._name_2hkn7_34{height:100%;font-size:14px;color:#333;display:-webkit-box;vertical-align:middle;align-items:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;word-break:break-all}._fileItem_2hkn7_1 ._right_2hkn7_28 ._info_2hkn7_47{font-size:10px;font-weight:400;color:#666}._imageItem_h6i39_1{width:-moz-fit-content;width:fit-content;max-width:60%;max-height:300px;border-radius:3px;overflow:hidden}._imageItem_h6i39_1 button{width:100%;height:100%}._imageItem_h6i39_1 button img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}._previewer_1f7rr_1{z-index:2;display:flex;justify-content:center;align-items:center}._previewer_1f7rr_1 ._header_1f7rr_7{position:absolute;top:0;width:100%;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:15px}._previewer_1f7rr_1 ._header_1f7rr_7 ._left_1f7rr_18{display:flex;align-items:center;gap:10px}._previewer_1f7rr_1 ._header_1f7rr_7 ._left_1f7rr_18 ._exit_1f7rr_23{width:14px;height:14px}._previewer_1f7rr_1 ._body_1f7rr_27{width:100%;height:100%;display:flex;justify-content:center;align-items:center}._previewer_1f7rr_1 ._body_1f7rr_27>*{width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}._dim_1f7rr_40{position:absolute;width:100%;height:100%;max-height:100%;left:0;top:0;background-color:#000}._joinItem_lpsf7_1{width:100%;font-size:14px;line-height:1.43;letter-spacing:-.28px;text-align:center;color:var(--join-item-message);display:flex;justify-content:center}._joinItem_lpsf7_1 ._nickname_lpsf7_11{max-width:100%;text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap}._joinItem_lpsf7_1 ._text_lpsf7_18{flex-shrink:0}._noticeItem_1hbqf_1{display:flex;flex-direction:row;padding:15px;box-shadow:1.5px 2.6px 5px 0 var(--notice-item-shadow);background-color:var(--notice-item-bg);gap:9px;border-radius:15px}._noticeItem_1hbqf_1 ._left_1hbqf_10{width:23px;min-width:23px}._noticeItem_1hbqf_1 ._content_1hbqf_14{width:100%;font-size:14px;font-weight:300;line-height:1.21;letter-spacing:-.28px;text-align:justify;color:var(--notice-item-content);vertical-align:middle;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}._noticeItem_1hbqf_1 ._content_1hbqf_14[style*="display: -webkit-box"]+._more_1hbqf_29{transform:rotateX(0)}._noticeItem_1hbqf_1 ._more_1hbqf_29{flex-shrink:0;transform:rotateX(180deg);width:12px;height:100%}._message_12t8z_1{font-size:16px;line-height:20px;color:var(--text-chat-item-message);line-break:anywhere;white-space:pre-wrap}._openGraphItem_1xy5l_1{width:290px;border-radius:3px;box-shadow:1.5px 2.6px 5px 0 var(--open-graph-item-shadow);border:solid 1px var(--open-graph-item-border);background-color:var(--open-graph-item-background);display:flex;flex-direction:column;overflow:hidden}._openGraphItem_1xy5l_1 ._img_1xy5l_11{height:145px;overflow:hidden;display:flex;justify-content:center;align-items:center}._openGraphItem_1xy5l_1 ._img_1xy5l_11 img{width:100%;-o-object-fit:contain;object-fit:contain}._openGraphItem_1xy5l_1 ._bottom_1xy5l_22{padding:10px;display:flex;flex-direction:column}._openGraphItem_1xy5l_1 ._bottom_1xy5l_22 ._title_1xy5l_27{font-size:14px;line-height:1.43;color:var(--open-graph-item-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._openGraphItem_1xy5l_1 ._bottom_1xy5l_22 ._desc_1xy5l_35{font-size:12px;font-weight:400;line-height:1.25;letter-spacing:-.48px;color:var(--open-graph-item-desc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._videoItem_38wlj_1{position:relative;width:-moz-fit-content;width:fit-content;max-width:60%;max-height:300px;overflow:hidden;border-radius:3px}._videoItem_38wlj_1 button{position:absolute;top:50%;left:50%;width:50px;height:50px;transform:translate(-50%,-50%)}._videoItem_38wlj_1 video{width:100%;height:100%}._whisperItem_15krc_1{padding:15px;box-shadow:1.5px 2.6px 5px 0 var(--whisper-item-shadow);display:flex;flex-direction:column;gap:5px}._whisperItem_15krc_1._from_15krc_8{border-radius:15px;background-color:var(--whisper-item-from)}._whisperItem_15krc_1._from_15krc_8 ._user_15krc_12 ._nickname_15krc_12{color:var(--whisper-item-nickname-from)}._whisperItem_15krc_1._to_15krc_15{border-radius:9.5px;background-color:var(--whisper-item-to)}._whisperItem_15krc_1._to_15krc_15 ._user_15krc_12 ._nickname_15krc_12{color:var(--whisper-item-nickname-to)}._whisperItem_15krc_1 ._user_15krc_12{width:100%;display:flex;line-height:1}._whisperItem_15krc_1 ._user_15krc_12 ._nickname_15krc_12{font-size:14px;color:var(--whisper-item-nickname-to);font-weight:400;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;line-height:1}._whisperItem_15krc_1 ._user_15krc_12 ._toFrom_15krc_38{display:block;text-wrap:nowrap;font-size:12px;font-weight:400;color:var(--whisper-item-nickname-where)}._whisperItem_15krc_1 ._message_15krc_45{font-size:16px;line-height:20px;letter-spacing:-.16px;color:var(--whisper-item-message);word-break:break-all}._whisperItem_15krc_1 ._time_15krc_52{line-height:1;font-size:10px;font-weight:400;color:var(--whisper-item-time)}._wrap_1toe8_1{color:var(--modal-content)}._wrap_1toe8_1 ._nickname_1toe8_4{display:inline-block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1;margin-bottom:-3px;font-weight:700}._chattingField_1c00v_1{position:relative;width:100%;display:flex;gap:10px;flex-direction:column;border:1px solid var(--chatting-field-border-color);padding:10px 0 7px;background-color:var(--chatting-field-bg)}._chattingField_1c00v_1 ._textfield_1c00v_11{display:flex;flex-direction:column;padding:0 15px;gap:10px}._chattingField_1c00v_1 ._textfield_1c00v_11 ._nickname_1c00v_17{font-size:14px;font-weight:400;color:var(--chatting-field-nickname);white-space:nowrap;text-overflow:ellipsis;word-break:break-all;overflow:hidden}._chattingField_1c00v_1 ._textfield_1c00v_11 ._input_1c00v_26{width:100%;max-height:400px;font-size:16px;line-height:1.25;letter-spacing:-.16px;background-color:var(--chatting-field-bg);color:var(--chatting-field-input-text);outline:none;resize:none}._chattingField_1c00v_1 ._textfield_1c00v_11 ._input_1c00v_26::-moz-placeholder{font-weight:300;color:var(--chatting-field-input-placeholder)}._chattingField_1c00v_1 ._textfield_1c00v_11 ._input_1c00v_26::placeholder{font-weight:300;color:var(--chatting-field-input-placeholder)}._chattingField_1c00v_1 ._bottomBar_1c00v_41{padding:0 15px;display:flex;flex-direction:row;justify-content:space-between}._chattingField_1c00v_1 ._bottomBar_1c00v_41 ._left_1c00v_47,._chattingField_1c00v_1 ._bottomBar_1c00v_41 ._right_1c00v_48{display:flex;flex-direction:row;gap:10px;justify-content:center;align-items:center}._chattingField_1c00v_1 ._bottomBar_1c00v_41 ._left_1c00v_47{filter:var(--image-invert)}._chattingField_1c00v_1 ._bottomBar_1c00v_41 ._left_1c00v_47 button{width:20px;height:20px;opacity:.3}._chattingField_1c00v_1 ._bottomBar_1c00v_41 ._left_1c00v_47 button:hover{opacity:.7}._chattingField_1c00v_1 ._bottomBar_1c00v_41 ._right_1c00v_48 ._inputSize_1c00v_66{font-size:14px;font-weight:400;letter-spacing:-.28px;color:var(--chatting-field-input-size-color)}._chattingField_1c00v_1 ._bottomBar_1c00v_41 ._right_1c00v_48 ._send_1c00v_72{line-height:1;font-size:14px;padding:11px 13px;border-radius:5px;background-color:var(--button-primary);color:var(--button-secondary)}._emoticonField_1eb4j_1{display:flex;flex-direction:column;border-top:1px solid var(--emoticon-field-border-color)}._emoticonField_1eb4j_1 ._emoticonIconList_1eb4j_6{display:grid;place-items:start;grid-template-columns:repeat(auto-fill,minmax(85px,auto));padding:15px;gap:5px 0;height:180px;overflow-y:auto}._emoticonField_1eb4j_1 ._emoticonIconList_1eb4j_6 button{width:100%;min-width:85px;min-height:85px;padding-top:100%;display:flex;justify-content:center;align-items:center;position:relative}._emoticonField_1eb4j_1 ._emoticonIconList_1eb4j_6 button:hover{background-color:var(--emoticon-field-hover-bg-color)}._emoticonField_1eb4j_1 ._emoticonIconList_1eb4j_6 button span,._emoticonField_1eb4j_1 ._emoticonIconList_1eb4j_6 button img{position:absolute;left:5px;top:5px;width:calc(100% - 10px);-o-object-fit:contain;object-fit:contain;pointer-events:none}._emoticonField_1eb4j_1 ._emoticonIconList_1eb4j_6._emoji_1eb4j_37{grid-template-columns:repeat(auto-fill,minmax(36px,auto));grid-template-rows:repeat(auto-fill,minmax(36px,auto));gap:10px 5px;font-size:24px}._emoticonField_1eb4j_1 ._emoticonIconList_1eb4j_6._emoji_1eb4j_37 button{min-width:36px;min-height:36px}._emoticonField_1eb4j_1 ._emoticonIconList_1eb4j_6._emoji_1eb4j_37 button span{left:0;top:0;width:100%;pointer-events:none}._emoticonField_1eb4j_1 ._emoticonList_1eb4j_53{display:flex;overflow-x:scroll;width:100%;background-color:var(--emoticon-field-list-bg-color);padding:6px 16px;gap:14px}._emoticonField_1eb4j_1 ._emoticonList_1eb4j_53 button{flex-shrink:0;width:32px;height:32px;padding:3px}._emoticonField_1eb4j_1 ._emoticonList_1eb4j_53 button img{opacity:var(--emoticon-field-list-opacity)}._emoticonField_1eb4j_1 ._emoticonList_1eb4j_53>button:nth-child(1){padding:6px}._emoticonField_1eb4j_1 ._emoticonList_1eb4j_53 button._focus_1eb4j_73{border-radius:3px;box-shadow:var(--emoticon-field-focus-box-shadow);outline:var(--emoticon-field-focus-border-color) solid 1px;background-color:var(--emoticon-field-focus-bg-color)}._emoticonField_1eb4j_1 ._emoticonList_1eb4j_53 button._focus_1eb4j_73 img{opacity:1}._down_g2ijz_1{display:flex;position:absolute;left:50%;top:-15px;transform:translate(-50%,-100%);gap:5px;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;min-width:160px;max-width:90%;padding:7px 30px;border-radius:20px;box-shadow:0 7px 11px 0 var(--scroll-down-shadow);border:solid 1px var(--scroll-down-border);background-color:var(--scroll-down-bg);font-size:16px;font-weight:500;color:var(--scroll-down-text);text-align:justify;word-break:break-all}._down_g2ijz_1._hide_g2ijz_24{display:none}._down_g2ijz_1 img{width:10px;height:6px}._titleWrap_z43x7_1{width:100%;height:60px;flex-shrink:0;background-color:var(--chatting-header-bg);display:flex;flex-direction:row;padding:12px 15px;position:relative;border-bottom:1px solid var(--chatting-header-border)}._titleWrap_z43x7_1 ._left_z43x7_12{width:calc(100% - 80px);height:100%;display:flex;flex-direction:column;line-height:1;justify-content:space-between}._titleWrap_z43x7_1 ._left_z43x7_12 ._title_z43x7_1{line-height:1;height:calc(100% - 17px);font-size:16px;color:var(--chatting-header-text);gap:4px;display:flex}._titleWrap_z43x7_1 ._left_z43x7_12 ._title_z43x7_1 span{max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}._titleWrap_z43x7_1 ._left_z43x7_12 ._title_z43x7_1 ._lock_z43x7_34{flex-shrink:0}._titleWrap_z43x7_1 ._left_z43x7_12 ._title_z43x7_1 ._lock_z43x7_34 img{height:15px;filter:var(--image-invert)}._titleWrap_z43x7_1 ._left_z43x7_12 ._person_z43x7_41{display:flex;align-items:center;gap:3px}._titleWrap_z43x7_1 ._left_z43x7_12 ._person_z43x7_41 img{width:8px;height:10px}._titleWrap_z43x7_1 ._left_z43x7_12 ._person_z43x7_41 div{font-size:13px;font-weight:300;color:var(--chatting-header-user-count)}._titleWrap_z43x7_1 ._right_z43x7_55{flex-shrink:0;display:flex;flex-direction:row;gap:10px;width:150px;justify-content:flex-end;align-items:flex-end}._titleWrap_z43x7_1 ._right_z43x7_55 ._menu_z43x7_64{width:20px;height:20px}._titleWrap_z43x7_1 ._right_z43x7_55 ._menu_z43x7_64 img{filter:var(--image-invert)}._themeToggle_105w9_1{display:flex;flex-shrink:0;color:var(--chatting-header-text);justify-content:center;align-items:center;align-self:flex-end;gap:5px}._themeToggle_105w9_1 ._label_105w9_10{font-size:12px;line-height:1}._themeToggle_105w9_1 ._toggle_105w9_14{width:60px;height:20px;display:flex;align-items:center;border-radius:10px;padding:0 10px;position:relative;background:#fff;color:#999}._themeToggle_105w9_1 ._toggle_105w9_14,._themeToggle_105w9_1 ._toggle_105w9_14 ._dot_105w9_26,._themeToggle_105w9_1 ._toggle_105w9_14 ._label_105w9_10{transition:transform .5s ease,color .2s ease,background-color .5s ease,opacity .2s ease}._themeToggle_105w9_1 ._toggle_105w9_14 ._dot_105w9_26{width:16px;height:16px;border-radius:8px;background:#363636;position:absolute;right:2px}._themeToggle_105w9_1 ._toggle_105w9_14 ._light_105w9_38{position:absolute;left:10px;opacity:1}._themeToggle_105w9_1 ._toggle_105w9_14 ._dark_105w9_43{position:absolute;right:10px;opacity:0}._themeToggle_105w9_1 ._toggle_105w9_14._dark_105w9_43{background:#ffffff1a;color:#fff}._themeToggle_105w9_1 ._toggle_105w9_14._dark_105w9_43 ._light_105w9_38{opacity:0}._themeToggle_105w9_1 ._toggle_105w9_14._dark_105w9_43 ._dark_105w9_43{opacity:1}._themeToggle_105w9_1 ._toggle_105w9_14._dark_105w9_43 ._dot_105w9_26{background:#fff;transform:translate(-40px)}._fileDrawer_5ox47_1 ._top_5ox47_1{display:flex;flex-direction:column;border-bottom:1px solid var(--file-drawer-border-color);padding:15px 15px 0}._fileDrawer_5ox47_1 ._top_5ox47_1 ._header_5ox47_7{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:15px}._fileDrawer_5ox47_1 ._top_5ox47_1 ._header_5ox47_7 ._title_5ox47_14{font-size:16px;font-weight:400;letter-spacing:-.32px;color:var(--file-drawer-header-title-color)}._fileDrawer_5ox47_1 ._top_5ox47_1 ._header_5ox47_7 ._exit_5ox47_20{width:21px;height:20px}._fileDrawer_5ox47_1 ._top_5ox47_1 ._tabs_5ox47_24{display:flex;flex-direction:row}._fileDrawer_5ox47_1 ._top_5ox47_1 ._tabs_5ox47_24 ._item_5ox47_28{width:33.3333333333%;padding:15px 0;position:relative;font-size:14px;font-weight:400;letter-spacing:-.28px;text-align:center;color:var(--file-drawer-tab-color)}._fileDrawer_5ox47_1 ._top_5ox47_1 ._tabs_5ox47_24 ._item_5ox47_28._focus_5ox47_38{font-size:16px;letter-spacing:-.32px;text-align:center;color:var(--file-drawer-tab-focus-color)}._fileDrawer_5ox47_1 ._top_5ox47_1 ._tabs_5ox47_24 ._item_5ox47_28._focus_5ox47_38:after{position:absolute;border-bottom:4px solid var(--file-drawer-tab-focus-border-color);content:"";bottom:0;left:0;width:70%;margin:0 15%}._fileDrawer_5ox47_1 ._bottom_5ox47_53{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:15px;line-height:1}._fileDrawer_5ox47_1 ._bottom_5ox47_53 ._selectWrap_5ox47_61{display:flex;gap:5px;align-items:center}._fileDrawer_5ox47_1 ._bottom_5ox47_53 ._selectWrap_5ox47_61 ._cancel_5ox47_66{width:20px;height:20px;opacity:.3}._fileDrawer_5ox47_1 ._bottom_5ox47_53 ._selectWrap_5ox47_61 ._cancel_5ox47_66:hover{opacity:.7}._fileDrawer_5ox47_1 ._bottom_5ox47_53 ._selectWrap_5ox47_61 ._count_5ox47_74{font-size:14px;font-weight:400;color:var(--file-drawer-select-count-color)}._fileDrawer_5ox47_1 ._bottom_5ox47_53 ._save_5ox47_79{font-size:16px;color:var(--file-drawer-save-color)}._imagePreviewList_5ox47_84{width:100%;height:100%;display:flex;flex-wrap:wrap;gap:9px;padding:15px;overflow-y:auto;align-content:flex-start}._imagePreviewList_5ox47_84>button{width:calc((100% - 18px) / 3)}._filePreviewList_5ox47_98{height:100%;display:flex;flex-direction:column;gap:15px;padding:15px;overflow-y:auto}._drawer_nymge_1{z-index:2;display:flex;width:300px;height:100%;flex-direction:column;box-shadow:-1.5px 2.6px 5px 0 var(--drawer-color-shadow);border:solid 1px var(--drawer-color-drawer-border);background-color:var(--drawer-color-bg);border-radius:20px 0 0 20px;position:absolute;top:0;right:0;transition:transform .5s ease;transform:translate(100%)}._drawer_nymge_1._show_nymge_17{display:flex;transform:translate(0)}._drawer_nymge_1 ._top_nymge_21{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid var(--drawer-color-border);padding:15px}._drawer_nymge_1 ._top_nymge_21 ._title_nymge_29{font-size:16px;font-weight:400;letter-spacing:-.32px;color:var(--drawer-color-text)}._drawer_nymge_1 ._top_nymge_21 ._exit_nymge_35{width:21px;height:20px}._drawer_nymge_1 ._bodyWrap_nymge_39{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px 30px}._drawer_nymge_1 ._bottomWrap_nymge_46{border-radius:0 0 0 20px;border-top:1px solid var(--drawer-color-border)}._filePreviewItem_djybu_1{position:relative;display:flex;flex-direction:row;border-radius:3px;border:solid 1px var(--file-item-preview-border);background-color:var(--file-item-preview-bg);gap:15px;padding:21px 21px 14px;line-height:1}._filePreviewItem_djybu_1._checked_djybu_12{border:solid 2px var(--preview-item-checked-border-color);padding:20px 20px 13px}._filePreviewItem_djybu_1 ._icon_djybu_16{width:20px;height:20px;flex-shrink:0;opacity:.3}._filePreviewItem_djybu_1 ._icon_djybu_16:hover{opacity:.7}._filePreviewItem_djybu_1 ._right_djybu_25{display:flex;flex-direction:column;text-align:left;overflow:hidden;gap:9px}._filePreviewItem_djybu_1 ._right_djybu_25 ._filename_djybu_32{width:100%;font-size:14px;font-weight:400;color:var(--file-item-preview-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._filePreviewItem_djybu_1 ._right_djybu_25 ._subInfo_djybu_41{font-size:12px;font-weight:400;color:var(--file-item-preview-sub-text)}._filePreviewItem_djybu_1 ._checkedIcon_djybu_46{width:14px;height:14px;position:absolute;top:10px;left:10px}._imagePreviewItem_1vikg_1{position:relative;border-radius:3px;overflow:hidden;aspect-ratio:1}._imagePreviewItem_1vikg_1 ._image_1vikg_1{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._imagePreviewItem_1vikg_1._checked_1vikg_12{outline:2px solid var(--preview-item-checked-border-color);outline-offset:-2px}._imagePreviewItem_1vikg_1 ._checkedIcon_1vikg_16{width:14px;height:14px;position:absolute;top:6px;left:6px}._videoPreviewItem_efnel_1{position:relative;border-radius:3px;overflow:hidden;aspect-ratio:1}._videoPreviewItem_efnel_1 ._video_efnel_1{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._videoPreviewItem_efnel_1._checked_efnel_12{outline:2px solid var(--preview-item-checked-border-color);outline-offset:-2px}._videoPreviewItem_efnel_1 ._checkedIcon_efnel_16{width:14px;height:14px;position:absolute;top:10px;left:10px}._userListDrawer_1btuw_1 ._userWrap_1btuw_1{display:flex;flex-direction:column;height:100%;padding:20px 30px;gap:20px;overflow-y:auto}._userListDrawer_1btuw_1 ._secret_1btuw_9{width:100%;border-radius:0 0 0 20px;min-height:40px;background-color:var(--secret-bg-color);display:flex;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:400;letter-spacing:-.28px;color:var(--secret-text-color)}._userListDrawer_1btuw_1 ._secret_1btuw_9 img{width:14px;height:20px;filter:var(--image-invert)}._userItem_o929c_1{display:flex;flex-direction:row;align-items:center}._userItem_o929c_1 ._checkbox_o929c_6{margin-right:10px}._userItem_o929c_1 ._profile_o929c_9{margin-right:5px;width:30px;height:30px;border:solid 2px var(--user-item-border-color);border-radius:15px;overflow:hidden;flex-shrink:0}._userItem_o929c_1 ._right_o929c_18{display:flex;flex-direction:column;width:calc(100% - 63px)}._userItem_o929c_1 ._right_o929c_18 ._nicknameWrap_o929c_23{display:flex;align-items:center;gap:5px}._userItem_o929c_1 ._right_o929c_18 ._nicknameWrap_o929c_23 ._nickname_o929c_23{font-size:16px;letter-spacing:-.32px;color:var(--user-item-nickname-color);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._userItem_o929c_1 ._right_o929c_18 ._nicknameWrap_o929c_23 ._crown_o929c_37{width:13px;height:10px}._userItem_o929c_1 ._right_o929c_18 ._translate_o929c_41{display:flex;flex-direction:row;gap:10px;font-size:14px;font-weight:400;text-align:left;color:var(--user-item-translate-color)}._checkbox_1f39k_1{display:flex;flex-direction:row;justify-content:center;align-items:center}._checkbox_1f39k_1 ._box_1f39k_7{width:18px;height:18px;border-radius:3px;border:solid 1px var(--checkbox-border-color);background-color:var(--checkbox-bg-color);display:flex;justify-content:center;align-items:center}._checkbox_1f39k_1 ._checked_1f39k_17{width:10px;height:7px}._checkbox_1f39k_1 ._label_1f39k_21{font-size:20px}._toggle_1jsuj_1{display:flex;justify-content:center;align-items:center;gap:10px}._toggle_1jsuj_1 ._toggleWrap_1jsuj_7{position:relative}._toggle_1jsuj_1 ._toggleWrap_1jsuj_7 ._bar_1jsuj_10{width:20px;height:6px;border-radius:3px;background-color:var(--toggle-bar-color);transition:background-color .3s ease}._toggle_1jsuj_1 ._toggleWrap_1jsuj_7 ._bar_1jsuj_10._on_1jsuj_17{background-color:var(--toggle-bar-on-color)}._toggle_1jsuj_1 ._toggleWrap_1jsuj_7 ._dot_1jsuj_20{width:12px;height:12px;border-radius:6px;background-color:var(--toggle-dot-color);position:absolute;left:0;top:-3px;transition:background-color .3s ease,transform .3s ease}._toggle_1jsuj_1 ._toggleWrap_1jsuj_7 ._dot_1jsuj_20._on_1jsuj_17{background-color:var(--toggle-dot-on-color)}._toggle_1jsuj_1 ._toggleWrap_1jsuj_7._on_1jsuj_17 ._bar_1jsuj_10{background-color:var(--toggle-bar-on-color)}._toggle_1jsuj_1 ._toggleWrap_1jsuj_7._on_1jsuj_17 ._dot_1jsuj_20{transform:translate(8px);background-color:var(--toggle-dot-on-color)}._toggle_1jsuj_1 ._label_1jsuj_40{font-size:14px;font-weight:400;color:var(--toggle-label-color)}._translateModal_qg6ca_1{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--modal-dim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:3}._translateModal_qg6ca_1 ._popup_qg6ca_14{display:flex;flex-direction:column;width:260px;border-radius:20px;box-shadow:1.5px 2.6px 5px 0 var(--translate-modal-shadow);border:1px solid var(--translate-modal-border-color);background-color:var(--translate-modal-popup-bg);overflow:hidden}._translateModal_qg6ca_1 ._popup_qg6ca_14 ._top_qg6ca_24{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:15px;border:1px solid var(--translate-modal-border-color)}._translateModal_qg6ca_1 ._popup_qg6ca_14 ._top_qg6ca_24 ._title_qg6ca_32{line-height:1;font-size:16px;font-weight:400;color:var(--translate-modal-title-color)}._translateModal_qg6ca_1 ._popup_qg6ca_14 ._top_qg6ca_24 ._close_qg6ca_38{width:16px;height:16px;opacity:.3;filter:var(--image-invert)}._translateModal_qg6ca_1 ._popup_qg6ca_14 ._top_qg6ca_24 ._close_qg6ca_38:hover{opacity:.7}._translateModal_qg6ca_1 ._popup_qg6ca_14 ._languageWrap_qg6ca_47{display:flex;flex-direction:column;gap:20px;padding:20px 30px;max-height:310px;overflow-y:auto}._translateModal_qg6ca_1 ._popup_qg6ca_14 ._translate_qg6ca_1{min-height:40px;background-color:var(--translate-modal-translate-bg-color);font-size:14px;font-weight:400;letter-spacing:-.28px;text-align:center;color:var(--translate-modal-translate-text-color)}._radio_1sb68_1{display:flex;align-items:center;gap:10px}._radio_1sb68_1 ._iconWrap_1sb68_6 ._radioIcon_1sb68_6{position:relative;width:16px;height:16px;border:1px solid var(--radio-group-border);border-radius:8px;background-color:var(--radio-group-radio-bg)}._radio_1sb68_1 ._iconWrap_1sb68_6 ._radioIcon_1sb68_6._checked_1sb68_14:after{content:"";width:8px;height:8px;background-color:var(--radio-group-checked);border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}._radio_1sb68_1 span{color:var(--radio-group-text)}._invitePopup_qgor7_1{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}._invitePopup_qgor7_1 ._wrap_qgor7_8{display:flex;flex-direction:column;justify-content:center;width:100%;gap:7px;line-height:1}._invitePopup_qgor7_1 ._wrap_qgor7_8 ._title_qgor7_16{font-size:16px;color:var(--modal-title)}._invitePopup_qgor7_1 ._wrap_qgor7_8 ._inputWrap_qgor7_20{position:relative;display:flex;gap:5px}._invitePopup_qgor7_1 ._wrap_qgor7_8 ._inputWrap_qgor7_20 ._input_qgor7_20{font-weight:400;width:100%;height:28px;border-radius:5px;background-color:var(--invite-popup-input-bg);border:solid 1px var(--invite-popup-input-border);color:var(--invite-popup-input-color);padding:0 10px;font-size:14px;text-overflow:ellipsis}._invitePopup_qgor7_1 ._wrap_qgor7_8 ._inputWrap_qgor7_20 ._input_qgor7_20._withCopy_qgor7_37{padding-right:27px}._invitePopup_qgor7_1 ._wrap_qgor7_8 ._inputWrap_qgor7_20 ._copyButton_qgor7_40{width:14px;height:14px;position:absolute;right:7px;top:7px}._send_qgor7_48{line-height:1;font-weight:400;padding:7px 14px;font-size:12px;color:var(--button-secondary);border-radius:5px;border:1px solid var(--button-primary);background-color:var(--button-primary);white-space:nowrap}._notifyWrap_1a135_1{display:flex;flex-direction:column;position:fixed;top:0;left:0;align-items:center;width:100%;gap:10px;pointer-events:none;padding:10px;z-index:100}._notifyWrap_1a135_1 ._toast_1a135_14{padding:20px;border-radius:15px;box-shadow:var(--notify-toast-box-shadow);background-color:var(--notify-toast-bg-color);color:var(--notify-toast-text-color);font-size:16px;line-height:1.38;letter-spacing:-.32px;display:flex;justify-content:center;align-items:center;gap:10px}._notifyWrap_1a135_1 ._toast_1a135_14 img{width:20px;height:20px}._notifyWrap_1a135_1 ._toast_1a135_14._slideIn_1a135_32{opacity:0;transform:translateY(-100%);animation:_slideIn_1a135_32 ease .5s forwards}._notifyWrap_1a135_1 ._toast_1a135_14._fadeOut_1a135_37{animation:_fadeOut_1a135_37 ease .5s forwards}@keyframes _slideIn_1a135_32{to{opacity:1;transform:translateY(0)}}@keyframes _fadeOut_1a135_37{to{opacity:0;transform:translateY(100%)}}._loginWrap_llbv4_1{position:relative;display:flex;min-height:640px;flex-direction:column;align-items:center;justify-content:center;background-color:var(--login-bg);padding:40px;gap:40px;height:100%}._loginWrap_llbv4_1 ._logoWrap_llbv4_13{display:flex;flex-direction:column;align-items:center;gap:13px}._loginWrap_llbv4_1 ._logoWrap_llbv4_13 ._logo_llbv4_13{width:240px}._loginWrap_llbv4_1 ._logoWrap_llbv4_13 ._logoNotice_llbv4_22{display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--login-desc);letter-spacing:-.42px}._loginWrap_llbv4_1 ._footer_llbv4_30{position:absolute;bottom:30px;font-size:12px;letter-spacing:-.36px;color:var(--login-footer)}._wrap_1bbmu_1{width:280px;height:200px;margin-top:55px;padding:75px 25px 25px;border-radius:11.5px;box-shadow:var(--profile-shadow);border:solid 1px var(--profile-border);background-color:var(--profile-bg);display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}._wrap_1bbmu_1 ._profileWrap_1bbmu_16{position:absolute;top:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;transform:translateY(-50%)}._wrap_1bbmu_1 ._profileWrap_1bbmu_16 ._profileButton_1bbmu_26{width:30px;height:30px;border-radius:15px;display:flex;justify-content:center;align-items:center;background-color:var(--profile-button-bg)}._wrap_1bbmu_1 ._profileWrap_1bbmu_16 ._profileButton_1bbmu_26 img{width:14px;height:12px}._wrap_1bbmu_1 ._profileWrap_1bbmu_16 ._profileButton_1bbmu_26:hover{background-color:var(--button-primary)}._wrap_1bbmu_1 ._profileWrap_1bbmu_16 ._profileButton_1bbmu_26:hover img{filter:var(--image-invert)}._wrap_1bbmu_1 ._profileWrap_1bbmu_16 ._profile_1bbmu_16{width:110px;height:110px;border:7px solid var(--profile-img-border);border-radius:55px;background-color:var(--profile-bg)}._wrap_1bbmu_1 ._profileWrap_1bbmu_16 ._profile_1bbmu_16 ._profileImg_1bbmu_52{width:100%;height:100%;border-radius:100%}._wrap_1bbmu_1 ._nicknameInput_1bbmu_57{font-weight:400;width:100%;outline:none;font-size:14px;text-align:center;border-bottom:1px solid var(--profile-input-border);background-color:var(--profile-bg);color:var(--profile-input-color);padding:4px}._wrap_1bbmu_1 ._nicknameInput_1bbmu_57:focus{border-bottom:1px solid var(--profile-input-focus-border)}._wrap_1bbmu_1 ._nicknameInput_1bbmu_57::-moz-placeholder{text-align:center}._wrap_1bbmu_1 ._nicknameInput_1bbmu_57::placeholder{text-align:center}._wrap_1bbmu_1 ._loginButton_1bbmu_74{width:100%;height:50px;border-radius:25px;background-color:var(--button-primary);color:var(--profile-bg)}._bg_4zwmr_1{width:85px;height:30px;padding:7px;border-radius:5px;background-color:#0a0a6b;display:flex;flex-direction:row;gap:5px;color:#fff;justify-content:center;align-items:center}._bg_4zwmr_1 ._img_4zwmr_14{width:20px;height:16px}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react"),Fo=require("react-dom");var wn=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Ur(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var Gi={},pn;function xr(){return pn||(pn=1,function(i){Object.defineProperty(i,Symbol.toStringTag,{value:"Module"});var l=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof wn<"u"?wn:typeof self<"u"?self:{};function f(u){return u&&u.__esModule&&Object.prototype.hasOwnProperty.call(u,"default")?u.default:u}var g,V={exports:{}},k=function(){if(g)return V.exports;g=1;var u,e=typeof Reflect=="object"?Reflect:null,o=e&&typeof e.apply=="function"?e.apply:function(s,A,E){return Function.prototype.apply.call(s,A,E)};u=e&&typeof e.ownKeys=="function"?e.ownKeys:Object.getOwnPropertySymbols?function(s){return Object.getOwnPropertyNames(s).concat(Object.getOwnPropertySymbols(s))}:function(s){return Object.getOwnPropertyNames(s)};var a=Number.isNaN||function(s){return s!=s};function n(){n.init.call(this)}V.exports=n,V.exports.once=function(s,A){return new Promise(function(E,c){function v(x){s.removeListener(A,B),c(x)}function B(){typeof s.removeListener=="function"&&s.removeListener("error",v),E([].slice.call(arguments))}m(s,A,B,{once:!0}),A!=="error"&&function(x,P,Y){typeof x.on=="function"&&m(x,"error",P,Y)}(s,v,{once:!0})})},n.EventEmitter=n,n.prototype.t=void 0,n.prototype.i=0,n.prototype.o=void 0;var r=10;function d(s){if(typeof s!="function")throw new TypeError('The "listener" argument must be of type Function. Received type '+typeof s)}function I(s){return s.o===void 0?n.defaultMaxListeners:s.o}function C(s,A,E,c){var v,B,x,P;if(d(E),(B=s.t)===void 0?(B=s.t=Object.create(null),s.i=0):(B.newListener!==void 0&&(s.emit("newListener",A,E.listener?E.listener:E),B=s.t),x=B[A]),x===void 0)x=B[A]=E,++s.i;else if(typeof x=="function"?x=B[A]=c?[E,x]:[x,E]:c?x.unshift(E):x.push(E),(v=I(s))>0&&x.length>v&&!x.warned){x.warned=!0;var Y=new Error("Possible EventEmitter memory leak detected. "+x.length+" "+String(A)+" listeners added. Use emitter.setMaxListeners() to increase limit");Y.name="MaxListenersExceededWarning",Y.emitter=s,Y.type=A,Y.count=x.length,P=Y,console&&console.warn&&console.warn(P)}return s}function p(){if(!this.fired)return this.target.removeListener(this.type,this.wrapFn),this.fired=!0,arguments.length===0?this.listener.call(this.target):this.listener.apply(this.target,arguments)}function h(s,A,E){var c={fired:!1,wrapFn:void 0,target:s,type:A,listener:E},v=p.bind(c);return v.listener=E,c.wrapFn=v,v}function Q(s,A,E){var c=s.t;if(c===void 0)return[];var v=c[A];return v===void 0?[]:typeof v=="function"?E?[v.listener||v]:[v]:E?function(B){for(var x=new Array(B.length),P=0;P<x.length;++P)x[P]=B[P].listener||B[P];return x}(v):S(v,v.length)}function R(s){var A=this.t;if(A!==void 0){var E=A[s];if(typeof E=="function")return 1;if(E!==void 0)return E.length}return 0}function S(s,A){for(var E=new Array(A),c=0;c<A;++c)E[c]=s[c];return E}function m(s,A,E,c){if(typeof s.on=="function")c.once?s.once(A,E):s.on(A,E);else{if(typeof s.addEventListener!="function")throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type '+typeof s);s.addEventListener(A,function v(B){c.once&&s.removeEventListener(A,v),E(B)})}}return Object.defineProperty(n,"defaultMaxListeners",{enumerable:!0,get:function(){return r},set:function(s){if(typeof s!="number"||s<0||a(s))throw new Ra