.KDialog{display:contents}.dialog_item{position:fixed;inset:0;padding-left:var(--app-padding-left);padding-right:var(--app-padding-right);padding-top:var(--app-padding-top);padding-bottom:var(--app-padding-bottom);z-index:var(--dialog-z-index);display:none;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 auto;max-width:var(--max-window)}.dialog_item.dialog_exist{display:flex}.dialog_wrapper{position:relative;display:flex;--top-margin:min(50px, 6vh);max-height:calc(100% - var(--top-margin)*2);max-width:1200px;margin:50px 0;margin:var(--top-margin) 0;border-radius:var(--border-radius);overflow:hidden;background:var(--dialog-color);box-shadow:var(--dialog-shadow);border:1px solid var(--border-light-color);box-sizing:border-box}.dialog_wrapper.with_width{--dialog-side-gap:16px;width:min(var(--dialog-width),100vw - var(--app-padding-left) - var(--app-padding-right) - 2 * var(--dialog-side-gap));max-width:calc(100vw - var(--app-padding-left) - var(--app-padding-right) - var(--dialog-side-gap)*2)}.dialog_wrapper.with_height{height:min(var(--dialog-height),100dvh - 2 * var(--top-margin) - var(--app-padding-top) - var(--app-padding-bottom))}.dialog_wrapper.with_width .dialog_content,.dialog_wrapper.with_width>.dialog_box{width:100%}.dialog_wrapper.with_height>.dialog_box{height:100%}.dialog_wrapper.with_height>.dialog_box>.KScrollBox{flex:1;min-height:0}@media(max-width:600px){.dialog_wrapper.with_width{--dialog-side-gap:10px}}.dialog_close{position:absolute;right:13px;top:13px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--section-inside-color);transition:.2s}.dialog_close svg{fill:var(--text-color);color:var(--text-color)}.dialog_close .dialog_close_round{width:8px;height:8px;border-radius:50%;background-color:var(--text-color);opacity:.5}.dialog_close svg{width:56%;height:56%;opacity:.5}.pc_browser .dialog_close:hover{background:var(--danger-color-deep)}.pc_browser .dialog_close:hover svg{opacity:1;fill:#fff;color:#fff}.pc_browser .dialog_close:hover .dialog_close_round{background-color:#fff;opacity:1}.dialog_box{z-index:1;display:flex;max-width:100%;max-height:100%;flex-direction:column}.dialog_box .loading_mask{background:rgba(var(--page-background-rgb),.8);z-index:99999;position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-size:40px}.dialog_box .loading_mask p{color:var(--text-light-color)}.dialog_title_container{position:absolute;width:100%;height:50px;box-sizing:border-box;flex-shrink:0;z-index:1;display:flex}.dialog_title_container.close_only{height:0;pointer-events:none}.dialog_title_container.close_only .dialog_close{pointer-events:auto}.dialog_title_bg{position:absolute;inset:0;z-index:-1;background:var(--dialog-color);border-radius:var(--border-radius) var(--border-radius) 0 0;border-bottom:1px solid var(--border-light-color);transition:opacity .5s}.blur_app .dialog_title_bg{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.transparent .dialog_title_bg{opacity:0}.dialog_title{padding:10px 20px;width:100%;transition:width .5s,transform .5s,padding .5s;overflow:hidden;transform:scale(.75)}.transparent .dialog_title{width:0;padding-right:calc(100% - 70px);transform:translateY(10px)}.dialog_title h2{line-height:30px;font-size:24px;white-space:nowrap;text-align:center;text-overflow:ellipsis}.dialog_title_container{container-type:inline-size}.dialog_title h2{width:calc(100cqw - 40px);transition:width .5s}.dialog_title_container.transparent .dialog_title h2{width:calc(100cqw - 80px)}.dialog_title_container.hide_title_on_top .dialog_title{transition:opacity .2s}.dialog_title_container.title_hidden .dialog_title,.dialog_title_container.title_hidden .dialog_title_bg{opacity:0}.dialog_title_container.title_hidden{pointer-events:none}.dialog_title_container.title_hidden .dialog_title{-webkit-user-select:none;-moz-user-select:none;user-select:none}.dialog_title_container.title_hidden .dialog_close{pointer-events:auto}.dialog_item.title_debug .dialog_title_container{background:#3b82f633;box-shadow:inset 0 0 0 1px #2563eb}.dialog_item.title_debug .dialog_title{background:linear-gradient(90deg,#8b5cf666,#8b5cf611);box-shadow:inset 0 0 0 1px #7c3aed}.dialog_item.title_debug .dialog_title h2{background:#f59e0b44;box-shadow:inset 0 0 0 1px #d97706}.dialog_item.title_debug .dialog_title .KScrollText .scroll_box{background:#10b98155;box-shadow:inset 0 0 0 1px #059669}.dialog_item.title_debug .dialog_title .KScrollText .current_content{background:repeating-linear-gradient(45deg,#ec489988 0,#ec489911 20px,#ec489988 40px);box-shadow:inset 0 0 0 1px #db2777}.dialog_item.title_debug .dialog_title .KScrollText .next_content{background:repeating-linear-gradient(45deg,#eab30888 0,#eab30811 20px,#eab30888 40px);box-shadow:inset 0 0 0 1px #ca8a04}.dialog_box>.KScrollBox{isolation:isolate;z-index:0}.dialog_content_box{padding:70px 20px 20px}.dialog_item.hide_title_on_top .dialog_content_box,.hide_title .dialog_content_box{padding-top:20px}.dialog_item.user_dialog .dialog_content_box{padding:0}.dialog_content{min-height:40px;min-width:calc(var(--min-window) - 80px)}.dialog_content>div{max-width:100%}.dialog_overlay{transition:.3s;background-color:#fff0;position:absolute;inset:0}.blur_app .dialog_overlay{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.dialog_overlay.dialog_display{background-color:var(--dialog-back-color)}.blur_app .dialog_overlay.dialog_display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading_mask_fade-enter-active,.loading_mask_fade-leave-active{transition:.3s}.loading_mask_fade-enter-from,.loading_mask_fade-leave-to{opacity:0}.loading_mask_fade-enter-to,.loading_mask_fade-leave-from{opacity:1}.dialog_fade-enter-active,.dialog_fade-leave-active{transition:.3s}.dialog_fade-enter-from,.dialog_fade-leave-to{opacity:0;transform:scale(1.05)}.dialog_fade-leave-to{transform:scale(.95)}.dialog_fade-enter-to,.dialog_fade-leave-from{opacity:1}.dialog_box>.KScrollBox>.scroll_box_bar.right{top:50px;bottom:10px}.dialog_item.hide_title .dialog_box>.KScrollBox>.scroll_box_bar.right{top:10px}.dialog_box>.KScrollBox>.scroll_box_bar.bottom{left:10px;right:10px}.dialog_comfirm_overlay{position:fixed;inset:0;z-index:1;background-color:var(--dialog-back-color)}.dialog_comfirm_part{position:fixed;max-height:100%;inset:auto 0;z-index:1;overflow-y:auto}.dialog_comfirm_part .confirm_dialog_box{width:100%;background-color:var(--dialog-color);display:flex;box-shadow:var(--section-shadow);overflow-x:auto}.dialog_comfirm_part .confirm_dialog{padding:20px;margin:0 auto}.dialog_comfirm_overlay_fade-enter-active,.dialog_comfirm_overlay_fade-leave-active{transition:.2s}.dialog_comfirm_overlay_fade-enter-from,.dialog_comfirm_overlay_fade-leave-to{opacity:0}.dialog_comfirm_part_fade-enter-active,.dialog_comfirm_part_fade-leave-active{transition:.2s}.dialog_comfirm_part_fade-enter-from,.dialog_comfirm_part_fade-leave-to{opacity:0;transform:scaleY(0)}.confirm_dialog{width:360px}.confirm_dialog .icon_container{width:80px;height:80px;margin:0 auto 16px;display:flex;justify-content:center;align-items:center;background-color:var(--main-color-deep);border-radius:50%}.confirm_dialog .icon_container svg{width:60%;height:60%;fill:#fff;color:#fff}.confirm_dialog .title_container{margin-bottom:24px}.confirm_dialog .title_container .confirm_dialog_title{font-size:20px;text-align:center;line-height:1.6}.confirm_dialog .title_container .confirm_dialog_text{text-align:center;margin-top:6px;line-height:1.6;color:var(--text-sub-color)}.confirm_dialog .button_container{display:flex;width:100%;margin-top:24px}.confirm_dialog .button_container button{margin-left:20px}.confirm_dialog .button_container button:first-child{margin-left:0}.dialog_row{display:flex;align-items:center;justify-content:center;width:100%}