@vchatcloud/vue-ui-kit/dist/vue-ui-kit.js

VChatCloud UI Kit for vue integration

(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}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;-webkit-user-select:none;-moz-user-select:none;-ms-use-select:none;user-select:none}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}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}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;scroll-behavior:smooth}.dim{position:absolute;width:100%;height:100%;background-color:#00000080;left:0;top:0;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}:root{--invert-img: none;--toaster-notify-shadow-color: rgba(168, 168, 168, .3);--toaster-notify-background-color: #363940;--toaster-notify-color: #fff;--toaster-span-color: #fff;--login-wrap-background-color: #c9c9f2;--login-logo-notice-color: #0a0a6b;--login-footer-color: #0a0a6b4c;--profile-wrap-box-shadow-color: rgba(201, 201, 201, .3);--profile-wrap-border-color: #f2f2f2;--profile-wrap-background-color: #fff;--profile-button-color: #aaa;--profile-button-hover-color: #aaa;--profile-profile-border-color: #eaeaea;--profile-profile-background-color: #fff;--profile-nick-name-input-border-color: #dddddd;--profile-nick-name-input-color: #aaa;--profile-nick-name-input-bg-color: #fff;--profile-nick-name-input-focus-border-color: #0033ab;--profile-login-button-background-color: #0a0a6b;--profile-login-button-color: #fff;--file-send-color-background: rgba(0, 0, 0, .15);--file-send-color-border: #fff;--file-send-color-text: #fff;--file-send-color-shadow-outer: rgba(39, 39, 39, .2);--file-send-color-shadow-inner: rgba(4, 0, 0, .05);--header-color-background: #f2f2f2;--header-color-title: #000;--header-color-count: #999;--header-color-border: #ddd;--join-user-list-color-background: #fff;--join-user-list-color-border: #f2f2f2;--join-user-list-color-header-border: #ddd;--join-user-list-color-header-color: #000;--join-user-list-color-footer-background: #ddd;--join-user-list-color-footer: #000;--join-user-list-color-shadow: rgba(168, 168, 168, .3);--join-user-color-background: #f2f2f2;--join-user-color-profile-border: #f2f2f2;--join-user-color-title: #333;--join-user-translate-color: #999;--language-modal-color-background: #fff;--language-modal-color-border: #f2f2f2;--language-modal-color-header-border: #ddd;--language-modal-color-footer-background: #ddd;--language-modal-color-footer-text: #000;--language-modal-color-close-icon: rgba(168, 168, 168, .3);--language-modal-span-color: #000;--radio-group-color-border: #ddd;--radio-group-color-checked: #000;--radio-group-span-color: #000;--radio-group-radio-icon-bg-color: #fff;--checkbox-color-border: #ddd;--checkbox-color-background: #fff;--toggle-color-bar-background: #ddd;--toggle-color-bar-background-on: #c9ddff;--toggle-color-dot-background: #999;--toggle-color-dot-background-on: #2a61be;--toggle-color-label: #666;--invite-modal-color-background: #fff;--invite-modal-color-border: #f2f2f2;--invite-modal-color-input-border: #ddd;--invite-modal-color-input-text: #aaa;--invite-modal-color-input-background: #fff;--invite-modal-color-title: #333;--invite-modal-color-close-button-border: #0a0a6b;--invite-modal-color-close-button-text: #0a0a6b;--invite-modal-color-submit-button-border: #0a0a6b;--invite-modal-color-submit-button-background: #0a0a6b;--invite-modal-color-submit-button-text: #fff;--invite-modal-color-shadow: rgba(168, 168, 168, .3);--modal-color-background: #fff;--modal-color-border: #f2f2f2;--modal-color-title: #333;--modal-color-contents: #000;--modal-color-close-button-border: #0a0a6b;--modal-color-close-button-text: #0a0a6b;--modal-color-submit-button-border: #0a0a6b;--modal-color-submit-button-background: #0a0a6b;--modal-color-submit-button-text: #fff;--modal-color-shadow: rgba(168, 168, 168, .3);--file-drawer-wrap-box-shadow-color: rgba(168, 168, 168, .3);--file-drawer-wrap-border-color: #f2f2f2;--file-drawer-wrap-background-color: #fff;--file-drawer-header-border-bottom-color: #ddd;--file-drawer-title-color: #333;--file-drawer-tab-item-color: #666;--file-drawer-tab-item-focus-color: #000;--file-drawer-tab-item-focus-border-color: #000;--file-drawer-body-padding-color: #ddd;--file-drawer-footer-border-top-color: #ddd;--file-drawer-footer-select-count-color: #666;--file-drawer-footer-save-color: #000;--file-drawer-footer-image-opacity: .3;--file-drawer-footer-image-opacity-hover: .7;--preview-popup-color-bg-header: rgba(0, 0, 0, .5);--preview-popup-color-text-header: #ffffff;--preview-popup-color-bg-dim: #000000;--file-preview-wrap-border-color: #f2f2f2;--file-preview-wrap-background-color: #fff;--file-preview-wrap-focus-border-color: #4160b9;--file-preview-wrap-focus-background-color: #fff;--file-preview-selected-icon-color: #000;--file-preview-name-color: #000;--file-preview-expire-color: #999;--file-preview-size-color: #999;--image-preview-wrap-focus-border-color: #4160b9;--image-preview-selected-icon-color: #000;--video-preview-wrap-focus-border-color: #4160b9;--video-preview-wrap-focus-background-color: #fff;--video-preview-selected-icon-color: #000;--body-chat-contents-color: #000;--body-nickname-color: #000;--body-chat-bg-color: #fff;--chat-base-profile-border-color: #f2f2f2;--chat-base-profile-background-color: #aeaae2;--chat-base-nickname-color: #666;--chat-base-time-color: #999;--whisper-modal-input-border-color: #ddd;--whisper-modal-input-background-color: #fff;--whisper-modal-input-color: #000;--whisper-and-report-popup-border-color: #f2f2f2;--whisper-and-report-popup-background-color: #fff;--whisper-and-report-popup-box-shadow-color: rgba(168, 168, 168, .3);--whisper-and-report-popup-item-hover-color: #fff;--whisper-and-report-popup-item-hover-background-color: #0a0a6b;--whisper-and-report-popup-item-text-color: #000;--skeleton-loading-background: #ddd;--skeleton-gradient-start: #e5e5e5;--skeleton-gradient-middle: #f0f0f0;--skeleton-gradient-end: #e5e5e5;--default-message-color: #333;--open-graph-border-color: #ddd;--open-graph-shadow-color: rgba(157, 173, 184, .3);--open-graph-background-color: #fff;--open-graph-title-color: #333;--open-graph-description-color: #666;--file-message-wrap-background-color: #fff;--file-message-wrap-border-color: #ddd;--file-message-button-border-color: #ddd;--file-message-wrap-shadow-color: rgba(157, 173, 184, .3);--file-message-name-color: #333;--file-message-expire-color: #666;--file-message-size-color: #666;--file-message-icon-opacity: .3;--file-message-icon-hover-opacity: .7;--join-message-color: #0033ab;--leave-message-color: #ff5a5a;--message-notice-bg-color: #333;--message-notice-text-color: #fff;--message-notice-content-color: #fff;--message-notice-shadow-color: rgba(157, 173, 184, .3);--warn-message-color: #ff7800;--whisper-message-sub-wrap-bg-color: #f2f2f2;--whisper-message-sub-wrap-shadow-color: rgba(157, 173, 184, .3);--whisper-message-about-title-color: #0a0a6b;--whisper-message-about-for-me-title-color: #0a0a6b;--whisper-message-about-sub-title-color: #666;--whisper-message-content-color: #010000;--whisper-message-time-color: #999;--whisper-message-for-me-bg-color: #e1dffc;--move-end-line-popup-wrap-background-color: #fff;--move-end-line-popup-wrap-border-color: #ddd;--move-end-line-popup-wrap-shadow-color: rgba(105, 105, 105, .25);--move-end-line-popup-wrap-text-color: #333;--message-input-bg-color: #fff;--message-input-textarea-color: #000;--message-input-border-color: #ddd;--message-input-name-color: #0000ac;--message-input-text-size-color: #999;--message-input-emoticon-area-border-color: #ddd;--message-input-emoticon-list-hover-bg-color: rgba(0, 0, 0, .1);--message-input-emoticon-list-emoji-bg-color: #ddd;--message-input-emoticon-opacity: .3;--message-input-emoticon-hover-opacity: .7;--message-input-category-bg-color: #f2f2f2;--message-input-category-focus-border-color: #ddd;--message-input-category-focus-box-shadow-color: rgba(207, 207, 207, .3);--message-input-category-focus-bg-color: #fff;--message-input-button-bg-color: #0a0a6b;--message-input-button-text-color: #fff;--message-input-category-opacity: 1}:root .Dark{--invert-img: invert(100%);--toaster-notify-shadow-color: rgba(0, 0, 0, .3);--toaster-notify-background-color: #333;--toaster-notify-color: #fff;--toaster-span-color: #fff;--login-wrap-background-color: #292929;--login-logo-notice-color: #ddd;--login-footer-color: #aaa;--profile-wrap-box-shadow-color: rgba(0, 0, 0, .3);--profile-wrap-border-color: #444;--profile-wrap-background-color: #313131;--profile-button-color: #aaa;--profile-button-hover-color: #fff;--profile-profile-border-color: #444;--profile-profile-background-color: #fff;--profile-nick-name-input-border-color: #444;--profile-nick-name-input-color: #fff;--profile-nick-name-input-bg-color: #313131;--profile-nick-name-input-focus-border-color: #fff;--profile-login-button-background-color: #fff;--profile-login-button-color: #000;--file-send-color-background: rgba(0, 0, 0, .15);--file-send-color-border: #fff;--file-send-color-text: #fff;--file-send-color-shadow-outer: rgba(39, 39, 39, .2);--file-send-color-shadow-inner: rgba(4, 0, 0, .05);--header-color-background: #191919;--header-color-title: #fff;--header-color-count: #ddd;--header-color-border: #ddd;--join-user-list-color-background: #333;--join-user-list-color-border: #444;--join-user-list-color-header-border: #444;--join-user-list-color-header-color: #fff;--join-user-list-color-footer-background: #222;--join-user-list-color-footer: #fff;--join-user-list-color-shadow: rgba(0, 0, 0, .3);--join-user-color-background: #f2f2f2;--join-user-color-profile-border: #f2f2f2;--join-user-color-title: #fff;--join-user-translate-color: #aaa;--language-modal-color-background: #313131;--language-modal-color-border: #444;--language-modal-color-header-border: #444;--language-modal-color-footer-background: #222;--language-modal-color-footer-text: #fff;--language-modal-color-close-icon: rgba(0, 0, 0, .3);--language-modal-span-color: #fff;--radio-group-color-border: #ddd;--radio-group-color-checked: #000;--radio-group-span-color: #fff;--radio-group-radio-icon-bg-color: #fff;--checkbox-color-border: #ddd;--checkbox-color-background: #fff;--toggle-color-bar-background: #666;--toggle-color-bar-background-on: #fff;--toggle-color-dot-background: #999;--toggle-color-dot-background-on: #0ed893;--toggle-color-label: #ddd;--invite-modal-color-background: #313131;--invite-modal-color-border: #444;--invite-modal-color-input-border: #444;--invite-modal-color-input-text: #fff;--invite-modal-color-input-background: #191919;--invite-modal-color-title: #fff;--invite-modal-color-close-button-border: #fff;--invite-modal-color-close-button-text: #fff;--invite-modal-color-submit-button-border: #fff;--invite-modal-color-submit-button-background: #fff;--invite-modal-color-submit-button-text: #000;--invite-modal-color-shadow: rgba(0, 0, 0, .3);--modal-color-background: #313131;--modal-color-border: #444;--modal-color-title: #fff;--modal-color-contents: #fff;--modal-color-close-button-border: #fff;--modal-color-close-button-text: #fff;--modal-color-submit-button-border: #fff;--modal-color-submit-button-background: #fff;--modal-color-submit-button-text: #000;--modal-color-shadow: rgba(0, 0, 0, .3);--file-drawer-wrap-box-shadow-color: rgba(0, 0, 0, .3);--file-drawer-wrap-border-color: #444;--file-drawer-wrap-background-color: #333;--file-drawer-header-border-bottom-color: #444;--file-drawer-title-color: #fff;--file-drawer-tab-item-color: #fff;--file-drawer-tab-item-focus-color: #fff;--file-drawer-tab-item-focus-border-color: #fff;--file-drawer-body-padding-color: #ddd;--file-drawer-footer-border-top-color: #444;--file-drawer-footer-select-count-color: #fff;--file-drawer-footer-save-color: #fff;--file-drawer-footer-image-opacity: .3;--file-drawer-footer-image-opacity-hover: .7;--preview-popup-color-bg-header: rgba(0, 0, 0, .5);--preview-popup-color-text-header: #ffffff;--preview-popup-color-bg-dim: #000000;--file-preview-wrap-border-color: #f2f2f2;--file-preview-wrap-background-color: #fff;--file-preview-wrap-focus-border-color: #0ed893;--file-preview-wrap-focus-background-color: #fff;--file-preview-selected-icon-color: #000;--file-preview-name-color: #000;--file-preview-expire-color: #999;--file-preview-size-color: #999;--image-preview-wrap-focus-border-color: #0ed893;--image-preview-selected-icon-color: #000;--video-preview-wrap-focus-border-color: #0ed893;--video-preview-wrap-focus-background-color: #292929;--video-preview-selected-icon-color: #000;--body-chat-contents-color: #fff;--body-nickname-color: #fff;--body-chat-bg-color: #292929;--chat-base-profile-border-color: #444;--chat-base-profile-background-color: #aeaae2;--chat-base-nickname-color: #aaa;--chat-base-time-color: #aaa;--whisper-modal-input-border-color: #444;--whisper-modal-input-background-color: #191919;--whisper-modal-input-color: #fff;--whisper-and-report-popup-border-color: #444;--whisper-and-report-popup-background-color: #313131;--whisper-and-report-popup-box-shadow-color: rgba(0, 0, 0, .3);--whisper-and-report-popup-item-hover-color: #fff;--whisper-and-report-popup-item-hover-background-color: #313131;--whisper-and-report-popup-item-text-color: #fff;--skeleton-loading-background: #ddd;--skeleton-gradient-start: #e5e5e5;--skeleton-gradient-middle: #f0f0f0;--skeleton-gradient-end: #e5e5e5;--default-message-color: #fff;--open-graph-border-color: #444;--open-graph-shadow-color: rgba(0, 0, 0, .3);--open-graph-background-color: #fff;--open-graph-title-color: #333;--open-graph-description-color: #666;--file-message-wrap-background-color: #fff;--file-message-wrap-border-color: #444;--file-message-button-border-color: #ddd;--file-message-wrap-shadow-color: rgba(157, 173, 184, .3);--file-message-name-color: #333;--file-message-expire-color: #666;--file-message-size-color: #666;--file-message-icon-opacity: .3;--file-message-icon-hover-opacity: .7;--join-message-color: #00ffc0;--leave-message-color: #ff3a54;--message-notice-bg-color: #111;--message-notice-text-color: #fff;--message-notice-content-color: #fff;--message-notice-shadow-color: rgba(0, 0, 0, .3);--warn-message-color: #fff000;--whisper-message-sub-wrap-bg-color: #353535;--whisper-message-sub-wrap-shadow-color: rgba(0, 0, 0, .3);--whisper-message-about-title-color: #00ffc0;--whisper-message-about-for-me-title-color: #dfb84e;--whisper-message-about-sub-title-color: #aaa;--whisper-message-content-color: #fff;--whisper-message-time-color: #aaa;--whisper-message-for-me-bg-color: #384150;--move-end-line-popup-wrap-background-color: #353535;--move-end-line-popup-wrap-border-color: #353535;--move-end-line-popup-wrap-shadow-color: rgba(0, 0, 0, .25);--move-end-line-popup-wrap-text-color: #aaa;--message-input-bg-color: #292929;--message-input-textarea-color: #fff;--message-input-border-color: #444;--message-input-name-color: #aaa;--message-input-text-size-color: #ddd;--message-input-emoticon-area-border-color: #444;--message-input-emoticon-list-hover-bg-color: rgba(255, 255, 255, .1);--message-input-emoticon-list-emoji-bg-color: rgba(255, 255, 255, .1);--message-input-emoticon-opacity: .3;--message-input-emoticon-hover-opacity: .7;--message-input-category-bg-color: #353535;--message-input-category-focus-border-color: #353535;--message-input-category-focus-box-shadow-color: rgba(0, 0, 0, .3);--message-input-category-focus-bg-color: #292929;--message-input-button-bg-color: #fff;--message-input-button-text-color: #000;--message-input-category-opacity: .5}.modal[data-v-8e5293d6]{display:flex;flex-direction:column;gap:15px;width:300px;padding:30px;border-radius:20px;box-shadow:1.5px 2.6px 5px 0 var(--modal-color-shadow);border:solid 1px var(--modal-color-border);background-color:var(--modal-color-background)}.modal>.title[data-v-8e5293d6]{font-size:16px;font-weight:400;letter-spacing:-.32px;text-align:left;color:var(--modal-color-title)}.modal>.contents[data-v-8e5293d6]{font-size:14px;text-align:left;white-space:pre-wrap;color:var(--modal-color-contents)}.modal>.button-wrap[data-v-8e5293d6]{display:flex;justify-content:center;gap:20px}.modal>.button-wrap button[data-v-8e5293d6]{padding:4px 14px;border-radius:5px;font-size:12px;font-weight:400}.modal>.button-wrap>.close[data-v-8e5293d6]{border:solid 1px var(--modal-color-close-button-border);background-color:var(--modal-color-background);color:var(--modal-color-close-button-text)}.modal>.button-wrap>.submit[data-v-8e5293d6]{border:solid 1px var(--modal-color-submit-button-border);background-color:var(--modal-color-submit-button-background);color:var(--modal-color-submit-button-text)}.input[data-v-e396d8b4]{border-radius:5px;padding:7px 10px;border:solid 1px var(--whisper-modal-input-border-color);background-color:var(--whisper-modal-input-background-color);color:var(--whisper-modal-input-color)}.popup-wrap[data-v-3f595e83]{position:absolute;border-radius:5px;box-shadow:1.5px 2.6px 5px 0 var(--whisper-and-report-popup-box-shadow-color);border:solid 1px var(--whisper-and-report-popup-border-color);background-color:var(--whisper-and-report-popup-background-color);z-index:1}.popup-wrap>.popup[data-v-3f595e83]{width:100%;display:flex;padding:7px 10px;border-radius:5px;align-items:center;gap:10px;color:var(--whisper-and-report-popup-item-text-color)}.popup-wrap>.popup span[data-v-3f595e83]{font-size:14px}.popup-wrap>.popup[data-v-3f595e83]:not(:last-child){border:solid 1px var(--whisper-and-report-popup-border-color)}.popup-wrap>.popup.Dark[data-v-3f595e83]{opacity:.7}.popup-wrap>.popup.Dark[data-v-3f595e83]:hover{opacity:1}.popup-wrap>.popup .whisper[data-v-3f595e83]{width:16px;height:16px;background-size:contain}.popup-wrap>.popup .report[data-v-3f595e83]{width:16px;height:16px;background-size:contain}.popup-wrap>.popup[data-v-3f595e83]:hover{color:var(--whisper-and-report-popup-item-hover-color);background-color:var(--whisper-and-report-popup-item-hover-background-color)}.message-wrap[data-v-ed05263a]{display:flex;gap:9px}.message-wrap>.profile[data-v-ed05263a]{width:30px;height:30px;flex-shrink:0;border:solid 2px var(--chat-base-profile-border-color);background-color:var(--chat-base-profile-background-color);overflow:hidden;border-radius:50%}.message-wrap>.message-sub-wrap[data-v-ed05263a]{display:flex;flex-direction:column;gap:9px;max-width:calc(100% - 39px);word-break:break-all}.message-wrap>.message-sub-wrap>.nickname[data-v-ed05263a]{display:flex;font-size:14px;font-weight:300;line-height:1;gap:5px;align-items:center;letter-spacing:-.7px;text-align:left;color:var(--chat-base-nickname-color)}.message-wrap>.message-sub-wrap>.nickname>span[data-v-ed05263a],.message-wrap>.message-sub-wrap>.nickname button[data-v-ed05263a]{overflow:hidden;white-space:nowrap;word-break:break-all;text-overflow:ellipsis}.message-wrap>.message-sub-wrap>.nickname>.crown[data-v-ed05263a]{width:13px;height:10px;-o-object-fit:contain;object-fit:contain}.message-wrap>.message-sub-wrap>.time[data-v-ed05263a]{font-size:10px;font-weight:400;line-height:2;text-align:left;color:var(--chat-base-time-color)}.wrap[data-v-b149c4be]{width:60%;max-height:300px;aspect-ratio:16/9}.item-img[data-v-b149c4be]{position:relative;width:100%;height:100%}.skeleton_loading[data-v-b149c4be]{position:absolute;width:100%;height:100%;background:var(--skeleton-loading-background)}.skeleton_loading[data-v-b149c4be] *{background:linear-gradient(120deg,var(--skeleton-gradient-start) 30%,var(--skeleton-gradient-middle) 38%,var(--skeleton-gradient-middle) 40%,var(--skeleton-gradient-end) 48%);border-radius:3px;background-size:200% 100%;background-position:100% 0;animation:load-b149c4be 1s infinite}.skeleton_img[data-v-b149c4be]{width:100%;height:100%}@keyframes load-b149c4be{to{background-position:-100% 0}}.open-graph[data-v-c24b7b09]{overflow:hidden;border-radius:3px;box-shadow:1.5px 2.6px 5px 0 var(--open-graph-shadow-color);border:solid 1px var(--open-graph-border-color);background-color:var(--open-graph-background-color);display:flex;flex-direction:column}.open-graph>.img[data-v-c24b7b09]{height:145px;display:flex;justify-content:center}.open-graph>.img img[data-v-c24b7b09]{width:100%;-o-object-fit:cover;object-fit:cover}.open-graph>.content[data-v-c24b7b09]{padding:10px}.open-graph>.content>.title[data-v-c24b7b09]{font-size:14px;line-height:1.43;color:var(--open-graph-title-color);word-break:break-all;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.open-graph>.content>.description[data-v-c24b7b09]{font-size:12px;font-weight:400;line-height:1.25;letter-spacing:-.48px;color:var(--open-graph-description-color);word-break:break-all;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}@media (max-width: 398px){.open-graph[data-v-c24b7b09]{max-width:calc(100% - 39px);min-width:208px}}@media (min-width: 399px){.open-graph[data-v-c24b7b09]{width:290px}}.message[data-v-eb2b940b]{font-size:16px;line-height:1.25;white-space:pre-wrap;text-align:left;color:var(--default-message-color)}.img[data-v-4bedf1fd]{width:90px;height:90px}.file-wrap[data-v-a47a4388]{display:flex;align-items:center;padding:14px 18px 15px 20px;border-radius:5px;box-shadow:1.5px 2.6px 5px 0 var(--file-message-wrap-shadow-color);border:solid 1px var(--file-message-wrap-border-color);background-color:var(--file-message-wrap-background-color);gap:20px}.file-wrap>.img-wrap[data-v-a47a4388]{flex-shrink:0;width:50px;height:50px;padding:15px;border:solid 1px var(--file-message-button-border-color);border-radius:25px}.file-wrap>.img-wrap img[data-v-a47a4388]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain;opacity:var(--file-message-icon-opacity)}.file-wrap>.img-wrap img[data-v-a47a4388]:hover{opacity:var(--file-message-icon-hover-opacity)}.file-wrap>.content-wrap[data-v-a47a4388]{display:flex;flex-direction:column}.file-wrap>.content-wrap>.file-name[data-v-a47a4388]{font-size:14px;line-height:1.14;text-align:left;color:var(--file-message-name-color);text-overflow:ellipsis;overflow:hidden;word-break:break-all;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.file-wrap>.content-wrap>.expire[data-v-a47a4388]{font-size:10px;font-weight:400;line-height:1.8;text-align:left;color:var(--file-message-expire-color)}.file-wrap>.content-wrap>.size[data-v-a47a4388]{font-size:10px;font-weight:400;line-height:1.8;text-align:left;color:var(--file-message-size-color)}@media (max-width: 398px){.file-wrap[data-v-a47a4388]{max-width:calc(100% - 39px);min-width:208px}}@media (min-width: 399px){.file-wrap[data-v-a47a4388]{width:290px}}.image[data-v-c004fcd5]{width:-moz-fit-content;width:fit-content;max-width:60%;max-height:300px;overflow:hidden;border-radius:3px}img[data-v-c004fcd5]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.join[data-v-7fcad6f7]{font-size:14px;line-height:1.43;letter-spacing:-.28px;text-align:center;color:var(--join-message-color);display:flex;justify-content:center;align-items:center}.join>.content[data-v-7fcad6f7]{max-width:calc(50% - 120px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leave[data-v-593ee0c2]{font-size:14px;line-height:1.43;letter-spacing:-.28px;text-align:center;color:var(--leave-message-color);display:flex;justify-content:center;align-items:center}.leave>.content[data-v-593ee0c2]{max-width:calc(50% - 120px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice[data-v-ea16536a]{padding:15px;box-shadow:1.5px 2.6px 5px 0 var(--message-notice-shadow-color);background-color:var(--message-notice-bg-color);color:var(--message-notice-text-color);display:flex;align-items:center;border-radius:15px;gap:9px}.notice>.notice-sub[data-v-ea16536a]{display:flex;align-items:flex-start;gap:9px;width:100%}.notice>.notice-sub>.img[data-v-ea16536a]{width:23px;height:18px;flex-shrink:0}.notice>.notice-sub>.content[data-v-ea16536a]{font-size:14px;font-weight:300;line-height:1.21;letter-spacing:-.28px;color:var(--message-notice-content-color)}.notice .more[data-v-ea16536a]{width:12px;height:8px}.notice .content.off[data-v-ea16536a]{text-overflow:ellipsis;overflow:hidden;word-break:break-word;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.wrap[data-v-b24b9164]{position:relative;width:-moz-fit-content;width:fit-content;max-width:60%;max-height:300px;overflow:hidden;border-radius:3px}.wrap video[data-v-b24b9164]{width:100%;height:100%}.wrap>.play[data-v-b24b9164]{position:absolute;left:50%;top:50%;width:50px;height:50px;transform:translate(-50%,-50%)}.warn[data-v-7483a03e]{font-size:14px;line-height:1.43;letter-spacing:-.28px;text-align:center;color:var(--warn-message-color)}.sub-wrap[data-v-8aeff2f4]{display:flex;padding:15px;flex-direction:column;border-radius:9.5px;background-color:var(--whisper-message-sub-wrap-bg-color);box-shadow:1.5px 2.6px 5px 0 var(--whisper-message-sub-wrap-shadow-color);gap:7px}.sub-wrap>.about[data-v-8aeff2f4]{display:flex;align-items:center}.sub-wrap>.about>.title[data-v-8aeff2f4]{font-size:14px;text-align:left;color:var(--whisper-message-about-title-color)}.sub-wrap>.about>.title.for-me[data-v-8aeff2f4]{color:var(--whisper-message-about-for-me-title-color)}.sub-wrap>.about>.sub-title[data-v-8aeff2f4]{font-size:12px;font-weight:400;text-align:left;color:var(--whisper-message-about-sub-title-color)}.sub-wrap>.content[data-v-8aeff2f4]{font-size:16px;line-height:1.25;letter-spacing:-.16px;text-align:left;color:var(--whisper-message-content-color);word-break:break-all}.sub-wrap>.time[data-v-8aeff2f4]{font-size:10px;font-weight:400;text-align:left;color:var(--whisper-message-time-color)}.for-me[data-v-8aeff2f4]{border-radius:15px;background-color:var(--whisper-message-for-me-bg-color)}.previewer[data-v-9368a098]{display:flex;justify-content:center;align-items:center}.previewer>.header[data-v-9368a098]{position:absolute;top:0;width:100%;background-color:var(--preview-popup-color-bg-header);color:var(--preview-popup-color-text-header);display:flex;align-items:center;justify-content:space-between;padding:15px}.previewer>.header .left[data-v-9368a098]{display:flex;align-items:center;gap:10px}.previewer>.header .left .exit[data-v-9368a098]{width:14px;height:14px}.previewer>.body[data-v-9368a098]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.previewer>.body[data-v-9368a098]>*{width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.dim[data-v-9368a098]{position:absolute;width:100%;height:100%;left:0;top:0;background-color:var(--preview-popup-color-bg-dim)}.wrap[data-v-62a991b0]{height:40px;position:absolute;word-break:break-all;text-align:justify;min-width:160px;max-width:90%;border-radius:20px;box-shadow:0 7px 11px 0 var(--move-end-line-popup-wrap-shadow-color);border:solid 1px var(--move-end-line-popup-wrap-border-color);background-color:var(--move-end-line-popup-wrap-background-color);display:flex;align-items:center;justify-content:center;gap:5px;transform:translate(-50%,-100%);left:50%;top:-15px}.wrap>span[data-v-62a991b0]{font-size:16px;font-weight:500;color:var(--move-end-line-popup-wrap-text-color)}.wrap>img[data-v-62a991b0]{width:10px;height:6px;-o-object-fit:contain;object-fit:contain}.file[data-v-950840e8]{width:20px;height:19px;-o-object-fit:contain;object-fit:contain;opacity:.3;filter:var(--invert-img)}.file[data-v-950840e8]:hover{opacity:.7}.message-input[data-v-4a8d1192]{position:relative}.message-input>.message-sub-wrap[data-v-4a8d1192]{border:1px solid var(--message-input-border-color);display:flex;flex-direction:column;padding-top:10px;padding-bottom:10px;gap:10px;background-color:var(--message-input-bg-color)}.message-input>.message-sub-wrap>.name[data-v-4a8d1192]{padding-left:15px;padding-right:15px;font-size:14px;font-weight:400;text-align:left;color:var(--message-input-name-color);overflow:hidden;white-space:nowrap;word-break:break-all;text-overflow:ellipsis}.message-input>.message-sub-wrap>.emoticon-area[data-v-4a8d1192]{border-top:1px solid var(--message-input-emoticon-area-border-color)}.message-input>.message-sub-wrap>.emoticon-area>.emoticon-list[data-v-4a8d1192]{display:grid;place-items:start;grid-template-columns:repeat(auto-fill,minmax(85px,auto));padding:15px;gap:5px 0px;height:180px;overflow-y:scroll}.message-input>.message-sub-wrap>.emoticon-area>.emoticon-list.emoji[data-v-4a8d1192]{grid-template-columns:repeat(auto-fill,minmax(36px,auto));grid-template-rows:repeat(auto-fill,minmax(36px,auto));gap:10px 5px;font-size:24px}.message-input>.message-sub-wrap>.emoticon-area>.emoticon-list.emoji button[data-v-4a8d1192]{min-width:36px;min-height:36px}.message-input>.message-sub-wrap>.emoticon-area>.emoticon-list.emoji button[data-v-4a8d1192]:hover{background-color:var(--message-input-emoticon-list-emoji-bg-color)}.message-input>.message-sub-wrap>.emoticon-area>.emoticon-list>.each[data-v-4a8d1192]{width:100%;min-width:85px;min-height:85px;padding-top:100%;display:flex;justify-content:center;align-items:center;position:relative}.message-input>.message-sub-wrap>.emoticon-area>.emoticon-list>.each span[data-v-4a8d1192],.message-input>.message-sub-wrap>.emoticon-area>.emoticon-list>.each img[data-v-4a8d1192]{font-size:24px;position:absolute;left:0;top:0;width:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none}.message-input>.message-sub-wrap>.emoticon-area>.emoticon-list>.each img[data-v-4a8d1192]{width:calc(100% - 10px)}.message-input>.message-sub-wrap>.emoticon-area>.emoticon-list>.each[data-v-4a8d1192]:hover{background-color:var(--message-input-emoticon-list-hover-bg-color)}.message-input>.message-sub-wrap>.emoticon-area>.emoticon-list>.each .emoticon-icon[data-v-4a8d1192]{left:5px;top:5px}.message-input>.message-sub-wrap>.emoticon-area>.category[data-v-4a8d1192]{display:flex;padding:9px 19px;gap:14px;align-items:center;background-color:var(--message-input-category-bg-color);overflow-x:scroll}.message-input>.message-sub-wrap>.emoticon-area>.category>.head[data-v-4a8d1192]{width:32px;height:32px;padding:3px;flex-shrink:0;opacity:var(--message-input-category-opacity)}.message-input>.message-sub-wrap>.emoticon-area>.category>.head.focus[data-v-4a8d1192]{border-radius:3px;box-shadow:1px 1.7px 1px 0 var(--message-input-category-focus-box-shadow-color);outline:var(--message-input-category-focus-border-color) solid 1px;background-color:var(--message-input-category-focus-bg-color);opacity:1}.message-input>.message-sub-wrap>.content[data-v-4a8d1192]{padding-left:15px;padding-right:15px;width:100%;resize:none;background-color:var(--message-input-bg-color);color:var(--message-input-textarea-color);line-height:1.25}.message-input>.message-sub-wrap>.content[data-v-4a8d1192]:focus{outline:none}.message-input>.message-sub-wrap>.etc[data-v-4a8d1192]{margin-top:8px;padding-left:15px;padding-right:15px;display:flex;justify-content:space-between;gap:10px}.message-input>.message-sub-wrap>.etc>.left[data-v-4a8d1192]{display:flex;align-items:center;gap:10px}.text-size[data-v-4a8d1192]{font-size:14px;font-weight:400;letter-spacing:-.28px;text-align:right;color:var(--message-input-text-size-color)}.button[data-v-4a8d1192]{border-radius:5px;background-color:var(--message-input-button-bg-color);font-size:14px;letter-spacing:-.28px;color:var(--message-input-button-text-color);margin-left:10px;width:50px;height:36px}.emoticon[data-v-4a8d1192]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain;opacity:var(--message-input-emoticon-opacity);filter:var(--invert-img)}.emoticon[data-v-4a8d1192]:hover{opacity:var(--message-input-emoticon-hover-opacity)}.chat-body[data-v-7828cfe9]{display:flex;flex-direction:column;padding:15px;gap:20px;overflow-y:scroll;height:100%;background-color:var(--body-chat-bg-color)}.contents[data-v-7828cfe9]{font-size:14px;text-align:left;white-space:pre-wrap;color:var(--body-chat-contents-color);width:100%}.nickname[data-v-7828cfe9]{display:inline-block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1;margin-bottom:-3px;font-weight:700;color:var(--body-nickname-color)}.wrap[data-v-d51de098]{width:150px;height:150px;border-radius:20px;box-shadow:1.5px 2.6px 5px 0 var(--file-send-color-shadow-outer),inset 2.5px 4.3px 5px 0 var(--file-send-color-shadow-inner);border:dashed 2px var(--file-send-color-border);background-color:var(--file-send-color-background);display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.wrap img[data-v-d51de098]{width:50px;height:50px;-o-object-fit:contain;object-fit:contain}.wrap span[data-v-d51de098]{font-size:16px;text-align:center;color:var(--file-send-color-text)}.notify-wrap[data-v-c1f732a3]{display:flex;padding:10px;flex-direction:column;gap:10px;position:fixed;top:0;left:0;align-items:center;width:100%;pointer-events:none;z-index:10}.notify-wrap>.notify[data-v-c1f732a3]{padding:20px;border-radius:15px;transition:all .5s;box-shadow:1.5px 2.6px 5px 0 var(--toaster-notify-shadow-color);background-color:var(--toaster-notify-background-color);color:var(--toaster-notify-color);max-width:90%;display:flex;justify-content:center;align-items:center;gap:10px}.notify-wrap>.notify img[data-v-c1f732a3]{width:20px;height:20px}.notify-wrap>.notify span[data-v-c1f732a3]{font-size:16px;line-height:1.38;letter-spacing:-.32px;text-align:left;color:var(--toaster-span-color)}.fade-move[data-v-c1f732a3],.fade-enter-active[data-v-c1f732a3],.fade-leave-active[data-v-c1f732a3]{transition:all .5s ease}.fade-enter-from[data-v-c1f732a3],.fade-leave-to[data-v-c1f732a3]{opacity:0;transform:translateY(100%)}.fade-leave-active[data-v-c1f732a3]{position:absolute}.setting-wrap[data-v-f7e4ddb0]{width:280px;height:200px;margin-top:55px;padding:75px 25px 25px;border-radius:11.5px;box-shadow:1px 1.7px 7px 0 var(--profile-wrap-box-shadow-color);border:solid 1px var(--profile-wrap-border-color);background-color:var(--profile-wrap-background-color);display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}.setting-wrap .profile-wrap[data-v-f7e4ddb0]{position:absolute;top:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;transform:translateY(-50%)}.setting-wrap .profile-wrap .profile-button[data-v-f7e4ddb0]{width:30px;height:30px;border-radius:15px;display:flex;justify-content:center;align-items:center;background-color:var(--profile-button-color)}.setting-wrap .profile-wrap .profile-button[data-v-f7e4ddb0]:hover{background-color:var(--profile-button-hover-color)}.setting-wrap .profile-wrap .profile-button:hover img[data-v-f7e4ddb0]{filter:var(--invert-img)}.setting-wrap .profile-wrap .profile[data-v-f7e4ddb0]{width:110px;height:110px;border:7px solid var(--profile-profile-border-color);border-radius:55px;background-color:var(--profile-profile-background-color)}.setting-wrap .profile-wrap .profile .profile-img[data-v-f7e4ddb0]{width:100%;height:100%;border-radius:100%}.setting-wrap .nick-name-input[data-v-f7e4ddb0]{font-weight:400;width:100%;outline:none;font-size:14px;border-bottom:1px solid var(--profile-nick-name-input-border-color);padding:4px;text-align:center;color:var(--profile-nick-name-input-color);background-color:var(--profile-nick-name-input-bg-color)}.setting-wrap .nick-name-input[data-v-f7e4ddb0]:focus{border-bottom:1px solid var(--profile-nick-name-input-focus-border-color)}.setting-wrap .login-button[data-v-f7e4ddb0]{width:100%;height:50px;border-radius:25px;background-color:var(--profile-login-button-background-color);color:var(--profile-login-button-color)}.wrap[data-v-2a0487ab]{position:relative;display:flex;min-height:640px;height:100%;flex-direction:column;align-items:center;justify-content:center;background-color:var(--login-wrap-background-color);padding:40px;gap:40px}.wrap .logo-wrap[data-v-2a0487ab]{display:flex;flex-direction:column;align-items:center;gap:13px}.wrap .logo-wrap .logo[data-v-2a0487ab]{width:240px}.wrap .logo-wrap .logo-notice[data-v-2a0487ab]{display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--login-logo-notice-color);letter-spacing:-.42px}.wrap .footer[data-v-2a0487ab]{position:absolute;bottom:30px;font-size:12px;letter-spacing:-.36px;color:var(--login-footer-color)}.wrap[data-v-04564f6a]{position:relative;height:100%}.file-wrap[data-v-b8b1efea]{display:flex;align-items:start;padding:20px 20px 15px;border-radius:3px;border:solid 1px var(--file-preview-wrap-border-color);background-color:var(--file-preview-wrap-background-color);gap:15px;width:100%;position:relative}.file-wrap.focus[data-v-b8b1efea]{outline:solid 2px var(--file-preview-wrap-focus-border-color);background-color:var(--file-preview-wrap-focus-background-color)}.file-wrap .selected[data-v-b8b1efea]{position:absolute;top:6px;left:6px;width:14px;height:14px;color:var(--file-preview-selected-icon-color)}.file-wrap>a[data-v-b8b1efea]{width:20px;height:20px;opacity:.3;flex-shrink:0;transform:translateY(5px)}.file-wrap>a[data-v-b8b1efea]:hover{opacity:.7}.file-wrap>.content-wrap[data-v-b8b1efea]{display:flex;width:calc(100% - 35px);flex-direction:column}.file-wrap>.content-wrap>.file-name[data-v-b8b1efea]{font-size:14px;text-align:left;color:var(--file-preview-name-color);overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}.file-wrap>.content-wrap>.expire[data-v-b8b1efea]{font-size:12px;text-align:left;color:var(--file-preview-expire-color)}.file-wrap>.content-wrap>.size[data-v-b8b1efea]{font-size:12px;text-align:left;color:var(--file-preview-size-color)}.wrap[data-v-5d957689]{width:calc((100% - 18px) / 3);aspect-ratio:1;border-radius:3px;overflow:hidden;position:relative}.wrap.focus[data-v-5d957689]{outline:solid 2px var(--image-preview-wrap-focus-border-color)}.wrap .selected[data-v-5d957689]{position:absolute;top:6px;left:6px;width:14px;height:14px;color:var(--image-preview-selected-icon-color)}.wrap img[data-v-5d957689]:not(.selected){min-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}.wrap[data-v-57084cdb]{width:calc((100% - 18px) / 3);aspect-ratio:1;border-radius:3px;overflow:hidden;position:relative}.wrap.focus[data-v-57084cdb]{outline:solid 2px var(--video-preview-wrap-focus-border-color);background-color:var(--video-preview-wrap-focus-background-color)}.wrap .selected[data-v-57084cdb]{position:absolute;top:6px;left:6px;width:14px;height:14px;color:var(--video-preview-selected-icon-color)}.wrap img[data-v-57084cdb]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.drawer-wrap[data-v-4bbb3f5a]{position:absolute;width:300px;height:100%;right:0;z-index:1;box-shadow:-1.5px 2.6px 5px 0 var(--file-drawer-wrap-box-shadow-color);border:solid 1px var(--file-drawer-wrap-border-color);border-radius:15px 0 0 15px;background-color:var(--file-drawer-wrap-background-color);display:flex;flex-direction:column;overflow:hidden}.drawer-wrap>.header[data-v-4bbb3f5a]{display:flex;flex-direction:column;border-bottom:1px solid var(--file-drawer-header-border-bottom-color);padding:15px 15px 0}.drawer-wrap>.header>.top[data-v-4bbb3f5a]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:15px}.drawer-wrap>.header>.top .title[data-v-4bbb3f5a]{font-size:16px;font-weight:400;letter-spacing:-.32px;color:var(--file-drawer-title-color)}.drawer-wrap>.header>.top .exit[data-v-4bbb3f5a]{width:21px;height:20px}.drawer-wrap>.header>.tabs[data-v-4bbb3f5a]{display:flex;flex-direction:row}.drawer-wrap>.header>.tabs .item[data-v-4bbb3f5a]{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-item-color)}.drawer-wrap>.header>.tabs .item.focus[data-v-4bbb3f5a]{font-size:16px;letter-spacing:-.32px;text-align:center;color:var(--file-drawer-tab-item-focus-color)}.drawer-wrap>.header>.tabs .item.focus[data-v-4bbb3f5a]:after{position:absolute;border-bottom:4px solid var(--file-drawer-tab-item-focus-border-color);content:"";bottom:0;left:0;width:70%;margin:0 15%}.drawer-wrap>.body[data-v-4bbb3f5a]{height:100%;overflow-y:auto;display:flex;flex-wrap:wrap;flex-direction:column;align-content:flex-start;padding:15px;gap:9px}.drawer-wrap>.footer[data-v-4bbb3f5a]{border-top:1px solid var(--file-drawer-footer-border-top-color);display:flex;align-items:center;justify-content:space-between;padding:15px;height:49px;flex-shrink:0}.drawer-wrap>.footer>.select-wrap[data-v-4bbb3f5a]{display:flex;justify-content:space-between;align-items:center;gap:7px}.drawer-wrap>.footer>.select-wrap>.count[data-v-4bbb3f5a]{font-size:14px;text-align:left;color:var(--file-drawer-footer-select-count-color)}.drawer-wrap>.footer img[data-v-4bbb3f5a]{width:20px;height:20px;opacity:.3}.drawer-wrap>.footer img[data-v-4bbb3f5a]:hover{opacity:.7}.drawer-wrap>.footer>.save[data-v-4bbb3f5a]{font-size:16px;text-align:right;color:var(--file-drawer-footer-save-color)}.radio[data-v-f3e96da6]{display:flex;align-items:center;gap:10px}.radio span[data-v-f3e96da6]{color:var(--radio-group-span-color)}.radio .icon-wrap .radio-icon[data-v-f3e96da6]{position:relative;width:16px;height:16px;border:1px solid var(--radio-group-color-border);border-radius:8px;background-color:var(--radio-group-radio-icon-bg-color)}.radio .icon-wrap .radio-icon.checked[data-v-f3e96da6]:after{content:"";width:8px;height:8px;background-color:var(--radio-group-color-checked);border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.wrap[data-v-f7822722]{display:flex;flex-direction:column;overflow:hidden;width:260px;max-height:400px;background-color:var(--language-modal-color-background);border-radius:20px;box-shadow:1.5px 2.6px 5px 0 var(--language-modal-color-close-icon);border:solid 1px var(--language-modal-color-border)}.wrap>.header[data-v-f7822722]{padding:17px 16px;display:flex;align-items:center;flex-shrink:0;height:49px;border-bottom:1px solid var(--language-modal-color-header-border);justify-content:space-between;font-size:16px}.wrap>.header span[data-v-f7822722]{color:var(--language-modal-span-color)}.wrap>.header img[data-v-f7822722]{width:16px;height:16px;filter:var(--invert-img)}.wrap>.header .close[data-v-f7822722]{opacity:.3}.wrap>.header .close[data-v-f7822722]:hover{opacity:.7}.wrap>.body[data-v-f7822722]{height:100%;overflow-y:auto;display:flex;flex-direction:column;padding:20px 30px;gap:20px}.wrap>.footer[data-v-f7822722]{flex-shrink:0;height:40px;background-color:var(--language-modal-color-footer-background);font-size:14px;font-weight:400;letter-spacing:-.28px;text-align:center;color:var(--language-modal-color-footer-text)}.checkbox[data-v-74e8f258]{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-shrink:0}.checkbox .box[data-v-74e8f258]{width:18px;height:18px;border-radius:3px;border:solid 1px var(--checkbox-color-border);background-color:var(--checkbox-color-background);display:flex;justify-content:center;align-items:center}.checkbox .label[data-v-74e8f258]{font-size:20px}.toggle[data-v-049d64f4]{display:flex;justify-content:center;align-items:center;gap:10px}.toggle .toggle-wrap[data-v-049d64f4]{position:relative}.toggle .toggle-wrap .bar[data-v-049d64f4]{width:20px;height:6px;border-radius:3px;background-color:var(--toggle-color-bar-background);transition:background-color .3s ease}.toggle .toggle-wrap .dot[data-v-049d64f4]{width:12px;height:12px;border-radius:6px;background-color:var(--toggle-color-dot-background);position:absolute;left:0;top:-3px;transition:background-color .3s ease,transform .3s ease}.toggle .toggle-wrap.on .bar[data-v-049d64f4]{background-color:var(--toggle-color-bar-background-on)}.toggle .toggle-wrap.on .dot[data-v-049d64f4]{transform:translate(8px);background-color:var(--toggle-color-dot-background-on)}.toggle .label[data-v-049d64f4]{font-size:14px;color:var(--toggle-color-label)}.wrap[data-v-581bbddd]{display:flex;gap:10px}.user-wrap[data-v-581bbddd]{display:flex;align-items:center;gap:8px;width:calc(100% - 30px)}.user-wrap>.profile[data-v-581bbddd]{width:30px;height:30px;border-radius:15px;border:solid 2px var(--join-user-color-profile-border);flex-shrink:0}.user-wrap>.profile img[data-v-581bbddd]{width:100%;height:100%;border-radius:100%}.user-wrap>div>.translate-wrap[data-v-581bbddd]{display:flex;gap:10px}.user-wrap>div>.translate-wrap .translate[data-v-581bbddd]{font-size:14px;color:var(--join-user-translate-color)}.user-wrap>.sub-wrap[data-v-581bbddd]{display:flex;flex-direction:column;width:calc(100% - 30px)}.user-wrap>.sub-wrap .title[data-v-581bbddd]{font-size:16px;letter-spacing:-.32px;text-align:left;color:var(--join-user-color-title);overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}.drawer-wrap[data-v-a6a04749]{position:absolute;width:300px;height:100%;right:0;z-index:1;box-shadow:-1.5px 2.6px 5px 0 var(--join-user-list-color-shadow);border:solid 1px var(--join-user-list-color-border);border-radius:15px 0 0 15px;background-color:var(--join-user-list-color-background);display:flex;flex-direction:column;overflow:hidden}.drawer-wrap>.header[data-v-a6a04749]{padding:18px 15px;height:50px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-bottom:1px solid var(--join-user-list-color-header-border)}.drawer-wrap>.header span[data-v-a6a04749]{color:var(--join-user-list-color-header-color)}.drawer-wrap>.header img[data-v-a6a04749]{width:21px;height:20px;-o-object-fit:contain;object-fit:contain}.drawer-wrap>.body[data-v-a6a04749]{height:100%;overflow-y:auto;padding:20px 30px;display:flex;flex-direction:column;gap:20px}.drawer-wrap>.footer[data-v-a6a04749]{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:40px;background-color:var(--join-user-list-color-footer-background);flex-shrink:0;color:var(--join-user-list-color-footer)}.drawer-wrap>.footer img[data-v-a6a04749]{width:14px;height:20px;filter:var(--invert-img)}.right-drawer-enter-active[data-v-0e3c13e0],.right-drawer-leave-active[data-v-0e3c13e0]{transition:all .5s ease}.right-drawer-enter-from[data-v-0e3c13e0],.right-drawer-leave-to[data-v-0e3c13e0]{transform:translate(100%)}.wrap[data-v-6ffbde6a]{position:absolute;width:300px;padding:30px;border-radius:20px;box-shadow:1.5px 2.6px 5px 0 var(--invite-modal-color-shadow);border:solid 1px var(--invite-modal-color-border);background-color:var(--invite-modal-color-background);display:flex;flex-direction:column;gap:15px}.wrap>.sub-wrap[data-v-6ffbde6a]{display:flex;flex-direction:column;gap:9px}.wrap>.sub-wrap[data-v-6ffbde6a]:not(:first-child){margin-top:5px}.wrap>.sub-wrap>.title[data-v-6ffbde6a]{font-size:16px;color:var(--invite-modal-color-title)}.wrap>.sub-wrap input[data-v-6ffbde6a]{width:100%;height:28px;padding:7px 7px 6px 10px;border-radius:5px;border:solid 1px var(--invite-modal-color-input-border);background-color:var(--invite-modal-color-input-background);font-size:14px;text-align:left;color:var(--invite-modal-color-input-text)}.wrap>.sub-wrap>.input-wrap[data-v-6ffbde6a]{display:flex;gap:5px;position:relative}.wrap>.sub-wrap>.input-wrap>.first-input[data-v-6ffbde6a]{text-overflow:ellipsis;padding-right:28px}.wrap>.sub-wrap>.input-wrap>.copy[data-v-6ffbde6a]{position:absolute;width:14px;height:14px;top:7px;right:7px}.wrap>.button-wrap[data-v-6ffbde6a]{display:flex;justify-content:center;gap:20px;line-height:1}.wrap>.button-wrap button[data-v-6ffbde6a]{padding:8px 15px;border-radius:5px;font-size:12px;font-weight:400}.wrap>.button-wrap>.close[data-v-6ffbde6a]{border:solid 1px var(--invite-modal-color-close-button-border);background-color:var(--invite-mod