/* 레이어 팝업 - 대화방 설정 */
.chat_setting_layer .bori_layer_common_cont{max-width:360px;}
.chat_setly_contents{margin-top:25px;}
.chatsetly_item{margin-top:18px;}
.chatsetly_item dt{font-weight:400;justify-content:space-between;gap:6px 25px;}
.chatsetly_item dd{gap:10px 15px;flex-wrap:wrap;color:#878787;margin-top:10px;}
.chatsetly_item dd.nowrap{flex-wrap:nowrap;}
.chatsetly_item dd.mgt5{margin-top:5px;}
.chatsetly_item dd.ft-size12{font-size:12px;gap:4px;}
.bori_select{width:100%;border:1px solid var(--line-color2);border-radius:5px;padding:14px 30px 14px 20px;background:url("https://cdn.metoon.co.kr/bori/icons/ico_sel_arr_down.svg") no-repeat 100% center, var(--sub-bg-color2);background-position-x:calc(100% - 20px);background-size:10px;color:#878787;}
.chatsetly_rdlb{position:relative;flex:1 0 auto;}
.chatsetly_rdlb label{padding:10px 15px;border:1px solid var(--line-color2);border-radius:5px;color:#878787;cursor:pointer;transition-property:border-color, color;transition-duration:0.25s;}
.chatsetly_rdlb input:checked + label{border-color:var(--theme-color);color:var(--theme-color);}

/* 레이어 팝업 - 신고 (캐릭터, 댓글 등) */
.brly_radio_common_wrap{margin-top:25px;}

/* 레이어 팝업 - 태그 선택 (검색) */
.ly_schtagsel_head{font-size:1.125em;font-weight:500;}
.ly_schtagsel_contents{position:relative;min-height:400px;margin-top:15px;}
.ly_schtagsel_sch{width:100%;padding-left:14px;padding-right:10px;border:1px solid var(--line-color1);border-radius:5px;background-color:var(--comment-bg-color);height:50px;}
.ly_schtagsel_sch.height_small{height:44px;}
.ly_schtagsel_sch:has(.search_inpt:focus){border-color:var(--theme-color);background-color:var(--sub-bg-color);}
.ly_schtagsel_sch .sch_inp_icon, .ly_schtagsel_sch .search_icon{width:18px;height:18px;fill:currentColor;align-self:center;}
.ly_schtagsel_sch .search_inpt{width:100%;padding-left:14px;background-color:transparent;}
.ly_schtagsel_sch .sch_inp_del{width:20px;height:20px;border-radius:50%;background-color:#878787;align-self:center;}
.ly_schtagsel_sch .sch_inp_del svg{width:8px;fill:#FFF;}
.ly_schtagsel_result{position:absolute;top:50px;left:0;gap:2px;width:100%;height:calc(100% - 50px);background-color:var(--comment-bg-color);z-index:4;overflow-y:overlay;}
.ly_schtagsel_result::-webkit-scrollbar{width:6px;}
.ly_schtagsel_result::-webkit-scrollbar-thumb{background-color:#C1C1C1;border-radius:6px;}
.ly_schtagsel_res_btn{display:block;width:100%;padding:12px;border-radius:5px;text-align:left;}
.ly_schtagsel_res_btn.selected, .ly_schtagsel_res_btn:hover{background-color:rgba(255, 104, 26, 0.2);}
.ly_schtagsel_recnt.bdt{padding-top:20px;border-top:1px solid var(--line-color1);}
.ly_schtagsel_recnt .hasMinHeight{min-height:71px;}


/* 레이어 팝업 - 해시태그 선택 전체 리스트 */
.layer_hashtag_select{overflow:hidden;touch-action:pan-x;}
.ly_hashslt_wrap{position:relative;max-width:600px;width:100%;padding:0 20px 20px;border-radius:20px 20px 0 0;background-color:var(--sub-bg-color2);align-self:flex-end;margin:0 auto;transform-origin:bottom center;transform:translate3d(0, 100%, 0);opacity:0.6;}
.ly_hashslt_wrap.mgl0-auto{margin-left:auto;}
.ly_hashslt_wrap:after{content:"";display:block;position:absolute;top:100%;left:0;width:100%;height:100%;background-color:var(--sub-bg-color2);pointer-events:none;z-index:-1;}
.ly_hashslt_wrap:not(.touching){transition-property:transform, opacity;transition-duration:0.35s, 0.24s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1), ease;}
.ly_hashslt_wrap.slide-in{transform:translate3d(0, 0, 0);opacity:1;}
.ly_hashslt_wrap .drop_rect{width:34px;height:4px;border-radius:5px;background-color:var(--sub-bg-color4);}
.ly_hashslt_head{position:relative;z-index:5;}
.ly_hashslt_head.sticky{position:sticky;top:0;background-color:var(--sub-bg-color2);z-index:9;}
.ly_hashslt_ttl{padding:0.5rem 2rem;font-size:1.175rem;font-weight:500;text-align:center;}
.hashslt_lists{/* scrollbar-width:none; */height:13.1rem;overflow:hidden auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:8px;}
.hashslt_lists.height_auto{height:auto;}
.hashslt_lists.height_none{height:auto;overflow:visible;}
.hashslt_lists.height_max{height:auto;max-height:13.1rem;}
.hashslt_lists.height_max16{height:auto;max-height:16rem;}
.hashslt_lists.height_max100-230{max-height:55dvh;max-height:calc(100dvh - 200px);}
/* .hashslt_list_in .bori_nosea{font-size:0.938rem;} */

/* 레이어 팝업 - 드랍다운 레이어 팝업2 (드래그 & 드롭 제외된 팝업) */
.ly_slideup_wrap{position:relative;max-width:600px;width:100%;max-height:55dvh;max-height:calc(100dvh - 60px);padding:0 20px 20px;border-radius:20px 20px 0 0;background-color:var(--sub-bg-color2);align-self:flex-end;margin:0 auto;transform-origin:bottom center;transform:translate3d(0, 100%, 0);opacity:0.6;overflow:hidden auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
.ly_slideup_wrap:not(.touching){transition-property:transform, opacity;transition-duration:0.35s, 0.24s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1), ease;}
.ly_slideup_wrap.slide-in{transform:translate3d(0, 0, 0);opacity:1;}
.ly_slideup_head{position:sticky;top:0;background-color:var(--sub-bg-color2);z-index:9;}
.ly_slideup_ttl{padding:0.5rem 2rem;font-size:1.175rem;font-weight:500;text-align:center;}

/* 레이어 팝업 - 캐릭터 후원 하기 */
.lyspon_char_cont{max-width:340px;}
.lysponfr_title{font-size:1.125rem;}
.lysponfr_coin_ico{width:1.2em;height:1.2em;object-fit:contain;}
.lysponfr_mn_btn{padding:4px 10px;border-radius:5px;background-color:var(--theme-color2);color:#FFF;text-shadow:0 0 3px rgba(0, 0, 0, 0.28);}
.lyspon_sel_container{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;}
.lyspon_sel_btn{position:relative;padding:12px;border:1px solid var(--line-color1);border-radius:5px;background-color:var(--sub-bg-color3);transition-property:border-color, background-color, color;transition-duration:0.2s;}
.lyspon_sel_btn.disabled{cursor:default;cursor:not-allowed;-webkit-filter:grayscale(1);filter:grayscale(1);opacity:0.65;}
.lyspon_item_belt{position:absolute;top:0;left:0;width:48px;height:48px;}
.lyspon_sel_img{width:22px;height:22px;object-fit:contain;flex-shrink:0;}
.lyspon_sel_img[src$="ico_cheering_con6.png"]{-webkit-filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.28));filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.28));}
.lyspon_sel_text{word-break:keep-all;word-wrap:break-word;}
.lyspon_textarea{padding:12px 14px;}
.lyspon_inp_point{padding:5px 10px;border:1px solid var(--line-color1);border-radius:5px;background-color:var(--sub-bg-color3);max-width:7em;}
.lyspon_inp_point:focus{border-color:var(--theme-color);}
.lyspon_sel_btn:not(.disabled):hover{border-color:var(--theme-color);}
.lyspon_sel_btn:not(.disabled).active{border-color:var(--theme-color);background-color:var(--theme-color);color:#FFF;}
.lyspon_sel_btn:not(.disabled).active .lyspon_sel_text{color:currentColor;}

/* 친구초대 레이어 팝업 */
.lyinvfrd_code_dsp{padding:1.429em;border-radius:0.714em;background-color:var(--sub-bg-color3);}
.lyinvfrd_code_txt{font-size:1.714em;}
.lyinvfrd_inpbox{padding:0.643em 1.071em;border-radius:5px;border:1px solid var(--sub-bg-color3);background-color:var(--sub-bg-color3);line-height:1.2;}
input.lyinvfrd_inpbox:not([disabled], [readonly]):focus{border-color:var(--theme-color);}
.lyinvfrd_inpbox.bg_blue{background-color:#A1DEF7;border-color:#A1DEF7;color:#0075A4;}
.lyinvfrd_inpbox .swp_icon{height:14px;fill:#FFF;margin:auto;}

/* 레이어 팝업 공통 - 페이지 형식 */
.page_dialog_wrap{position:fixed;top:0;left:0;width:100%;height:100%;/* background:linear-gradient(90deg, transparent 50%, var(--main-bg-color, #171818) 50%); */z-index:99;}
.page_dialog_bg{position:absolute;top:0;width:calc((100% - 850px) / 2);height:100%;background-color:var(--main-bg-color);}
.page_dialog_wrap.maxWdt600 .page_dialog_bg{width:calc((100% - 600px) / 2);}
.page_dialog_container{position:relative;max-width:var(--max-width);height:100%;background-color:var(--main-bg-color, #171818);transition-property:transform;transition-duration:0.5s;transition-timing-function:cubic-bezier(0.32, 0.72, 0, 1);transform:translate3d(100%, 0, 0);overflow-x:hidden;overflow-y:auto;overflow-y:overlay;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
.page_dialog_container.slideIn{transform:translate3d(0, 0, 0);}
.page_dialog_wrap.maxWdt600 .page_dialog_container{max-width:600px;}

/* 채팅 - 유저노트 선택 레이어 팝업 */
.usernote_select_lb{position:relative;border:1px solid var(--line-color1);border-radius:5px;padding:0.75rem;background-color:var(--sub-bg-color3);}
.usernote_select_lb .ico_checkbox{display:none;width:1.125em;height:1.125em;fill:var(--sub-color2);fill:var(--theme-color);}
input.select_usernote:checked + .usernote_select_lb{border-color:var(--theme-color);background-color:var(--theme-color-opacity);}
input.select_usernote:checked + .usernote_select_lb .ico_checkbox{display:block;}

/* 채팅 - 보기 설정 레이어 팝업 */
.viewer_setctr_btn{width:30px;height:30px;border-radius:30px;border:1px solid var(--line-btn-color);background-color:var(--sub-bg-color6);transition:background-color 0.25s;}
.viewer_setctr_btn svg{width:8px;height:14px;fill:currentColor;margin:auto;}
.viewer_setctr_btn:hover{background-color:var(--line-btn-color);color:#FFF;}

/* 캐릭터 생성 - ai 이미지 생성 */
.created_ai_img_preview{display:block;max-width:100%;border-radius:5px;object-fit:cover;object-position:top center;cursor:pointer;}
.created_ai_img_preview[src$="placeholder.png"]{width:100%;}
.crtairatio_sel{width:60px;height:60px;border-radius:5px;border:1px solid var(--line-btn-color);background-color:var(--sub-bg-color3);gap:8px;flex:1 0 60px;line-height:1.2;color:var(--sub-color2);color:var(--sub-color2);}
.crtairatio_sel.on{border-color:var(--theme-color);background-color:var(--theme-color-opacity);color:var(--theme-color);}
.crtairatio_sel .ratio_picture{width:20px;height:20px;border-radius:5px;margin-top:2px;}
.crtairatio_sel .ratio_svg{width:100%;height:100%;fill:currentColor;}
.created_ai_img_prv_grd{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;}
.created_ai_img_prv_grd .selImgBtn:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;border:3px solid var(--theme-color);opacity:0;transition:opacity 0.25s;}
.created_ai_img_prv_grd .selImgBtn.checked:after{opacity:1;}
/* .created_ai_img_preview.aspect-3-4{aspect-ratio:3 / 4;}
.created_ai_img_preview.aspect-4-3{aspect-ratio:4 / 3;max-width:100%;}
.created_ai_img_preview.aspect-1-1{aspect-ratio:1;max-width:362px;} */

/* 공유하기 */
.share_selection_lb .radio_symbol{width:1em;height:1em;border-radius:1em;border:1px solid var(--line-btn-color);background-color:var(--sub-bg-color6);}
.share_selection_lb .radio_symbol .checked_icon{width:0.44em;opacity:0;fill:#FFF;}
input:checked + .share_selection_lb .radio_symbol{border-color:var(--theme-color);background-color:var(--theme-color);}
input:checked + .share_selection_lb .radio_symbol .checked_icon{opacity:1;}


/* 로딩 스피너 */
.loading-layer {position: fixed;top: 0;left: 0;z-index: 99;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);backdrop-filter: blur(2px);display: flex;flex-direction: column;justify-content: center;align-items: center;}
.loading-ly-spinner {width: 60px;height: 60px;border: 8px solid #ffffff33;border-top: 8px solid #ffffff;border-radius: 50%;animation: loading-spin 1s linear infinite;margin-bottom: 15px;}
.loading-bori-cont{max-width:100px;width:calc(100% - 30px);margin-left:auto;margin-right:auto;}
.loading-bori-spinner{width:100%;animation: loading-spin 1s linear infinite;}
.loading-bori-logo{position:absolute;top:0;left:0;right:0;bottom:0;width:40.476%;margin:auto;}
@keyframes loading-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.loading-ly-text {color: #FFF;font-size: 18px;font-weight: 500;/* text-shadow: 1px 1px 2px black; */}

/* 로딩 스피너 (썸네일) */
.prf-thumb-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;background:rgba(0, 0, 0, 0.1);backdrop-filter:blur(2px);display:flex;flex-direction:column;justify-content:center;align-items:center;}
.prf-thumb-loading.blocker{backdrop-filter:none;background:rgba(0, 0, 0, 0.5);z-index:5;}
.prf-thumb-loading-spin{width:50px;height:50px;border:4px solid var(--theme-color);border-top-color:transparent !important;border-radius:50%;animation:loading-spin 1s linear infinite;}
.prf-thumb-loading-spin.width14{width:14px;height:14px;border-width:2px;}
.prf-thumb-loading-spin.currentColor{border-color:currentColor;}

/* 보리챗 눈알 로딩 아이콘 */
.bori_eye_logo_wrap .bori_eye_logo{width:34px;height:34px;margin:auto;fill:var(--main-color);transform-origin:center;animation:tongtong 0.94s ease-out alternate infinite;}
.bori_eye_logo_wrap.width50 .bori_eye_logo{width:50px;height:50px;}
.bori_eye_logo_wrap.inherit_fill .bori_eye_logo{fill:currentColor;}

@media screen and (min-width:1022px){
	.ly_hashslt_wrap.mgl0-auto{margin-left:0;}
}