.Reallocate_head .left p{font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px;color:#333}.Reallocate_options .options{display:flex;min-width:100px;max-width:180px;padding:12px 8px!important;justify-content:center;align-items:center;gap:8px;flex:1 0 0;border-radius:4px;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px;color:#b3b3b3;cursor:pointer}.Thead_Reallocate .Checkbox{display:flex;width:64px;height:32px;padding:12px 8px!important;align-items:center;gap:8px;position:sticky;left:0}.Thead_Reallocate .Username{display:flex;width:144px;height:32px;padding:12px 8px!important;justify-content:space-between;align-items:center;border-right:1px solid #b3b3b3;position:sticky;left:80px;z-index:300}.Thead_Reallocate .Status{display:flex;width:calc(12.5vw - 16px);height:32px;padding:12px 8px!important;justify-content:space-between;align-items:center}.Thead_Reallocate .Team{display:flex;flex:1;max-width:calc(12.5vw - 16px);min-width:calc(12.5vw - 16px);height:32px;padding:12px 8px!important;justify-content:space-between;align-items:center}.Thead_Reallocate .Tag{display:flex;width:calc(12.5vw - 16px);height:32px;padding:12px 8px!important;justify-content:space-between;align-items:center}.Tbody_Reallocate .Checkbox{display:flex;width:64px;height:32px;padding:12px 8px!important;align-items:center;gap:4px;position:sticky;left:0}.Tbody_Reallocate .Username{display:flex;width:144px;height:32px;padding:12px 8px!important;gap:4px;align-items:center;position:sticky;left:80px;border-right:1px solid #b3b3b3;z-index:200}.Tbody_Reallocate .Team{display:flex;height:48px;padding:12px 8px!important;align-items:center;gap:4px;flex:1 0 0;max-width:calc(12.5vw - 16px);min-width:calc(12.5vw - 16px);height:32px}.Tbody_Reallocate .Tag{display:flex;width:calc(12.5vw - 16px);height:32px;padding:12px 8px!important;align-items:center;gap:4px;overflow-y:scroll}.Reallocate_footer .right .btn-save:disabled{background-color:gray!important}.Reallocate .Warn_NotFilled{display:flex;justify-content:flex-start;align-items:center;gap:8px;border-radius:8px;background:var(--info-color-danger, #df6262);box-shadow:0 0 10px #0000001a;width:calc(100% - 48px);margin:0 16px 150px;padding:12px 8px!important;position:absolute;left:0;z-index:400}.WrapperControlSelectLevelReallocate{display:flex;padding:4px;width:296px}.WrapperControlSelectLevelReallocate{display:flex;padding:4px;border-color:#f2f2f2!important;width:296px}.chatFollowUp_itemBridge{display:flex;height:24px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral200, #f2f2f2);background:var(--Neutral-Color-Neutral100, #fafafa);color:var(--Neutral-Color-Neutral3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.chatFollowUp_itemScript{display:flex;height:24px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--Primary-Color-Primary500, #6562df);background:var(--Background-White, #fff);color:var(--Neutral-Color-Neutral900, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.PopupEmoji{position:absolute;z-index:9999999;bottom:80px;background-color:#fff}.ChatContent{width:100%;height:100%;max-height:calc(100vh - 144px);position:relative}.ChatContent_Header{padding:20px 24px 10px;display:flex;justify-content:space-between;align-items:center}.ChatContent_Header .left{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.ChatContent_Header .left .close-session{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:8px;gap:8px;border:1px solid #5c5acc;border-radius:4px;cursor:pointer;position:relative;min-width:130px;height:36px}.ChatContent_Header .left .close-session p{font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#5c5acc}.ChatContent_Header .left .close-session .setting{position:absolute;top:10px;right:8px}.ChatContent_Header .left .delete{display:flex;justify-content:center;align-items:center;width:32px;height:38px}.ChatContent_Header .left .delete:hover,.ChatContent_Header .left .active{background:#dadaf2;border-radius:4px}.ChatContent_Header .right{display:flex;align-items:flex-start;padding:0;gap:12px;min-width:0!important}.ChatContent_Header .right .help{display:flex;justify-content:center;align-items:center;padding:12px 16px 12px 12px;gap:12px;background:#5c5acc;border-radius:12px}.ChatContent_Header .right .help:hover{background:#23224d}.ChatContent_Header .right .help:disabled{background:#656464}.ChatContent_Header .right .help img,.ChatContent_Header .right .search img{width:24px;height:24px}.ChatContent_Header .right .help p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.ChatContent_Header .right .search{width:48px;height:48px;display:flex;justify-content:center;align-items:center;gap:12px;background:#ffffff;border-radius:4px}.ChatContent_list{display:flex;flex-direction:column;overflow-y:auto;height:calc(100% - 158px)}.ChatContent_Parent{display:flex;flex-direction:row;align-items:center}.ChatContent_Parent .user-avatar{width:32px;height:32px;margin-left:-8px;margin-top:8px;margin-right:16px;border-radius:50%}.ChatContent_Other,.ChatContent_Other .text_small_light{display:flex;justify-content:center;align-items:center;padding:0;gap:4px}.ChatContent_Other{margin-top:12px;flex-direction:column}.ChatContent_Other .text_small_light .labelNoteBody b,.ChatContent_Other .text_small_light .labelNoteBody span{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em;color:#333}.ChatContent_Other .text_small_light .labelNoteBody span{color:#6562df}.ChatContent_Other .text_small_light .labelNoteBody .tag{display:flex;align-items:center;padding:4px;gap:4px;background:#fafafa;border:1px solid #f2f2f2;border-radius:4px;font-weight:300;font-size:10px;line-height:18px;color:#656464}.ChatContent_Other .text_small_light .labelNoteBody .takeover{color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.ChatContent_User{padding:4px 8px;position:relative;width:336px;background:#ffffff;box-shadow:2px 2px 5px #0000000d;border-radius:0 4px 4px;margin-left:24px;margin-top:8px}.ChatContent_User .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;word-wrap:break-word}.ChatContent_User .time{font-weight:300;font-size:10px;line-height:18px;text-align:right;color:#656464}.ChatContent_User .triangle{position:absolute;width:17px;height:17px;left:-16px;top:0px}.ChatContent_User .url{display:flex;flex-direction:row;align-items:center;padding:4px;gap:8px;background:#dadaf2;border:1px solid #6562df;border-radius:8px;cursor:pointer}.ChatContent_User .url .urlContent{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.ChatContent_User .url .urlContent img{max-width:60px;max-height:60px;height:100%;width:100%;object-fit:contain;border-radius:4px}.ChatContent_User .url .urlContent .info{display:flex;flex-direction:column;align-items:flex-start;padding:0}.ChatContent_User .url .urlContent .info .title{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.ChatContent_User .url .urlContent .info .desc-wrapper{width:100%}.ChatContent_User .url .urlContent .info .desc-wrapper .desc{font-weight:300;font-size:10px;line-height:18px;color:#656565;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.ChatContent_User .url .urlContent .info .domain{font-weight:300;font-size:10px;line-height:16px;display:flex;align-items:center;letter-spacing:.01em;color:#b3b3b3}.ChatContent_Own{padding:4px 8px;position:relative;width:336px;background:#cecee5;background:#e3e3fc;box-shadow:2px 2px 5px #0000000d;border-radius:0 4px 4px;margin-left:auto;margin-right:24px;margin-top:8px}.ChatContent_User .name,.ChatContent_Own .name{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em;color:#219655}.ChatContent_User .name{color:#656565;display:flex;justify-content:space-between}.ChatContent_User .image,.ChatContent_Own .image{position:relative}.ChatContent_User .image img,.ChatContent_Own .image img,.ChatContent_User .image video,.ChatContent_Own .image video{width:100%;height:100%;max-height:300px;border-radius:4px;object-fit:contain}.ChatContent_User .image .mediaPlayer,.ChatContent_Own .image .mediaPlayer{position:absolute;top:50%;left:50%;cursor:pointer}.ChatContent_User .document,.ChatContent_Own .document{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:4px 8px;gap:4px;border-radius:4px;cursor:pointer;background:rgba(255,255,255,.5);box-shadow:0 0 10px #0000001a;width:calc(100% + -0px)}.ChatContent_User .document img,.ChatContent_Own .document img{width:32px;height:32px;border-radius:4px}.ChatContent_User .document .detail,.ChatContent_Own .document .detail{flex:1;max-width:calc(100% - 76px)}.ChatContent_User .document h2,.ChatContent_Own .document h2{font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px;color:#333}.ChatContent_User .document p,.ChatContent_Own .document p{font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px;color:#656565}.ChatContent_User .document .failed,.ChatContent_Own .document .failed{font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#656565}.ChatContent_Own .url{display:flex;flex-direction:row;align-items:center;padding:4px;gap:8px;background:#dadaf2;border:1px solid #6562df;border-radius:8px;cursor:pointer}.ChatContent_Own .url .urlContent{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.ChatContent_Own .url .urlContent img{max-width:60px;max-height:60px;height:100%;width:100%;border-radius:4px}.ChatContent_Own .url .urlContent .info{display:flex;flex-direction:column;align-items:flex-start;padding:0}.ChatContent_Own .url .urlContent .info .title{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.ChatContent_Own .url .urlContent .info .desc-wrapper{width:100%}.ChatContent_Own .url .urlContent .info .desc-wrapper .desc{font-weight:300;font-size:10px;line-height:18px;color:#656565;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.ChatContent_Own .url .urlContent .info .domain{font-weight:300;font-size:10px;line-height:16px;display:flex;align-items:center;letter-spacing:.01em;color:#b3b3b3}.ChatContent_Own .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;word-wrap:break-word}.ChatContent_Own .time{font-weight:300;font-size:10px;line-height:18px;text-align:right;color:#656464;display:flex;justify-content:flex-end;align-items:center;gap:5.33px}.ChatContent_Own .img{width:16px;height:16px}.ChatContent_Own .triangle{position:absolute;width:17px;height:17px;right:-13px;top:0px}.ChatContent_bottom,.ChatContent_bottom_showImg{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:row;align-items:center;padding:4px 12px;gap:4px}.ChatContent_bottom_showImg{justify-content:flex-end}.ChatContent_bottom_showImg .imgPreview{display:flex;flex-direction:column;align-items:flex-start;width:500px;border:1px solid #f2f2f2;border-radius:8px;background-color:#fff;filter:drop-shadow(-5px 0px 5px rgba(123,97,255,.05))}.ChatContent_bottom .PopupEmoji{position:absolute;z-index:999;bottom:60px;background-color:#fff}.ChatContent_bottom_showImg .imgPreview video{width:300px;height:200px;object-fit:contain}.ChatContent_bottom_showImg .imgPreview .top{display:flex;justify-content:flex-end;align-items:center;padding:16px 8px;gap:12px;width:calc(100% - 16px);height:36px}.ChatContent_bottom_showImg .imgPreview .top .btn-rotate{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;background:#5c5acc;border-radius:4px;cursor:pointer}.ChatContent_bottom_showImg .imgPreview .top .btn-rotate p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.ChatContent_bottom_showImg .imgPreview .top .btn-delete{padding:8px;cursor:pointer}.ChatContent_bottom_showImg .imgPreview .body{position:relative;background:#ffffff;width:calc(100% - 16px);height:calc(100% - 16px);padding:8px}.ChatContent_bottom_showImg .imgPreview .body .center{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px;gap:12px;background:#fafafa;height:234px;position:relative}.ChatContent_bottom_showImg .imgPreview .body .center img{max-width:350px;width:100%;max-height:200px;height:100%;object-fit:contain;transform:rotate(0)}.ChatContent_bottom_showImg .imgPreview .body .center p{position:absolute;bottom:0px;font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.ChatContent_bottom_showImg .imgPreview .body .changeImge{display:flex;align-items:flex-start;gap:4px;margin:16px auto -16px;width:468px;overflow-x:scroll}.ChatContent_bottom_showImg .imgPreview .body .changeImge .changeImge_item{border-radius:4px;display:flex;justify-content:center;align-items:center;height:48px;width:48px;position:relative}.ChatContent_bottom_showImg .imgPreview .body .changeImge .changeImge_item .icon{position:absolute;top:0;right:0;cursor:pointer}.ChatContent_bottom_showImg .imgPreview .body .changeImge .changeImge_item img{width:32px;height:32px;border-radius:4px}.ChatContent_bottom_showImg .imgPreview .body .bottom{display:flex;align-items:center;padding:8px;gap:4px;width:468px;height:48px;background:#f2f2f2;margin-top:16px}.ChatContent_bottom_showImg .imgPreview .body .bottom .left{width:100px;display:flex;align-items:flex-start;padding:0;gap:4px}.ChatContent_bottom_showImg .imgPreview .body .bottom .left .icon{display:flex;justify-content:center;align-items:center;gap:12px;cursor:pointer;width:48px;height:48px;min-width:0px!important}.ChatContent_bottom_showImg .imgPreview .body .bottom .left .icon:hover{background:#dadaf2}.ChatContent_bottom_showImg .imgPreview .body .bottom .input{flex:1;display:flex;align-items:flex-start;padding:12px;gap:4px;width:calc(100% - 24px);border:1px solid #817ee6;box-shadow:0 0 5px #5c5acc26;border-radius:4px;background:#ffffff}.ChatContent_bottom_showImg .imgPreview .body .bottom .input input{width:100%;font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.ChatContent_bottom_showImg .imgPreview .body .bottom .right{display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;cursor:pointer;width:24px}.ChatContent_bottomIcon{display:flex;justify-content:center;align-items:center;width:48px;height:48px}.ChatContent_bottomIcon img{width:24px;height:24px}.ChatContent_bottom .inputPart{flex:1;position:relative}.ChatContent_bottom .disableReply{color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;display:flex;justify-content:center;align-items:center;margin:0!important;height:56px;flex:1;position:relative;background:var(--Neutral-Color-Neutral200, #f2f2f2)}.ChatContent_bottom .inputPart .previewUrl{position:absolute;top:-80px;left:0;display:flex;flex-direction:row;align-items:center;padding:8px;gap:8px;width:calc(100% - 16px);background:#ffffff;border:1px solid #656565;border-radius:8px}.ChatContent_bottom .inputPart .previewUrl .left{flex:1;display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.ChatContent_bottom .inputPart .previewUrl .left img{width:60px;height:60px;border-radius:4px}.ChatContent_bottom .inputPart .previewUrl .left .info{display:flex;flex-direction:column;align-items:flex-start;padding:0;flex:1}.ChatContent_bottom .inputPart .previewUrl .left .info .title{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;white-space:nowrap;width:350px;overflow:hidden;text-overflow:ellipsis}.ChatContent_bottom .inputPart .previewUrl .left .info .domain{font-weight:300!important;font-size:10px!important;line-height:16px!important;letter-spacing:.01em!important;color:#333!important}.ChatContent_bottom .inputPart .previewUrl .left .info .desc-wrapper{width:100%}.ChatContent_bottom .inputPart .previewUrl .left .info .desc-wrapper .desc{font-weight:300;font-size:10px;line-height:18px;color:#656565;white-space:nowrap;width:350px;overflow:hidden;text-overflow:ellipsis}.ChatContent_bottom .inputPart .previewUrl .left .info .domain{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.ChatContent_bottom .inputPart textarea,.ChatContent_bottom .inputPart input{width:calc(100% - 24px);background:#ffffff;border:1px solid #817ee6;border-radius:4px;padding:12px;resize:none}.ChatContent_changeAgent{display:flex;align-items:center}.ChatContent_changeAgent .user{display:flex;flex-direction:row;align-items:center}.ChatContent_changeAgent .user img{width:32px;height:32px}.ChatContent_changeAgent .user img:last-child{margin-left:-11px}.ChatContent_changeAgent .button{padding:8px;font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc;cursor:pointer}.ChatContent_takeOver{display:flex;align-items:center;justify-content:center;padding:12px;background:#5c5acc;width:100%;gap:4px;border-radius:4px;cursor:pointer}.ChatContent_takeOver p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.ChatContent_Popover{display:flex;flex-direction:column;align-items:flex-start;padding:4px;gap:4px;background:#ffffff;box-shadow:0 0 5px #0000001a;border-radius:4px;width:160px}.ChatContent_Popover_item{display:flex;align-items:center;padding:8px 12px;gap:10px;border-radius:4px;width:100%;max-width:161px}.ChatContent_Popover_item:hover{background:#6562df;color:#fff}.ChatContent_Popover_item:hover svg path{stroke:#fff}.ChatContent_Popover_item:hover p{color:#fff}.ChatContent .searchMessage{display:flex;padding:12px;align-items:center;gap:4px;border-radius:4px;border:1px solid #817ee5;box-shadow:0 0 5px #5c5acc26;background:#fff}.ChatContent .searchMessage input{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#6562df}.ChatContent .searchMessage input::placeholder{color:#ccc}.ChatContent .searchMessage p{font-size:10px;font-weight:300;line-height:18px;color:#333}.ChatContent .searchMessage .icon{display:flex;justify-content:center;align-items:center;width:24px;height:24px}.ChatContent .searchMessage .icon-active{background:#dadaf2}@media screen and (max-width: 1439px){.ChatContent_User,.ChatContent_Own{width:280px}.ChatContent_User{margin-left:16px}.ChatContent_Own{margin-right:16px}}.navigationTemplateChat{position:absolute;right:0px;color:var(--primary-color-primary-500, #6562df);cursor:pointer;font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.chatFollowUp_itemSendMessage{color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral500, #b3b3b3);background:var(--Background-White, #fff)}.chatFollowUp_itemTag{display:flex;height:14px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid #6562df;background:#ffffff;font-weight:400;font-size:12px;line-height:22px;min-width:max-content}.delegate_wrapper{display:flex;align-items:center;max-width:200px;gap:4px;overflow-y:scroll;.data_delegate{display: flex; gap: 8px; border: 1px solid #B3B3B3; border-radius: 4px; padding: 4px; img {width: 20px; height: 20px;} p {font-weight: 400; font-size: 12px; line-height: 22px; color: #333333; min-width: max-content;}}}.chatFollowUp{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;margin-bottom:24px;padding:0 16px}.chatFollowUp_title{font-size:10px;font-style:normal;font-weight:300;line-height:16px;color:#333}.chatFollowUp_item{display:flex;height:24px;align-items:center;gap:16px;align-self:stretch}.chatFollowUp_itemLeft{display:flex;align-items:center;gap:4px}.chatFollowUp_itemTitle{font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px;color:#333}.chatFollowUp_itemRight{display:flex;align-items:center;gap:4px;align-self:stretch}.chatFollowUp_itemRightIcon{display:flex;padding:8px 4px;justify-content:center;align-items:center;gap:4px;align-self:stretch;border-radius:4px;background:none}.chatFollowUp_itemRightIcon img{width:16px;height:16px}.WrapperPillChat{width:100%;display:flex;align-items:center;justify-content:center}.PillLoadMoreChat{display:flex;width:max-content;padding:4px 8px;align-items:center;gap:4px;border-radius:24px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--background-white, #fff)}.TypoPillChat{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.containerCircleLoadMoreChat{display:flex}.circleLoadMoreChat{width:5px;height:5px;background-color:#6562df;border-radius:50%;margin:0 2px;animation:bounce .7s infinite alternate}@keyframes bounce{0%{transform:translateY(4px)}to{transform:translateY(0)}}.circleLoadMoreChat:nth-child(2){animation-delay:.2s}.circleLoadMoreChat:nth-child(3){animation-delay:.4s}.numberChatNotActive{display:flex;height:48px;padding:4px 12px;justify-content:center;align-items:center;gap:4px;align-self:stretch;background:#f2f2f2}.numberChatNotActive p{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#656565}.numberChatNotActive .url p{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;text-decoration-line:underline;color:#656565}.chatInput_infoWaitTime{display:flex;padding:4px 8px;align-items:center;gap:8px}.chatInput_infoWaitTime p{font-size:12px;font-style:normal;font-weight:400;line-height:18px;color:#656464}.buttonChatArrowDown{position:absolute!important;top:3px;right:3px;width:24px;height:24px!important;border-radius:4px!important;min-width:24px!important;padding:0!important;display:flex;justify-content:center!important;align-items:center!important}.ChatContent_Own:hover,.ChatContent_User:hover{.buttonChatArrowDown {display: flex !important; transform: none; transition: none; line-height: normal; font-size: 8px; height: auto; width: auto;}}.popoverMenuChatReply .MuiPaper-root{border-radius:4px;border:1px solid #e5e4e4;background:#fff;box-shadow:none;margin-top:0}.popoverMenuChatReply_body{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:4px}.popoverMenuChatReply_item{display:flex;width:200px;padding:4px 8px;align-items:flex-start;gap:8px;cursor:pointer;&:hover{background:#6562df;border-color:#6562df;svg path {stroke: #fff;} p {color: #fff;}}p {font-size: 12px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: .12px; color: #333333;}}.previewReplyBubble,.previewReply{display:flex;padding:4px 8px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:4px;border-left:3px solid #656565;background:#fafafa;box-shadow:0 0 10px #0000001a;margin-bottom:8px;.main {display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; .name {font-size: 10px; font-style: normal; font-weight: 600; line-height: 18px; letter-spacing: -.1px; color: #656565;} .message {font-size: 10px; font-style: normal; font-weight: 300; line-height: 18px; color: #333333; display: flex; gap: 4px; align-items: center;}} img {width: 46px; height: 36px;}}.Bg_Reallocate{position:fixed;left:0px;top:144px;width:calc(100vw + -0px);height:calc(100vh - 144px);background-color:#00000050;display:flex;justify-content:center;align-items:center;z-index:2}.Reallocate{width:83.59375vw;height:min-content;max-height:84.2105vh;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 0 10px #0000001a;background:#fff!important}.Reallocate_head{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);height:24px;border-radius:8px 8px 0 0}.Reallocate_head .left{display:flex;align-items:center;gap:8px}.Reallocate_head .left p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.Reallocate_body{display:flex;flex-direction:row;height:448px;width:83.59375vw}.Reallocate .SearchPart{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:none;background:#fff;width:296px;padding:12px 8px 12px 16px}.Reallocate_options{display:flex;width:296px;align-items:flex-start;gap:8px}.Reallocate_options .options{display:flex;min-width:100px;max-width:180px;padding:8px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;border-radius:4px;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px;color:#b3b3b3;cursor:pointer}.Reallocate_options .options-active{background:#6562df;color:#fff}.Reallocate_input{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.Reallocate_input .input{display:flex;padding:12px;justify-content:space-between;align-items:flex-start;align-self:stretch;border-radius:4px;border:1px solid #f2f2f2}.Reallocate_input .input input{border:none;outline:none;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333;width:100%}.Reallocate_input .input input::placeholder{color:#bdbdbd}.Table_Reallocates,.Table_ReallocateTeam{width:calc(100% - 320px);padding:12px 16px 12px 8px;overflow:scroll;z-index:1;display:flex;background:#fff}.Table_Reallocate,.Table_ReallocateTeam table{width:100%;border-spacing:0;border-collapse:separate;border-radius:8px;height:100%;border:1px solid #e5e4e4;overflow:hidden}.Thead_Reallocate{background:#dadaf2}.Tbody_Reallocate{background:#fafafa}.Thead_Reallocate tr,.Tbody_Reallocate tr{display:flex}.Thead_Reallocate tr>*{background:#dadaf2}.Tbody_Reallocate tr>*{background:#fff}.Tbody_Reallocate .Selected>*{background:#e5e4e4}.Tbody_Reallocate .Notselected>*{background:#fafafa}.Thead_Reallocate .Checkbox{display:flex;width:64px;height:32px;padding:8px;align-items:center;gap:8px;position:sticky;left:0}.Thead_Reallocate .Username{display:flex;width:144px;height:32px;padding:8px;justify-content:space-between;align-items:center;border-right:1px solid #b3b3b3;position:sticky;left:80px;z-index:300}.Thead_Reallocate .Status{display:flex;width:calc(12.5vw - 16px);height:32px;padding:8px;justify-content:space-between;align-items:center}.Thead_Reallocate .Team{display:flex;flex:1;max-width:calc(12.5vw - 16px);min-width:calc(12.5vw - 16px);height:32px;padding:8px;justify-content:space-between;align-items:center}.Thead_Reallocate .Tag{display:flex;width:calc(12.5vw - 16px);height:32px;padding:8px;justify-content:space-between;align-items:center}.Tbody_Reallocate .Checkbox{display:flex;width:64px;height:32px;padding:8px;align-items:center;gap:4px;position:sticky;left:0}.Tbody_Reallocate .Checkbox p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#656565}.Tbody_Reallocate .Username{display:flex;width:144px;height:32px;padding:8px;gap:4px;align-items:center;position:sticky;left:80px;border-right:1px solid #b3b3b3;z-index:200}.Tbody_Reallocate .Username img{width:24px;height:24px;flex-shrink:0;border-radius:50%}.Tbody_Reallocate .Username .name{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.Tbody_Reallocate .Username .name .top{font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px;color:#656464;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Tbody_Reallocate .Username .name .bottom{font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#656464;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Tbody_Reallocate .Status{display:flex;width:calc(12.5vw - 32px);height:24px;padding:12px 16px;align-items:center;gap:4px;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#6562df;text-transform:capitalize}.Tbody_Reallocate .Team{display:flex;height:48px;padding:8px;align-items:center;gap:4px;flex:1 0 0;max-width:calc(12.5vw - 16px);min-width:calc(12.5vw - 16px);height:32px}.Tbody_Reallocate .Team .TeamItem{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid #cccccc;background:#fafafa;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#b3b3b3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Tbody_Reallocate .Tag{display:flex;width:calc(12.5vw - 16px);height:32px;padding:8px;align-items:center;gap:4px;overflow-y:scroll}.Tbody_Reallocate .Tag .TagItem{display:flex;height:24px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid #f2f2f2;background:#fafafa;font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#656464}.Reallocate_footer{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;background:#fff;box-shadow:0 -5px 5px #0000000d;border-radius:0 0 8px 8px;position:relative}.Reallocate_footer .btn-cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;cursor:pointer}.Reallocate_footer .btn-cancel p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#df6262}.Reallocate_footer .right{display:flex;align-items:center;gap:12px;align-self:stretch;justify-content:flex-end;padding:0;background:none}.Reallocate_footer .right .selectLevel{display:flex;padding:12px;align-items:center;justify-content:space-between;width:136px;align-self:stretch;border-radius:4px;background:#fff;cursor:pointer}.Reallocate_footer .right .active{border:1px solid #817ee5}.Reallocate_footer .right .inactive{border:1px solid #656464}.Reallocate_footer .right .selectLevel p{color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.Reallocate_footer .right .countSelect{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333}.Reallocate_footer .right .btn-request{display:flex;padding:12px 12px 12px 16px;justify-content:center;align-items:center;gap:12px;border-radius:4px;border:2px solid #5c5acc;background:#fafafa!important}.Reallocate_footer .right .btn-request p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#5c5acc}.Reallocate_footer .right .btn-save{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;cursor:pointer;outline:none;border:none}.Reallocate_footer .right .btn-save p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#fafafa}.Reallocate .Warn_NotFilled{display:flex;justify-content:flex-start;align-items:center;gap:8px;border-radius:8px;background:var(--info-color-danger, #df6262);box-shadow:0 0 10px #0000001a;width:calc(100% - 48px);margin:0 16px 150px;padding:8px;position:absolute;left:0;z-index:400}.Reallocate .Warn_NotFilled .Info p{color:#fff;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Reallocate .body{display:flex;max-height:400px;padding-bottom:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;overflow:scroll;background:#fff}.Table_ReallocateTeam table thead{position:sticky;top:0;z-index:3}.Table_ReallocateTeam thead tr,.Table_ReallocateTeam tbody tr{display:flex}.Table_ReallocateTeam thead tr>*{background:#dadaf2}.Table_ReallocateTeam thead tr th>*{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.Table_ReallocateTeam tbody .Selected>*{background:#e5e4e4}.Table_ReallocateTeam tbody .Notselected>*{background:#fff}.Table_ReallocateTeam thead .check,.Table_ReallocateTeam tbody .checkParent{display:flex;width:64px;height:24;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.Table_ReallocateTeam tbody .checkChild{display:flex;width:64px;height:24;padding:16px 8px;align-items:center;justify-content:center;gap:8px;position:sticky;left:0}.Table_ReallocateTeam thead .team{display:flex;width:148px;height:24px;padding:16px;justify-content:space-between;align-items:center;position:sticky;left:40px}.Table_ReallocateTeam tbody .team{display:flex;width:148px;height:68px;padding:16px;align-items:center;gap:10px;position:sticky;left:40px}.Table_ReallocateTeam tbody .team p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.Table_ReallocateTeam thead .member{display:flex;width:118px;height:24px;padding:16px;justify-content:space-between;align-items:center}.Table_ReallocateTeam tbody .member{display:flex;width:118px;height:68px;padding:16px;align-items:center;gap:10px}.Table_ReallocateTeam tbody .member .wrapper{display:flex;height:32px;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid #f2f2f2;background:#fff}.Table_ReallocateTeam tbody .member p{color:#333;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Table_ReallocateTeam thead .wa{display:flex;width:calc(19.3vw - 32px);height:24px;padding:16px;justify-content:space-between;align-items:center}.Table_ReallocateTeam tbody .wa{display:flex;width:calc(19.3vw - 32px);height:68px;padding:16px;align-items:center;gap:10px;overflow-y:scroll}.Table_ReallocateTeam tbody .wa .wrapper{display:flex;height:32px;min-width:60px;max-width:100px;padding:4px 8px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff)}.Table_ReallocateTeam tbody .wa .wrapper p{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;white-space:nowrap}.Table_ReallocateTeam thead .tag{display:flex;width:calc(19.3vw - 32px);height:24px;padding:16px;justify-content:space-between;align-items:center}.Table_ReallocateTeam tbody .tag{display:flex;width:calc(19.3vw - 32px);height:68px;padding:16px;align-items:center;gap:10px}.Table_ReallocateTeam tbody .tag .content-tag{width:100%;height:100%;display:flex;align-items:center;justify-content:start;gap:8px;overflow-y:scroll}.Table_ReallocateTeam tbody .tag .content-tag .logo{padding:4px 8px;background:#fafafa;border-radius:4px;border:1px solid #f2f2f2;display:flex;align-items:center;justify-content:center;gap:4px}.Table_ReallocateTeam tbody .tag .content-tag .logo p{color:#656464;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Typography{overflow:hidden;width:220px;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.CenterFlex{display:flex;justify-content:flex-start!important}.WrapperTitleGuideBook{display:flex;padding:4px;align-items:flex-start;gap:10px;align-self:stretch;background:var(--neutral-color-neutral-100, #fafafa)}.CardGuideBook .WrapperTitleGuideBook .WrapperCardUseSubChapter .WrapperAction{display:flex;gap:10px}.CardGuideBook .WrapperTitleGuideBook .WrapperCardUseSubChapter .WrapperAction .preview{display:flex;height:16px;padding:1px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:transparent}.CardGuideBook .WrapperTitleGuideBook .WrapperCardUseSubChapter .WrapperAction .preview:hover{display:flex;height:16px;padding:1px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--Primary-Color-Primary100, #dadaf2)}.CardGuideBook .WrapperTitleGuideBook .WrapperCardUseSubChapter .WrapperAction .action{display:flex;gap:5px}.TeksNormalGuideBook{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.TeksNormalGuideBookList{display:flex;align-items:center;gap:4px}.TeksNormalGuideBookList .data{display:flex;padding:4px;align-items:center;gap:8px;border-radius:4px;border:1px solid #6562df;background:#ffffff}.TeksNormalGuideBookList .data p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.TeksNormalGuideBookList .FollowCs{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:13vw;flex-wrap:wrap}.TeksNormalGuideBookList .FollowCs .GbBox{display:flex;padding:4px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral200, #f2f2f2);background:var(--Neutral-Color-Neutral100, #fafafa);color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.TeksNormalGuideBookList .FollowCs .WaitResponBox{color:var(--Primary-Color-Primary500, #6562df);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.TeksNormalGuideBookList .FollowCs .StartBridging{color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.TitleCardGuideBook{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:150px!important}.QuickAnswerTitleGuideBook{color:#333;font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.AnswerGuideBook{display:flex;flex-direction:column;gap:8px;width:100%}.AnswerGuideBook .WaitRespond{color:var(--primary-color-primary-500, #6562df);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.TitleGuideBookDetail{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:200px!important}.ChatbodyGuideBookSubTitle{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.BodyListChatTemplate{display:flex;padding:4px;align-items:center;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);position:relative}.NavBubleListChatTemplate{position:absolute;right:10px;color:var(--primary-color-primary-500, #6562df);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.TypoBodyListChatTemplate .ql-editor{color:var(--neutral-color-neutral-800, #656565)!important;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.BodyGBChatTemplateHotkey{color:var(--primary-color-primary-500, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.wrapperHeaderUseGB{display:flex;flex-direction:column;gap:0px;align-items:flex-start}.TypoDescUseGB{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.WrapperCardUseSubChapter{display:flex;align-items:center;justify-content:center;gap:4px}.TypoUseAnswerButtonUseGb{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.navigationAnswerChatGuideBook{position:absolute;right:20px;color:var(--primary-color-primary-500, #6562df);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.TypoTitleDetailChatGuidebook{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px;white-space:nowrap;text-overflow:ellipsis;width:80px!important}.wrapper_tagging{display:flex;gap:4px;overflow-y:scroll;width:100%;p {min-width: max-content;}}.wrapper_box{display:flex;gap:4px;overflow-y:scroll;.wrapper_box_item{padding: 4px; border: 1px solid #F2F2F2; background: #FAFAFA; color: #656464; font-weight: 300; font-size: 10px; line-height: 18px; border-radius: 4px; p {min-width: max-content;}}}.AccordionElement{display:flex;gap:5px;justify-content:center;align-items:center}.AccordionElement .TypographySubAccordion{overflow:hidden;color:var(--neutral-color-neutral-800, #333333);text-decoration-line:underline;text-overflow:ellipsis;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.subAccordionScriptGb .WrapperTriggerPreview{display:flex;padding:4px 8px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:.5px solid var(--neutral-color-neutral-900, #333);background:var(--background-white, #fff);margin:10px 0}.subAccordionScriptGb .WrapperTriggerPreview .Title{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.subAccordionScriptGb .WrapperTriggerPreview .Trigger{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.ContainerChatBodyTemplate{height:calc(100vh - 144px);overflow-y:scroll;overflow-x:hidden;background:#ffffff;position:relative;border-top:1px solid #f2f2f2;padding:20px;display:flex;flex-direction:column;gap:10px}.ContainerListChatTemplate{max-height:calc(100vh - 300px);overflow-y:scroll;overflow-x:hidden;background:#ffffff;display:flex;flex-direction:column;gap:10px}.ChatbodyTemplateTitle{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.SearchChatBodyTemplate{max-width:305px;width:305px}.SearchChatBodyTemplate .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 4px;gap:0px;width:100%;height:48px;border-radius:4px;background:#fff;caret-color:#6562df}.SearchChatBodyTemplate .input input{flex:1}.ContainerBodyChatTemplate{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--background-white, #fff)}.BodyChatTemplateName{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.BodyChatTemplateHotkey{color:var(--primary-color-primary-500, #6562df);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.BodyChatTemplate{overflow:hidden;color:var(--neutral-color-neutral-800, #656565);text-overflow:ellipsis;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.ButtonSecondaryBodyChatTemplate{display:flex;height:36px;padding:4px 8px;justify-content:center;align-items:center;gap:4px;flex:1 0 0;border-radius:4px;background:transparent;color:var(--primary-color-primary-900, #5c5acc);cursor:pointer;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ButtonSecondaryBodyChatTemplate p{color:var(--primary-color-primary-900, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ButtonSecondaryBodyChatTemplate:hover{display:flex;height:36px;padding:4px 8px;justify-content:center;align-items:center;gap:4px;flex:1 0 0;border-radius:4px;background:var(--primary-color-primary-100, #dadaf2);color:var(--primary-color-primary-900, #23224d);cursor:pointer;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ButtonPrimaryBodyChatTemplate{display:flex;cursor:pointer;height:36px;padding:4px 8px;justify-content:center;align-items:center;gap:4px;flex:1 0 0;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);color:#fafafa;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ContainerMessagePreviewChatTemplate{display:flex;height:auto;padding:16px;flex-direction:column;gap:10px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff)}.chatbody_chatbodytemplate_list{display:flex;flex-direction:column;gap:20px;max-height:70vh;overflow-y:scroll}.ChatBody{background:#f7f5f5;height:calc(100vh - 144px);width:100%;min-width:calc(100vw - 356px);max-width:calc(100vw - 356px)!important;position:relative}.ChatBody .css-1d3bbye{height:100%}.ChatBody_left{min-width:calc(100vw - 712px);max-width:calc(100vw - 712px)!important}.ChatBody_right{min-width:356px;max-width:356px!important;position:fixed;right:0;height:calc(100vw - 144px)}.ChatBody .css-11lq3yg-MuiGrid-root{height:100%}.chatBody_empty{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;max-width:calc(100vw - 356px)}.chatBody_empty img{width:250px;height:250px}.chatBody_empty h4{font-weight:700;font-size:24px;line-height:32px;margin-top:24px;letter-spacing:-.02em}.chatBody_empty p{font-weight:400;font-size:16px;line-height:24px;color:#656464}@media screen and (max-width: 1439px){.ChatBody_right{min-width:356px;max-width:356px}.ChatBody_left{max-width:calc(100% - 356px)!important}}.ChatHeader_Center .Center{height:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:2px 0!important;overflow:scroll;flex:1;width:100%;margin:auto;gap:4px}.ChatHeader_Center .Center .Item{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;gap:8px;border-radius:4px;cursor:pointer;min-width:fit-content;max-width:300px!important}.PopoverChatTabs{display:flex;flex-direction:column;align-items:flex-start;padding:4px;width:100px;background:#FFFFFF;box-shadow:0 0 10px #0000001a;border-radius:4px;z-index:3}.PopoverChatTabs .btn{display:flex;flex-direction:row;align-items:center;padding:4px;gap:10px;width:calc(100% - 8px);cursor:pointer}.PopoverChatTabs .btn:hover{color:#fff;background:#6562DF}.ChatHeader_Center .Center .Item .Action{border:none;outline:none;background:none;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0}.ChatHeader_Center .Center .Item .Action .Down{width:16px;height:16px}.ChatHeader_Center .Center .Item p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;white-space:nowrap}.ChatHeader_Center .Center .ItemActive{background:#DADAF2;border-radius:4px}.ChatHeader{padding:12px 16px;height:72px;justify-content:space-between;gap:24px;width:100vw!important}.ChatHeader_Left,.ChatHeader_CenterMain{display:flex;align-items:center}.ChatHeader_CenterMain{flex:1;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:nowrap!important}.ChatHeader_Left{width:max-content;display:flex;align-items:center;gap:12px}.ChatHeader_Search{display:flex;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:194px;height:48px;border:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);border-radius:4px}.ChatHeader_Search input{flex:1;width:120px;height:24px}.ChatHeader_Search .css-1rn30mb-MuiCircularProgress-root{height:24px!important;width:24px!important;color:#6562df}.ChatHeader_Left .filled{border:1px solid var(--Neutral-Color-Neutral3, #656464)}.ChatHeader_Left .focus{border:1px solid var(--Primary-Color-Primary400, #817EE5);box-shadow:0 0 5px #5c5acc26}.ChatHeaderIconWrapper{display:flex;align-items:flex-start;gap:4px}.ChatHeaderIconWrapper .Active{background:var(--primary-color-primary-100, #dadaf2)}.ChatHeader_Icons{display:flex;padding:12px;justify-content:center;align-items:center;border-radius:4px}.ChatHeader_Icons .MuiButtonBase-root{min-width:0;padding:0}.ChatHeader_Icons button{position:relative}.ChatHeader_Icons button p{position:absolute;top:3px;right:-6px;background:#6562df;border:1px solid #ffffff;border-radius:14px;width:16px;height:16px;font-weight:700;font-size:8px;line-height:10px;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}.ChatHeader_Icon{width:48px;height:48px;display:flex;justify-content:center;align-items:center}.ChatHeader_Icon_Notif{position:relative}.ChatHeader_List,.ChatHeader_ListShow{display:flex;justify-content:space-between;align-items:center;padding:0;gap:8px;width:100%}.ChatHeader_ListShow{flex:1}.ChatHeader_List p{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656464}.ChatHeader_AddChatList{display:flex;align-items:center;flex-direction:row}.ChatHeader_List_AddButton{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:4px;margin-left:4px}.ChatHeader_ListShow{gap:4px;width:414px}.ChatHeader_ListShow p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#bdbdbd}.ChatHeader_Switch{display:flex;align-items:center;justify-content:center;padding:0;gap:8px}.ChatHeader_Switch .status{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656565}.ChatHeader_Switch .status span{color:#5c5acc;margin-left:12px}.ChatHeader_Switch img{width:36px;height:24px}.ChatHeader_Switch .role{font-weight:300;font-size:10px;line-height:18px;color:#656464}.ChatHeader_Right{display:flex;width:320px;align-items:center;gap:12px}.ChatHeader_Action{display:flex;align-items:center;padding:0;gap:12px}.ChatHeader_Action{justify-content:space-between;gap:8px;width:268px}.ChatHeader_Detail,.ChatHeader_Profile{display:flex;flex-direction:column;align-items:flex-start;padding:0}.ChatHeader_Profile{align-items:center;flex-direction:row}.ChatHeader_Detail p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464;margin:0}.ChatHeader_FilterPopup .MuiPaper-root{width:400px;height:70vh}.ChatHeader_Center{flex:1 1 0%;overflow:scroll;display:flex;flex-wrap:nowrap}.ChatHeader_CenterMain .Left{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px;height:48px}.ChatHeader_CenterMain .Left p{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656464}.ChatHeader_CenterMain .Left button{background:none;border:none;outline:none;display:flex;justify-content:center;align-items:center;padding:10px 8px;background-color:#dadaf2;border-radius:4px}.ChatHeader_CenterMain .Left button .MenuButton{width:16px;height:16px}.ChatHeader_CenterMain .Left .Add{display:flex;justify-content:center;align-items:center;gap:8px;width:32px;height:36px;border-radius:4px}.ChatHeader_CenterMain .Center{flex:1}.ChatHeader_CenterMain .Right{display:flex;flex-direction:row;align-items:flex-start;padding:4px 0;gap:4px}.ChatHeader_CenterMain .Right .Wrapper{width:32px;height:36px;display:flex;justify-content:center;align-items:center}.AllChatTabs{display:flex;flex-direction:column;align-items:flex-start;padding:0;width:240px;height:384px;background:#ffffff;box-shadow:0 0 10px #00000026;border-radius:8px}.AllChatTabs .Header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;gap:10px;width:calc(100% - 32px);height:48px;background:#fafafa}.AllChatTabs .Body{display:flex;flex-direction:column;align-items:flex-start;padding:4px 0;height:336px;overflow-y:scroll;width:100%}.AllChatTabs .Body .Input{display:flex;flex-direction:column;align-items:flex-start;padding:10px;gap:4px;width:calc(100% - 20px);height:68px}.AllChatTabs .Body .Input .Field{display:flex;flex-direction:row;align-items:flex-start;padding:12px;gap:10px;width:calc(100% - 24px);background:#ffffff;border:1px solid #817ee6;box-shadow:0 0 5px #5c5acc26;border-radius:4px}.AllChatTabs .Body .Result{display:flex;flex-direction:column;align-items:flex-start;padding:4px;isolation:isolate;width:calc(100% - 8px);height:260px}.AllChatTabs .Body .Result .Item{display:flex;flex-direction:row;align-items:flex-start;padding:8px;gap:10px;width:calc(100% - 16px);height:22px;color:#333;cursor:pointer}.AllChatTabs .Body .Result .Item:hover{background:#6562df;color:#fff}.TabUserDetail{display:flex;padding:4px;align-items:center;justify-content:center;gap:4px;border-radius:8px;background:var(--neutral-color-neutral-200, #f2f2f2)}.TabActive{background-color:#fff;display:flex;justify-content:center;align-items:center}.TabDeactive{background:var(--neutral-color-neutral-200, #f2f2f2);display:flex;justify-content:center;align-items:center}.NavigationMenu{padding:12px 16px;height:72px;background-color:#fff}.NavigationMenu_Menu{gap:12px}.NavigationMenu_MenuItem{display:flex;align-items:center;padding:0 12px;gap:8px;color:#454399;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;max-height:48px}.NavMenuActive{border-radius:8px;background:var(--neutral-color-neutral-100, #fafafa)}.NavigationMenu_MenuItem p{color:var(--primary-color-primary-700, #454399);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px}.NavigationMenu_MenuItem svg{height:32px;width:32px}.NavigationMenu_MenuItem svg path{fill:#b8b7e5}.NavigationMenu_MenuItem .iconActive path{fill:#6562df}.NavigationMenu_Logo{display:flex;align-items:center}.NavigationMenu_LogoSfs{width:80px;height:48px}.NavigationMenu_User{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0;gap:24px}.NavigationMenu_User .css-av538e-MuiButtonBase-root-MuiIconButton-root{color:transparent;border:none}.NavigationMenu_User .css-1wlk0hk-MuiAvatar-root{width:48px;height:48px;border:none}.NavigationMenu_User .NavUserRight{display:flex;flex-direction:row;align-items:center;padding:4px 12px;gap:4px}.NavigationMenu_User .NavUserRight .Name{display:flex;flex-direction:column;align-items:flex-start;padding:0}.NavigationMenu_User .NavUserRight .Name .name{font-weight:500;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:-.01em;color:#656565}.NavigationMenu_User .NavUserRight .Name .email{font-weight:300;font-size:10px;line-height:18px;display:flex;align-items:center;color:#999}.NavigationMenu .css-1pqm26d-MuiAvatar-img{background-color:#b8b7e5}.NavigationMenu_NotificationPopup .MuiPaper-root{width:532px;min-height:200px;height:100%;max-height:400px;overflow:hidden}.NavigationMenu_NotificationPopup .NotifPopupBody{overflow-y:scroll;height:335px}.RedDot{display:flex;justify-content:center;align-items:center;position:absolute;border-radius:50%;width:15px;height:14px;background-color:red;top:7px;right:18px;color:#fff;font-size:7px}.ChatPage_left{max-width:356px!important;min-width:356px!important}.ChatPage_right{max-width:calc(100vw - 356px)!important;min-width:calc(100vw - 356px)!important}.SignInPage{width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#FAFAFA}.SignInPage .main{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;background:#FFFFFF;border:1px solid #F2F2F2;border-radius:8px;max-width:600px}.SignInPage .main .head h4{color:var(--neutral-color-neutral-4, #333);font-size:24px;font-family:Inter;font-weight:700;line-height:32px;letter-spacing:-.48px}.SignInPage .main .head p{color:var(--grey-1, #BDBDBD);font-size:14px;font-family:Inter;font-weight:500;line-height:24px;letter-spacing:.14px}.SignInPage .main .body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.SignInPage .main .body .warn{display:flex;padding:4px 8px;align-items:center;gap:8px}.SignInPage .main .body .warn p{color:var(--info-color-danger, #DF6262);font-size:12px;font-family:Inter;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.SignInPage .main .input{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%}.SignInPage .main .input label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.SignInPage .main .input label span{color:#df6262}.SignInPage .main .input .input_email{border:1px solid #656464;border-radius:4px;padding:12px;width:calc(100% - 24px);max-width:576px}.SignInPage .main .input .input_password{display:flex;padding:12px;justify-content:space-between;align-items:flex-start;align-self:stretch;border-radius:4px;border:1px solid #656464;background:#FFF}.SignInPage .main .input .input_password input{flex:1}.SignInPage .main .forgot{width:100%;display:flex;align-items:center;justify-content:flex-end;letter-spacing:.01em;color:var(--primary-color-primary-600, #5C5ACC);font-size:14px;font-family:Inter;font-weight:500;line-height:24px;letter-spacing:.14px}.SignInPage .main .button{display:flex;justify-content:center;align-items:center;gap:12px;height:48px;width:100%;background:#5C5ACC;border-radius:4px;cursor:pointer}.SignInPage .main .button p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.SignInPage .main .button img{width:24px;height:24px}.SignInPage .main .or{display:flex;justify-content:center;align-items:center;gap:14px;width:100%}.SignInPage .main .or hr{border:1px solid #656464;width:100%}.SignInPage .main .or p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464}.SignInPage .main .buttonGoogle{display:flex;justify-content:center;align-items:center;gap:12px;height:48px;width:100%;border:2px solid #656464;border-radius:50px;cursor:pointer}.SignInPage .main .buttonGoogle img{width:24px;height:24px}.SignInPage .main .buttonGoogle p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#656464}.SignInPage .term{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464}.SignInPage .term span{color:#6562df}.SignInPage .footer{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:11px}.SignInPage .footer p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.SignInPage .footer a{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#5c5acc}.LoadingVerifyEmail{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background:var(--Neutral-Color-Neutral100, #FAFAFA)}.LoadingVerifyEmail .Main{display:flex;width:480px;height:280px;padding:16px 40px;flex-direction:column;justify-content:center;align-items:center;gap:12px;flex-shrink:0;border-radius:8px;border:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);background:var(--Background-White, #FFF)}.LoadingVerifyEmail .Main section{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch}.LoadingVerifyEmail .Main section .Title{color:var(--Neutral-Color-Neutral4, #333);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.LoadingVerifyEmail .Main section .Subtitle{color:var(--Grey-1, #BDBDBD);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.LoadingVerifyEmail .Main .MuiLinearProgress-bar{background-color:#6562df}.LoadingVerifyEmail .Main .MuiLinearProgress-root{background-color:#f2f2f2}.Relogin{width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:#FAFAFA}.Relogin .Main{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;position:absolute;width:600px;background:#FFFFFF;border:1px solid #F2F2F2;border-radius:8px}.Relogin .Main .Header{display:flex;flex-direction:column;align-items:flex-start;padding:0}.Relogin .Main .Header p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#bdbdbd}.Relogin .Main .Input{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;width:calc(100% - 32px)}.Relogin .Main .Input label{font-weight:500;font-size:14px;line-height:24px;display:flex;align-items:center;letter-spacing:.01em;color:#656464}.Relogin .Main .Input .inputContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:12px;gap:4px;width:100%;background:#FFFFFF;border:1px solid #656464;border-radius:4px}.Relogin .Main .Input .inputContainer input{flex:1}.Relogin .Main .Forgot{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0;height:24px;width:calc(100% - 8px)}.Relogin .Main .Forgot p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#5c5acc;cursor:pointer}.Relogin .Main .Login{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 12px 12px 16px;gap:12px;background:#5C5ACC;border-radius:4px;width:100%;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa;border:none;outline:none}.Relogin .Main .Login p{color:#fff}.Relogin .Main .Term{font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#656464}.Relogin .Main .Term span{color:#6562df}.Relogin .Main .Footer{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;gap:8px;width:100%}.Relogin .Main .Footer p{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;gap:8px}.Relogin .Main .Footer .Register{border:none;outline:none;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#5c5acc;background:#FFFFFF}.SignUpPage{width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#FAFAFA}.SignUpPage .main{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;background:#FFFFFF;border:1px solid #F2F2F2;border-radius:8px;max-width:600px;width:100%}.SignUpPage .main .head h4{color:var(--neutral-color-neutral-4, #333);font-size:24px;font-family:Inter;font-weight:700;line-height:32px;letter-spacing:-.48px;display:flex;align-items:center;gap:8px}.SignUpPage .main .head p{color:var(--grey-1, #BDBDBD);font-size:14px;font-family:Inter;font-weight:500;line-height:24px;letter-spacing:.14px}.SignUpPage .main .head .wrapper{display:flex;justify-content:flex-start;align-items:center;gap:8px}.SignUpPage .main .body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.SignUpPage .main .body .warn{display:flex;padding:4px 8px;align-items:center;gap:8px}.SignUpPage .main .body .warn p{color:var(--info-color-danger, #DF6262);font-size:12px;font-family:Inter;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.SignUpPage .main .input{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%}.SignUpPage .main .input label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.SignUpPage .main .input label span{color:#df6262}.SignUpPage .main .input .input_email{border:1px solid #656464;border-radius:4px;padding:12px;width:calc(100% - 24px);max-width:576px}.SignUpPage .main .input .input_password{display:flex;padding:12px;justify-content:space-between;align-items:flex-start;align-self:stretch;border-radius:4px;border:1px solid #656464;background:#FFF}.SignUpPage .main .input .input_password input{flex:1}.SignUpPage .main .input .warn-field{display:flex;padding:4px 8px;align-items:center;gap:8px}.SignUpPage .main .input .warn-field p{font-size:12px;font-family:Inter;line-height:22px;letter-spacing:.12px}.SignUpPage .main .input .warn-field .success{color:#62df7e}.SignUpPage .main .input .warn-field .failed{color:#656464}.SignUpPage .main .button{display:flex;justify-content:center;align-items:center;gap:12px;height:48px;width:100%;background:#5C5ACC;border-radius:4px;cursor:pointer}.SignUpPage .main .button p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.SignUpPage .main .button img{width:24px;height:24px}.SignUpPage .main .or{display:flex;justify-content:center;align-items:center;gap:14px;width:100%}.SignUpPage .main .or hr{border:1px solid #656464;width:100%}.SignUpPage .main .or p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464;width:100%;max-width:120px}.SignUpPage .main .buttonGoogle{display:flex;justify-content:center;align-items:center;gap:12px;height:48px;width:100%;border:2px solid #656464;border-radius:50px;cursor:pointer}.SignUpPage .main .buttonGoogle img{width:24px;height:24px}.SignUpPage .main .buttonGoogle p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#656464}.SignUpPage .term{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464}.SignUpPage .term span{color:#6562df}.SignUpPage .footer{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:11px}.SignUpPage .footer p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.SignUpPage .footer a{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#5c5acc}.error-msg-tnc{display:flex;align-items:center;gap:8px;p {color: #DF6262;}}.SignUpPage{.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root {fill: #5C5ACC;}}.PaymentHeader{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:absolute;left:0px;right:0px;top:0px;background:#FFFFFF;padding:12px 16px;.PaymentHeaderRight {display: flex; align-items: center; gap: 12px; #Seetransaction{border: 2px solid #5C5ACC; display: flex; align-items: center; gap: 12px; background: none; p {color: #5C5ACC; font-weight: 700; font-size: 14px; line-height: 22px;}} .cancel {background: none; border: none; color: #DF6262; font-weight: 700; font-size: 14px;}}}.ant-picker{padding:12px;gap:4px;width:100%;border:1px solid #f2f2f2!important;box-shadow:none!important;border-radius:4px}.ant-picker-focused{border:1px solid #5c5acc}.SignUpPage,.SignUpSuccess{width:100vw;height:100vh;max-height:100vh}.SignUpSuccess{display:flex;justify-content:center;align-items:center}.SignUpSuccess .main{display:flex;width:600px;padding:16px;flex-direction:column;align-items:center;gap:16px;flex-shrink:0;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff);box-shadow:0 0 15px #7b61ff26}.SignUpSuccess .main img{width:240px;height:240px}.SignUpSuccess .main .info{display:flex;flex-direction:column;align-items:center;gap:4px}.SignUpSuccess .main .info h4{color:#6562df;font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.SignUpSuccess .main .info .check{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#bdbdbd;margin-top:12px;text-align:center}.SignUpSuccess .main .info .send{color:#333;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.SignUpSuccess .main .info span{color:#6562df}.SignUpSuccess .main .button{background:#5c5acc;border-radius:4px;width:100%;height:46px;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.SignUpPage{background:#fafafa}.SignUpPage_left,.SignUpPage_right{display:flex;justify-content:center;align-items:center;flex:1}.SignUpPage_ilustration{display:flex;flex-direction:column;align-items:center;padding:12px;gap:12px;max-width:482px}.SignUpPage_ilustration h4{font-weight:400;font-size:24px;line-height:32px;text-align:center;letter-spacing:-.01em;color:#817ee6;max-width:450px}.SignUpPage_ilustration .button{display:flex;justify-content:center;align-items:center;gap:12px;background:#e6b740;border-radius:4px;width:230px;height:48px}.SignUpPage_ilustration .button p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.SignUpPage_ilustration .button img{width:24px;height:24px}.SignUpPage_right{max-height:100vh;overflow-y:scroll;display:flex;flex-direction:column!important;align-items:flex-start;justify-content:flex-start;padding:80px 24px 16px;gap:16px;background:#ffffff;box-shadow:0 0 10px #0000001a}.SignUpPage_right .top{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.SignUpPage_right .top .title{font-weight:600;font-size:32px;line-height:40px;letter-spacing:-.02em;color:#333}.SignUpPage_right .top .lead{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#b3b3b3}.SignUpPage_form{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.SignUpPage_form .input-name-form{flex:1;display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:12px;width:100%}.SignUpPage_form .input-form{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%}.SignUpPage_form .input-form label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.SignUpPage_form .input-form label span{color:#df6262}.SignUpPage_form .input-form .input{display:flex;align-items:flex-start;padding:11px;gap:4px;border:1px solid #f2f2f2;border-radius:4px;width:calc(100% - 24px)}.SignUpPage_form .input-form .active{border:1px solid #817ee5;caret-color:#817ee5;outline:none}.SignUpPage_form .input-form .filled{border:1px solid #656464;outline:none}.SignUpPage_form .input-form .input input{width:100%;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.SignUpPage_form .input-form .input input::placeholder{color:#bdbdbd}.SignUpPage_form .input-form .warn-field{display:flex;padding:4px 8px;align-items:center;gap:8px}.SignUpPage_form .input-form .warn-field p{font-size:12px;font-family:Inter;line-height:22px;letter-spacing:.12px}.SignUpPage_form .input-form .warn-field .success{color:#62df7e}.SignUpPage_form .input-form .warn-field .failed{color:#656464}.SignUpPage_form .input-form .input-select{display:flex;align-items:flex-start;gap:4px;outline:none;border-radius:4px;width:100%}.SignUpPage_form .input-form .input-select .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input{width:100%;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.SignUpPage_form .input-form .inputWaNumber{display:flex;align-items:center;gap:4px;width:100%}.SignUpPage_form .input-form .inputWaNumber input{margin-top:0;width:100%}.SignUpPage_form .input-form .inputWaNumber .country{display:flex;align-items:center;justify-content:center}.SignUpPage_form .input-form .inputWaNumber .country .btnChange{display:flex;flex-direction:row;align-items:center;padding:12px;gap:4px;background:#fff;border:1px solid #333333;border-radius:4px;height:48px}.SignUpPage_form .input-form .inputWaNumber .country .btnChange:hover{border:1px solid #6562df;background:#fafafa}.SignUpPage_form .input-form .inputWaNumber .country .btnChange .flag{width:24px;height:24px;border-radius:50%;overflow:hidden}.SignUpPage_form .input-form .inputWaNumber .country .btnChange p{font-weight:600;font-size:16px;line-height:24px;color:#333}.SignUpPage_footer{margin-top:12px;font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464;display:flex;align-items:center;gap:4px}.SignUpPage_footer span{color:#6562df}.SignUpPage_button{display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;width:calc(100% - 24px);border-radius:4px;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.SignUpPage_or{display:flex;justify-content:center;align-items:center;gap:14px;width:100%;margin:16px 0}.SignUpPage_or hr{border:1px solid #656464;width:100%}.SignUpPage_or p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464}.SignUpPage_buttonGoogle{display:flex;justify-content:center;align-items:center;gap:12px;height:48px;width:100%;border:2px solid #656464;border-radius:50px;cursor:pointer}.SignUpPage_buttonGoogle img{width:24px;height:24px}.SignUpPage_buttonGoogle p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#656464}.SignUpPage_login{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:11px;margin-bottom:60px}.SignUpPage_login p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.SignUpPage_login a{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#5c5acc}.ValidationPage{width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:#fafafa}.ValidationPage .ExpiredLink{display:flex;width:500px;padding:16px;flex-direction:column;align-items:center;gap:0px;flex-shrink:0;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff);box-shadow:0 0 10px #0000001a}.ValidationPage .ExpiredLink img{width:75px;height:60px}.ValidationPage .ExpiredLink .desc{display:flex;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.ValidationPage .ExpiredLink .desc .title{color:var(--info-color-danger, #df6262);font-size:24px;font-family:Inter;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.ValidationPage .ExpiredLink .desc .subtitle{color:var(--neutral-color-neutral-800, #656565);text-align:center;font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.ValidationPage .ExpiredLink .new_link{outline:none;border:none;display:flex;width:468px;padding:12px 12px 12px 16px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-900, #23224d);color:var(--background-white, #fff);font-size:14px;font-family:Inter;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.ForgotPage{width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:#FAFAFA}.ForgotPage .Header{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:239px;position:absolute;height:72px;left:0px;right:0px;top:0px;background:#FFFFFF}.ForgotPage .Header img{width:68.21px;height:48px}.ForgotPage .FindAccount{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;position:absolute;width:500px;left:calc(50% - 250px);top:calc(50% - 148px);background:#FFFFFF;border:1px solid #F2F2F2;box-shadow:0 0 10px #0000001a;border-radius:8px}.ForgotPage .FindAccount .FindAccount_Header{display:flex;flex-direction:column;align-items:flex-start;gap:0px;width:100%}.ForgotPage .FindAccount .FindAccount_Header .title{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;color:#333}.ForgotPage .FindAccount .FindAccount_Header .desc{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#bdbdbd}.ForgotPage .FindAccount .info{display:flex;flex-direction:row;align-items:center;padding:4px 8px;gap:8px;font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656565}.ForgotPage .FindAccount .input{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;width:100%}.ForgotPage .FindAccount .input label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ForgotPage .FindAccount .input input{display:flex;flex-direction:row;align-items:flex-start;padding:12px;gap:4px;width:calc(100% - 24px);border:1px solid #F2F2F2;border-radius:4px}.ForgotPage .FindAccount .action{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;width:100%}.ForgotPage .FindAccount .action button{border:none;outline:none}.ForgotPage .FindAccount .action .search{flex-direction:row;justify-content:center;padding:12px 12px 12px 16px;gap:12px;background:#5C5ACC;border-radius:4px;font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#fafafa;width:100%;transition:.3s}.ForgotPage .FindAccount .action .search:hover{background:#23224D}.ForgotPage .FindAccount .action .cancel{flex-direction:row;justify-content:center;padding:12px 12px 12px 16px;gap:12px;border-radius:4px;font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#656565;width:100%;background:#FFF}.ForgotPage .FindAccount .isYou{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px;gap:4px;background:#FFFFFF;border:1px solid #F2F2F2;border-radius:8px;width:calc(100% - 24px)}.ForgotPage .FindAccount .isYou .left{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.ForgotPage .FindAccount .isYou .left img{width:40px;height:40px;border-radius:50px}.ForgotPage .FindAccount .isYou .left .user{display:flex;flex-direction:column;align-items:flex-start;padding:0}.ForgotPage .FindAccount .isYou .left .user .name{font-weight:600;font-size:16px;line-height:24px;display:flex;align-items:center;color:#333}.ForgotPage .FindAccount .isYou .left .user .email{font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#656464}.ForgotPage .FindAccount .isYou .right{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#5c5acc}.ForgotPage .FindAccount .resend{display:flex;flex-direction:column;align-items:center;padding:0;gap:8px}.ForgotPage .FindAccount .resend .desc{font-weight:500;font-size:14px;line-height:20px;display:flex;align-items:center;text-align:center;letter-spacing:-.01em;color:#656565}.ForgotPage .FindAccount .resend .action{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565;display:flex;justify-content:center;flex-direction:row}.ForgotPage .FindAccount .resend .action span{color:#6562df}.ResetPage{width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:#FAFAFA}.ResetPage .Header{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:239px;position:absolute;height:72px;left:0px;right:0px;top:0px;background:#FFFFFF}.ResetPage .Header img{width:68.21px;height:48px}.ResetPage .Main{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;position:absolute;width:500px;background:#FFFFFF;border:1px solid #F2F2F2;box-shadow:0 0 10px #0000001a;border-radius:8px}.ResetPage .Main .Title{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;color:#333}.ResetPage .Main .Input{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;width:calc(100% - 32px)}.ResetPage .Main .Input label{font-weight:500;font-size:14px;line-height:24px;display:flex;align-items:center;letter-spacing:.01em;color:#656464}.ResetPage .Main .Input .inputContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:12px;gap:4px;width:100%;background:#FFFFFF;border:1px solid #656464;border-radius:4px}.ResetPage .Main .Input .inputContainer input{flex:1}.ResetPage .Main .Input .inputContainer .ButtonToggleEye{border:none;background:none;cursor:pointer;outline:none;width:24px;height:24px;padding:0;display:flex;justify-content:center;align-items:center}.ResetPage .Main .Action{flex-direction:row;justify-content:center;padding:12px 12px 12px 16px;gap:12px;width:100%;background:#5C5ACC;border-radius:4px;font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#fafafa}.ResetPage .Main .Input .warn{display:flex;padding:4px 8px;align-items:center;gap:8px}.ResetPage .Main .Input .warn p{font-size:12px;font-family:Inter;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ResetPage .Main .Input .warn .success{color:var(--info-color-success, #62DF7E)}.ResetPage .Main .Input .warn .failed{color:var(--info-color-success, #656464)}.ResetPage .Main .Input .warn .notmatched,.ResetPage .Main .Input .warn .notmatched{color:var(--info-color-success, #DF6262)}.ResetPage .ExpiredLink{display:flex;width:500px;padding:16px;flex-direction:column;align-items:center;gap:16px;flex-shrink:0;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--background-white, #FFF);box-shadow:0 0 10px #0000001a}.ResetPage .ExpiredLink img{width:75px;height:60px}.ResetPage .ExpiredLink .desc{display:flex;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.ResetPage .ExpiredLink .desc .title{color:var(--info-color-danger, #DF6262);font-size:24px;font-family:Inter;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.ResetPage .ExpiredLink .desc .subtitle{color:var(--neutral-color-neutral-800, #656565);text-align:center;font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.ResetPage .ExpiredLink .new_link{outline:none;border:none;display:flex;width:468px;padding:12px 12px 12px 16px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-900, #23224D);color:var(--background-white, #FFF);font-size:14px;font-family:Inter;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.BlackBgSetPassword{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.LoadingScreen{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background:var(--Neutral-Color-Neutral100, #FAFAFA)}.LoadingScreen .Main{display:flex;width:480px;height:280px;padding:16px 40px;flex-direction:column;justify-content:center;align-items:center;gap:40px;flex-shrink:0;border-radius:8px;border:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);background:var(--Background-White, #FFF)}.LoadingScreen .Main section{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch}.LoadingScreen .Main section .Title{color:var(--Neutral-Color-Neutral4, #333);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.LoadingScreen .Main section .Subtitle{color:var(--Grey-1, #BDBDBD);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.LoadingScreen .Main .MuiLinearProgress-bar{background-color:#6562df}.LoadingScreen .Main .MuiLinearProgress-root{background-color:#f2f2f2}.SidebarSetting{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;max-height:calc(100vh - 72px);overflow-y:scroll;position:relative;border-right:1px solid #F2F2F2}.SidebarSetting .head{position:sticky;top:0;background:#fff}.SidebarSetting .head h4{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:32px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:-.64px}.SidebarSetting .head p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464;margin-top:4px;max-width:254px}.SidebarSetting .menu{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.SidebarSetting .menu:last-child{margin-bottom:100px}.SidebarSetting .menu .title{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656464}.SidebarSetting .menu .submenu{display:flex;align-items:center;padding:12px 16px;gap:12px;width:244px;max-width:244px;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #E5E4E4);background:var(--background-white, #FFF)}.SidebarSetting .menu .submenu img{width:24px;height:24px}.SidebarSetting .menu .submenu p{font-weight:500;font-size:14px;line-height:17px;letter-spacing:-.01em;color:#656464}.SidebarSetting .menu .active-submenu{border:1px solid #6562DF;box-shadow:0 0 5px #6562df26;border-radius:4px}.SidebarSetting .menu .active-submenu p{color:#6562df}.LabelPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.LabelPage .left{max-width:320px;width:320px;padding:24px 16px}.LabelPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100vw - 320px)}.LabelPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.LabelPage_breadcrumbs img:first-child{width:24px;height:24px}.LabelPage_breadcrumbs img{width:16px;height:16px}.LabelPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.LabelPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.LabelPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.LabelPage_connect{display:flex;flex-direction:column;align-items:center;gap:16px}.LabelPage_connect img{width:250px;height:250px}.LabelPage_connect h4{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;text-align:center}.LabelPage_connect p{font-weight:400;font-size:16px;line-height:24px;color:#656464;margin-top:4px;text-align:center}.LabelPage_connect .connect{display:flex;justify-content:center;align-items:center;gap:12px;padding:0 12px;background:#5C5ACC;border-radius:4px;min-width:142px;max-width:max-content;height:48px;cursor:pointer}.LabelPage_connect .connect img{width:24px;height:24px}.LabelPage_connect .connect p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.LabelPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px}.LabelPage_action .left{display:flex;align-items:flex-start;gap:12px;width:100%;padding:0}.LabelPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:360px;height:48px;border:1px solid #F2F2F2;border-radius:4px;margin-right:12px;background:#fff}.LabelPage_action .left .input img,.LabelPage_action .left .btn img,.LabelPage_action .right img{width:24px;height:24px}.LabelPage_action .left .input input{flex:1;width:300px;height:24px}.LabelPage_action .left .input input:focus{outline:none}.LabelPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.LabelPage_action .right{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;min-width:162px;max-width:max-content;height:100%;max-height:48px;padding:12px 16px 12px 12px}.LabelPage_action .right p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.LabelPage_list{display:flex;justify-content:space-between;align-items:center;padding:16px;gap:12px;background:#FFFFFF;border-radius:8px;margin-bottom:12px}.LabelPage_list .left{display:flex;align-items:center;padding:0;gap:12px}.LabelPage_list .left .icon{width:40px;height:40px;border:1px solid #FFCB47;border-radius:32px;display:flex;justify-content:center;align-items:center;padding:4px;gap:12px}.LabelPage_list .left p{font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.01em;color:#333}.LabelPage_list .center{background:#FFE9B2;border:1px solid #FFCB47;border-radius:30px;display:flex;align-items:center;padding:4px 8px;gap:8px;width:122px}.LabelPage_list .center p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.LabelPage_list .right{display:flex;align-items:center;padding:0;gap:12px;max-width:191px;background:none}.LabelPage_list .right .action{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;cursor:pointer}.LabelPage_list .right .action p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc}.AddTeamPopup,.AddTeamPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:500px;margin:0 auto}.AddTeamPopup .css-hz1bth-MuiDialog-container,.AddTeamPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:500px;border-radius:8px}.AddTeamPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FAFAFA;position:relative}.css-uhb5lp{width:500px}.AddTeamPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA}.AddTeamPopup_head h4{font-size:16px;font-style:normal;font-weight:600;line-height:24px;color:#333}.AddTeamPopup_formInput{display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px;width:calc(100% - 48px);background:#FFF}.AddTeamPopup_formInput label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464;margin:0}.AddTeamPopup_formInput label span{color:#df6262}.AddTeamPopup_formInput input{padding:0 12px;height:48px;width:calc(100% - 24px);border:1px solid #F2F2F2;border-radius:4px;margin-top:8px;letter-spacing:.14px}.AddTeamPopup_formInput textarea{width:calc(100% - 24px);height:80px;border:1px solid #F2F2F2;border-radius:4px;padding:12px;color:#656464;font-family:Inter}.AddTeamPopup_formInput input::placeholder,.AddTeamPopup_formInput textarea::placeholder{color:#828282}.AddTeamPopup_formInput .inputWaNumber{display:flex;align-items:center;gap:8px;margin-top:8px}.AddTeamPopup_formInput .inputWaNumber input{width:520px;margin-top:0}.AddTeamPopup_formInput .inputWaNumber .flag{display:flex;align-items:center;justify-content:center;gap:4px;width:80px;height:48px;border:1px solid #656464;border-radius:4px}.AddTeamPopup_formInput .inputWaNumber .flag p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#23224d}.AddTeamPopup_formInput .select__control{width:638px;margin:0}.AddTeamPopup_formInput .TeamAddTag{width:100%;margin:0}.AddTeamPopup_footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;gap:12px;margin-top:12px;position:sticky;bottom:0;background:#FFF;box-shadow:0 -5px 5px #0000000d}.AddTeamPopup_footer .cancel{display:flex;justify-content:center;align-items:center;gap:8px;width:86px;height:36px;border:1px solid transparent;border-radius:4px;cursor:pointer}.AddTeamPopup_footer .cancel p{font-weight:700;font-size:12px;line-height:20px;letter-spacing:.02em;color:#df6262}.AddTeamPopup_footer .cancel img{width:16px;height:16px}.AddTeamPopup_footer .add{display:flex;justify-content:center;align-items:center;gap:8px;height:36px;background:#5C5ACC;border-radius:4px;cursor:pointer}.AddTeamPopup_footer .add p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.AddTeamPopup_footer .add img{width:16px;height:16px}.TeamPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.TeamPage .GridWrapper{height:calc(100vh - 72px)}.TeamPage .left{max-width:320px;width:320px;padding:24px 16px}.TeamPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100vw - 320px);max-height:calc(100vh - 72px);overflow-y:scroll}.TeamPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.TeamPage_breadcrumbs img:first-child{width:24px;height:24px}.TeamPage_breadcrumbs img{width:16px;height:16px}.TeamPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.TeamPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.TeamPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.TeamPage_connect{display:flex;flex-direction:column;align-items:center;gap:16px}.TeamPage_connect img{width:250px;height:250px}.TeamPage_connect h4{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;text-align:center}.TeamPage_connect p{font-weight:400;font-size:16px;line-height:24px;color:#656464;margin-top:4px;text-align:center}.TeamPage_connect .connect{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;width:142px;height:48px;cursor:pointer}.TeamPage_connect .connect img{width:24px;height:24px}.TeamPage_connect .connect p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.TeamPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px}.TeamPage_action .left{display:flex;align-items:flex-start;gap:12px;width:100%;padding:0}.TeamPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:360px;height:48px;border:1px solid #F2F2F2;border-radius:4px;margin-right:12px;background:#fff}.TeamPage_action .left .input img,.TeamPage_action .rightPart img{width:24px;height:24px}.TeamPage_action .left .input input{flex:1;width:300px;height:24px}.TeamPage_action .left .input input:focus{outline:none}.TeamPage_action .rightPart{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;height:100%;max-height:48px;padding:12px 16px 12px 12px}.TeamPage_action .rightPart p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.TeamPage_action .btn-delete{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px 12px 12px;gap:12px;border-radius:4px;transition:.3s;background:none;outline:none;border:none}.TeamPage_action .btn-delete:hover{background:rgba(223,98,98,.15)}.TeamPage_action .btn-delete p{font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#df6262}.TeamSettingPage_data{max-width:calc(100vw - 376px);max-height:460px;overflow:scroll}.TeamSettingPage_data table{width:100%;border-spacing:0;border-collapse:separate}.TeamSettingPage_data table thead{position:sticky;top:0;z-index:3}.TeamSettingPage_data thead tr,.TeamSettingPage_data tbody tr{display:flex}.TeamSettingPage_data thead tr>*{background:#DADAF2}.TeamSettingPage_data thead tr th>*{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-wrap:nowrap}.TeamSettingPage_data tbody .Selected>*{background:#E5E4E4}.TeamSettingPage_data tbody .Notselected>*{background:#FFF}.TeamSettingPage_data thead .check{display:flex;width:24px;height:24;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.TeamSettingPage_data tbody .check{display:flex;width:24px;height:68px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.TeamSettingPage_data thead .team{display:flex;width:148px;height:24px;padding:16px;justify-content:space-between;align-items:center;position:sticky;left:40px;flex:1 0 0;z-index:1}.TeamSettingPage_data tbody .team{display:flex;width:148px;height:68px;padding:16px;align-items:center;gap:10px;position:sticky;left:40px;flex:1 0 0}.TeamSettingPage_data tbody .team p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.TeamSettingPage_data thead .member{display:flex;width:118px;height:24px;padding:16px;justify-content:space-between;align-items:center}.TeamSettingPage_data tbody .member{display:flex;width:118px;height:68px;padding:16px;align-items:center;gap:10px}.TeamSettingPage_data tbody .member .wrapper{display:flex;height:32px;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid #F2F2F2;background:#FFF}.TeamSettingPage_data tbody .member p{color:#333;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.TeamSettingPage_data thead .wa{display:flex;width:calc(15.625vw - 32px);height:24px;padding:16px;justify-content:space-between;align-items:center}.TeamSettingPage_data tbody .wa{display:flex;min-width:calc(15.625vw - 32px);max-width:calc(15.625vw - 32px);height:68px;padding:32px 16px 0;align-items:center;gap:4px;overflow-x:scroll}.TeamSettingPage_data tbody .wa .two{display:flex;flex-direction:column;gap:4px}.TeamSettingPage_data tbody .wa .one{display:flex;justify-content:flex-start;align-items:center;height:100%}.TeamSettingPage_data tbody .wa .wrapper{display:flex;height:32px;min-width:60px;max-width:100px;padding:2px 8px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562DF);background:var(--background-white, #FFF)}.TeamSettingPage_data tbody .wa .wrapper p{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0}.TeamSettingPage_data thead .tag{display:flex;width:calc(15.625vw - 32px);height:24px;padding:16px;justify-content:space-between;align-items:center}.TeamSettingPage_data tbody .tag{display:flex;width:calc(15.625vw - 32px);height:68px;padding:16px;align-items:center;gap:10px}.TeamSettingPage_data tbody .tag .content-tag{width:100%;height:100%;display:flex;align-items:center;justify-content:start;gap:8px;overflow-y:scroll}.TeamSettingPage_data tbody .tag .content-tag .logo{padding:4px 8px;background:#FAFAFA;border-radius:4px;border:1px solid #F2F2F2;display:flex;align-items:center;justify-content:center;gap:4px}.TeamSettingPage_data tbody .tag .content-tag .logo p{color:#656464;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.TeamSettingPage_data thead .desc{display:flex;width:calc(15.625vw - 32px);height:24px;padding:16px;justify-content:space-between;align-items:center}.TeamSettingPage_data tbody .desc{display:flex;width:calc(15.625vw - 32px);height:68px;padding:16px;align-items:center;gap:10px}.TeamSettingPage_data tbody .desc .text{display:flex;flex-direction:column;justify-content:center;flex:1 0 0;align-self:stretch;overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;white-space:nowrap;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.TeamSettingPage_data thead .action{display:flex;width:128px;height:24px;padding:16px;justify-content:space-between;align-items:center;position:sticky;right:0}.TeamSettingPage_data tbody .action{display:flex;width:128px;height:68px;padding:16px;align-items:center;gap:10px;position:sticky;right:0}.TeamSettingPage_data tbody .action{display:flex;width:128px;height:68px;padding:16px;align-items:center;justify-content:center;gap:8px;border-left:1px solid var(--neutral-color-neutral-200, #F2F2F2);gap:10px;position:sticky;right:0}.TeamSettingPage_data tbody .action .left{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--primary-color-primary-600, #5C5ACC);flex:1}.TeamSettingPage_data tbody .action .left p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.TeamSettingPage_data tbody .action .right{display:flex;justify-content:center;align-items:center;padding:4px;background:none}.TSettingMemberCol{display:flex;flex-direction:column;align-items:flex-start;border-radius:5px;width:288px;box-shadow:0 0 10px #0000001a}.TSettingMemberCol_Header{display:flex;padding:8px 12px;justify-content:space-between;align-items:center;align-self:stretch}.TSettingMemberCol_Header p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.TSettingMemberCol_Body{display:flex;padding:4px;width:calc(100% - 8px);flex-direction:column;align-items:flex-start;gap:4px;max-height:148px;overflow-y:scroll}.TSettingMemberCol_ItemBody{display:flex;width:calc(100% - 16px);padding:4px 8px;justify-content:space-between;align-items:center}.TSettingMemberCol_ItemBody .Left{display:flex;align-items:center;gap:4px}.TSettingMemberCol_ItemBody .Left .Info{display:flex;flex-direction:column;align-items:flex-start}.TSettingMemberCol_ItemBody .Left .Info .Name{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.TSettingMemberCol_ItemBody .Left .Info .Email{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.TSettingMemberCol_ItemBody p{color:#000;font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.TSettingLevelCol{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #B3B3B3);background:var(--background-white, #FFF);box-shadow:0 0 10px #0000001a;width:min-content}.TSettingLevelCol_ItemBody{display:flex;padding:4px 8px;align-items:center;gap:8px;cursor:pointer}.TSettingLevelCol_ItemBody p{width:50px!important;color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.TSettingLevelCol_ItemBody .RadioC{width:14px}.TeamDetail_levelHeader{display:flex;padding:12px;width:100%;flex-direction:column;align-items:flex-start;gap:12px;border-radius:0 8px 8px;background:var(--background-white, #FFF);margin-bottom:12px}.TeamDetail_levelHeader .Content{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.TeamDetail_levelHeader .Content .Left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.TeamDetail_levelHeader .Content .Left .Title{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:20px;font-style:normal;font-weight:600;line-height:28px;letter-spacing:-.2px}.TeamDetail_levelHeader .Content .Left .Subtitle{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.TeamDetail_levelHeader .Content .Right{display:flex;align-items:center;gap:8px}.TeamDetail_levelHeader .Content .Right button{border:none;outline:none;background:none;border-radius:4px}.TeamDetail_levelHeader .Content .Right .Edit{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px}.TeamDetail_levelHeader .Content .Right .Edit p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.TeamDetail_levelHeader .Content .Right .Delete{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px}.TeamDetail_levelHeader .Content .Right .Delete p{color:var(--info-color-danger, #DF6262);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.TeamDetail_editLevel{display:flex;width:calc(100% - 24px);padding:12px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:0 8px 8px;background:#FFF;box-shadow:5px 5px 5px #6562df26;margin-bottom:12px}.TeamDetail_editLevel .input{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.TeamDetail_editLevel .input label{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#656464}.TeamDetail_editLevel .input label span{color:#df6262}.TeamDetail_editLevel .input input,.TeamDetail_editLevel .input textarea{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid #656464;background:#FFF;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#23224d}.TeamDetail_editLevel .input input::placeholder,.TeamDetail_editLevel .input textarea::placeholder{color:#b3b3b3}.TeamDetail_editLevel .input textarea{max-width:74.6vw}.TeamDetail_editLevel .input .focus{border:1px solid #817EE5;box-shadow:0 0 5px #5c5acc26;caret-color:#817ee5}.TeamDetail_editLevel .input .withInput{border:1px solid #656464}.TeamDetail_editLevel .input .noInput{border:1px solid #F2F2F2}.TeamDetail_editLevel .footer{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.TeamDetail_editLevel .footer .btn-cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;cursor:pointer}.TeamDetail_editLevel .footer .btn-cancel p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#df6262}.TeamDetail_editLevel .footer .btn-save{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#5C5ACC;cursor:pointer}.TeamDetail_editLevel .footer .btn-save p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#fafafa}.Accordion_TeamLevel{background:none!important;padding:none!important;box-shadow:none!important}.Accordion_TeamLevel:before{display:none}.Accordion_TeamLevel .css-1pvvkxv-MuiButtonBase-root-MuiAccordionSummary-root{cursor:auto!important}.AccordionSummary_TeamLevel{padding:0!important}.AccordionSummary_TeamLevel .MuiAccordionSummary-content{margin:0!important}.AccordionDetails_TeamLevel{background:#FFFFFF;padding:0!important;margin:0;border-radius:8px}.TeamDetail_Level{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px}.TeamDetail_Level_Title{display:flex;align-items:center;gap:8px}.TeamDetail_Level_Title p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.TeamDetail_TabLevel{display:flex;padding:4px;align-items:flex-start;gap:8px;border-radius:8px;background:var(--neutral-color-neutral-200, #F2F2F2)}.TeamDetail_TabLevel .Tab{display:flex;min-width:100px;max-width:180px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;cursor:pointer}.TeamDetail_TabLevel .Active{background:var(--background-white, #FFF)}.TeamDetail_TabLevel .Tab p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.TeamDetail_TabLevel .Active p{color:var(--primary-color-primary-500, #6562DF)}.Accordion_RoleLevel{background:none!important;padding:none!important;box-shadow:none!important}.Accordion_RoleLevel:before{display:none}.Accordion_RoleLevel .css-1pvvkxv-MuiButtonBase-root-MuiAccordionSummary-root:hover:not(.Mui-disabled){cursor:auto}.Border_Top_Radius{border-radius:8px 8px 0 0!important}.Border_Bottom_Radius{border-radius:0 0 8px 8px!important}.AccordionSummary_RoleLevel{background:var(--primary-color-primary-100, #DADAF2)!important;padding:0!important}.AccordionSummary_RoleLevel .MuiAccordionSummary-content{margin:0!important}.TeamDetail_RoleHeader{display:flex;max-height:52px;align-items:center;align-self:stretch;width:100%}.TeamDetail_RoleHeader .Left{display:flex;padding:16px;align-items:center;gap:12px;flex:1 0 0;align-self:stretch}.TeamDetail_RoleHeader .Left .Content{display:flex;align-items:center;gap:4px}.TeamDetail_RoleHeader .Left .Content p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.TeamDetail_RoleHeader .Right{display:flex;width:88px;height:28px;padding:12px 16px;justify-content:center;align-items:center;gap:12px;align-self:stretch}.TeamDetail_RoleHeader .Right .Permission{display:flex;align-items:center;gap:4px}.TeamDetail_RoleHeader .Right .Permission p{color:var(--primary-color-primary-800, #2E2D66);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.TeamDetail_RoleDetail{width:100%}.AccordionDetails_RoleLevel{padding:0!important}.RoleLevel{display:flex;max-height:52px;align-items:center;align-self:stretch;background:var(--background-white, #FFF);border:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.RoleLevel .Access{display:flex;padding:16px;align-items:center;gap:4px;flex:1 0 0;align-self:stretch}.RoleLevel .Access .Text{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.RoleLevel .Access .Green{color:var(--green-1, #219655)}.RoleLevel .Action{display:flex;width:88px;padding:12px 16px;justify-content:center;align-items:center;gap:12px;align-self:stretch}.RoleLevel .Action p{color:var(--primary-color-primary-800, #2E2D66);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Table_TeamOperatorMember{width:100%;border-spacing:0;border-collapse:separate;border-radius:8px}.Thead_TeamOperatorMember,.Thead_TeamOperatorMember tr>*{background:#dadaf2}.Tbody_TeamOperatorMember,.Tbody_TeamOperatorMember tr>*{background:#fff}.Thead_TeamOperatorMember tr,.Tbody_TeamOperatorMember tr{display:flex}.Thead_TeamOperatorMember tr th p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px;cursor:pointer;text-wrap:nowrap}.Thead_TeamOperatorMember tr>*{background:#dadaf2}.Tbody_TeamOperatorMember .Selected>*{background:#e5e4e4}.Tbody_TeamOperatorMember .Notselected>*{background:#fff}.Thead_TeamOperatorMember .Checkbox{display:flex;width:64px;height:32px;padding:8px;align-items:center;gap:8px;position:sticky;left:0;z-index:3}.Tbody_TeamOperatorMember .Checkbox{display:flex;width:64px;height:68px;padding:8px;align-items:center;gap:8px;position:sticky;left:0;z-index:1}.Thead_TeamOperatorMember .freezed{background:#a2a1e5;position:absolute;bottom:0;left:0;width:100%;height:5px}.Thead_TeamOperatorMember .Username{display:flex;width:214px;height:32px;padding:8px;justify-content:space-between;align-items:center;position:sticky}.Tbody_TeamOperatorMember .Username{display:flex;width:214px;height:68px;padding:8px;gap:10px;align-items:center}.Tbody_TeamOperatorMember .Username img{width:24px;height:24px;flex-shrink:0;border-radius:50%}.Tbody_TeamOperatorMember .Username .User{display:flex;flex-direction:column;align-items:flex-start}.Tbody_TeamOperatorMember .Username .User .Name{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.Tbody_TeamOperatorMember .Username .User .Email{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.Thead_TeamOperatorMember .Status{display:flex;width:124px;height:32px;padding:8px;justify-content:space-between;align-items:center}.Thead_TeamOperatorMember .Team{display:flex;width:168px;height:32px;padding:8px;justify-content:space-between;align-items:center}.Thead_TeamOperatorMember .Tag{display:flex;width:268px;height:32px;padding:8px;justify-content:space-between;align-items:center}.Thead_TeamOperatorMember .operator{display:flex;width:164px;height:32px;padding:8px;justify-content:space-between;align-items:center}.Thead_TeamOperatorMember .Action{display:flex;width:32px;height:32px;padding:8px;justify-content:space-between;align-items:center;border-left:1px solid var(--neutral-color-neutral-200, #f2f2f2);position:sticky;right:0}.Tbody_TeamOperatorMember .Action{display:flex;width:32px;height:68px;padding:8px;justify-content:center;align-items:center;gap:8px;border-left:1px solid var(--neutral-color-neutral-200, #f2f2f2);position:sticky;right:0}.Tbody_TeamOperatorMember .Action button{display:flex;justify-content:center;align-items:center;padding:4px;border-radius:4px;outline:none;border:none}.Tbody_TeamOperatorMember .Action .Selected{background:#e5e4e4}.Tbody_TeamOperatorMember .Action .Notselected{background:#fafafa}.Tbody_TeamOperatorMember .Action .Active{background:#dadaf2}.Tbody_TeamOperatorMember .Tag{display:flex;width:268px;height:68px;padding:8px;align-items:center;gap:4px;overflow-y:scroll}.Tbody_TeamOperatorMember .Tag .two{display:flex;flex-direction:column;gap:4px}.Tbody_TeamOperatorMember .Tag .one{display:flex;justify-content:flex-start;align-items:center;height:100%}.Tbody_TeamOperatorMember .Tag .TagItem{display:flex;height:24px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa)}.Tbody_TeamOperatorMember .Tag .TagItem p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.Tbody_TeamOperatorMember .Status{display:flex;width:124px;height:68px;padding:8px;justify-content:space-between;align-items:center}.Tbody_TeamOperatorMember .Last_Active{display:flex;width:168px;height:32px;padding:16px;justify-content:space-between;align-items:center}.Tbody_TeamOperatorMember .Team{display:flex;justify-content:flex-start;align-items:center;width:168px;height:68px;padding:8px;gap:4px;overflow-y:scroll}.Tbody_TeamOperatorMember .Team .two{display:flex;flex-direction:column;gap:4px}.Tbody_TeamOperatorMember .Team .one{display:flex;justify-content:flex-start;align-items:center;height:100%}.Tbody_TeamOperatorMember .Team .TeamItem{display:flex;width:72px;height:16px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--neutral-color-neutral-100, #fafafa)}.Tbody_TeamOperatorMember .Team .TeamItem p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;overflow:hidden;color:var(--neutral-color-neutral-800, #656565);text-overflow:ellipsis;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.Thead_TeamOperatorMember .Level{display:flex;width:168px;height:32px;padding:8px;justify-content:space-between;align-items:center}.Tbody_TeamOperatorMember .Level{display:flex;width:168px;height:68px;padding:8px;gap:4px}.Tbody_TeamOperatorMember .Team .Content{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;height:22px;min-width:fit-content;max-width:200px}.Tbody_TeamOperatorMember .Last_Active p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.Tbody_TeamOperatorMember .Status .Wrapper{display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:10px}.Tbody_TeamOperatorMember .Status .Wrapper .Sent{color:#333;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.Tbody_TeamOperatorMember .Status .Wrapper .Active{color:#6562df;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.Tbody_TeamOperatorMember .Status .Wrapper .Disabled{color:#df6262;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.Tbody_TeamOperatorMember .Status .Expired{display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:8px}.Tbody_TeamOperatorMember .Status button{padding:0;border-radius:0%;display:flex;justify-content:center;align-items:center;border:none;outline:none}.Tbody_TeamOperatorMember .Status .Expired p{color:var(--neutral-color-neutral-500, #b3b3b3);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.Tbody_TeamOperatorMember .Team .Active{border:1px solid #6562df;background:#fafafa}.Tbody_TeamOperatorMember .Team .Inactive{border:1px solid #ccc;background:#fafafa}.Tbody_TeamOperatorMember .Team .Content p{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Tbody_TeamOperatorMember .Team .Content .Active_Text{color:#23224d}.Tbody_TeamOperatorMember .Team .Content .Inactive_Text{color:#b3b3b3}.Tbody_TeamOperatorMember .Level .LevelInside{display:flex;justify-content:center;padding:16px 0;align-items:center}.Tbody_TeamOperatorMember .Level .LevelInside .LevelInsideItem{display:flex;padding:8px 0;align-items:center;gap:8px;align-self:stretch}.Tbody_TeamOperatorMember .Level .LevelInside p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Thead_TeamOperatorMember .Access{display:flex;width:168px;flex:1;height:32px;padding:8px;justify-content:space-between;align-items:center}.Tbody_TeamOperatorMember .Access{display:flex;justify-content:flex-start;align-items:center;width:168px;flex:1;height:68px;padding:8px;gap:4px;overflow-y:scroll}.Tbody_TeamOperatorMember .Access .AccessItem{display:flex;height:24px;width:44px;padding:4px 8px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff)}.Tbody_TeamOperatorMember .Access .AccessItem p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;overflow:hidden;color:#333;text-overflow:ellipsis;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Tbody_TeamOperatorMember .Access .two{display:flex;flex-direction:column;gap:4px}.Tbody_TeamOperatorMember .Access .one{display:flex;justify-content:flex-start;align-items:center;height:100%}.Tbody_TeamOperatorMember .operator .operatorWrapper{flex-direction:1;display:flex;justify-content:flex-start;align-items:center;gap:4px;overflow-y:scroll}.Tbody_TeamOperatorMember .operator .two{display:flex;flex-direction:column;gap:4px}.Tbody_TeamOperatorMember .operator .one{display:flex;justify-content:flex-start;align-items:center;height:100%}.Tbody_TeamOperatorMember .operator .OperatorItem{display:flex;height:24px;width:62px;padding:4px 8px;justify-content:space-between;align-items:center;gap:4px;border-radius:4px;background:var(--neutral-color-neutral-100, #fafafa)}.Tbody_TeamOperatorMember .operator .OperatorItem p{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;white-space:nowrap}.Tbody_TeamOperatorMember .operator .OperatorItem .Right{display:flex;justify-content:center;align-items:center}.Tbody_TeamOperatorMember .operator .OperatorItem .Right img{width:16px}.Tbody_TeamOperatorMember{width:100%}.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root{padding:0}.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#828282}.Tbody_TeamOperatorMember .operator{display:flex;width:164px;height:68px;padding:8px;align-items:center;gap:4px}.Tbody_TeamOperatorMember .operatorBody{display:flex;align-items:center;gap:4px}.Tbody_TeamOperatorMember .setOperator,.Table_TeamOperatorMember .setOperator-inactive{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;border:none;box-shadow:none;cursor:pointer;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#5c5acc!important;background:none}.Table_TeamOperatorMember .setOperator-inactive{cursor:auto}.Table_TeamOperatorMember .setOperator-inactive span{color:#b3b3b3}.Tbody_TeamOperatorMember .setOperator:hover,.Tbody_TeamOperatorMember .setOperator:focus,.Tbody_TeamOperatorMember .setOperator:active,.Table_TeamOperatorMember .setOperator-inactive:hover,.Table_TeamOperatorMember .setOperator-inactive:focus,.Table_TeamOperatorMember .setOperator-inactive:active{background:#dadaf2;color:#23224d!important;outline:none}.setOperatorPopoverTeamMember .css-3bmhjh-MuiPaper-root-MuiPopover-paper{display:flex;flex-direction:column;align-items:flex-start;border-radius:4px;border:1px solid #e5e4e4;box-shadow:0 0 10px #0000001a;max-width:246px;min-width:246px}.setOperatorPopoverTeamMember .head{display:flex;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.setOperatorPopoverTeamMember .head .icon{cursor:pointer}.setOperatorPopoverTeamMember .listWaNumber{display:flex;height:240px;padding:8px;flex-direction:column;align-items:flex-start;gap:4px;overflow-y:scroll}.setOperatorPopoverTeamMember .itemWaNumber{display:flex;max-width:230px;width:100%;padding:4px;justify-content:space-between;align-items:center;border-radius:4px;background:#ffffff}.setOperatorPopoverTeamMember .itemWaNumber .left{display:flex;width:140px;align-items:center;gap:4px;flex-shrink:0}.setOperatorPopoverTeamMember .itemWaNumber .left .checkbox{width:16px;height:16px;padding:0;color:#ccc}.setOperatorPopoverTeamMember .itemWaNumber .left .icon{width:24px;height:24px}.setOperatorPopoverTeamMember .itemWaNumber .left .title{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.setOperatorPopoverTeamMember .itemWaNumber .right{display:flex;width:62px;align-items:center;gap:4px;flex-shrink:0;overflow-x:scroll;min-height:42px;max-height:42px}.setOperatorPopoverTeamMember .itemWaNumber .right .tag{display:flex;height:16px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid #f2f2f2;background:#fafafa}.setOperatorPopoverTeamMember .itemWaNumberActive{border:1px solid #6562df;max-width:228px;width:220px}.setOperatorPopoverTeamMember .itemWaNumberActive .checkbox{color:#5c5acc!important}.setOperatorPopoverTeamMember .itemWaNumberActive .checkbox .css-i4bv87-MuiSvgIcon-root{fill:#5c5acc!important}.setOperatorPopoverTeamMember .bottom{display:flex;padding:4px;justify-content:space-between;align-items:flex-start;align-self:stretch;background:#ffffff;box-shadow:0 0 10px #0000001a}.setOperatorPopoverTeamMember .bottom .btn-cancel{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px}.setOperatorPopoverTeamMember .bottom .btn-cancel p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#df6262}.setOperatorPopoverTeamMember .bottom .btn-save{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:#5c5acc}.setOperatorPopoverTeamMember .bottom .btn-save p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#fafafa}.Tbody_TeamOperatorMember .operatorWrapper{flex:1;display:flex;justify-content:flex-start;align-items:center;gap:4px;overflow-y:scroll}.TeamDetailMember{margin-top:20px}.TeamDetailMemberHead{display:flex;align-items:flex-start}.TeamDetailMemberHead_item{display:flex;width:100px;min-width:90px;max-width:160px;padding:12px 16px;justify-content:center;align-items:center;gap:8px;border-radius:8px 8px 0 0;border:1px solid #f2f2f2;background:#fafafa;margin:0 0 -1px}.TeamDetailMemberHead_itemActive{background:#ffffff;border:none}.TeamDetailMemberHead_item h2{font-size:16px;font-style:normal;font-weight:600;line-height:24px;color:#b3b3b3}.TeamDetailMemberHead_itemActive h2{color:#6562df}.TeamDetailMemberBody{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:0 8px 8px;background:#ffffff}.TeamDetailMemberBody_member,.TeamDetailMemberBody_memberSummary{padding:0!important;background:#ffffff!important;border:none!important;width:100%;box-shadow:none!important}.TeamDetailMemberBody_memberSummary .css-1betqn-MuiAccordionSummary-content{margin:0;width:100%}.TeamDetailMemberBody_memberSummaryHead{display:flex;justify-content:space-between;align-items:center;width:100%}.TeamDetailMemberBody_memberSummaryHead h1{font-size:20px;font-style:normal;font-weight:600;line-height:28px;letter-spacing:-.2px;color:#333}.TeamDetailMemberBody_memberBody{padding:0!important}.TeamDetailMemberBody_memberBodyHeader{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch;margin:12px 0}.TeamDetailMemberBody_memberBodyHeader .input{display:flex;width:288px;padding:12px;align-items:flex-start;gap:10px;border-radius:4px;border:1px solid #f2f2f2;background:#ffffff}.TeamDetailMemberBody_memberBodyHeader .input input{border:none;outline:none;display:flex;height:24px;flex-direction:column;justify-content:center;flex:1 0 0;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333}.TeamDetailMemberBody_memberBodyHeader .input input::placeholder{color:#bdbdbd}.TeamDetailMemberBody_memberBodyHeader .button{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#5c5acc;cursor:pointer}.TeamDetailMemberBody_memberBodyHeader .MemberAction{display:flex;align-items:center;gap:8px}.TeamDetailMemberBody_memberBodyHeader .MemberAction .Change,.TeamDetailMemberBody_memberBodyHeader .MemberAction .Set,.TeamDetailMemberBody_memberBodyHeader .MemberAction .Remove{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;cursor:pointer}.TeamDetailMemberBody_memberBodyHeader .MemberAction .Remove:hover{background:#df626226}.TeamDetailMemberBody_memberBodyHeader .MemberAction .Remove p{color:#df6262;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.TeamDetailMemberBody_memberBodyHeader .MemberAction .Set p{color:#5c5acc;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.TeamDetailMemberBody_memberBodyHeader .MemberAction .Change{background:var(--primary-color-primary-600, #5c5acc)}.TeamDetailMemberBody_memberBodyHeader .MemberAction .Change p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.TeamDetailMemberBody_memberBodyTable{max-width:100%;overflow-x:scroll}.TeamDetailMemberBody_NoMember{display:flex;padding:8px 12px;justify-content:center;align-items:center;gap:10px;align-self:stretch;background:var(--neutral-color-neutral-100, #fafafa);color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.TeamDetailMemberBody_level{width:calc(100% + -0px)}.TeamDetailMemberBody_levelTables{width:100%;overflow-x:scroll}.TeamDetailMemberBody_levelTable{border-radius:8px;background:#fff;width:100%}.TeamDetailMemberBody_levelTable thead tr,.TeamDetailMemberBody_levelTable tbody tr{display:flex;width:100%}.TeamDetailMemberBody_levelTable .freezed{background:#a2a1e5;position:absolute;bottom:0;left:0;width:100%;height:5px}.Thead_OperatorLevel{display:flex;background:#dadaf2;border-top-left-radius:8px;border-top-right-radius:8px;border-top:1px solid #e5e4e4;border-left:1px solid #e5e4e4;border-right:1px solid #e5e4e4}.Thead_OperatorLevel th{cursor:pointer;display:flex;align-items:center;position:relative}.Thead_OperatorLevel th p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.TeamDetailMemberBody_levelTable .number{display:flex;width:176px;height:32px;padding:8px 12px;justify-content:space-between;align-items:center}.TeamDetailMemberBody_levelTable .name{display:flex;width:184px;height:32px;padding:8px 12px;justify-content:space-between;align-items:center}.TeamDetailMemberBody_levelTable thead .tag{display:flex;width:184px;flex:1;height:32px;padding:8px;justify-content:space-between;align-items:center}.TeamDetailMemberBody_levelTable tbody .tag{display:flex;width:184px;height:32px;padding:8px;justify-content:flex-start;gap:8px;align-items:center;flex:1}.TeamDetailMemberBody_levelTable .level,.TeamDetailMemberBody_levelTable .member{display:flex;width:124px;height:32px;padding:8px 12px;justify-content:space-between;align-items:center}.TeamDetailMemberBody_levelTable .action{display:flex;width:32px;height:32px;padding:8px;justify-content:space-between;align-items:center}.Tbody_OperatorLevel{border-left:1px solid #e5e4e4;border-right:1px solid #e5e4e4;border-bottom:1px solid #e5e4e4;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.TeamDetailMemberBody_levelTable .tagItem{display:flex;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid #f2f2f2;background:#fafafa}.Tbody_OperatorLevelEmpty{display:flex;padding:8px 12px;justify-content:center;align-items:center;gap:10px;align-self:stretch;background:#fafafa;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#656464;width:100%}.TbodyTr_OperatorLevel{display:flex}.TbodyTr_OperatorLevel .number{justify-content:flex-start;gap:4px}.TbodyTr_OperatorLevel .number img{width:24px;height:24px}.TbodyTr_OperatorLevel .number p{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.TbodyTr_OperatorLevel .name,.TbodyTr_OperatorLevel .level,.TbodyTr_OperatorLevel .member{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333}.TeamDetailMemberBody_levelFooter{display:flex;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.TeamDetailMemberBody_levelFooter .btn-create{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#5c5acc;cursor:pointer}.TeamDetailMemberBody_levelFooter .btn-create p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#fafafa}.SetOperatorMember{display:flex;width:160px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px}.SetOperatorMember_Add,.SetOperatorMember_Remove{display:flex;padding:8px 12px;align-items:flex-start;gap:10px;align-self:stretch;cursor:pointer}.SetOperatorMember_Add:hover{background:var(--primary-color-primary-500, #6562df)}.SetOperatorMember_Remove:hover{background:var(--primary-color-primary-500, #df6262)}.SetOperatorMember_Add:hover p,.SetOperatorMember_Remove:hover p{color:var(--neutral-color-neutral-100, #fafafa)}.SetOperatorMember_Add p,.SetOperatorMember_Remove p{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.SetOperatorMember_Add p{color:var(--neutral-color-neutral-4, #333)}.SetOperatorMember_Remove p{color:var(--info-color-danger, #df6262)}.ChangeOperatorMember{display:flex;width:125px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--background-white, #fff);box-shadow:0 0 10px #0000001a}.ChangeOperatorMember_Item{display:flex;padding:8px 12px;align-items:flex-start;gap:10px;align-self:stretch;cursor:pointer}.ChangeOperatorMember_Item p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ChangeOperatorMember_Item:hover{background:var(--primary-color-primary-500, #6562df)}.ChangeOperatorMember_Item:hover p{color:var(--neutral-color-neutral-100, #fafafa)}.WrapperControlSelectLevelReallocate{display:flex;padding:4px;border-color:#f2f2f2!important;width:54.36625vw}.Bg_AddMemberTeam{position:fixed;left:320px;top:72px;width:calc(100vw - 320px);height:calc(100vh - 72px);background-color:#00000050;display:flex;justify-content:center;align-items:center;z-index:4}.AddMemberTeam{width:56.56625vw;height:min-content;max-height:84.2105vh;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 0 10px #0000001a;background:#fff!important}.AddMemberTeam_head{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);height:24px;border-radius:8px 8px 0 0}.AddMemberTeam_head .left{display:flex;align-items:center;gap:8px}.AddMemberTeam_head .left p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.AddMemberTeam_head .left .tooltip{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;width:500px;background-color:red}.SearchPart{display:flex;padding:12px 16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-100, #fafafa);background:var(--background-white, #fff)}.AddMemberTeam_input{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.AddMemberTeam_input .input{display:flex;padding:12px;justify-content:space-between;align-items:flex-start;align-self:stretch;border-radius:4px;border:1px solid #f2f2f2}.AddMemberTeam_input .input input{border:none;outline:none;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333;width:100%}.AddMemberTeam_input .input input::placeholder{color:#bdbdbd}.Table_AddMemberTeams{width:calc(100% - 32px);margin-left:16px;min-height:200px;overflow:scroll;z-index:1;display:flex;background:var(--background-white, #fff)}.Table_AddMemberTeam{width:100%;border-spacing:0;border-collapse:separate;border-radius:8px;height:100%}.Thead_AddMemberTeam{background:#dadaf2}.Tbody_AddMemberTeam{background:#fafafa}.Thead_AddMemberTeam tr,.Tbody_AddMemberTeam tr{display:flex}.Thead_AddMemberTeam tr>*{background:#dadaf2}.Tbody_AddMemberTeam tr>*{background:#fff}.Tbody_AddMemberTeam .Selected>*{background:#e5e4e4}.Tbody_AddMemberTeam .Notselected>*{background:#fafafa}.Tbody_AddMemberTeam .disabled>*{background:#fafafa}.Thead_AddMemberTeam .Checkbox{display:flex;width:64px;height:32px;padding:8px;align-items:center;gap:8px;position:sticky;left:0}.Thead_AddMemberTeam .Username{display:flex;width:144px;height:32px;padding:8px;justify-content:space-between;align-items:center;border-right:1px solid #b3b3b3;position:sticky;left:80px;z-index:300}.Thead_AddMemberTeam .Status{display:flex;width:124px;height:32px;padding:8px;justify-content:space-between;align-items:center}.Thead_AddMemberTeam .Team{display:flex;flex:1;max-width:calc(100% - 16px);min-width:calc(26.875vw - 16px);height:32px;padding:8px;justify-content:space-between;align-items:center}.Thead_AddMemberTeam .Tag{display:flex;width:calc(16.875vw - 16px);height:32px;padding:8px;justify-content:space-between;align-items:center}.Tbody_AddMemberTeam .Checkbox{display:flex;width:64px;height:32px;padding:8px;align-items:center;gap:4px;position:sticky;left:0}.Tbody_AddMemberTeam .Checkbox p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#656565}.Tbody_AddMemberTeam .Username{display:flex;width:144px;height:32px;padding:8px;gap:4px;align-items:center;position:sticky;left:80px;border-right:1px solid #b3b3b3;z-index:200}.Tbody_AddMemberTeam .Username img{width:24px;height:24px;flex-shrink:0;border-radius:50%}.Tbody_AddMemberTeam .Username .name{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.Tbody_AddMemberTeam .Username .name .top{font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px;color:#656464}.Tbody_AddMemberTeam .Username .name .bottom{font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#656464}.Tbody_AddMemberTeam .Status{display:flex;width:108px;height:24px;padding:12px 16px;align-items:center;gap:4px;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#6562df;text-transform:capitalize}.Tbody_AddMemberTeam .Team{display:flex;height:48px;padding:8px;align-items:center;gap:4px;flex:1 0 0;max-width:calc(100% - 16px);min-width:calc(26.875vw - 16px);height:32px}.Tbody_AddMemberTeam .Team .TeamItem{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid #cccccc;background:#fafafa;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#b3b3b3}.Tbody_AddMemberTeam .Tag{display:flex;width:calc(16.875vw - 16px);height:32px;padding:8px;align-items:center;gap:4px;overflow-y:scroll}.Tbody_AddMemberTeam .Tag .TagItem{display:flex;height:24px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid #f2f2f2;background:#fafafa;font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#656464}.AddMemberTeam_footer{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;background:var(--background-white, #fff);box-shadow:0 -5px 5px #0000000d;border-radius:0 0 8px 8px;position:relative}.AddMemberTeam_footer .btn-cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;cursor:pointer}.AddMemberTeam_footer .btn-cancel p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#df6262}.AddMemberTeam_footer .rightPart{display:flex;align-items:center;gap:12px;align-self:stretch;justify-content:flex-end;padding:0;background:none}.AddMemberTeam_footer .rightPart .selectLevel{display:flex;padding:12px;align-items:center;justify-content:space-between;width:136px;align-self:stretch;border-radius:4px;background:#fff;cursor:pointer}.AddMemberTeam_footer .rightPart .active{border:1px solid #817ee5}.AddMemberTeam_footer .rightPart .inactive{border:1px solid #656464}.AddMemberTeam_footer .rightPart .selectLevel p{color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.AddMemberTeam_footer .rightPart .countSelect{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333}.AddMemberTeam_footer .rightPart .btn-save{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;cursor:pointer;outline:none;border:none}.AddMemberTeam_footer .rightPart .btn-save p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#fafafa}.TeamDetailPage_MenuItem ul{padding:0}.TeamDetailPage_ItemMenu_Wrapper{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:4px}.TeamDetailPage_ItemMenu{display:flex;width:128px;padding:8px 12px;align-items:flex-start;gap:10px;align-self:stretch;cursor:pointer}.TeamDetailPage_ItemMenu:hover{background:var(--primary-color-primary-500, #6562df)}.TeamDetailPage_ItemMenu:hover p{color:#fff}.AddMemberTeam .Warn_NotFilled{display:flex;justify-content:flex-start;align-items:center;gap:8px;border-radius:8px;background:var(--info-color-danger, #df6262);box-shadow:0 0 10px #0000001a;width:calc(100% - 48px);margin:0 16px 150px;padding:8px;position:absolute;left:0;z-index:400}.AddMemberTeam .Warn_NotFilled .Info p{color:var(--background-white, #fff);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.AddMemberTeam .body{display:flex;max-height:400px;padding-bottom:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;overflow:scroll;background:#fff}.RuleOperatorTeam{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;border:1px solid #b3b3b3;width:calc(100% - 20px)}.RuleOperatorTeam_header{display:flex;padding:4px 0;justify-content:space-between;align-items:center;align-self:stretch}.RuleOperatorTeam_header .left{padding:0;display:flex;align-items:center;gap:8px}.RuleOperatorTeam_header .rightBtn{padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;outline:none;border:none;background-color:#fff}.RuleOperatorTeam_header .rightBtn:hover{background:#b3b3b3}.RuleOperatorTeam_header .rightBtn .closebtn{fill:#fff}.RuleOperatorTeam_header .rightBtn .closebtn:hover{fill:#b3b3b3}.RuleOperatorTeam_Tables{width:100%;overflow-x:scroll;margin-bottom:0}.RuleOperatorTeam_Table{width:100%;max-height:200px;overflow-y:scroll;border-radius:8px;border:1px solid #e5e4e4}.Thead_RuleOperatorTeam{background:#fafafa;display:flex}.Tbody_RuleOperatorTeam{display:flex}.RuleOperatorTeam_Table .number{display:flex;width:184px;height:32px;padding:8px;justify-content:space-between;align-items:center}.RuleOperatorTeam_Table .name{display:flex;width:164px;height:32px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.RuleOperatorTeam_Table .tag{display:flex;padding:8px;width:212px;height:32px;align-items:flex-start;gap:4px;flex:1 0 0;align-self:stretch;overflow-x:scroll}.RuleOperatorTeam_Table .status{display:flex;width:164px;height:32px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.RuleOperatorTeam_Table .check{display:flex;width:104px;height:32px;padding:8px;justify-content:center;align-items:center;gap:4px}.RuleOperatorTeam_Table .Checkbox{color:#5c5acc}.RuleOperatorTeam_Table .Checkbox svg{fill:#5c5acc}.Thead_RuleOperatorTeam th{font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px;color:#333}.Tbody_RuleOperatorTeam .number{justify-content:flex-start;gap:4px}.Tbody_RuleOperatorTeam .number img{width:24px;height:24px}.Tbody_RuleOperatorTeam .number p{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.Tbody_RuleOperatorTeam .name{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333}.Tbody_RuleOperatorTeam .tagItem{display:flex;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid #f2f2f2;background:#fafafa}.Tbody_RuleOperatorTeam .tagItem p{font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#656464}.Tbody_RuleOperatorTeam .status{display:flex;width:148px;height:16px;padding:16px;justify-content:flex-start;align-items:center;gap:8px}.Tbody_RuleOperatorTeam .status img{width:24px;height:24px}.Tbody_RuleOperatorTeam .status p{font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px;color:#62df7e}.Tbody_RuleOperatorTea .check{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#2e2d66}.RuleOperatorTeam_TableLevel{width:440px;border-radius:8px;border:1px solid #f2f2f2}.Thead_RuleOperatorLevel,.Tbody_RuleOperatorLevel{display:flex}.Thead_RuleOperatorLevel{background:#fafafa;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;color:#333}.RuleOperatorTeam_TableLevel .level{display:flex;width:88px;height:30px;padding:8px 16px;align-items:center;gap:12px;align-self:stretch}.RuleOperatorTeam_TableLevel .total{display:flex;width:168px;height:30px;padding:8px 16px;align-items:center;gap:12px;align-self:stretch}.RuleOperatorTeam_TableLevel .check{display:flex;width:88px;height:22px;padding:12px 16px;justify-content:center;align-items:center;gap:12px;align-self:stretch}.RuleOperatorTeam_TableLevel .Checkbox{color:#5c5acc}.RuleOperatorTeam_TableLevel .Checkbox svg{fill:#5c5acc}.Thead_RuleOperatorLevel .check,.Tbody_RuleOperatorLevel .check p{font-size:12px!important;font-style:normal;font-weight:400!important;line-height:22px;letter-spacing:.12px;color:#b3b3b3!important}.Tbody_RuleOperatorLevel{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333}.RuleOperatorTeam_footer{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.RuleOperatorTeam_footer .btn-cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;cursor:pointer}.RuleOperatorTeam_footer .btn-cancel p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#df6262}.RuleOperatorTeam_footer .btn-save{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#5c5acc;cursor:pointer;transition:all .3s ease}.RuleOperatorTeam_footer .btn-save:hover{background:#23224e}.RuleOperatorTeam_footer .btn-save p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#fafafa}.TeamWaAccess_summary{background:#ffffff!important;padding:0!important;cursor:auto!important}.TeamWaAccess_summary .css-1betqn-MuiAccordionSummary-content{width:100%;margin:0}.TeamWaAccess_summaryHead{display:flex;padding:0;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.TeamWaAccess_summaryHeadTop,.TeamWaAccess_summaryHeadBottom{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.TeamWaAccess_summaryHeadTop .left{display:flex;align-items:center;gap:8px;padding:0}.TeamWaAccess_summaryHeadTop h1{font-size:20px;font-style:normal;font-weight:600;line-height:28px;letter-spacing:-.2px}.TeamWaAccess_summaryHeadTop button{padding:0;background:none;outline:none;box-shadow:none;max-width:fit-content;min-width:fit-content;border-radius:50%}.TeamWaAccess_summaryHeadTop button:focus{outline:none;box-shadow:none}.Popover_WaAccessTeam .MuiPopover-paper{display:flex;max-width:584px;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;background:rgba(51,51,51,.75);margin:4px}.Popover_WaAccessTeam .MuiPopover-paper p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#fff}.TeamWaAccess_summaryHeadTop .css-sghohy-MuiButtonBase-root-MuiButton-root:hover{background:#b3b3b3;border-radius:50%}.TeamWaAccess_summaryHeadBottom{padding:16px;align-items:center;gap:4px;flex:1 0 0;align-self:stretch;background:#dadaf2;border:1px solid #f2f2f2;border-radius:8px}.TeamWaAccess_summaryHeadBottom h1{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;display:flex;align-items:center;gap:4px;flex:1}.TeamWaAccess_summaryHeadBottom .action{display:flex;align-items:center;gap:4px;flex:1;max-width:300px;justify-content:center}.TeamWaAccess_summaryHeadBottom .action p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#2e2d66}.TeamWaAccess_summaryHeadBottom .action .checkbox{width:20px;height:20px;color:#5c5acc}.TeamWaAccess_body{overflow-x:scroll;width:100%}.TeamWaAccess_bodyTable{width:100%}.Thead_WaAccessTeam{display:flex;background:#dadaf2;border-top-left-radius:8px;border-top-right-radius:8px;border-left:1px solid #e5e4e4;border-right:1px solid #e5e4e4;border-top:1px solid #e5e4e4}.TeamWaAccess_bodyTable .number{display:flex;width:184px;height:32px;padding:8px;justify-content:space-between;align-items:center}.TeamWaAccess_bodyTable .name{display:flex;width:164px;height:32px;padding:8px;justify-content:space-between;align-items:center}.TeamWaAccess_bodyTable .tag{display:flex;min-width:228px;height:32px;padding:8px;justify-content:space-between;align-items:center;flex:1 0 0}.TeamWaAccess_bodyTable .status{display:flex;width:164px;height:32px;padding:8px;justify-content:space-between;align-items:center}.TeamWaAccess_bodyTable .action{display:flex;width:104px;height:32px;padding:8px;gap:4px;justify-content:center;align-items:center;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#2e2d66}.TeamWaAccess_bodyTable .checkbox{width:20px;height:20px;color:#5c5acc}.TeamWaAccess_bodyTable .checkbox svg{fill:#5c5acc}.Tbody_WaAccessTeam{border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-right:1px solid #e5e4e4;border-left:1px solid #e5e4e4;border-bottom:1px solid #e5e4e4}.Tbodytr_WaAccessTeam{display:flex;border-left:1px solid #e5e4e4;border-right:1px solid #e5e4e4}.Tbodytr_WaAccessTeam:last-child{border-bottom:1px solid #e5e4e4;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.Tbodytr_WaAccessTeam .number{display:flex;align-items:center;justify-content:flex-start;gap:4px;flex:1 0 0;max-width:184px}.Tbodytr_WaAccessTeam .number img{width:24px;height:24px}.Tbodytr_WaAccessTeam .number p{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.Tbodytr_WaAccessTeam .name{justify-content:flex-start;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333}.Tbodytr_WaAccessTeam .tag{overflow-x:auto;justify-content:flex-start;gap:4px}.Tbodytr_WaAccessTeam .tagItem{display:flex;padding:4px;max-height:16px;align-items:center;gap:4px;border-radius:4px;border:1px solid #f2f2f2;background:#fafafa}.Tbodytr_WaAccessTeam .tagItem p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.Tbodytr_WaAccessTeam .status{display:flex;padding:12px 16px;justify-content:flex-start;align-items:center;gap:8px;width:148px;height:24px}.disabled{background-color:#f2f2f2}.Tbodytr_WaAccessTeam .status img{width:24px;height:24px}.Tbodytr_WaAccessTeam .status p{font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.Tbodytr_WaAccessTeam .action{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#2e2d66}.TeamDetailPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.TeamDetailPage .left{max-width:320px;width:320px;padding:24px 16px}.TeamDetailPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100vw - 320px);max-height:calc(100vh - 72px);overflow-y:scroll}.TeamDetailPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.TeamDetailPage_breadcrumbs img:first-child{width:24px;height:24px}.TeamDetailPage_breadcrumbs img{width:16px;height:16px}.TeamDetailPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.TeamDetailPage_head{border-radius:8px!important;background:#FFFFFF!important;padding:12px;box-shadow:none!important;margin-top:20px}.TeamDetailPage .css-1wc0u5o-MuiPaper-root-MuiAccordion-root:before{background:#FFFFFF!important}.TeamDetailPage_headSummary{background:#FFFFFF!important;padding:0!important;max-height:36px;cursor:auto!important}.TeamDetailPage_headSummary .css-1betqn-MuiAccordionSummary-content{margin:0}.TeamDetailPage_headSummaryFlex{display:flex!important;justify-content:space-between!important;align-items:center!important;align-self:stretch;width:100%}.TeamDetailPage_headSummaryFlex .title{display:flex;align-items:center;gap:8px}.TeamDetailPage_headSummaryFlex .title a{height:32px}.TeamDetailPage_headSummaryFlex .title h4{font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px;color:#333}.TeamDetailPage_headSummaryFlex .right{display:flex;align-items:center;gap:8px;max-width:96px;max-height:36px;padding:0;background:#FFF}.TeamDetailPage_headSummaryFlex .edit{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;cursor:pointer}.TeamDetailPage_headSummaryFlex .edit p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#5c5acc}.TeamDetailPage_headTag{display:flex;align-items:flex-start;gap:4px;margin:12px 0}.TeamDetailPage_headTag .tag{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid #F2F2F2;background:#FAFAFA}.TeamDetailPage_headTag .tag p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#656464}.TeamDetailPage_headDetail{display:flex;align-items:center;justify-content:space-between}.TeamDetailPage_headDetail .desc{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#656565}.TeamDetailPage_headDetail .countMember{display:flex;height:32px;padding:4px 8px;align-items:center;gap:8px;float:right;border-radius:4px;border:1px solid #F2F2F2;background:#FFFFFF}.TeamDetailPage_headDetail .countMember p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#333}.TeamDetailPage_headEdit{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:8px;border:1px solid #6562DF;background:#FFF;box-shadow:5px 5px 5px #6562df26;margin-top:20px}.TeamDetailPage_headEdit_form{width:100%}.TeamDetailPage_headEdit_formInput{display:flex;flex-direction:column;align-items:flex-start;width:100%}.TeamDetailPage_headEdit_formInput label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464;margin:0}.TeamDetailPage_headEdit_formInput label span{color:#df6262}.TeamDetailPage_headEdit_formInput input{padding:0 12px;height:48px;width:calc(100% - 24px);border:1px solid #F2F2F2;border-radius:4px;color:#656464;margin-top:8px}.TeamDetailPage_headEdit_formInput textarea{width:calc(100% - 24px);height:120px;border:1px solid #F2F2F2;border-radius:4px;padding:12px;color:#656464;font-family:Inter}.TeamDetailPage_headEdit_formInput .inputWaNumber{display:flex;align-items:center;gap:8px;margin-top:8px}.TeamDetailPage_headEdit_formInput .inputWaNumber input{width:520px;margin-top:0}.TeamDetailPage_headEdit_formInput .inputWaNumber .flag{display:flex;align-items:center;justify-content:center;gap:4px;width:80px;height:48px;border:1px solid #656464;border-radius:4px}.TeamDetailPage_headEdit_formInput .inputWaNumber .flag p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#23224d}.TeamDetailPage_headEdit_formInput .select__control{width:638px;margin:0}.TeamDetailPage_headEdit_formInput .TeamAddTag{width:100%;margin:0}.TeamDetailPage_headEdit_formInput .noInput{border:1px solid #F2F2F2}.TeamDetailPage_headEdit_formInput .withInput{border:1px solid #656464}.TeamDetailPage_headEdit_formInput .Focus{border:1px solid #817EE5;box-shadow:0 0 5px #5c5acc26;caret-color:#817ee5}.TeamDetailPage_headEdit_footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;position:sticky;bottom:0;width:100%}.TeamDetailPage_headEdit_footer .cancel{display:flex;justify-content:center;align-items:center;gap:8px;width:86px;height:36px;border:1px solid transparent;border-radius:4px;cursor:pointer}.TeamDetailPage_headEdit_footer .cancel p{font-weight:700;font-size:12px;line-height:20px;letter-spacing:.02em;color:#df6262}.TeamDetailPage_headEdit_footer .cancel img{width:16px;height:16px}.TeamDetailPage_headEdit_footer .add{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#5C5ACC;cursor:pointer}.TeamDetailPage_headEdit_footer .add p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.TeamDetailPage_headEdit_footer .add img{width:16px;height:16px}.TeamDetailPage_head input{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;border:1px solid #656464;border-radius:4px;background:none}.TeamDetailPage_connect{display:flex;flex-direction:column;align-items:center;gap:16px}.TeamDetailPage_connect img{width:250px;height:250px}.TeamDetailPage_connect h4{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;text-align:center}.TeamDetailPage_connect p{font-weight:400;font-size:16px;line-height:24px;color:#656464;margin-top:4px;text-align:center}.TeamDetailPage_connect .connect{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;width:142px;height:48px;cursor:pointer}.TeamDetailPage_connect .connect img{width:24px;height:24px}.TeamDetailPage_connect .connect p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.TeamDetailPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px}.TeamDetailPage_action .left{display:flex;align-items:flex-start;gap:12px;width:100%;padding:0;position:relative}.TeamDetailPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;min-width:360px;max-width:360px;box-shadow:none;height:48px;border:1px solid #F2F2F2;border-radius:4px;margin-right:12px;background:#fff}.TeamDetailPage_action .left .input img,.TeamDetailPage_action .left .btn img,.TeamDetailPage_action .right img{width:24px;height:24px}.TeamDetailPage_action .left .input input{flex:1;width:300px;height:24px}.TeamDetailPage_action .left .input input:focus{outline:none}.TeamDetailPage_searchUser .MuiPaper-root{position:absolute;top:56px;display:flex;flex-direction:column;align-items:flex-start;padding:8px;gap:4px;background:#FFFFFF;border:1px solid #656464;border-radius:8px;width:484px;max-height:488px}.TeamDetailPage_searchUserHead{display:flex;justify-content:space-between;align-items:center;padding:8px;gap:12px;background:#FAFAFA;border-radius:4px;width:calc(100% - 16px)}.TeamDetailPage_searchUserHead .left{display:flex;align-items:center;gap:8px;max-width:fit-content}.TeamDetailPage_searchUserHead .left h2{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.TeamDetailPage_searchUserHead .right{display:flex;justify-content:flex-end;align-items:center;gap:8px;background:none;max-width:fit-content;max-height:fit-content!important;padding:0!important}.TeamDetailPage_searchUserHead .right .btnChangeClass{display:flex;justify-content:center;align-items:center;padding:8px 8px 8px 12px;gap:8px;border:1px solid #5C5ACC;border-radius:4px}.TeamDetailPage_searchUserHead .right button:focus{outline:none}.TeamDetailPage_searchUserHead .right .btnChangeClass P{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc}.TeamDetailPage_searchUserHead .right .css-av538e-MuiButtonBase-root-MuiIconButton-root:hover{background:#B8B7E5}.TeamDetailPage_searchUserHead .right .css-av538e-MuiButtonBase-root-MuiIconButton-root:hover P{color:#23224d}.TeamDetailPage_searchUserHead .right .css-av538e-MuiButtonBase-root-MuiIconButton-root:hover svg path{stroke:#23224d}.TeamDetailPage_searchUserData{display:flex;justify-content:space-between;align-items:center;padding:8px;gap:12px;width:calc(100% - 16px)}.TeamDetailPage_searchUserData .left{display:flex;align-items:center;gap:8px;max-width:fit-content}.TeamDetailPage_searchUserData .left .icon{width:24px;height:24px}.TeamDetailPage_searchUserData .left .avatar{width:40px;height:40px;background:#B3B3B3;border-radius:50%}.TeamDetailPage_searchUserData .left h2{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.TeamDetailPage_searchUserData .left p{font-weight:300;font-size:10px;line-height:18px;color:#656464}.TeamDetailPage_searchUserData .right{display:flex;justify-content:flex-end;align-items:center;gap:4px!important;max-width:fit-content!important;width:100%}.TeamDetailPage_searchUserData .right .item{display:flex;align-items:center;padding:4px 8px 4px 4px;gap:8px;background:#FAFAFA;border:1px solid #F2F2F2;border-radius:4px}.TeamDetailPage_searchUserData .right .item p{font-weight:300;font-size:10px;line-height:18px;color:#656464}.TeamDetailPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.TeamDetailPage_action .right{display:flex;align-items:center;padding:8px;gap:12px;background:#FFFFFF;border-radius:4px;max-width:146px}.TeamDetailPage_action .right .icon{display:flex;justify-content:center;align-items:center;width:24px;height:24px;background:#F2F2F2;border-radius:24px}.TeamDetailPage_action .right p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.TeamDetailPage_list{display:flex;flex-direction:column;align-items:flex-start;padding:12px;gap:16px;background:#FFFFFF;border-radius:12px;margin-bottom:12px}.TeamDetailPage_list .head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;width:100%}.TeamDetailPage_list .head .left h2{font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.01em}.TeamDetailPage_list .head .left p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.TeamDetailPage_list .head .right{display:flex;align-items:center;justify-content:flex-end;gap:8px;background:none;height:48px;max-width:245px}.TeamDetailPage_list .head .right div{display:flex;justify-content:center;align-items:center;padding:12px;gap:12px}.TeamDetailPage_list .head .right div p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#5c5acc}.TeamDetailPage_list .body{display:flex;justify-content:center;align-items:center;padding:10px;gap:10px;width:100%}.TeamDetailPage_list .body p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#b3b3b3;text-align:justify}.TeamDetailPage_addClass{display:flex;justify-content:center;align-items:center;padding:12px 16px 12px 12px;gap:12px;background:#5C5ACC;border-radius:4px;width:169px}.TeamDetailPage_addClass p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.TeamDetailPage_dataHead{display:flex;align-items:flex-start;gap:0}.TeamDetailPage_dataHead .item{display:flex;justify-content:center;align-items:center;padding:12px 16px;gap:8px;background:#FAFAFA;border:1px solid #F2F2F2;border-bottom:none;border-radius:8px 8px 0 0;margin:0 0 0 -1px;z-index:1}.TeamDetailPage_dataHead .item p{font-weight:600;font-size:16px;line-height:24px;color:#b3b3b3}.TeamDetailPage_dataHead .item-active{background:#FFFFFF;box-shadow:5px 0 5px #0000000d;border-radius:8px 8px 0 0;border:none;margin-top:1px;margin-right:1px;z-index:2}.TeamDetailPage_dataHead .item-active p{font-weight:600;font-size:16px;line-height:24px;color:#6562df}.TeamDetailPage_dataHead .addClass{display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;cursor:pointer}.TeamDetailPage_levelStroke{display:flex;align-items:center;gap:8px}.TeamDetailPage_levelStroke .stroke{height:0px;flex:1 0 0;stroke-width:1px;stroke:var(--neutral-color-neutral-500, #B3B3B3);outline:.5px solid #B3B3B3}.TeamDetailPage_dataMain{display:flex;flex-direction:column;align-items:flex-start;padding:12px;gap:16px;background:#FFFFFF;border-radius:0 4px 4px}.TeamDetailPage_dataMain .head{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#FFFFFF;width:100%}.TeamDetailPage_dataMain .head .left{background:none;width:100%;max-width:fit-content;padding:0}.TeamDetailPage_dataMain .head .right{background:none;display:flex;align-items:flex-start;gap:12px;max-width:76px}.TeamDetailPage_dataMainList{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:8px;gap:8px;height:200px;width:calc(100% - 16px);background:#FAFAFA;border-radius:12px}.TeamDetailPage_dataMainEmpty{height:100%;display:flex;align-items:center}.TeamDetailPage_dataMainEmpty p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#b3b3b3}.TeamDetailPage_dataMainData{display:flex;justify-content:space-between;align-items:center;padding:8px;gap:12px;width:calc(100% - 16px);background:#FFFFFF;border-radius:8px}.TeamDetailPage_dataMainData .left{display:flex;align-items:center;gap:8px;padding:0}.TeamDetailPage_dataMainData .left img{width:40px;height:40px;border-radius:50%}.TeamDetailPage_dataMainData .left h2{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.TeamDetailPage_dataMainData .left h2 span{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#6562df}.TeamDetailPage_dataMainData .left p{font-weight:300;font-size:10px;line-height:18px;color:#656464}.TeamDetailPage_dataMainData .center{display:flex;justify-content:center;align-items:center;padding:0;gap:4px}.TeamDetailPage_dataMainData .center .itemTag{display:flex;align-items:center;padding:4px 8px 4px 4px;gap:8px;background:#FAFAFA;border:1px solid #F2F2F2;border-radius:4px}.TeamDetailPage_dataMainData .center .itemTag p{font-weight:300;font-size:10px;line-height:18px;color:#656464}.TeamDetailPage_dataMainData .right{display:flex;justify-content:flex-end;align-items:center;gap:8px;background:none;max-width:fit-content;max-height:fit-content!important;padding:0!important}.TeamDetailPage_dataMainData .right .btnChangeClass{display:flex;justify-content:center;align-items:center;padding:8px 8px 8px 12px;gap:8px;border:1px solid #5C5ACC;border-radius:4px}.TeamDetailPage_dataMainData .right button:focus{outline:none}.TeamDetailPage_dataMainData .right .btnChangeClass P{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc}.TeamDetailPage_dataMainData .right .css-av538e-MuiButtonBase-root-MuiIconButton-root:hover{background:#B8B7E5}.TeamDetailPage_dataMainData .right .css-av538e-MuiButtonBase-root-MuiIconButton-root:hover P{color:#23224d}.TeamDetailPage_dataMainData .right .css-av538e-MuiButtonBase-root-MuiIconButton-root:hover svg path{stroke:#23224d}.TeamDetailPage_allItemList ul{width:160px;padding:8px}.TeamDetailPage_itemList{display:flex;align-items:center;padding:8px 12px;gap:10px;border-radius:4px!important;width:160px}.TeamDetailPage_itemList p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.TeamDetailPage_itemList:hover{background:#6562DF!important}.TeamDetailPage_itemList:hover svg path{stroke:#fff}.TeamDetailPage_itemList:hover p{color:#fff!important}.TeamDetailPage_dataBottom{padding:12px;background:#FFFFFF}.TeamDetailPage_dataBottomHead{display:flex;align-items:flex-start;gap:8px}.TeamDetailPage_dataHeadItem{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;cursor:pointer}.TeamDetailPage_dataHeadItem p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#656565}.TeamDetailPage_dataHeadItemActive{border-bottom:2px solid #6562DF}.TeamDetailPage_dataHeadItemActive p{color:#6562df}.TeamDetailPage_dataClass,.TeamDetailPage_dataChat{display:flex;flex-direction:column;align-items:flex-start;padding:12px;gap:12px}.TeamDetailPage_dataClassIntervention .title,.TeamDetailPage_dataClassEscalation .title,.TeamDetailPage_dataChatList .title{font-weight:600;font-size:16px;line-height:24px;color:#333}.TeamDetailPage_dataClassIntervention .lowerClass,.TeamDetailPage_dataChatList .lowerClass{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#b3b3b3;margin-top:4px}.TeamDetailPage_dataClassEscalation .lowerClass{display:flex;align-items:center;gap:4px;font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565;margin-top:4px}.TeamDetailPage_dataClassEscalation .lowerClass span{font-weight:300;font-size:10px;line-height:18px;color:#b3b3b3}.TeamDetailPage_dataRole{padding-top:16px;max-height:300px;overflow-y:scroll}.TeamDetailPage_dataRole .accordionHeader{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 8px}.TeamDetailPage_dataRole .accordionHeader .action{display:flex;align-items:center;justify-content:space-between;width:30%}.TeamDetailPage_dataRole .accordionHeader .action .allow{display:flex;align-items:center;gap:4px;font-size:12px;line-height:22px;color:#2e2d66}.TeamDetailPage_dataRole .accordionHeader .action .select{font-weight:600;font-size:12px;line-height:20px;color:#656464}.TeamDetailPage_dataRole .accordionHeader .title{font-weight:600;font-size:16px;line-height:24px;color:#333}.TeamDetailPage_dataRole .accordionHeader .title span{font-weight:500;font-size:14px;line-height:20px;color:#6562df}.TeamDetailPage_dataRole .accordionRule{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #F2F2F2}.TeamDetailPage_dataRole .accordionRule .name{display:flex;align-items:center;font-size:14px;font-weight:500;line-height:20px;color:#656464;gap:4px}.TeamDetailPage_dataRole .accordionRule .check{display:flex;align-items:center;justify-content:center;width:30%}.UserManagementPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.UserManagementPage .GridWrapper{height:calc(100vh - 72px)}.UserManagementPage .leftSide{max-width:320px;width:320px;padding:24px 16px}.UserManagementPage .right{flex:1;padding:24px 16px;background:#f7f5f5;max-width:calc(100vw - 320px);position:relative;max-height:calc(100vh - 72px);overflow-y:scroll}.UserManagementPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.UserManagementPage_breadcrumbs img:first-child{width:24px;height:24px}.UserManagementPage_breadcrumbs img{width:16px;height:16px}.UserManagementPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.UserManagementPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.UserManagementPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.UserManagementPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px}.UserManagementPage_action .left{display:flex;align-items:flex-start;gap:12px;padding:0}.UserManagementPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;height:48px;border:1px solid #F2F2F2;border-radius:4px;background:#fff;caret-color:#6562df;width:360px}.UserManagementPage_action .left .input img,.UserManagementPage_action .left .btn img,.UserManagementPage_action .right img{width:24px;height:24px}.UserManagementPage_action .left .input input{flex:1;height:24px}.UserManagementPage_action .left .input input:focus{outline:none}.UserManagementPage_action .left .input .BgSmallcaps{display:flex;height:24px;width:24px;justify-content:center;align-items:center;gap:8px;border-radius:4px}.UserManagementPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.UserManagementPage_action .right{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;max-width:192px;padding:12px 16px 12px 12px}.UserManagementPage_action .right p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.UserManagementPage_action .Right_Action{display:flex;align-items:flex-start;gap:8px}.UserManagementPage_action .Right_Action button{border:none;outline:none;background:none;display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;transition:.3s}.UserManagementPage_action .Right_Action button p{font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.UserManagementPage_action .Right_Action .Edit p{color:var(--primary-color-primary-600, #5C5ACC)}.UserManagementPage_action .Right_Action .Edit:hover{background:rgb(92,90,204,.15)}.UserManagementPage_action .Right_Action .Delete:hover{background:rgba(223,98,98,.15)}.UserManagementPage_action .Right_Action .Delete p{color:var(--info-color-danger, #DF6262)}.UserManagementPage_data{width:calc(100vw - 352px);overflow:scroll}.UserManagementPage_data .Table_UserManagement{width:100%;border-spacing:0;border-collapse:separate}.UserManagementPage_data .Thead_UserManagement{background:#DADAF2}.UserManagementPage_data .Tbody_UserManagement{background:#FAFAFA}.UserManagementPage_data .Thead_UserManagement tr,.UserManagementPage_data .Tbody_UserManagement tr{display:flex}.UserManagementPage_data .Thead_UserManagement tr>*{background:#DADAF2}.UserManagementPage_data .Tbody_UserManagement .Selected>*{background:#E5E4E4}.UserManagementPage_data .Tbody_UserManagement .Notselected>*{background:#FAFAFA}.UserManagementPage_data .Thead_UserManagement .Checkbox{display:flex;width:64px;height:24px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0;color:#333}.UserManagementPage_data .Tbody_UserManagement .Checkbox{display:flex;width:64px;height:32px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.UserManagementPage_data .Thead_UserManagement .Username{display:flex;width:208px;height:24px;padding:16px;justify-content:space-between;align-items:center;border-right:1px solid var(--neutral-color-neutral-200, #F2F2F2);position:sticky;left:80px;z-index:1}.UserManagementPage_data .Tbody_UserManagement .Username{display:flex;width:208px;height:32px;padding:16px;gap:10px;align-items:center;position:sticky;left:80px;border-right:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.UserManagementPage_data .Tbody_UserManagement .Username img{width:40px;height:40px;flex-shrink:0;border-radius:50%}.UserManagementPage_data .Tbody_UserManagement .Username .User{display:flex;flex-direction:column;align-items:flex-start}.UserManagementPage_data .Tbody_UserManagement .Username .User .Name{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.UserManagementPage_data .Tbody_UserManagement .Username .User .Email{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.UserManagementPage_data .Thead_UserManagement .Status,.UserManagementPage_data .Thead_UserManagement .Team,.UserManagementPage_data .Thead_UserManagement .Last_Active{display:flex;width:168px;height:24px;padding:16px;justify-content:space-between;align-items:center}.UserManagementPage_data .Thead_UserManagement .Tag{display:flex;width:268px;height:24px;padding:16px;justify-content:space-between;align-items:center}.UserManagementPage_data .Thead_UserManagement .Action{display:flex;width:68px;height:24px;padding:16px;justify-content:space-between;align-items:center;border-left:1px solid var(--neutral-color-neutral-200, #F2F2F2);position:sticky;right:0}.UserManagementPage_data .Tbody_UserManagement .Action{display:flex;width:68px;height:32px;padding:16px;justify-content:center;align-items:center;gap:8px;border-left:1px solid var(--neutral-color-neutral-200, #F2F2F2);position:sticky;right:0}.UserManagementPage_data .Tbody_UserManagement .Action button{display:flex;justify-content:center;align-items:center;padding:4px;border-radius:4px;outline:none;border:none}.UserManagementPage_data .Tbody_UserManagement .Action .Selected{background:#E5E4E4}.UserManagementPage_data .Tbody_UserManagement .Action .Notselected{background:#FAFAFA}.UserManagementPage_data .Tbody_UserManagement .Action .Active{background:#DADAF2}.UserManagementPage_data .Tbody_UserManagement .Tag{display:flex;width:268px;height:32px;padding:16px;align-items:center;gap:4px;overflow-y:scroll}.UserManagementPage_data .Tbody_UserManagement .Tag .TagItem{display:flex;padding:4px 8px;align-items:center;gap:8px;height:22px;min-width:fit-content;max-width:200px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--neutral-color-neutral-100, #FAFAFA);color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.UserManagementPage_data .Tbody_UserManagement .Status,.UserManagementPage_data .Tbody_UserManagement .Last_Active{display:flex;width:168px;height:32px;padding:16px;justify-content:space-between;align-items:center}.UserManagementPage_data .Tbody_UserManagement .Team{display:flex;width:168px;height:32px;padding:16px;gap:4px;overflow-y:scroll}.UserManagementPage_data .Tbody_UserManagement .Team .Content{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;height:22px;min-width:fit-content;max-width:200px}.UserManagementPage_data .Tbody_UserManagement .Last_Active p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.UserManagementPage_data .Tbody_UserManagement .Status .Wrapper{display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:10px}.UserManagementPage_data .Tbody_UserManagement .Status .Wrapper .Sent{color:#333;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.UserManagementPage_data .Tbody_UserManagement .Status .Wrapper .Active{color:#6562df;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.UserManagementPage_data .Tbody_UserManagement .Status .Wrapper .Disabled{color:#df6262;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.UserManagementPage_data .Tbody_UserManagement .Status .Expired{display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:8px;background:#FAFAFA}.UserManagementPage_data .Tbody_UserManagement .Status button{padding:0;border-radius:0%;display:flex;justify-content:center;align-items:center;border:none;outline:none}.UserManagementPage_data .Tbody_UserManagement .Status .Expired p{color:var(--neutral-color-neutral-500, #B3B3B3);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.UserManagementPage_data .Tbody_UserManagement .Team .Active{border:1px solid #6562DF;background:#FAFAFA}.UserManagementPage_data .Tbody_UserManagement .Team .Inactive{border:1px solid #CCC;background:#FAFAFA}.UserManagementPage_data .Tbody_UserManagement .Team .Content p{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;white-space:nowrap}.UserManagementPage_data .Tbody_UserManagement .Team .Content .Active_Text{color:#23224d}.UserManagementPage_data .Tbody_UserManagement .Team .Content .Inactive_Text{color:#b3b3b3}.UserManagementPage_data .Tbody_UserManagement{width:100%}.UserManagementPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root{padding:0}.UserManagementPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#828282}.UserManagementPage_data .check{max-width:56px;padding:19px}.UserManagementPage_data .check .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root{width:18px;height:18px}.UserManagementPage_data .user{min-width:240px;width:100%;display:flex;flex-direction:row;align-items:center;padding:16px;gap:10px}.UserManagementPage_data .user img{width:40px;height:40px;border-radius:50px;background:#828282}.UserManagementPage_data .user h4{font-weight:700;line-height:20px;letter-spacing:-.01em}.UserManagementPage_data .user p{font-weight:400;font-size:12px;line-height:22px}.UserManagementPage_data .password{width:140px}.UserManagementPage_data .password .passwordData{display:flex;align-items:center;gap:15px}.UserManagementPage_data .last{width:160px}.UserManagementPage_data .title{width:180px}.UserManagementPage_data .access{min-width:176px}.UserManagementPage_data .action{width:112px;display:flex;align-items:flex-start;gap:8px}.UserManagementPage_data .action .icon{padding:4px;cursor:pointer}.UserManagementPage .right .No_Data{display:flex;flex-direction:column;align-items:center;gap:16px}.UserManagementPage .right .No_Data .Body_No_data{display:flex;flex-direction:column;align-items:center;gap:4px}.UserManagementPage .right .No_Data .Body_No_data p:first-child{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.UserManagementPage .right .No_Data .Body_No_data p:nth-child(2){color:var(--neutral-color-neutral-3, #656464);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.UserManagementPage .right .No_Data button{display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#5C5ACC;outline:none}.UserManagementPage .right .No_Data button p{color:var(--neutral-color-neutral-100, #FAFAFA);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.UserManagementPage .right .No_Data button:hover{background:#23224D}.MoreButtonUser{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:4px}.MoreButtonUser button{display:flex;padding:8px 12px;align-items:center;gap:10px;align-self:stretch;border:none;outline:none}.MoreButtonUser .Disable{border-radius:4px;background:var(--neutral-color-neutral-200, #F2F2F2);border:none;outline:none}.MoreButtonUser .Disable p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.MoreButtonUser .Delete{border-radius:4px;background:var(--info-color-danger, #DF6262);border:none;outline:none}.MoreButtonUser .Delete:hover{background:var(--info-color-danger, #80392F)}.MoreButtonUser .Delete p{color:var(--background-white, #FFF);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ResendButtonUser{display:flex;width:307px;padding:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;border-radius:4px;background:var(--background-white, #FFF);box-shadow:0 0 10px #33333326}.ResendButtonUser .Info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.ResendButtonUser .Info .Header{display:flex;align-items:center;gap:4px}.ResendButtonUser .Info .Header p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.ResendButtonUser .Info .Body{color:#656464;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ResendButtonUser .Footer{display:flex;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.ResendButtonUser .Footer button{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-600, #5C5ACC);border:none;outline:none;transition:.3s}.ResendButtonUser .Footer button:hover{background:#23224D}.ResendButtonUser .Footer button p{color:#fff;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.BgBlackEnableUser{position:fixed;top:72px;left:320px;width:calc(100% - 320px);height:calc(100% - 72px);background-color:#00000050;z-index:100}.EnableUser{display:flex;width:420px;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background:var(--background-white, #FFF);position:absolute;left:calc(50% - 250px);top:calc(50% - 242px)}.EnableUser .Header{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.EnableUser .Body{display:flex;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.EnableUser .Body img{width:150px}.EnableUser .Body .Info{display:flex;width:420px;padding:0 16px;flex-direction:column;align-items:center;gap:4px}.EnableUser .Body .Info .Title{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize;margin-bottom:24px}.EnableUser .Body .Info .Subtitle{color:var(--neutral-color-neutral-3, #656464);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.EnableUser .Footer{display:flex;padding:12px 16px;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch}.EnableUser .Footer button{border:none;outline:none;display:flex;width:120px;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px}.EnableUser .Footer .Yes{background:var(--info-color-danger, #DF6262);color:var(--neutral-color-neutral-100, #FAFAFA);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.EnableUser .Footer .Cancel{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;background:#fff}.WhatsappPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.WhatsappPage .left{max-width:320px;width:320px;padding:24px 16px}.WhatsappPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100vw - 320px);height:calc(100vh - 72px)!important;min-height:100%;overflow-y:scroll}.WhatsappPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.WhatsappPage_breadcrumbs img:first-child{width:24px;height:24px}.WhatsappPage_breadcrumbs img{width:16px;height:16px}.WhatsappPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.WhatsappPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.WhatsappPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.WhatsappPage_connect{display:flex;flex-direction:column;align-items:center;gap:16px}.WhatsappPage_connect img{width:250px;height:250px}.WhatsappPage_connect h4{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.WhatsappPage_connect p{font-weight:400;font-size:16px;line-height:24px;color:#656464;margin-top:4px}.WhatsappPage_connect .connect{display:flex;justify-content:center;align-items:center;gap:12px;background:#5c5acc;border-radius:4px;width:320px;height:48px;cursor:pointer}.WhatsappPage_connect .connect img{width:24px;height:24px}.WhatsappPage_connect .connect p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.WhatsappPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.WhatsappPage_action .Left{display:flex;align-items:flex-start;gap:12px}.WhatsappPage_action .Left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;height:48px;border:1px solid #f2f2f2;border-radius:4px;background:#fff;caret-color:#6562df;width:360px}.WhatsappPage_action .Left .input img,.WhatsappPage_action .Left .btn img,.WhatsappPage_action .right img{width:24px;height:24px}.WhatsappPage_action .Left .input input{flex:1;height:24px}.WhatsappPage_action .Left .input input:focus{outline:none}.WhatsappPage_action .Left .input .BgSmallcaps{display:flex;height:24px;width:24px;justify-content:center;align-items:center;gap:8px;border-radius:4px}.WhatsappPage_action .Left .btn{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#fff;box-shadow:none;min-width:48px!important;border:none}.WhatsappPage_action .Left .btn:focus{outline:none}.WhatsappPage_action .Left .css-sghohy-MuiButtonBase-root-MuiButton-root:hover{background:#dadaf2}.WhatsappPage_Filter{display:flex;width:400px;flex-direction:column;align-items:flex-start;border-radius:8px;background:#fff;box-shadow:0 0 10px #00000026}.WhatsappPage_FilterHeader,.WhatsappPage_FilterFooter{display:flex;padding:12px 16px;justify-content:space-between;align-items:center;align-self:stretch;background:#fafafa}.WhatsappPage_FilterBodyBox{width:376px;display:flex;flex-direction:column;gap:4px}.WhatsappPage_FilterBodyBox .css-a1x9n5-MuiTypography-root{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333}.WhatsappPage_FilterFooter{background:#ffffff}.WhatsappPage_FilterFooter .btn-reset,.WhatsappPage_FilterFooter .btn-save{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;cursor:pointer}.WhatsappPage_FilterFooter .btn-reset p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#df6262}.WhatsappPage_FilterFooter .btn-save{background:#5c5acc;border-radius:4px}.WhatsappPage_FilterFooter .btn-save p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#fafafa}.WhatsappPage_action .right{display:flex;justify-content:center;align-items:center;gap:12px;background:#5c5acc;border-radius:4px;min-width:162px;max-width:max-content;height:100%;max-height:48px;padding:0 16px 0 12px;cursor:pointer}.WhatsappPage_action .right p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.WhatsappPage_lists{height:min-content;min-height:fit-content;margin-bottom:25px}.WhatsappPage_list{display:flex;justify-content:space-between;align-items:center;padding:12px;gap:12px;border-radius:8px;margin-bottom:12px;background:#ffffff}.list-scan,.list-connected{background:#ffffff}.list-conection-lost{background:#fff2f2}.list-disable{background:#f2f2f2}.WhatsappPage_list:first-child{margin-top:24px}.WhatsappPage_list .user{display:flex;align-items:center;gap:12px;width:100%;max-width:320px;height:48px}.WhatsappPage_list .user .info h4{font-weight:500;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:-.01em;color:#333}.WhatsappPage_list .user .info p span .highlighted{color:#ededff}.WhatsappPage_list .user .img{position:relative}.WhatsappPage_list .user .img .avatar{width:42px;height:42px}.WhatsappPage_list .user .img .avatar-active{width:42px;height:42px;border:3px solid #219655}.WhatsappPage_list .user .img .avatar-lost{width:42px;height:42px;border:3px solid #b3b3b3}.WhatsappPage_list .user .img .avatar-disabled{width:42px;height:42px;border:3px solid #219655!important}.WhatsappPage_list .user .img .icon{position:absolute;width:16px;height:16px;left:32px;top:36px;background:#ffffff;border-radius:16px}.WhatsappPage_list .user h4{font-size:20px;line-height:28px;letter-spacing:-.01em}.WhatsappPage_list .user .info p{font-size:16px;font-style:normal;font-weight:600;line-height:24px;color:#219655}.WhatsappPage_list .user .info .number-active{color:#219655}.WhatsappPage_list .user .info .number-lost{color:#b3b3b3}.WhatsappPage_list .user .info .number-disabled{color:#219655!important}.WhatsappPage_list .tags{display:flex;align-items:flex-start;gap:4px;height:30px;width:100%;max-width:300px}.WhatsappPage_list .tags .tag{flex-direction:row;padding:4px 8px 4px 4px;gap:8px;background:#fafafa;border:1px solid #f2f2f2;border-radius:4px;font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#656464}.WhatsappPage_list .status{display:flex;align-items:center;width:157px;max-width:200px;gap:8px;padding:4px 8px;cursor:pointer}.WhatsappPage_list .status:hover{background:#dadaf2;border-radius:8px}.WhatsappPage_list .status p{font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.WhatsappPage_list .disabled{background:none}.WhatsappPage_list .disabled p{color:gray!important}.WhatsappPage_list .disabled:hover{background:#fff}.list-scan .status{color:#454399}.list-connected .status{color:#219655}.list-conection-lost .status{color:#d22020}.list-disable .status{color:#656464}.WhatsappPage_list .status .icon{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;width:16px;height:16px;cursor:pointer}.WhatsappPage_list .action{display:flex;align-items:flex-start;gap:8px}.WhatsappPage_list .action .icon{padding:4px;cursor:pointer}.WhatsappPage_result{display:flex;padding:4px 12px;align-items:center;gap:4px;align-self:stretch;margin-top:12px}.WhatsappPage_result p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.WhatsappPage_notfound{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px;background:var(--neutral-color-neutral-100, #fafafa)}.WhatsappPage_notfound p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.SumFilterWaPage{position:absolute;top:4px;right:4px;color:#fff;background-color:#5c5acc;border:"1px solid white";border-radius:30px;padding:2px;width:15px;height:15px;display:flex;justify-content:center;align-items:center}.FilterResultWaPage{display:flex;gap:12px;align-items:center}.FilterResultWaPage .button{color:#5c5acc}.EditWaNumberPopup,.EditWaNumberPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:600px;margin:0 auto}.EditWaNumberPopup .css-hz1bth-MuiDialog-container,.EditWaNumberPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:600px}.EditWaNumberPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.EditWaNumberPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA;z-index:1}.EditWaNumberPopup_head h4{font-size:16px;font-style:normal;font-weight:600;line-height:24px;color:#333}.EditWaNumberPopup_photo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.EditWaNumberPopup_photo p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.EditWaNumberPopup_photo .photo{position:relative}.EditWaNumberPopup_photo .avatar{width:200px;height:200px;border-radius:50%}.EditWaNumberPopup_photo .hoverText{position:absolute;display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;top:0;left:0;width:180px;height:180px;background:rgba(51,51,51,.8);border-radius:50%;opacity:0}.EditWaNumberPopup_photo .photo:hover .hoverText{opacity:1}.EditWaNumberPopup_photo .hoverText p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.EditWaNumberPopup_photo .hoverText input{display:none}.EditWaNumberPopup_formWa{display:flex;padding:12px 16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:1px solid #FAFAFA;background:#FFF}.EditWaNumberPopup_formWaConnection{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.EditWaNumberPopup_formWaConnection .left p{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#656464}.EditWaNumberPopup_formWaConnection .right{display:flex;justify-content:flex-end;align-items:center;gap:8px}.EditWaNumberPopup_formWaConnection .right p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#656464}.EditWaNumberPopup_formWaConnection .right .switch{padding:4px 4px 4px 8px;box-shadow:5px 5px 5px #6562df26;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#fff;height:32px;display:flex;justify-content:space-between;align-items:center;min-width:84px}.EditWaNumberPopup_formWaConnection .right .ant-switch-checked{padding:4px 4px 4px 0}:where(.css-dev-only-do-not-override-byeoj0).ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled),.EditWaNumberPopup_formWaConnection .right .ant-switch-checked{background:#6562DF}.EditWaNumberPopup_formWaConnection .right .switch .ant-switch-handle,.EditWaNumberPopup_formWaConnection .right .switch .ant-switch-handle:before{width:24px;height:24px;background:#FFFFFF;border-radius:500px}.EditWaNumberPopup_formWaConnection .right .switch .ant-switch-handle{top:4px;left:4px}.EditWaNumberPopup_formWaConnection .right .ant-switch-checked .ant-switch-handle{right:4px;left:56px}.EditWaNumberPopup_formWaConnection .right .switch .ant-switch-inner{max-width:fit-content}.EditWaNumberPopup_formWaInfo{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px;border:1px solid #B3B3B3;background:#FFFFFF}.EditWaNumberPopup_formWaInfo .left{display:flex;align-items:center;gap:12px}.EditWaNumberPopup_formWaInfo .left .img{position:relative}.EditWaNumberPopup_formWaInfo .left .img .avatar{width:48px;height:48px;border-radius:200px}.EditWaNumberPopup_formWaInfo .left .img .avatar-active{width:42px;height:42px;border:3px solid #219655}.EditWaNumberPopup_formWaInfo .left .img .avatar-lost{width:42px;height:42px;border:3px solid #B3B3B3}.EditWaNumberPopup_formWaInfo .left .img .avatar-disabled{width:42px;height:42px;border:3px solid #219655!important}.EditWaNumberPopup_formWaInfo .left .img .icon{position:absolute;right:-8px;bottom:-2px}.EditWaNumberPopup_formWaInfo .left .name{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.EditWaNumberPopup_formWaInfo .left .name p{font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px;color:#333}.EditWaNumberPopup_formWaInfo .left .name h3{font-size:16px;font-style:normal;font-weight:600;line-height:24px}.EditWaNumberPopup_formWaInfo .left .name .number-active{color:#219655}.EditWaNumberPopup_formWaInfo .left .name .number-lost{color:#b3b3b3}.EditWaNumberPopup_formWaInfo .left .name .number-disabled{color:#219655!important}.EditWaNumberPopup_formWaInfo .right .status{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:12px}.EditWaNumberPopup_formWaInfo .right .status img{width:24px;height:24px}.EditWaNumberPopup_formWaInfo .right .status p{font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.EditWaNumberPopup_formInput2,.EditWaNumberPopup_formInput{display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px}.EditWaNumberPopup_formInput .css-b62m3t-container{width:100%}.EditWaNumberPopup_formInput label span{color:#df6262}.EditWaNumberPopup_formInput label,.EditWaNumberPopup_formInput2 label{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.EditWaNumberPopup_formInput2 .input{height:48px;width:100%;border:1px solid #656464;border-radius:4px;color:#23224d;margin-top:8px;background:#FFF}.EditWaNumberPopup_formInput2 input{padding:0 12px;height:48px;width:calc(100% - 24px);color:#23224d}.EditWaNumberPopup_formInput input{padding:0 12px;height:48px;width:calc(100% - 24px);border:1px solid #656464;border-radius:4px;color:#656464;margin-top:8px}.EditWaNumberPopup_formInput textarea{flex-direction:row;align-items:flex-start;padding:12px;gap:10px;width:calc(100% - 24px);background:#FAFAFA;border:1px solid #F2F2F2;border-radius:4px;font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#828282}.EditWaNumberPopup_formInput .inputWaNumber .country p{font-weight:600;font-size:16px;line-height:24px;display:flex;align-items:center;color:#333}.EditWaNumberPopup_formInput .css-vamk89-MuiFormControl-root{width:100%;margin:8px 0 0;height:48px}.EditWaNumberPopup_formInput .selectTagWa{height:48px}.EditWaNumberPopup_footer{position:sticky;bottom:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 16px;gap:4px;background:#FFFFFF;border-bottom:1px solid #F2F2F2;box-shadow:0 0 10px #0000001a}.EditWaNumberPopup_footer .cancel{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;width:76px;height:46px;border-radius:4px;cursor:pointer}.EditWaNumberPopup_footer .cancel p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#df6262}.EditWaNumberPopup_footer .cancel img{width:16px;height:16px}.EditWaNumberPopup_footer .add{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;background:#5C5ACC;border-radius:4px;cursor:pointer}.EditWaNumberPopup_footer .add p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.EditWaNumberPopup_footer .add img{width:16px;height:16px}.recentTags{display:flex;align-items:center;padding:8px 0 8px 12px;gap:12px;border-radius:4px;margin-top:12px}.recentTags p{font-size:12px;line-height:22px;letter-spacing:.01em}.recentTags .recentTags_right{display:flex;align-items:center;gap:12px}.recentTags .recentTags_right .recentTags_rightItem{padding:4px 8px 4px 4px;gap:8px;border-radius:4px;color:#fff;font-size:12px;line-height:22px;letter-spacing:.01em;display:flex;align-items:center}.DeleteContactListPopup,.DeleteContactListPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:420px;margin:0 auto}.DeleteContactListPopup .css-hz1bth-MuiDialog-container,.DeleteContactListPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:420px}.DeleteContactListPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFFFFF;position:relative}.DeleteContactListPopup_head{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;position:sticky;top:0;background:#FFFFFF}.DeleteContactListPopup .Banner{display:flex;justify-content:center;align-items:center;margin-bottom:4px}.DeleteContactListPopup .Banner img{width:225px;height:150px;object-fit:contain}.DeleteContactListPopup .Question{text-align:center;font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333;width:388px;margin:0 auto}.DeleteContactListPopup .Description{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464;margin:4px auto 0}.DeleteContactListPopup .Action{display:flex;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px}.DeleteContactListPopup .Action .No{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;width:104px;color:#df6262;background:none;border:none}.DeleteContactListPopup .Action .Yes{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 12px;gap:8px;color:#fff;background:#DF6262;border-radius:4px}.LabelFormBody{max-height:calc(100vh - 120px)!important;min-height:calc(100vh - 120px)!important;padding:0;height:calc(100vh - 120px)!important;overflow:hidden;width:100%;background:#FFF6DE;position:fixed;bottom:0;left:0}.LabelFormBody .middle{height:calc(100vh - 120px)!important;max-height:calc(100vh - 120px)!important;overflow-y:scroll;padding-top:57px!important;padding-right:60px!important;padding-left:60px!important}.FormLabellingActive{border-left:5px solid #6562DF}.FormLabelling{margin-bottom:100px}.FormLabelling .Header{padding:24px;border-radius:0 8px 8px;background-color:#fff;margin-bottom:16px}.FormLabelling .Header .Title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.FormLabelling .Header .Title .Left{display:flex;align-items:center}.FormLabelling .Header .Title .iconUser{display:flex;align-items:center;justify-content:center;background:#ffe9b3;border:1px solid #ffcb47;border-radius:32px;width:40px;height:40px}.FormLabelling .Header .Title input{margin:0 12px;font-size:24px;line-height:32px;display:flex;align-items:center;letter-spacing:-.01em;color:#333;flex:1;border-bottom:1px solid #F2F2F2}.FormLabelling .Header .Title .more{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.FormLabelling .Header .Deskripsi{border-bottom:1px solid #F2F2F2;margin-bottom:12px}.FormLabelling .Header .Deskripsi p,.FormLabelling .Header .Deskripsi input{font-size:12px;line-height:22px;color:#333}.FormLabelling .Header .Repeat{display:flex;align-items:center;gap:4px}.FormLabelling .Header .Repeat p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656565}.FormLabelling .Bagian{padding:24px;border-radius:8px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.FormLabelling .Bagian .more{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.FormLabelling .Bagian input{font-weight:600;font-size:16px;line-height:24px;display:flex;align-items:center;color:#333;border-bottom:1px solid #F2F2F2;flex:1}.FormLabelling .FormArea{padding:24px;background-color:#fff;border-radius:0 8px 8px;margin-bottom:16px}.FormLabelling .FormArea .Question{display:flex;align-items:center;justify-content:space-between;gap:8px;marfgin-bottom:16px}.FormLabelling .FormArea .Question input{display:flex;flex-direction:row;align-items:center;flex:1;padding:12px;background:#FFFFFF;border:1px solid #656464;border-radius:4px;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#23224d}.FormLabelling .FormArea .Deskripsi{margin-bottom:16px;border-bottom:1px solid #BDBDBD}.FormLabelling .FormArea .Answer{padding:12px 0}.FormLabelling .FormArea .Answer .AnswerItem{display:flex;align-items:center;justify-content:space-between;padding-left:28px;margin-bottom:16px}.FormLabelling .FormArea .Answer .AnswerItem .Left,.FormLabelling .FormArea .Answer .AnswerItem .Left img{display:flex;align-items:center;gap:12px}.FormLabelling .FormArea .Answer .AnswerItem .Left input{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.FormLabelling .FormArea .Action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #F2F2F2;margin-top:16px}.FormLabelling .FormArea .Action .Left{display:flex;align-items:center;gap:4px}.FormLabelling .FormArea .Action .Left div{width:44px;height:48px;display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;background:#fff;cursor:pointer}.FormLabelling .FormArea .Action .Right{display:flex;align-items:center;gap:4px;padding:0}.FormLabelling .FormArea .Action .Right .Required{display:flex;align-items:center;gap:12px;padding:0}.FormLabelling .FormArea .Action .Right .Required p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#656464}.FormLabelling .more{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.FormLabelling .FormArea .ShortAnswer{display:flex;align-items:flex-start;padding:12px;gap:10px;background:#FAFAFA;border:1px solid #F2F2F2;border-radius:4px;margin:12px 0}.FormLabelling .FormArea .ShortAnswer input{flex:1;background:#FAFAFA}.FormLabelling .FormArea .Scale{padding:12px 0}.FormLabelling .FormArea .Scale .Input{display:flex;align-items:center;padding:0;gap:12px;margin-bottom:12px}.FormLabelling .FormArea .Scale .Input p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.FormLabelling .FormArea .Scale .Input .Number button{background:white;padding:12px;border:1px solid #656464;border-radius:4px}.FormLabelling .FormArea .Scale .Input .Number button .Left{display:flex;align-items:center;gap:10px}.FormLabelling .FormArea .Scale .AnswerScale{display:flex;align-items:center;padding:0 12px;gap:12px;margin-bottom:12px}.FormLabelling .FormArea .Scale .AnswerScale p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.FormLabelling .FormArea .Scale .AnswerScale input{flex:1;display:flex;align-items:center;padding:4px 0;gap:4px;border-bottom:1px solid #B3B3B3;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em}.FormLabelling .FormArea .DateAnswer{display:flex;align-items:center;padding:4px 0;gap:12px;height:32px;margin:12px 0}.FormLabelling .FormArea .DateAnswer p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.FormLabelling .FormArea .TimeAnswer{display:flex;align-items:center;padding:4px 0;gap:12px;height:32px;margin:12px 0}.FormLabelling .FormArea .TimeAnswer p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.QuestionType button{display:flex;align-items:center;justify-content:space-between;width:240px;padding:12px;background:#FFFFFF;border:1px solid #656464;border-radius:4px}.QuestionType button .Left{display:flex;align-items:center;gap:8px;flex:1}.QuestionType button .Left{height:24px;width:24px}.QuestionType button .Left p{font-weight:500;font-size:14px;line-height:24px;color:#23224d}.AppInformationPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.AppInformationPage .left{max-width:320px;width:320px;padding:24px 16px}.AppInformationPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100vw - 320px);overflow-y:scroll;height:calc(100vh - 72px)}.AppInformationPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.AppInformationPage_breadcrumbs img:first-child{width:24px;height:24px}.AppInformationPage_breadcrumbs img{width:16px;height:16px}.AppInformationPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.AppInformationPage_head{display:flex;flex-direction:column;align-items:center;gap:12px;margin:20px 0 12px;width:100%}.AppInformationPage_head .title{font-weight:400!important;font-size:24px!important;line-height:32px!important;letter-spacing:-.01em!important;color:#333!important}.AppInformationPage_head .input{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;gap:10px;background:#FFFFFF;border:1px solid #F2F2F2;border-radius:4px;width:calc(100% - 24px)}.AppInformationPage_head .input input{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333;width:100%}.AppInformationPage_head .input input::placeholder{color:#bdbdbd}.AppInformationPage_data{padding:12px;background:#FFFFFF;max-height:75vh;margin-top:20px}.AppInformationPage_dataHead{display:flex;align-items:flex-start;gap:8px}.AppInformationPage_dataHeadItem{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;cursor:pointer}.AppInformationPage_dataHeadItem p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#656565}.AppInformationPage_dataHeadItemActive{border-bottom:2px solid #6562DF}.AppInformationPage_dataHeadItemActive p{color:#6562df}.AppInformationPage_policy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:12px 16px;overflow-y:scroll;box-shadow:none;margin-top:16px}.AppInformationPage_policy .title{font-weight:600;font-size:16px;line-height:24px;color:#333}.AppInformationPage_policy .accordion{max-height:calc(75vh - 300px);overflow-y:scroll}.AppInformationPage_policy .accordion .css-1wc0u5o-MuiPaper-root-MuiAccordion-root{box-shadow:none;border-top:.1px solid #F2F2F2;border-bottom:.1px solid #F2F2F2}.AppInformationPage_policy .accordion .css-1wc0u5o-MuiPaper-root-MuiAccordion-root:before,.AppInformationPage_policy .accordion .css-1wc0u5o-MuiPaper-root-MuiAccordion-root:after{background-color:transparent}.AppInformationPage_policy .accordion .MuiAccordionSummary-root{flex-direction:row;height:44px;border-radius:4px}.AppInformationPage_policy .accordion .accordionHeader{width:100%;padding:12px}.AppInformationPage_policy .accordion .accordionHeader p{font-weight:500;font-size:14px;line-height:20px;color:#333}.AppInformationPage_policy .accordion .accordionDetails{padding:8px 24px;font-weight:400;font-size:12px;line-height:22px;color:#333;letter-spacing:.01em}.AppInformationPage_policy .bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:12px}.AppInformationPage_policy .bottom .left{flex:1;width:100%;max-width:100%;padding:0}.AppInformationPage_policy .bottom .left p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565}.AppInformationPage_policy .bottom .right{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;gap:8px;height:36px;max-width:188px;background:none}.AppInformationPage_policy .bottom .right p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc}.AccountManagementPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.AccountManagementPage .left{max-width:320px;width:320px;padding:24px 16px}.AccountManagementPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;overflow-y:scroll;max-width:calc(100vw - 320px);height:calc(100vh - 72px)}.AccountManagementPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.AccountManagementPage_breadcrumbs img:first-child{width:24px;height:24px}.AccountManagementPage_breadcrumbs img{width:16px;height:16px}.AccountManagementPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.AccountManagementPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.AccountManagementPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.AccountManagementPage_body{background:#fff;padding:12px;gap:16px;margin-top:12px}.AccountManagementPage_body .head{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:4px;margin-bottom:16px}.AccountManagementPage_body .head .my-profile{flex-direction:row;justify-content:center;padding:8px;gap:8px;width:77px;border-bottom:2px solid #6562DF;font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#6562df}.AccountManagementPage_body .body{display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;gap:12px;border-radius:8px}.AccountManagementPage_body .body .profile-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;width:100%}.AccountManagementPage_body .body .profile-header .avatar{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;flex:1}.AccountManagementPage_body .body .profile-header .avatar .name .name{font-weight:600;font-size:16px;line-height:24px;display:flex;align-items:center;color:#333}.AccountManagementPage_body .body .profile-header .avatar .name .role{font-weight:500;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:-.01em;color:#656565}.AccountManagementPage_body .body .profile-header .avatar .name .email{font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#b3b3b3}.AccountManagementPage_body .body .profile-header .avatar img{width:60px;height:60px;border-radius:50px}.AccountManagementPage_body .body .profile-header button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;width:89px;height:48px;background:#5C5ACC;border-radius:4px}.AccountManagementPage_body .body .profile-header button .button_default{color:#fafafa!important}.AccountManagementPage_body .body .profile-header-edit{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;gap:8px;width:100%}.AccountManagementPage_body .body .profile-header-edit .title{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.AccountManagementPage_body .body .profile-header-edit img{width:200px;height:200px}.AccountManagementPage_body .body .profile-header-edit .name{font-weight:600;font-size:16px;line-height:24px;color:#333}.AccountManagementPage_body .body .profile-header-edit .role{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656565}.AccountManagementPage_body .body .profile-header-edit .email{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#b3b3b3}.AccountManagementPage_body .body .profile-header-edit .EditContact_photo{display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;width:200px;height:200px}.AccountManagementPage_body .body .profile-header-edit .EditContact_photo p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.AccountManagementPage_body .body .profile-header-edit .EditContact_photo .photo{position:relative;width:200px;height:200px}.AccountManagementPage_body .body .profile-header-edit .EditContact_photo .avatar{position:absolute;top:0px;left:0;padding:0;width:200px;border-radius:50%}.AccountManagementPage_body .body .profile-header-edit .EditContact_photo .hoverText{position:absolute;display:flex;justify-content:center;align-items:center;gap:8px;top:0;left:0;width:200px;height:200px;background:rgba(51,51,51,.8);border-radius:50%;opacity:0}.AccountManagementPage_body .body .profile-header-edit .EditContact_photo .photo:hover .hoverText{opacity:1}.AccountManagementPage_body .body .profile-header-edit .EditContact_photo .hoverText p{font-weight:700;font-size:18px;line-height:24px;letter-spacing:.05em;color:#fff}.AccountManagementPage_body .body .profile-header-edit .EditContact_photo .hoverText input{display:none}.AccountManagementPage_body .body .profile-header-edit .EditContact_photo .hoverText img{width:48px;height:48px}.AccountManagementContent{display:flex;flex-direction:column;align-items:flex-start;padding:12px 0;gap:12px;width:100%}.AccountManagementContent title{font-weight:700;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:-.01em;color:#333}.AccountManagementContent .field-two{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;gap:12px;width:100%}.AccountManagementContent .field-two .input{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;flex:1}.AccountManagementContent .field-two .input .active{outline:1px solid #817EE5;caret-color:#817ee5;border-radius:4px}.AccountManagementContent .field-two label{font-weight:500;font-size:14px;line-height:24px;display:flex;align-items:center;letter-spacing:.01em;color:#656464}.AccountManagementContent .field-two .input .input{gap:4px;width:100%;flex:1;font-weight:500;font-size:14px;line-height:24px;display:flex;align-items:center;letter-spacing:.01em;color:#23224d;outline:1px solid #656565;border-radius:4px}.AccountManagementContent .field-two .input .active{outline:1px solid #817EE5!important;caret-color:#817ee5;border-radius:4px}.AccountManagementContent .field-two .input input{padding:12px;gap:4px;width:calc(100% - 24px);flex:1;font-weight:500;font-size:14px;line-height:24px;display:flex;align-items:center;letter-spacing:.01em;color:#23224d}.AccountManagementContent .field-two .input-custom{width:calc(100% + 2px)}.AccountManagementContent .field-two .input-custom label{margin-bottom:4px}.AccountManagementContent .field-two .input-custom input{padding:12px;gap:4px;border-radius:4px;flex:1;font-weight:500;font-size:14px;line-height:24px;display:flex;align-items:center;letter-spacing:.01em;color:#23224d}.AccountManagementContent .field-two .input-custom .MuiAutocomplete-root{border:1px solid #656464;gap:4px;width:calc(100% - 2px);border-radius:4px}.AccountManagementContent .field-two .input-custom .MuiAutocomplete-root:hover{border:1px solid #656464}.AccountManagementContent .field-two .input-custom .MuiAutocomplete-root:focus{border:1px solid #817EE6}.AccountManagementContent .field-two .reset{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:24px;gap:8px;cursor:pointer}.AccountManagementContent .field-two .reset p{font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#5c5acc}.AccountManagementContent .field-two .PhoneWrapper{flex:1 1 0;display:flex;align-items:flex-start;gap:4px;align-self:stretch}.AccountManagementContent .field-two .PhoneWrapper .ColumnPhone{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0;align-self:stretch}.AccountManagementContent .field-two .PhoneWrapper .ColumnPhone .Left{display:flex;flex-direction:row;align-items:center;width:100%;gap:4px}.AccountManagementContent .field-two .PhoneWrapper .ColumnPhone .Left .btnChange{display:flex;flex-direction:row;align-items:center;padding:12px;gap:4px;background:#FFF;border:1px solid #333333;border-radius:4px;height:48px;outline:none}.AccountManagementContent .field-two .PhoneWrapper .ColumnPhone .Left .btnChange:hover{border:1px solid #6562DF;background:#FAFAFA}.AccountManagementContent .field-two .PhoneWrapper .ColumnPhone .Left .btnChange .flag{width:24px;height:24px;border-radius:50%;overflow:hidden}.AccountManagementContent .field-two .PhoneWrapper .ColumnPhone .Left .btnChange p{font-weight:600;font-size:16px;line-height:24px;color:#333}.AccountManagementContent .field-two .PhoneWrapper .ColumnPhone .Left .input .active{border-radius:4px;outline:1px solid #817EE5!important}.AccountManagementContent .field-two .PhoneWrapper .ColumnPhone .Left .input .inactive{border-radius:4px;outline:1px solid #333333}.AccountManagementContent .action-edit{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;margin-top:12px}.AccountManagementContent .action-edit .cancel{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;color:#df6262;background:#fff;width:76px;border:none;outline:none}.AccountManagementContent .action-edit .save{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;height:48px;background:#23224D;border-radius:4px}.AccountManagementContent .action-edit .save .button_default{color:#fff}.AccountManagementContent .action{display:flex;flex-direction:space-between;align-items:center;padding:12px 0;gap:12px;background:#FFFFFF;border-top:1px solid #FAFAFA}.AccountManagementContent .action button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;background:#FFF;border-radius:4px;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#a92323;border:none;outline:none;transition:all .3s ease-in-out;order:1}.AccountManagementContent .action button:hover{background:#FDF7F7}.AccountManagementContent .action .info{flex:1;display:flex;flex-direction:row;align-items:center;padding:4px 8px;gap:8px}.AccountManagementContent .action .info p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464}.BlackBg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.BlackBg .ResetPasswordForm{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;position:absolute;width:500px;background:#FFFFFF;box-shadow:0 0 10px #0000001a;border:1px solid #F2F2F2;border-radius:8px;z-index:101;left:calc(50% - 250px);top:calc(50% - 265px)}.BlackBg .ResetPasswordForm .head{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;width:100%}.BlackBg .ResetPasswordForm .head .title{font-weight:700;font-size:24px;line-height:32px;display:flex;align-items:center;letter-spacing:-.02em;color:#333}.BlackBg .ResetPasswordForm .password{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%}.BlackBg .ResetPasswordForm .password .input{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:12px;gap:4px;background:#FFFFFF;border-radius:4px;width:calc(100% - 24px)}.BlackBg .ResetPasswordForm .password .input input{flex:1}.BlackBg .ResetPasswordForm .warn,.BlackBg .ResetPasswordForm .password .warn{display:flex;padding:4px 8px;align-items:center;gap:8px}.BlackBg .ResetPasswordForm .warn p,.BlackBg .ResetPasswordForm .password .warn p{font-size:12px;font-family:Inter;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.BlackBg .ResetPasswordForm .password .warn .success{color:var(--info-color-success, #62DF7E)}.BlackBg .ResetPasswordForm .password .warn .failed{color:var(--info-color-success, #656464)}.BlackBg .ResetPasswordForm .warn .notmatched,.BlackBg .ResetPasswordForm .password .warn .notmatched{color:var(--info-color-success, #DF6262)}.BlackBg .ResetPasswordForm .password .status{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0;width:100%}.BlackBg .ResetPasswordForm .password .status .left{display:flex;flex-direction:row;align-items:center;padding:4px 8px;gap:8px}.BlackBg .ResetPasswordForm .password .status .left p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#62df7e}.BlackBg .ResetPasswordForm .password .status p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#5c5acc}.BlackBg .ResetPasswordForm .btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 12px 12px 16px;gap:12px;background:#5C5ACC;border-radius:4px;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff;width:100%;transition:all .3s ease}.BlackBg .ResetPasswordForm .btn:hover{background:#23224D}.BlackBg .ResetPasswordForm .cancel{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 12px 12px 16px;gap:12px;width:100%;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#656565;background:#fff;border:none;outline:none}.BlackBg .MaxAttempt{display:flex;width:420px;padding-bottom:0;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background:var(--background-white, #FFF);position:absolute;z-index:101;left:calc(50% - 210px);top:calc(50% - 125px)}.BlackBg .MaxAttempt .head{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.BlackBg .MaxAttempt .body{display:flex;flex-direction:column;align-items:center;gap:12px;align-self:stretch;margin-bottom:24px}.BlackBg .MaxAttempt .body img{width:225px;height:150px}.BlackBg .MaxAttempt .body .desc{display:flex;width:420px;padding:0 16px;flex-direction:column;align-items:center;gap:4px;width:calc(100% - 32px)}.BlackBg .MaxAttempt .body .desc p{color:var(--info-color-danger, #DF6262);text-align:center;font-size:14px;font-family:Inter;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize}.BlackBg{position:fixed;top:72px;left:320px;width:calc(100% - 320px);height:calc(100% - 72px);background-color:#00000050;z-index:100}.BlackBg .DeactivateAccount{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;position:absolute;width:500px;background:#FFFFFF;box-shadow:0 0 10px #0000001a;border:1px solid #F2F2F2;border-radius:8px;z-index:101;left:calc(50% - 250px);top:calc(50% - 242px)}.BlackBg .DeactivateAccount .title{font-weight:700;font-size:24px;line-height:32px;display:flex;align-items:center;letter-spacing:-.02em;color:#333}.BlackBg .DeactivateAccount .password{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%}.BlackBg .DeactivateAccount .password label span{color:red}.BlackBg .DeactivateAccount .password .input{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:12px;gap:4px;background:#FFFFFF;border:1px solid #F2F2F2;border-radius:4px;width:calc(100% - 24px)}.BlackBg .DeactivateAccount .password .input input{flex:1}.BlackBg .DeactivateAccount .password .input-reason{display:flex;flex-direction:row;align-items:flex-start;padding:12px;gap:4px;background:#FAFAFA;border:1px solid #F2F2F2;border-radius:4px;width:calc(100% - 24px)}.BlackBg .DeactivateAccount .password .input-reason input{flex:1;background:#FAFAFA}.BlackBg .DeactivateAccount .password .status{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0;width:100%}.BlackBg .DeactivateAccount .password .status .left{display:flex;flex-direction:row;align-items:center;padding:4px 8px;gap:8px}.BlackBg .DeactivateAccount .password .status .left p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#62df7e}.BlackBg .DeactivateAccount .password .status p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#5c5acc}.BlackBg .DeactivateAccount .action{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px}.BlackBg .DeactivateAccount .action .deactivate{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 12px 12px 16px;height:38px;gap:12px;background:#DF6262;border-radius:4px;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff;width:100%;border:none;cursor:pointer;outline:none}.BlackBg .DeactivateAccount .action .cancel{flex-direction:row;justify-content:center;padding:12px 12px 12px 16px;gap:12px;border:none;cursor:pointer;outline:none;width:100%;font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#656565;background:#FFFFFF}.BlackBg .DeactivateAccount .Header_Confirm{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%}.BlackBg .DeactivateConfirm img{width:225px;height:150px}.BlackBg .DeactivateConfirm h2{margin-top:4px;font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;text-transform:capitalize;text-align:center}.BlackBg .DeactivateConfirm .caption_small{text-align:center;margin-top:4px}.BlackBg .DeactivateConfirm .action{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px}.BlackBg .DeactivateConfirm .action button{max-width:120px;padding:8px 12px!important}.ChatSettingPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.ChatSettingPage .left{max-width:320px;width:320px;padding:24px 16px}.ChatSettingPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100vw - 320px);overflow-y:scroll;height:calc(100vh - 72px)}.ChatSettingPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.ChatSettingPage_breadcrumbs img:first-child{width:24px;height:24px}.ChatSettingPage_breadcrumbs img{width:16px;height:16px}.ChatSettingPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ChatSettingPage_head{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:20px 0 12px}.ChatSettingPage_head .title{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.01em;color:#333}.ChatSettingPage_head .text{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ChatSettingPage_data{padding:12px;background:#FFFFFF;max-height:70vh}.ChatSettingPage_dataHead{display:flex;align-items:flex-start;gap:8px}.ChatSettingPage_dataHeadItem{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;cursor:pointer}.ChatSettingPage_dataHeadItem p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#656565}.ChatSettingPage_dataHeadItemActive{border-bottom:2px solid #6562DF}.ChatSettingPage_dataHeadItemActive p{color:#6562df}.ChatSettingPage_session{display:flex;align-items:flex-start;justify-content:space-between;padding:12px;gap:12px;border:1px solid #F2F2F2;border-radius:4px;margin-top:16px}.ChatSettingPage_sessionLeft{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.ChatSettingPage_sessionLeft .item{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px}.ChatSettingPage_sessionLeft .item .top,.ChatSettingPage_sessionLeft .item .bottom,.ChatSettingPage_sessionLeft .button{display:flex;align-items:flex-end;padding:0;gap:12px}.ChatSettingPage_sessionLeft .item .top h1{font-weight:600;font-size:16px;line-height:24px}.ChatSettingPage_sessionLeft .item .top p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#b3b3b3}.ChatSettingPage_sessionLeft .item .bottom .input{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;gap:4px;width:76px;height:24px;border:1px solid #656464;border-radius:4px}.ChatSettingPage_sessionLeft .item .bottom .input p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#23224d}.ChatSettingPage_sessionLeft .item .bottom .input input{width:100%;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.ChatSettingPage_sessionLeft .item .bottom .input input::placeholder{color:#656464}.ChatSettingPage_sessionLeft .button{margin-top:12px}.ChatSettingPage_sessionLeft .button .btn-cancel,.ChatSettingPage_sessionLeft .button .btn-save{padding:12px;border-radius:4px;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#df6262;cursor:pointer}.ChatSettingPage_sessionLeft .button .btn-save{background:#5C5ACC;color:#fafafa}.ChatSettingPage_sessionRight{display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;background:#5C5ACC;border-radius:4px;cursor:pointer}.ChatSettingPage_sessionRight p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.ChatSettingPage_autoRetry{width:100%;max-height:96px;padding:12px;gap:40px;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.PaymentMethodPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.PaymentMethodPage .left{max-width:320px;width:320px;padding:24px 16px}.PaymentMethodPage .right{flex:1;padding:24px 16px 24px 40px;background:#fff;max-width:calc(100vw - 320px);overflow-y:scroll;height:calc(100vh - 72px)}.PaymentMethodPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.PaymentMethodPage_breadcrumbs img:first-child{width:24px;height:24px}.PaymentMethodPage_breadcrumbs img{width:16px;height:16px}.PaymentMethodPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.PaymentMethodPage_head{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:20px 0 12px}.PaymentMethodPage_head .title{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.01em;color:#333}.PaymentMethodPage_head .text{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.PaymentMethodPage_body{.NextPayment,.PaymentFail {display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 12px; border: 1px solid #E5E4E4; border-radius: 8px; margin-top: 20px; .square {width: 24px; height: 24px; border-radius: 6px; background: #6562DF; display: flex; justify-content: center; align-items: center;} .main {flex: 1; display: flex; flex-direction: column; h6 {color: #6562DF;}} .btn,.btn-retry {width: 107px; height: 36px; gap: 4px; border-radius: 4px; padding: 0; background: #5C5ACC; display: flex; justify-content: center; align-items: center; p {color: #FAFAFA;}} .btn-retry {background: none; padding: 0; width: 112px; p {color: #656565;}}} .PaymentFail {background: #DF62620D; border: 1px solid #DF626226; .main {h6 {color: #DF6262;}}} .Package {display: flex; flex-direction: column; gap: 12px; border-radius: 8px; padding: 12px 16px; height: max-content; max-height: max-content; border: 1px solid #62DF7E; margin-top: 20px; .top {display: flex; justify-content: space-between; align-items: center; padding: 0; .left {display: flex; flex-direction: column; padding: 0; p {color: #656565;} h3 {color: #23224D;}} .right {display: flex; align-items: flex-end; flex-direction: column; max-height: 56px; padding: 0; .top {display: flex; justify-content: flex-end; align-items: center; gap: 4px; p {color: #25AF60;} h4 {color: #23224D;}}}} .center {p {color: #808080;}} .bottom {display: flex; justify-content: flex-end; align-items: center; background: none; gap: 16px; p {color: #6562DF; text-decoration: underline;} #btn_switch_success {width: 107px; height: 36px; gap: 4px; border-radius: 4px; padding: 0; background: #5C5ACC; display: flex; justify-content: center; align-items: center; p {color: #FAFAFA;}}}}}.TransactionPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.TransactionPage .GridWrapper{height:calc(100vh - 72px)}.TransactionPage .left{max-width:320px;width:320px;padding:24px 16px}.TransactionPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100vw - 320px);max-height:calc(100vh - 72px);overflow-y:scroll}.TransactionPage .right .Result{gap:4px;margin-bottom:24px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center}.TransactionPage .right .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.TransactionPage .right .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.TransactionPage .right .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.TransactionPage .right .Result button:hover p{color:#23224d}.TransactionPage .right .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.TransactionPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.TransactionPage_breadcrumbs img:first-child{width:24px;height:24px}.TransactionPage_breadcrumbs img{width:16px;height:16px}.TransactionPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.TransactionPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.TransactionPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.TransactionPage_connect{display:flex;flex-direction:column;align-items:center;gap:16px}.TransactionPage_connect img{width:250px;height:250px}.TransactionPage_connect h4{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;text-align:center}.TransactionPage_connect p{font-weight:400;font-size:16px;line-height:24px;color:#656464;margin-top:4px;text-align:center}.TransactionPage_connect .connect{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;width:142px;height:48px;cursor:pointer}.TransactionPage_connect .connect img{width:24px;height:24px}.TransactionPage_connect .connect p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.TransactionPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px}.TransactionPage_action .left{display:flex;align-items:flex-start;gap:12px;width:100%;padding:0}.TransactionPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:360px;height:48px;border:1px solid #F2F2F2;border-radius:4px;margin-right:12px;background:#fff}.TransactionPage_action .left .input img,.TransactionPage_action .rightPart img{width:24px;height:24px}.TransactionPage_action .left .input input{flex:1;width:300px;height:24px}.TransactionPage_action .left .input input:focus{outline:none}.TransactionPage_action .rightPart{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;height:100%;max-height:48px;padding:12px 16px 12px 12px}.TransactionPage_action .rightPart p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.TransactionPage_action .btn-delete{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px 12px 12px;gap:12px;border-radius:4px;transition:.3s;background:none;outline:none;border:none}.TransactionPage_action .btn-delete:hover{background:rgba(223,98,98,.15)}.TransactionPage_action .btn-delete p{font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#df6262}.TransactionPage_data{max-width:calc(100vw - 376px);overflow:scroll}.TransactionPage_data table{width:100%;border-spacing:0;border-collapse:collapse}.TransactionPage_data thead,.TransactionPage_data thead tr>*{background:#ededff}.TransactionPage_data tbody,.TransactionPage_data tbody td>*{background:#fafafa}.TransactionPage_data tbody td{background:#fff;border:none}.TransactionPage_data tbody td p{color:#656565}.TransactionPage_data thead tr,.TransactionPage_data tbody tr{display:flex}.TransactionPage_data thead tr th>button{padding:0;border:none;background:none;outline:none;display:flex;align-items:center;justify-content:center}.TransactionPage_data thead th p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.TransactionPage_data tbody td p{background:none}.TransactionPage_data thead .Checkbox{display:flex;width:24px;height:24px;padding:16px 8px;align-items:center;justify-content:center;gap:8px;position:sticky;left:0;z-index:1}.TransactionPage_data tbody .Checkbox{display:flex;width:24px;height:32px;padding:16px 8px;align-items:center;justify-content:center;gap:8px;position:sticky;left:0;z-index:1}.TransactionPage_data thead .startDate,.TransactionPage_data thead .endDate{display:flex;width:200px;height:24px;padding:16px;justify-content:space-between;align-items:center;position:sticky}.TransactionPage_data tbody .startDate,.TransactionPage_data tbody .endDate{display:flex;width:200px;height:32px;padding:16px;align-items:center;gap:10px;position:sticky}.TransactionPage_data thead .paymentMethod{display:flex;width:148px;height:24px;padding:16px;justify-content:space-between;align-items:center;position:sticky;left:80px}.TransactionPage_data tbody .paymentMethod{display:flex;width:148px;height:32px;padding:16px;align-items:center;gap:10px;position:sticky;left:80px}.TransactionPage_data thead .charge{display:flex;width:184px;flex:1;height:24px;padding:16px;justify-content:space-between;align-items:center;position:sticky;left:80px}.TransactionPage_data tbody .charge{display:flex;width:184px;flex:1;height:32px;padding:16px;align-items:center;gap:10px;position:sticky;left:80px}.TransactionPage_data thead .action{display:flex;width:20px;height:24px;padding:16px;justify-content:space-between;align-items:center;position:sticky;right:0}.TransactionPage_data tbody .action{display:flex;width:20px;height:32px;padding:16px;align-items:center;gap:4px;position:sticky;right:0}.TransactionPage_data .freezed{background:#A2A1E5;position:absolute;bottom:0;left:0;width:100%;height:5px}.BubleContainerChapterName{display:flex;max-height:400px;padding:8px 20px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;width:100%}.TypoChapterName{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:24px;background-color:"red"}.WrapperChapterName{display:flex;gap:10px;width:100%;justify-content:space-between;align-items:center}.ContainerBuble{display:flex;width:calc(100vw - 800px);padding:12px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:8px;border:1px solid var(--primary-color-primary-500, #dedddd);background:var(--background-white, #fafafa)}.WrapperOverrideQuill .ql-container.ql-snow{border-radius:5px;border:1px solid black}.BubleUseTemplateTitle{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.UseTemplateTypography{color:var(--primary-color-primary-600, #5c5acc)!important;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.HotkeyInputUseTemplate{display:flex;width:80px;height:36px;padding:12px 8px;align-items:center;gap:10px;flex-shrink:0;border-radius:4px;background:var(--background-white, #fff)}#wrapper{position:relative;height:100%}.elipsis-bublechatusetemplate{width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.CIrcleDeleteImageChat{position:absolute;top:1px;right:1px}.BubbleTemplateContent_Popover_item{display:flex;align-items:center;padding:8px 12px;gap:10px;border-radius:4px;width:100%;max-width:136px}.BubbleTemplateContent_Popover_item:hover{background:#6562df;color:#fff}.BubbleTemplateContent_Popover_item:hover svg path{stroke:#fff}.BubbleTemplateContent_Popover_item:hover p{color:#fff}.UseTemplateButton{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;background-color:transparent}.UseTemplateButton:hover{background:#dadaf2;border-radius:4px;border-color:#dadaf2}.buttonMenuIcon{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);color:#fff}.buttonMenuIcon:hover{background:#23224d!important;border-color:#23224d!important}.Item .Tag .L .GbBox{display:flex;padding:4px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--Primary-Color-Primary500, #6562df);background:var(--Background-White, #fff);color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.Item .Tag .L .WaitResponBox{color:var(--Primary-Color-Primary500, #6562df);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.Item .Tag .L .LabelContact{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral500, #b3b3b3);background:var(--Background-White, #fff)}.Item .Tag .L .LabelContact .contacts{color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.TypographySubAccordion{overflow:hidden;color:var(--neutral-color-neutral-800, #656565);text-overflow:ellipsis;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.WrapperHeaderAccordion{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.WrapperHeaderAccordion .title{color:#000;font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.WrapperHeaderAccordion .subtitle{color:var(--primary-color-primary-500, #6562df);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.GBSPreviewLayoutMessage{display:flex;padding:12px 4px;flex-direction:column;align-items:flex-end;gap:4px;flex:1 0 0;align-self:stretch;background:#efe6dd;overflow-y:scroll}.GBSPreviewLayoutMessageLeft{display:flex;padding:12px 4px;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0;align-self:stretch;background:#efe6dd;overflow-y:scroll}.Bg_FollowCS{position:fixed;left:0px;top:72px;width:calc(100vw + -0px);height:calc(100vh - 72px);background-color:#00000050;display:flex;justify-content:center;align-items:center;z-index:2}.FollowCS{width:83.59375vw;height:min-content;max-height:72.115vh;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 0 10px #0000001a;background:#fff!important}.FollowCS .SearchPart{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:none;background:#fff;width:296px;padding:12px 8px 12px 16px}.FollowCS .Warn_NotFilled{display:flex;justify-content:flex-start;align-items:center;gap:8px;border-radius:8px;background:var(--info-color-danger, #df6262);box-shadow:0 0 10px #0000001a;width:calc(100% - 48px);margin:0 16px 150px;padding:8px;position:absolute;left:0;z-index:400}.FollowCS .Warn_NotFilled .Info p{color:#fff;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.FollowCS_head{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px 8px 0 0;border-bottom:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff)}.FollowCS_head .left{display:flex;align-items:center;gap:8px;padding:0}.FollowCS_head .left p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.FollowCS .body{display:flex;max-height:400px;height:400px;width:100%;overflow:scroll}.FollowCS .body .left{padding:10px 16px;display:flex;flex-direction:column;gap:10px;flex:.7}.FollowCS .body .left .BridgeSentence{display:flex;align-items:center;gap:2px}.FollowCS .body .left .search{color:var(--Neutral-Color-Neutral900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.FollowCS .body .left .TitleSelectStep{display:flex;justify-content:flex-start;align-items:center;gap:4px}.FollowCS .body .right{padding:10px 16px;display:flex;flex-direction:column;gap:10px;flex:.3}.FollowCS .body .right .header{display:flex;padding:16px;flex-direction:column;align-items:center;gap:10px;align-self:stretch;border-radius:4px;background:var(--Primary-Color-Primary100, #dadaf2);color:var(--Primary-Color-Primary900, #23224d);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.FollowCS .body .right .preview{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0;align-self:stretch;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral200, #f2f2f2);background:var(--Background-White, #fff)}.Follow_CS_Footer{display:flex;padding:8px 12px;width:calc(100% - 24px)!important;justify-content:space-between;align-items:center;align-self:stretch;background:var(--background-white, #fff);border-radius:0 0 8px 8px}.Follow_CS_Footer button{border:none;outline:none;background:none}.Follow_CS_Footer .Left{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;cursor:pointer}.Follow_CS_Footer .Left p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#df6262}.Follow_CS_Footer .Right{display:flex;align-items:center;gap:8px}.Follow_CS_Footer .Right button{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.Follow_CS_Footer .Right button p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.Follow_CS_Footer .Right button:disabled{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #808080)!important}.Follow_CS_Footer .Right button:disabled p{color:var(--neutral-color-neutral-100, #fafafa)!important;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.SelectStepTitle{color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.SelectStepCount{color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.WrapperSpesificStep{display:flex;justify-content:space-between}.WrapperWaitResponCS{display:flex;gap:10px;align-items:center;justify-content:center;border-radius:8px;padding:8px 4px;border:1px solid var(--Neutral-Color-Neutral500, #b3b3b3);background:var(--Neutral-Color-Neutral100, #fafafa)}.ContainerGBTemplate .NameGBTemplate{display:flex;height:24px;padding:12px;align-items:center;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:var(--background-white, #fff);color:#000;text-wrap:nowrap;overflow:scroll;scrollbar-width:none}.ContainerGBTemplate .HotkeyGBTemplate{display:flex;width:160px;height:24px;padding:12px;align-items:center;gap:10px;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:var(--background-white, #fff);color:#000;text-wrap:nowrap;overflow:scroll;scrollbar-width:none}.Bg_FollowDelegate{position:fixed;left:0px;top:72px;width:calc(100vw + -0px);height:calc(100vh - 72px);background-color:#00000050;display:flex;justify-content:center;align-items:center;z-index:2}.FollowDelegate{width:83.59375vw;height:min-content;max-height:72.115vh;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 0 10px #0000001a;background:#fff!important}.FollowDelegate .SearchPart{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:none;background:#FFF;width:296px;padding:12px 8px 12px 16px}.FollowDelegate .Warn_NotFilled{display:flex;justify-content:flex-start;align-items:center;gap:8px;border-radius:8px;background:var(--info-color-danger, #DF6262);box-shadow:0 0 10px #0000001a;width:calc(100% - 48px);margin:0 16px 150px;padding:8px;position:absolute;left:0;z-index:400}.FollowDelegate .Warn_NotFilled .Info p{color:#fff;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.FollowDelegate_head{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px 8px 0 0;border-bottom:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--background-white, #FFF)}.FollowDelegate_head .left{display:flex;align-items:center;gap:8px;padding:0}.FollowDelegate_head .left p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.FollowDelegate .body{display:flex;max-height:400px;padding-bottom:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;overflow:scroll;background:#fff}.Follow_Delegate_Footer{display:flex;padding:8px 12px;width:calc(100% - 24px)!important;justify-content:space-between;align-items:center;align-self:stretch;background:var(--background-white, #FFF);border-radius:0 0 8px 8px}.Follow_Delegate_Footer button{border:none;outline:none;background:none}.Follow_Delegate_Footer .Left{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;cursor:pointer}.Follow_Delegate_Footer .Left p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#df6262}.Follow_Delegate_Footer .Right{display:flex;align-items:center;gap:8px}.Follow_Delegate_Footer .Right button{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #5C5ACC)}.Follow_Delegate_Footer .Right button p{color:var(--neutral-color-neutral-100, #FAFAFA);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.Follow_Delegate_Footer .Right button:disabled{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #808080)}.Follow_Delegate_Footer .Right button:disabled p{color:var(--neutral-color-neutral-100, #FAFAFA);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.ButtonGuideBookReusable:hover{background:#23224D}.ContainerFollowCreateGuideBook .Action .TimeStamp{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;cursor:pointer}.ContainerFollowCreateGuideBook .Action .TimeStamp p{color:var(--primary-color-primary-600, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.BubleContainerGuideBookTitle{display:flex;padding:20px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;background:var(--background-white, #fff);width:100%}.Typography{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;white-space:nowrap;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.TypographySubAccordion{overflow:hidden;color:var(--neutral-color-neutral-800, #656565);text-overflow:ellipsis;white-space:nowrap;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.TypographySubMiniAccordion{overflow:hidden;color:var(--neutral-color-neutral-4, #333);text-overflow:ellipsis;white-space:nowrap;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;margin-right:8px}.LayoutLabelling{background:#fff;max-height:calc(100vh - 120px);min-height:calc(100vh - 120px);overflow-y:scroll}.LayoutLabelling .Header{display:flex;align-items:center;justify-content:center;padding:16px;background:#454399;margin-bottom:24px}.LayoutLabelling .Header .Text{font-weight:600;font-size:16px;line-height:24px;color:#fff}.LayoutLabelling .Title{display:flex;align-items:center;gap:12px;padding:16px}.LayoutLabelling .Title p{font-weight:400;font-size:16px;line-height:24px;color:#656464}.LayoutLabelling .Question{display:flex;align-items:center;justify-content:space-between;padding:8px 16px}.LayoutLabelling .Question .Left{display:flex;align-items:center;gap:12px}.LayoutLabelling .Question .Button{display:flex;align-items:center;gap:4px}.LayoutLabelling .Question p{font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.LayoutLabelling .Answer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 8px 40px}.LayoutLabelling .Answer .Left{display:flex;align-items:center;gap:12px}.LayoutLabelling .Answer .Left img{width:16px;height:16px;margin-left:20px}.LayoutLabelling .Answer .Left p{font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;width:63px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.HeaderLabelForm .left{display:flex;align-items:center;gap:8px}.HeaderLabelForm .left .arrow{padding:12px;display:flex;align-items:center;justify-content:center}.HeaderLabelForm .left .text{font-weight:700;font-size:16px;line-height:24px;display:flex;align-items:center;color:#656464}.HeaderLabelForm .right{display:flex;align-items:center;justify-content:flex-end;padding:0;gap:4px;height:48px}.HeaderLabelForm .right .save{display:flex;align-items:center;justify-content:center;gap:12px;width:115px;height:48px;background:#5c5acc;border-radius:4px;color:#fff}.HeaderLabelForm .right .more{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.HeaderLabelForm .right .formView{display:flex;align-items:center;justify-content:center;width:128px;height:48px;gap:8px}.HeaderLabelForm{.button-right {display: flex; justify-content: flex-end; align-items: center; gap: 12px; .btn-save {display: flex; width: 80px; height: 36px; padding: 8px; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; background: #5C5ACC; color: #FAFAFA;}}}.BgBcFollowTag{position:absolute;top:72px;right:0;z-index:4;width:calc(100vw - 320px);height:calc(100vh - 72px)!important;background-color:#00000050;display:flex;justify-content:center;align-items:center}.BcFollowUpTagAction .Footer .Add:hover{background:var(--primary-color-primary-600, #23224d)}.titleRadioGB{color:var(--neutral-color-neutral-800, #656565)!important;font-family:Inter;font-size:14px!important;font-style:normal!important;font-weight:700!important;line-height:20px!important;letter-spacing:-.14px!important}.descRadioGB{color:var(--neutral-color-neutral-700, #808080)!important;font-family:Inter;font-size:10px!important;font-style:normal!important;font-weight:300!important;line-height:16px!important}.subtitleRadioGB{color:var(--neutral-color-neutral-900, #333)!important;margin-bottom:10px;font-family:Inter;font-size:14px!important;font-style:normal!important;font-weight:500!important;line-height:20px!important}.SidebarTemplate .menu .active-submenu{border:1px solid #6562DF;box-shadow:0 0 5px #6562df26;border-radius:4px;background:var(--neutral-color-neutral-100, #FAFAFA)}.EditBtnGBPage{display:flex;height:36px;padding:0 4px;justify-content:center;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--primary-color-primary-600, #5c5acc)}.TypoEditBtnGBPage{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ContactListPage_data .ActionData{width:auto;padding:25px 16px;display:flex;justify-content:center;align-items:center;gap:8px;position:sticky;right:0;background:#ffffff;border-left:1px solid #f2f2f2}.DropdownGuideBook{background-color:#fff}.DropdownGuideBook:hover{background-color:#6562df}.informationIcon{color:#000}.DividerElementWrapper{display:flex;width:100%;align-items:center;gap:8px}.LineDividerElement{flex:1 0 0;stroke-width:1px;stroke:var(--neutral-color-neutral-800, #656565)}.DividerElementTitle{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.BgBcPopupTriggerAction{position:fixed;top:72px;left:320px;z-index:999;width:calc(100vw - 640px);height:calc(100vh - 72px)!important;background-color:#00000050;display:flex;justify-content:center;align-items:center}.BcFollowUpTagAction{display:flex;width:615px;flex-direction:column;align-items:flex-start;border-radius:8px;box-shadow:0 0 10px #0000001a;background-color:#fff}.BcFollowUpTagAction .Head{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff);border-radius:8px 8px 0 0}.BcFollowUpTagAction .Head .Left{display:flex;align-items:center;gap:8px}.BcFollowUpTagAction .Head .Left p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.BcFollowUpTagAction .Body{overflow-y:scroll;overflow-x:hidden;display:flex;height:39.0625vh;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-100, #fafafa);background:var(--background-white, #fff)}.BcFollowUpTagAction .Body .Timestamp{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.BcFollowUpTagAction .Body .Timestamp .Action{display:flex;align-items:center;align-content:center;gap:8px;flex-wrap:wrap}.BcFollowUpTagAction .Body .Timestamp .Info{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.BcFollowUpTagAction .Body .Timestamp .Input{display:flex;padding:12px;align-items:center;gap:10px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:#fff}.BcFollowUpTagAction .Body .Timestamp .Act{border:1px solid var(--primary-color-primary-400, #817ee5)}.BcFollowUpTagAction .Body .Timestamp .Input p{flex:1;color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.BcFollowUpTagAction .Body .Timestamp .TextInfo{display:flex;padding:4px 8px;align-items:center;gap:8px}.BcFollowUpTagAction .Body .Timestamp .TextInfo p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.BcFollowUpTagAction .Body .WrapperTag{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.BcFollowUpTagAction .Body .WrapperTag label{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BcFollowUpTagAction .Body .WrapperTag .InputTag{width:100%}.BcFollowUpTagAction .Footer{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;background:var(--background-white, #fff);border-radius:0 0 8px 8px}.BcFollowUpTagAction .Footer button{outline:none;background:none;border:none}.BcFollowUpTagAction .Footer .Cancel{display:flex;padding:12px;justify-content:center;align-items:center}.BcFollowUpTagAction .Footer .Cancel p{color:var(--info-color-danger, #df6262);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.BcFollowUpTagAction .Footer .Add{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.BcFollowUpTagAction .Footer .Add p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.FollowUpTagActionOpt{display:flex;width:400px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px}.FollowUpTagActionOpt_Add{display:flex;padding:8px 12px;align-items:flex-start;gap:10px;align-self:stretch;cursor:pointer}.FollowUpTagActionOpt_Add:hover{background:var(--primary-color-primary-500, #6562df)}.FollowUpTagActionOpt_Add:hover p{color:var(--neutral-color-neutral-100, #fafafa)}.FollowUpTagActionOpt_Add p{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.FollowUpTagActionOpt_Add p{color:var(--neutral-color-neutral-4, #333)}.BcFollowUpTagAction .Body .SentenceInput{background-color:#f2f2f2;border-radius:4px;margin-top:8px;margin-bottom:8px;width:100%}.BcFollowUpTagAction .Body .AdvCond{display:flex;justify-content:space-between;width:100%}.BcFollowUpTagAction .Body .AdvCond .LeftAdv{display:flex;gap:4px;justify-content:flex-start;align-items:center}.BcFollowUpTagAction .Body .AdvCond .LeftAdv p{color:#656565;font-weight:700;font-size:14px;line-height:20px}.BcFollowUpTagAction .Body .AdvCond .LeftAdv button{background:none;padding:0;align-self:center}.BcFollowUpTagAction .Body .blockFAQ{margin-top:8px;display:flex;gap:8px;justify-content:flex-start;align-items:center}.BcFollowUpTagAction .Body .blockFAQ p{color:#333;font-weight:500;font-size:14px}.BcFollowUpTagAction .Body .blockFAQ button{background:none;padding:0;align-self:flex-end}.BcFollowUpTagAction .Body .otherRes{margin-top:8px;border:1px solid #B3B3B3;width:calc(100% - 24px);background:#FAFAFA;padding:8px 12px;border-radius:4px}.BcFollowUpTagAction .Body .otherRes p{font-size:12px;color:#828282;line-height:18px;font-weight:400}.OptionGBScript{display:flex;width:100%;align-items:center;gap:20px;justify-content:space-between}.WrapperOption{display:flex;align-items:center;gap:20px;width:calc(100vw - 1000px);justify-content:space-between}.InputOptionGBScriptNoRespond{display:flex;padding:8px 12px;align-items:center;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--neutral-color-neutral-100, #fafafa)}.InputOptionGBScript{display:flex;padding:8px 12px;align-items:center;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa)}.InputOptionGBScript_add:hover{background:#B8B7E5;border-color:#23224d!important}.OptionGBScript .AnyRespondTrigger{flex:1;border:1px solid #B3B3B3;padding:8px 12px;background-color:#fafafa;border-radius:4px}.OptionGBScript .AnyRespondTrigger p{font-size:12px;line-height:18px;font-weight:400;color:#b3b3b3}.WaitResponNextStep{display:flex;width:40px;height:36px;padding:4px 8px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-4, #333);background:var(--background-white, #fff);box-shadow:0 0 5px #5c5acc26}.WaitResponNextStep:disabled{border:1px solid var(--Neutral-Color-Neutral-500, #b3b3b3);background:var(--Background-White, #fff);color:var(--Black-3, #828282);box-shadow:none}.WrapperOptionComponent{display:flex;width:calc(100vw - 790px);flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.FetchingLoading .Main{display:flex;width:480px;height:280px;padding:16px 40px;flex-direction:column;justify-content:center;align-items:center;gap:12px;flex-shrink:0;border-radius:8px;border:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);background:var(--Background-White, #FFF)}.FetchingLoading .Main section{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch}.FetchingLoading .Main section .Title{color:var(--Neutral-Color-Neutral4, #333);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.FetchingLoading .Main section .Subtitle{color:var(--Grey-1, #BDBDBD);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.FetchingLoading .Main .MuiLinearProgress-bar{background-color:#6562df}.FetchingLoading .Main .MuiLinearProgress-root{background-color:#f2f2f2}.WrapperIcon button{display:flex;gap:10px;background:var(--background-white, #fff)}.TypoTitleRangeDate{color:var(--neutral-color-neutral-900, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.WrapperComponentRangeDate{display:flex;gap:10px;width:100%}.WrapperDate{width:100%;display:flex;flex-direction:column;align-items:flex-start}.TypoTitleSelectDay{color:var(--neutral-color-neutral-900, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.WrapperComponentSelecDay{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.WrapperListDay{display:flex;align-items:center;gap:4px;align-self:stretch}.BoxDayDeactive{display:flex;padding:8px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;border-radius:4px}.BoxDayActive{display:flex;padding:8px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff)}.TextDeactive{color:var(--neutral-color-neutral-500, #b3b3b3);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.TextActive{color:var(--primary-color-primary-500, #6562df);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.WrapperComponentSelectStep{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa)}.WrapperReactSelectStep{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch;width:100%;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff)}.WrapperWarningOverlap{display:flex;padding:4px 8px;align-items:center;gap:8px;align-self:stretch;border-radius:4px;background:var(--info-color-danger, #df6262)}.TypoWarningOverlap{color:var(--background-white, #fff);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.WrapperIcon{display:flex;gap:10px;background:var(--background-white, #fff)}.ButtonGuideBookReusable{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);color:#fff}.tooltip{color:var(--background-white, #fff);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px}.ContainerGBTemplate{display:flex;padding:8px 6px 8px 8px;align-items:center;justify-content:space-between;gap:12px;align-self:stretch;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa)}.NameGBTemplate{display:flex;height:24px;padding:12px;align-items:center;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:var(--background-white, #fff);color:#000}.HotkeyGBTemplate{display:flex;width:160px;height:24px;padding:12px;align-items:center;gap:10px;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:var(--background-white, #fff);color:#000}.TypographySubtitleChapterName{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.ContainerFollowCreateGuideBook{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;margin-top:8px}.ContainerFollowCreateGuideBook .Item{width:calc(100% - 24px);display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:8px;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa)}.ContainerFollowCreateGuideBook .Action{display:flex;align-items:center;gap:4px}.ContainerFollowCreateGuideBook .Action .Edit{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;cursor:pointer}.ContainerFollowCreateGuideBook .Action .Edit p{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ContainerFollowCreateGuideBook .Action .Delete{cursor:pointer;display:flex;padding:8px;justify-content:center;align-items:center;gap:4px}.ContainerFollowCreateGuideBook .Item label{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.ContainerFollowCreateGuideBook .Item .Tag{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.ContainerFollowCreateGuideBook .Item .Tag .L{flex:1;display:flex;align-items:center;gap:4px;width:13vw}.ContainerFollowCreateGuideBook .Item .TagItem{display:flex;padding:4px;height:18px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff)}.ContainerFollowCreateGuideBook .Item .TagItem p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ContainerFollowCreateGuideBook .Item .Note{display:flex;align-items:center;gap:12px;align-self:stretch}.ContainerFollowCreateGuideBook .Item .Note .L{display:flex;padding:12px;align-items:flex-start;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-4, #333);background:var(--background-white, #fff);box-shadow:0 0 5px #5c5acc26}.ContainerFollowCreateGuideBook .Note .L p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.ListEditContaCtInformation{color:var(--neutral-color-neutral-700, #808080);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.WrapperNextStep{display:flex;gap:10px;align-items:center;justify-content:center}.NextStepComponent{display:flex;width:calc(100vw - 790px);padding:8px 12px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:8px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--neutral-color-neutral-100, #fafafa)}.BubleContainerGuideBookTitle{display:flex;padding:12px 20px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;background:var(--background-white, #fff);width:100%}.GBScriptTrigger{margin-top:30px;color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.ScriptWrapperTitle{display:flex;justify-content:flex-start;gap:8px;width:100%!important}#SettingScriptTitle{display:flex;justify-content:center;align-items:center;border:1px solid #5C5ACC;padding:0 8px;border-radius:4px;background:none}#SettingScriptTitle:hover{border:1px solid #23224D;background:#B8B7E5}.GBScriptInputTrigger{display:flex;border-radius:inherit}.GBScriptInputTrigger input{width:auto!important;caret-color:#6562df!important;color:#333!important;min-width:200px!important}.ScriptWrapperTitle .AnyRespondTrigger{flex:1;border:1px solid #B3B3B3;padding:8px 12px;background-color:#fafafa;border-radius:4px}.ScriptWrapperTitle .AnyRespondTrigger p{font-size:12px;line-height:18px;font-weight:400;color:#b3b3b3}.FormGuideBookActive{border-left:5px solid #6562df}.FormGuideBook{margin-bottom:100px}.FormGuideBook .Header{padding:24px;border-radius:0 8px 8px;background-color:#fff;margin-bottom:16px}.FormGuideBook .Header .Title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.FormGuideBook .Header .Title .Left{display:flex;align-items:center}.FormGuideBook .Header .Title .iconUser{display:flex;align-items:center;justify-content:center;background:#ffe9b3;border:1px solid #ffcb47;border-radius:32px;width:40px;height:40px}.FormGuideBook .Header .Title input{margin:0 12px;font-size:24px;line-height:32px;display:flex;align-items:center;letter-spacing:-.01em;color:#333;flex:1;border-bottom:1px solid #f2f2f2}.FormGuideBook .Header .Title .more{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.FormGuideBook .Header .Deskripsi{border-bottom:1px solid #f2f2f2;margin-bottom:12px}.FormGuideBook .Header .Deskripsi p,.FormGuideBook .Header .Deskripsi input{font-size:12px;line-height:22px;color:#333}.FormGuideBook .Header .Repeat{display:flex;align-items:center;gap:4px}.FormGuideBook .Header .Repeat p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656565}.FormGuideBook .Bagian{padding:24px;border-radius:8px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.FormGuideBook .Bagian .more{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.FormGuideBook .Bagian input{font-weight:600;font-size:16px;line-height:24px;display:flex;align-items:center;color:#333;border-bottom:1px solid #f2f2f2;flex:1}.FormGuideBook .FormArea{padding:24px;background-color:#fff;border-radius:0 8px 8px;margin-bottom:16px}.FormGuideBook .FormArea .Question{display:flex;align-items:center;justify-content:space-between;gap:8px;marfgin-bottom:16px}.FormGuideBook .FormArea .Question input{display:flex;flex-direction:row;align-items:center;flex:1;padding:12px;background:#ffffff;border:1px solid #656464;border-radius:4px;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#23224d}.FormGuideBook .FormArea .Deskripsi{margin-bottom:16px;border-bottom:1px solid #bdbdbd}.FormGuideBook .FormArea .Answer{padding:12px 0}.FormGuideBook .FormArea .Answer .AnswerItem{display:flex;align-items:center;justify-content:space-between;padding-left:28px;margin-bottom:16px}.FormGuideBook .FormArea .Answer .AnswerItem .Left,.FormGuideBook .FormArea .Answer .AnswerItem .Left img{display:flex;align-items:center;gap:12px}.FormGuideBook .FormArea .Answer .AnswerItem .Left input{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.FormGuideBook .FormArea .Action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f2f2f2;margin-top:16px}.FormGuideBook .FormArea .Action .Left{display:flex;align-items:center;gap:4px}.FormGuideBook .FormArea .Action .Left div{width:44px;height:48px;display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;background:#fff;cursor:pointer}.FormGuideBook .FormArea .Action .Right{display:flex;align-items:center;gap:4px;padding:0}.FormGuideBook .FormArea .Action .Right .Required{display:flex;align-items:center;gap:12px;padding:0}.FormGuideBook .FormArea .Action .Right .Required p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#656464}.FormGuideBook .more{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.FormGuideBook .FormArea .ShortAnswer{display:flex;align-items:flex-start;padding:12px;gap:10px;background:#fafafa;border:1px solid #f2f2f2;border-radius:4px;margin:12px 0}.FormGuideBook .FormArea .ShortAnswer input{flex:1;background:#fafafa}.FormGuideBook .FormArea .Scale{padding:12px 0}.FormGuideBook .FormArea .Scale .Input{display:flex;align-items:center;padding:0;gap:12px;margin-bottom:12px}.FormGuideBook .FormArea .Scale .Input p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.FormGuideBook .FormArea .Scale .Input .Number button{background:white;padding:12px;border:1px solid #656464;border-radius:4px}.FormGuideBook .FormArea .Scale .Input .Number button .Left{display:flex;align-items:center;gap:10px}.FormGuideBook .FormArea .Scale .AnswerScale{display:flex;align-items:center;padding:0 12px;gap:12px;margin-bottom:12px}.FormGuideBook .FormArea .Scale .AnswerScale p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.FormGuideBook .FormArea .Scale .AnswerScale input{flex:1;display:flex;align-items:center;padding:4px 0;gap:4px;border-bottom:1px solid #b3b3b3;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em}.FormGuideBook .FormArea .DateAnswer{display:flex;align-items:center;padding:4px 0;gap:12px;height:32px;margin:12px 0}.FormGuideBook .FormArea .DateAnswer p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.FormGuideBook .FormArea .TimeAnswer{display:flex;align-items:center;padding:4px 0;gap:12px;height:32px;margin:12px 0}.FormGuideBook .FormArea .TimeAnswer p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ListFormGuideBookForm{display:flex;flex-direction:column;gap:16px}#wrapper-loading-form-guidebook{position:relative;height:100%;margin-top:calc(100vh - 700px)}.profile-main-loader{left:50%!important;margin-left:-100px;position:fixed!important;top:50%!important;margin-top:-100px;width:45px;z-index:9000!important}.profile-main-loader .loader{position:relative;margin:0 auto;width:200px;height:200px}.profile-main-loader .loader:before{content:"";display:block;padding-top:100%}.circular-loader{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:100%;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;width:100%;position:absolute;top:0;left:0;margin:auto}.loader-path{stroke-dasharray:150,200;stroke-dashoffset:-10;-webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@-webkit-keyframes color{0%{stroke:#5c5acc}40%{stroke:#5c5acc}66%{stroke:#5c5acc}80%,90%{stroke:#5c5acc}}@keyframes color{0%{stroke:#5c5acc}40%{stroke:#5c5acc}66%{stroke:#5c5acc}80%,90%{stroke:#5c5acc}}.TypographyLoadingFormGuideBook{margin-top:30px;color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.ElementLabelling{background:#fff;max-height:calc(100vh - 120px);min-height:calc(100vh - 120px);overflow-y:scroll}.ElementLabelling p{font-size:16px;line-height:24px;color:#656464}.ElementLabelling .Header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#454399;margin-bottom:24px}.ElementLabelling .Header .Text{font-weight:600;font-size:16px;line-height:24px;color:#fff}.ElementLabelling .Section{margin-bottom:24px}.ElementLabelling .Section .Title{padding-left:16px;font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.ElementLabelling .Section .Bagian{padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ElementLabelling .Section .Bagian .Left{display:flex;align-items:center;gap:12px}.ElementLabelling .Answer .Title{padding-left:16px;font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.ElementLabelling .Answer .Type{padding:16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;cursor:pointer}.ElementLabelling .Answer .Type .Left{display:flex;align-items:center;gap:12px}.AutoSaved{display:flex;width:276px;padding:8px 12px;align-items:center;justify-content:space-between;gap:4px;position:absolute;left:10px;right:10px;bottom:10px;border-radius:8px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--background-white, white);box-shadow:0 0 10px #0000001a}.TypoAutoSave{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.ActiveElement{border-radius:4px;border:1px solid var(--primary-color-primary-300, #a2a1e5);box-shadow:5px 5px 5px #6562df26}.ActiveButtonElement{padding:3px 8px}.ActiveButtonElement:hover{background:var(--primary-color-primary-100, #dadaf2);border-radius:4px;box-shadow:5px 5px 5px #6562df26}.ChatbodyGuideBookTitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.Typography{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.TypographySubAccordion{color:var(--neutral-color-neutral-800, #656565);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.TypographySubAccordionSubtitleDetail{color:var(--neutral-color-neutral-700, #808080);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.CenterFlex{display:flex;align-items:center;justify-content:center;gap:8px}.CardGuideBook{display:flex;padding:10px;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #e5e4e4);background:var(--background-white, #fff)}.WrapperTitleGuideBook{display:flex;padding:4px;align-items:flex-start;justify-content:space-between;gap:10px;align-self:stretch;background:var(--neutral-color-neutral-100, #fafafa)}.TeksNormalGuideBook{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.TitleCardGuideBook{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.SubTitleCardGuideBook{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.QuickAnswerTitleGuideBook{color:#333;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.QuickAnswerGuideBookAnswer{display:flex;width:calc(100% - 8px);padding:4px;align-items:center;gap:4px;border-radius:4px;background:#fafafa;border:1px solid #f2f2f2;margin-top:4px}.QuickAnswerGuideBookAnswer p{font-size:10px;font-style:normal;font-weight:300;line-height:16px;color:#333}.QuickAnswerBodyGuideBook{display:flex;width:280px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.AnswerGuideBook{display:flex;flex-direction:column;gap:8px}.WrapperNavigationGuideBookDetail{display:flex;gap:10px;align-items:center}.TitleGuideBookDetail{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.TypographySubMiniAccordion{overflow:hidden;color:var(--neutral-color-neutral-4, #333);text-overflow:ellipsis;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.LayoutGBScript{background:#fff;max-height:calc(100vh - 120px);min-height:calc(100vh - 120px);overflow-y:scroll}.LayoutGBScript .Header{display:flex;align-items:center;justify-content:center;padding:16px;background:#454399;margin-bottom:24px}.LayoutGBScript .Header .Text{display:flex;justify-content:center;align-items:center;gap:10px;font-weight:600;font-size:16px;line-height:24px;color:#fff}.LayoutGBScript .Title{display:flex;align-items:center;gap:12px;padding:16px}.LayoutGBScript .Title p{font-weight:400;font-size:16px;line-height:24px;color:#656464}.LayoutGBScript .Question{display:flex;align-items:center;justify-content:space-between;padding:8px 16px}.LayoutGBScript .Question .Left{display:flex;align-items:center;gap:12px}.LayoutGBScript .Question .Button{display:flex;align-items:center;gap:4px}.LayoutGBScript .Question p{font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.LayoutGBScript .Answer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 8px 40px}.LayoutGBScript .Answer .Left{display:flex;align-items:center;gap:12px}.LayoutGBScript .Answer .Left img{width:16px;height:16px;margin-left:20px}.LayoutGBScript .Answer .Left p{font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;width:63px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.PreviewSubChapterGuideBook{margin:0 15px}.headerPreviewSubChapterGuideBook{display:flex;justify-content:space-between}.backgroundPreviewLayout{display:flex;margin:0 15px;padding:8px;flex-direction:column;background:#efe6dd;gap:6px;height:calc(100vh - 250px);overflow-y:scroll}.ActiveEyeLayout{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-200, #b8b7e5)}.GuideBookFormBody{max-height:calc(100vh - 120px)!important;min-height:calc(100vh - 120px)!important;padding:0;height:calc(100vh - 120px)!important;overflow:hidden;width:100%;background:#f2f2f2;position:fixed;bottom:0;left:0}.GuideBookFormBody .middle{height:calc(100vh - 120px)!important;max-height:calc(100vh - 120px)!important;overflow-y:scroll;padding-top:57px!important;padding-right:60px!important;padding-left:20px!important}.ini_bagian_tengah p{max-height:100%}.GuideBookText{color:var(--neutral-color-neutral-500, #b3b3b3);font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.GuideBookTitle{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.LabelFormHeader{position:fixed;top:0;left:0}.NavbarLabelForm{display:flex;align-items:center;gap:10px;padding:0 26px;height:48px;width:calc(100vw - 52px);background:#ffffff}.NavbarLabelForm .text{font-weight:500;font-size:14px;line-height:24px;color:#dadaf2}.HeaderLabelForm{display:flex;justify-content:space-between;align-items:center;gap:49px;padding:0 16px;height:71px;width:calc(100vw - 32px)!important;background:#ffffff;border-bottom:1px solid #f2f2f2}.HeaderLabelForm_left{display:flex;align-items:center;gap:12px}.HeaderLabelForm_left .left{display:flex;align-items:center;gap:8px}.HeaderLabelForm_left .left .arrow{padding:12px;display:flex;align-items:center;justify-content:center}.HeaderLabelForm_left .left .text{font-weight:700;font-size:16px;line-height:24px;display:flex;align-items:center;color:#656464}.HeaderLabelForm .middle{display:flex;align-items:center}.HeaderLabelForm .middle .labelDropdown{display:flex;flex-direction:row;align-items:center;padding:0 12px;gap:4px;width:344px;height:48px;margin-right:4px}.HeaderLabelForm .middle .labelDropdown .labelling{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:4px 8px;gap:4px;width:280px;height:48px}.HeaderLabelForm .middle .labelDropdown .labelling .content{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;width:236px;height:40px}.HeaderLabelForm .middle .icon{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 4px;gap:4px;width:152px;height:48px}.HeaderLabelForm .middle .icon .name{display:flex;align-items:center;justify-content:center;padding:12px;cursor:pointer}.HeaderLabelForm .middle .undo{display:flex;align-items:center;justify-content:center;padding:12px}.HeaderLabelForm .middle .undo .item{display:flex;align-items:center;justify-content:center;cursor:pointer}.HeaderLabelForm .middle .separator{width:1px;height:40px;background:#656464}.HeaderLabelForm .middle .iconUser{display:flex;align-items:center;justify-content:center;background:#ffe9b3;border:1px solid #ffcb47;border-radius:32px;width:40px;height:40px}.HeaderLabelForm .right{display:flex;align-items:center;justify-content:flex-end;padding:0;gap:4px;height:48px;button {outline: none; background: none; font-size: 12px; font-weight: 600; line-height: 20px; display: flex; align-items: center; gap: 4px; border-radius: 4px; transition: .3s;} #export_script{} #import_script{border: 1px solid #6562df;} #save_script{background: #6562df; color: white;} #save_script:hover{background: #23224D;}}#gbscript_header_btn_back{padding:0;border:none;outline:none;background:none}.BroadcastPage_connect .connect{display:flex;justify-content:center;align-items:center;gap:12px;background:#23224D;border-radius:4px;padding:0 16px 0 12px;width:fit-content;height:48px;cursor:pointer}.BroadcastPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:360px;height:48px;border:1px solid #F2F2F2;border-radius:4px;margin-right:12px;background:#fff}.BroadcastPage_action .right{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;min-width:162px;max-width:max-content;height:100%;max-height:48px;padding:0 16px 0 12px;cursor:pointer}.BroadcastPage_data{max-width:calc(100vw - 352px);overflow:scroll}.BroadcastPage_data table{width:100%;border-spacing:0;border-collapse:separate}.BroadcastPage_data thead{background:#EDEDFF}.BroadcastPage_data .thead tr,.BroadcastPage_data .tbody tr{display:flex}.BroadcastPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#828282}.BroadcastPage_data thead .Checkbox{display:flex;width:64px;height:24px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.BroadcastPage_data thead .name{display:flex;width:168px;height:24px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.BroadcastPage_data thead .schedule{display:flex;width:168px;height:24px;padding:16px 8px;align-items:center;gap:8px}.BroadcastPage_data .content{min-width:148px;padding:16px}.BroadcastPage_data .delivered{min-width:88px;padding:16px}.BroadcastPage_data .status{width:68px;padding:16px}.BroadcastPage_data .time{min-width:138px;padding:16px}.BroadcastPage_data .estimated{min-width:348px;padding:16px}.BroadcastPage_data .action{min-width:274px;padding:16px}.BroadcastPage_data tbody tr{background:#FFFFFF}.BroadcastPage_data tbody .name{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.BroadcastPage_data tbody .content{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656565}.BroadcastPage_data tbody .delivered div,.BroadcastPage_data tbody .time div,.BroadcastPage_data tbody .estimated div{display:flex;align-items:center;gap:8px}.BroadcastPage_data tbody .delivered div p,.BroadcastPage_data tbody .time div p,.BroadcastPage_data tbody .estimated div p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.BroadcastPage_data tbody .delivered .start,.BroadcastPage_data tbody .time .start{font-weight:700;font-size:14px;line-height:20px;letter-spacing:.01em}.BroadcastPage_data tbody .delivered .on-going{color:#6562df}.BroadcastPage_data tbody .delivered .finish{color:#219655}.BroadcastPage_data tbody .status .status{border-radius:20px;padding:4px 8px;max-width:fit-content;min-width:none}.BroadcastPage_data tbody .status .status p{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em}.BroadcastPage_data tbody .status .completed{background:#E3FCE9}.BroadcastPage_data tbody .status .completed p{color:#219655}.BroadcastPage_data tbody .status .pending{background:#FCE3E3}.BroadcastPage_data tbody .status .pending p{color:#df6262}.BroadcastPage_data tbody .status .send{background:#B8B7E5}.BroadcastPage_data tbody .status .send p{color:#23224d}.BroadcastPage_data tbody .time .on-going{color:#6562df}.BroadcastPage_data tbody .time .finish{color:#333}.BroadcastPage_data tbody .action .action{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:0}.BroadcastPage_data tbody .action .action .pause{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;background:#CCA239;border-radius:4px;cursor:pointer}.BroadcastPage_data tbody .action .action .pause p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.BroadcastPage_data tbody .action .action .continue{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;background:#5C5ACC;border-radius:4px;cursor:pointer}.BroadcastPage_data tbody .action .action .continue p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.BroadcastPage_data tbody .action .action .see-log{display:flex;justify-content:center;align-items:center;padding:0 8px;gap:8px;border:1px solid #5C5ACC;border-radius:4px;height:36px;cursor:pointer}.BroadcastPage_data tbody .action .action .see-log p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc}.SidebarTemplate{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;max-height:calc(100vh - 72px);overflow-y:scroll;position:relative}.SidebarTemplate .head{position:sticky;top:0;background:#fff}.SidebarTemplate .head h4{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:32px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:-.64px}.SidebarTemplate .head p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464;margin-top:4px;max-width:254px}.SidebarTemplate .menu{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.SidebarTemplate .menu:last-child{margin-bottom:100px}.SidebarTemplate .menu .title{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656464}.SidebarTemplate .menu .submenu{display:flex;align-items:center;padding:12px 16px;gap:12px;width:244px;max-width:244px;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #E5E4E4);background:var(--background-white, #FFF)}.SidebarTemplate .menu .submenu img{width:24px;height:24px}.SidebarTemplate .menu .submenu p{font-weight:500;font-size:14px;line-height:17px;letter-spacing:-.01em;color:#656464}.SidebarTemplate .menu .active-submenu{border:1px solid #6562DF;box-shadow:0 0 5px #6562df26;border-radius:4px}.SidebarTemplate .menu .active-submenu p{color:#6562df}.BroadcastLogPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.BroadcastLogPage .left{max-width:320px;width:320px;padding:24px 16px}.BroadcastLogPage .rightPart{flex:1;padding:24px 16px;background:#f7f5f5;max-width:calc(100vw - 320px);height:calc(100vh - 72px)!important;min-height:100%;overflow-y:scroll}.BroadcastLogPage .rightPart .Result{gap:4px;margin-bottom:24px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center}.BroadcastLogPage .rightPart .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BroadcastLogPage .rightPart .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.BroadcastLogPage .rightPart .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.BroadcastLogPage .rightPart .Result button:hover p{color:#23224d}.BroadcastLogPage .rightPart .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.BroadcastLogPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.BroadcastLogPage_breadcrumbs img:first-child{width:24px;height:24px}.BroadcastLogPage_breadcrumbs img{width:16px;height:16px}.BroadcastLogPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.BroadcastLogPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.BroadcastLogPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.BroadcastLogPage_connect{display:flex;flex-direction:column;align-items:center;gap:16px}.BroadcastLogPage_connect img{width:250px;height:250px}.BroadcastLogPage_connect h4{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;text-align:center}.BroadcastLogPage_connect p{font-weight:400;font-size:16px;line-height:24px;color:#656464;margin-top:4px}.BroadcastLogPage_action{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.BroadcastLogPage_action .left{display:flex;align-items:flex-start;gap:12px;width:100%;padding:0}.BroadcastLogPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:360px;height:48px;border:1px solid #f2f2f2;border-radius:4px;margin-right:12px;background:#fff}.BroadcastLogPage_action .left .input img,.BroadcastLogPage_action .left .btn img,.BroadcastLogPage_action .right img{width:24px;height:24px}.BroadcastLogPage_action .left .input input{flex:1;width:300px;height:24px}.BroadcastLogPage_action .left .input input:focus{outline:none}.BroadcastLogPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.BroadcastLogPage .rightPart .BroadcastLogPage_action .right{display:flex;align-items:center;gap:8px}.BroadcastLogPage_action .right button{border:none;outline:none;background:none;display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.BroadcastLogPage_action .right button p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px}.BroadcastLogPage_data{max-width:calc(100vw - 352px);overflow:scroll;margin-top:20px}.BroadcastLogPage_data .freezed{background:#A2A1E5;position:absolute;bottom:0;left:0;width:100%;height:5px}.BroadcastLogPage_data table{width:100%;border-spacing:0;border-collapse:collapse}.BroadcastLogPage_data thead,.BroadcastLogPage_data thead tr>*{background:#ededff}.BroadcastLogPage_data tbody,.BroadcastLogPage_data tbody tr>*{background:#fff}.BroadcastLogPage_data thead tr,.BroadcastLogPage_data tbody tr{display:flex}.BroadcastLogPage_data thead tr th>button{padding:0;border:none;background:none;outline:none;display:flex;align-items:center;justify-content:center}.BroadcastLogPage_data thead tr>*{height:24px}.BroadcastLogPage_data tbody tr>*{height:32px}.BroadcastLogPage_data thead tr th>p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;cursor:pointer}.BroadcastLogPage_data tbody .Selected>*{background:#E5E4E4}.BroadcastLogPage_data tbody .Notselected>*{background:#FFF}.BroadcastLogPage_data thead .Checkbox,.BroadcastLogPage_data tbody .Checkbox{display:flex;width:64px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.BroadcastLogPage_data thead .Name{display:flex;flex:1;width:168px;padding:16px;justify-content:space-between;align-items:center}.BroadcastLogPage_data tbody .Name{display:flex;flex:1;width:168px;padding:16px;align-items:center;gap:10px}.BroadcastLogPage_data tbody .Name p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.BroadcastLogPage_data thead .Status{display:flex;width:96px;padding:16px;justify-content:space-between;align-items:center}.BroadcastLogPage_data tbody .Status{display:flex;width:96px;padding:16px;align-items:center;gap:4px}.BroadcastLogPage_data tbody .Status .status{display:flex;width:66px;height:16px;padding:4px 8px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:20px}.BroadcastLogPage_data tbody .Status .status p{font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.BroadcastLogPage_data tbody .Status .completed{background:#E3FCE9;color:var(--Green-1, #219655)}.BroadcastLogPage_data tbody .Status .completed p{color:#219655}.BroadcastLogPage_data tbody .Status .pending{background:var(--neutral-color-neutral-100, #FAFAFA)}.BroadcastLogPage_data tbody .Status .pending p{color:var(--neutral-color-neutral-900, #333)}.BroadcastLogPage_data tbody .Status .send{background:#b8b7e5}.BroadcastLogPage_data tbody .Status .send p{color:#23224d}.BroadcastLogPage_data tbody .Status .failed{background:#F1948A;color:#fff}.BroadcastLogPage_data tbody .Status .failed p{color:#fff}.BroadcastLogPage_data tbody .Status .draft{border:1px solid var(--neutral-color-neutral-500, #B3B3B3);background:var(--background-white, #FFF)}.BroadcastLogPage_data tbody .Status .draft p{color:var(--neutral-color-neutral-800, #656565)}.BroadcastLogPage_data thead .Start{display:flex;width:168px;padding:16px;justify-content:space-between;align-items:center}.BroadcastLogPage_data tbody .Start{display:flex;width:168px;padding:16px;align-items:center;gap:8px}.BroadcastLogPage_data tbody .Start p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.BroadcastLogPage_data thead .End{display:flex;width:168px;padding:16px;justify-content:space-between;align-items:center}.BroadcastLogPage_data tbody .End{display:flex;width:168px;padding:16px;align-items:center;gap:8px}.BroadcastLogPage_data tbody .End p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.BroadcastLogPage_data thead .Recipient{display:flex;width:96px;padding:16px;justify-content:space-between;align-items:center}.BroadcastLogPage_data tbody .Recipient{display:flex;width:96px;padding:16px;align-items:center;gap:4px}.BroadcastLogPage_data thead .Sent{display:flex;width:128px;padding:16px;justify-content:space-between;align-items:center}.BroadcastLogPage_data tbody .Sent{display:flex;width:128px;padding:16px;align-items:center;gap:4px}.BroadcastLogPage_data tbody .Sent p,.BroadcastLogPage_data tbody .Respond p,.BroadcastLogPage_data tbody .Read p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BroadcastLogPage_data thead .Read{display:flex;width:128px;padding:16px;justify-content:space-between;align-items:center}.BroadcastLogPage_data tbody .Read{display:flex;width:128px;padding:16px;align-items:center;gap:4px}.BroadcastLogPage_data thead .Action{display:flex;width:68px;height:24px;padding:16px;justify-content:center;align-items:center;gap:10px;position:sticky;right:0}.BroadcastLogPage_data tbody .Action{display:flex;width:84px;height:32px;padding:16px 8px;justify-content:center;align-items:center;gap:8px;position:sticky;right:0}.BroadcastLogPage_data tbody .Action button{outline:none;border:none;display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--primary-color-primary-600, #5c5acc);color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;background:none}.BroadcastLogDetail{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.BroadcastLogDetail .left{max-width:320px;width:320px;padding:24px 16px}.BroadcastLogDetail .rightPart{flex:1;padding:24px 16px;background:#f7f5f5;max-width:calc(100vw - 320px);height:calc(100vh - 72px)!important;min-height:100%;overflow-y:scroll}.BCLogSummary{margin-top:20px;display:flex;align-items:flex-start;gap:12px;align-self:stretch}.BCLogSummary .Left{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;align-self:stretch;border-radius:8px;background:var(--background-white, #fff);padding:12px}.BCLogSummary .Left .Head{display:flex;align-items:center;gap:12px;align-self:stretch}.BCLogSummary .Left .Head h3{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.BCLogSummary .Left .Body{display:flex;align-items:flex-start;gap:8px;align-self:stretch;flex:1 0 0}.BCLogSummary .Left .Body .NameTime{display:flex;padding:8px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #e5e4e4);background:var(--background-white, #fff);flex:1 1;height:calc(100% - 18px);max-width:100%}.BCLogSummary .Left .Body .NameTime .Name{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.BCLogSummary .Left .Body .NameTime .p1{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.BCLogSummary .Left .Body .NameTime .p2{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.BCLogSummary .Left .Body .NameTime .Time{display:flex;align-items:flex-end;gap:24px;align-self:stretch}.BCLogSummary .Left .Body .NameTime .Time .Left{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:0}.BCLogSummary .Left .Body .NameTime .Time button{display:flex;min-width:64px;max-width:fit-content;padding:4px 8px;justify-content:center;align-items:center;gap:10px;border-radius:20px;background:var(--primary-color-primary-200, #b8b7e5);color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px;outline:none;border:none}.BCLogSummary .Left .Body .NameTime .Time button p{font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.BCLogSummary .Left .Body .NameTime .Time .completed{background:#E3FCE9;color:var(--Green-1, #219655)}.BCLogSummary .Left .Body .NameTime .Time .completed p{color:#219655}.BCLogSummary .Left .Body .NameTime .Time .pending{background:var(--neutral-color-neutral-100, #FAFAFA)}.BCLogSummary .Left .Body .NameTime .Time .pending p{color:var(--neutral-color-neutral-900, #333)}.BCLogSummary .Left .Body .NameTime .Time .send{background:#b8b7e5}.BCLogSummary .Left .Body .NameTime .Time .send p{color:#23224d}.BCLogSummary .Left .Body .NameTime .Time .draft{border:1px solid var(--neutral-color-neutral-500, #B3B3B3);background:var(--background-white, #FFF)}.BCLogSummary .Left .Body .NameTime .Time .draft p{color:var(--neutral-color-neutral-800, #656565)}.BCLogSummary .Left .Body .NameTime .Time .fail{background:#F1948A;color:#fff}.BCLogSummary .Left .Body .NameTime .Time .fail p{color:#fff}.BCLogSummary .Left .Body .Wrapper{display:flex;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;flex:1 0 0;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #e5e4e4);background:var(--background-white, #fff);max-width:148px}.BCLogSummary .Left .Body .Wrapper .Title{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.BCLogSummary .Left .Body .Wrapper .Text{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:400;line-height:32px;letter-spacing:-.24px;text-align:center}.BCLogSummary .Left .Body .Wrapper .Info{display:flex;align-items:center;gap:4px}.BCLogSummary .Right{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:24px;flex:1 0 0;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff)}.BCLogSummary .Right ._{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0;align-self:stretch}.BCLogSummary .Right ._ .Title{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.BCLogSummary .Right ._ .BoxPreview{display:flex;height:112px;padding:12px 4px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.BCLogTable{margin-top:12px;display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0;align-self:stretch;border-radius:8px;background:var(--background-white, #fff)}.BCLogTable .Action{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.BCLogTable .Action .Input{display:flex;width:288px;padding:12px;align-items:flex-start;gap:10px;flex-shrink:0;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff)}.BCLogTable .Action .Input input{flex:1}.BCLogTable .Action .Right{display:flex;align-items:center;gap:8px}.BCLogTable .Action .Right button{border:none;outline:none;display:flex;padding:8px 16px 8px 8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.BCLogTable .Action .Right button p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.BCLogTableWrapper{width:100%;border-radius:8px;border:1px solid var(--neutral-color-neutral-300, #e5e4e4)}.BCLogTableData{max-height:600px!important;min-height:400px!important;flex:1;overflow:scroll}.BCLogTableData table{width:100%;border-spacing:0;border-collapse:separate}.BCLogTableData thead{background:#dadaf2;position:sticky;top:0;z-index:2}.BCLogTableData tbody{background:#fafafa}.BCLogTableData thead tr,.BCLogTableData tbody tr{display:flex}.BCLogTableData thead tr>*{background:#dadaf2}.BCLogTableData tbody tr>*{background:#fafafa}.BCLogTableData tbody tr>*{border-bottom:none}.BCLogTableData tbody tr td>p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.BCLogTableData tbody .Selected>*{background:#e5e4e4}.BCLogTableData tbody .Notselected>*{background:#fafafa}.BCLogTableData thead tr>th,.BCLogTableData tbody tr>td{height:24px}.BCLogTableData thead tr th>p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.BCLogTableData thead tr th>button{padding:0;border:none;background:none;outline:none;display:flex;align-items:center;justify-content:center}.BCLogTableData .freezed{background:#A2A1E5;position:absolute;bottom:0;left:0;width:100%;height:5px}.BCLogTableData thead .Checkbox{display:flex;width:64px;padding:8px;align-items:center;gap:4px;position:sticky;left:0;z-index:1}.BCLogTableData tbody .Checkbox{display:flex;width:64px;padding:8px;align-items:center;gap:4px;position:sticky;left:0}.BCLogTableData thead .SendTime{display:flex;width:184px;flex:1;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.BCLogTableData tbody .SendTime{display:flex;width:184px;flex:1;padding:8px;align-items:center;gap:4px}.BCLogTableData thead .Wa{display:flex;width:184px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.BCLogTableData tbody .Wa{display:flex;width:184px;padding:8px;align-items:center;gap:4px}.BCLogTableData tbody .Wa p{color:var(--Green-1, #219655)}.BCLogTableData thead .ContactNumber{display:flex;width:184px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.BCLogTableData tbody .ContactNumber{display:flex;width:184px;padding:8px;align-items:center;gap:4px}.BCLogTableData thead .ContactName{display:flex;width:184px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.BCLogTableData tbody .ContactName{display:flex;width:184px;padding:8px;align-items:center;gap:4px}.BCLogTableData thead .Respond,.BCLogTableData thead .Read{display:flex;width:164px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.BCLogTableData tbody .Respond,.BCLogTableData tbody .Read{display:flex;width:164px;padding:8px;align-items:center;gap:4px}.BCLogTableData tbody .Read .isRead{display:flex;padding:8px;align-items:center;gap:4px}.BCLogTableData tbody .Respond .isRespond,.BCLogTableData tbody .Read .isRead p{color:var(--primary-color-primary-500, #6562df);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.BgAddRecepientTag{position:absolute;top:72px;right:0;z-index:4;width:calc(100vw - 320px);height:calc(100vh - 72px)!important;background-color:#00000050;display:flex;justify-content:center;align-items:center}.BgAddRecepientTag .AddRecepientTag{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 0 10px #0000001a;background:#fff}.BgAddRecepientTag .AddRecepientTag .MuiAutocomplete-popper{display:none}.AddRecepientTag .Header{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--neutral-color-neutral-100, #FAFAFA);border-radius:8px 8px 0 0}.AddRecepientTag .Header .Left{display:flex;align-items:center;gap:8px}.AddRecepientTag .Header .Left p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.AddReceiptPage_data{border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);box-shadow:0 -5px 5px #0000000d inset;overflow:scroll;width:calc(100% - 32px)}.TableAddFilterTag{width:100%;border-spacing:0;border-collapse:separate}.TableAddFilterTag thead{background:#DADAF2}.TableAddFilterTag tbody{background:#FAFAFA}.TableAddFilterTag thead tr,.TableAddFilterTag tbody tr{display:flex}.TableAddFilterTag thead tr>*{background:#DADAF2;height:24px}.TableAddFilterTag tbody tr>*{height:32px}.TableAddFilterTag thead tr th p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.TableAddFilterTag thead tr th>button{border:none;outline:none;display:flex;justify-content:center;align-items:center;padding:0;background:none}.TableAddFilterTag tbody .Selected>*{background:#E5E4E4}.TableAddFilterTag tbody tr>*{background:#FFF}.TableAddFilterTag thead .Checkbox,.TableAddFilterTag tbody .Checkbox{display:flex;width:56px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.TableAddFilterTag thead .Tag{display:flex;width:148px;padding:16px;justify-content:space-between;align-items:center;position:sticky;left:72px;border-right:1px solid var(--neutral-color-neutral-500, #B3B3B3)}.TableAddFilterTag tbody .Tag{display:flex;width:148px;padding:16px;align-items:center;gap:10px;position:sticky;left:72px;border-right:1px solid var(--neutral-color-neutral-500, #B3B3B3)}.TableAddFilterTag tbody .Tag .Item{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--neutral-color-neutral-100, #FAFAFA)}.TableAddFilterTag tbody .Tag .Item p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:130px}.TableAddFilterTag thead .Contact{display:flex;width:168px;padding:16px;justify-content:space-between;align-items:center}.TableAddFilterTag tbody .Contact{display:flex;width:168px;padding:16px;align-items:center;gap:10px}.TableAddFilterTag thead .Desc{display:flex;width:362px;padding:16px;justify-content:space-between;align-items:center}.TableAddFilterTag tbody .Desc{display:flex;width:362px;padding:16px;align-items:center;gap:10px}.TableAddFilterTag tbody .Contact p,.TableAddFilterTag tbody .Desc p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.AddOneContactList_formInput{display:flex;flex-direction:column;align-items:flex-start}.AddOneContactList_formInput .input{height:48px;width:100%;border:1px solid #F2F2F2;border-radius:4px;color:#656464;margin-top:8px}.AddOneContactList_formInput input{padding:0 12px;height:48px;width:calc(100% - 24px);color:#656464}.AddOneContactList_formInput .input-select .MuiFormControl-root .MuiInputBase-root input{height:100%;margin-top:0}.AddOneContactList_formInput textarea{width:608px;height:120px;border:1px solid #f2f2f2;border-radius:4px;color:#656464;font-family:Inter}.ContainerInput{display:flex;width:100%;gap:12px;justify-content:space-between;align-items:center}.LargeButton{display:flex;justify-content:center;padding:14px;align-items:center;width:150px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);color:var(--neutral-color-neutral-100, #fafafa);cursor:pointer;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.ContainerHotkeys{color:var(--info-color-success, #62df7e);display:flex;justify-content:center;align-items:center;gap:5px;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.useBackSlash{position:absolute;left:1em;bottom:.9em}.ActiveNotification{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:932px;background:#ffffff;outline:none;border-radius:8px}.ActiveNotification_Header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #f2f2f2;margin-bottom:12px}.ActiveNotification_Header div{cursor:pointer}.HeaderModalAddNewTemplate{color:var(--neutral-color-neutral-4, #333);margin-left:10px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.ContainerHeaderAddNewTemplate{display:flex;width:300px}.ContainerContentAddNewTemplate{display:flex;margin:10px 20px}.leftModalAddNewTemplate{padding:30;display:flex;flex-direction:column;gap:20;flex:1.1}.RightModalAddNewTemplate{display:flex;flex:1}.ContainerPreviewAddNewTemplate{display:flex;width:100%;padding:16px;flex-direction:column;align-items:flex-start;gap:24px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff)}.CardPreviewAddNewTemplate{display:flex;padding:12px 4px;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0;align-self:stretch;background:#efe6dd}.ButtonModalNewTemplate{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:4px;border:1px solid var(--primary-color-primary-600, #5c5acc);margin-top:20px;background-color:#fff}.ButtonTitleAddNewTemplate{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.ContainerFooterModalAddNewTemplate{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch}.ButtonCancelAddNewTemplate{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;color:#df6262;background-color:#fff}.ButtonSubmitAddNewTemplate{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);color:#f2f2f2}.ButtonSubmitAddNewTemplate:hover{background:var(--primary-color-primary-600, #23224d)}.ButtonSubmitAddNewTemplate:disabled{background:grey}.BgActiveNotification{position:absolute;top:72px;right:0;z-index:4;width:calc(100vw - 320px);height:calc(100vh - 72px)!important;background-color:#00000050;display:flex;justify-content:center;align-items:center}.BgActiveNotification .AddReceiptPage{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 0 10px #0000001a;background:#fff;width:calc(100vw - 376px)}.AddReceiptPage .Header{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch}.AddReceiptPage .Header .Left{display:flex;align-items:center;gap:8px}.AddReceiptPage .Result{gap:4px;margin-bottom:24px;display:flex;margin-left:32px;width:100%;gap:48px;padding:4px 12px;justify-content:flex-start;align-items:center}.AddReceiptPage .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.AddReceiptPage .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.AddReceiptPage .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.AddReceiptPage .Result button:hover p{color:#23224d}.AddReceiptPage .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.ActiveNotification_HeaderModalAddReceipt{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #f2f2f2;margin-bottom:12px}.ActiveNotification_HeaderModalAddReceipt div{cursor:pointer}.ContainerHeaderModalAddReceipt{display:flex}.SelectedParticipantAddModalRecipients{color:var(--neutral-color-neutral-900, #333);margin-right:10px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.ContainerSelectedParticipantAddModalRecipients{display:flex;justify-content:center;align-items:center}.AddReceiptPage_data{max-width:calc(100vw - 408px);max-height:47.23vh;overflow:scroll}.AddReceiptPage_data table{width:100%;border-spacing:0;position:relative}.AddReceiptPage_data thead{background:#EDEDFF;max-width:calc(100vw - 376px);width:100%;position:sticky;top:0;z-index:2}.AddReceiptPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#820202}.AddReceiptPage_data .css-y8ay40-MuiTableCell-root{background:#EDEDFF}.AddReceiptPage_data .css-1ex1afd-MuiTableCell-root,.AddReceiptPage_data .css-y8ay40-MuiTableCell-root,.AddReceiptPage_data .css-1ygcj2i-MuiTableCell-root{border:none}.AddReceiptPage_data thead th{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333;text-align:start}.AddReceiptPage_data thead th button{min-width:16px;height:16px;padding:0;cursor:pointer;color:transparent;transition:none;outline:none}.AddReceiptPage_data thead th button:active{outline:none}.AddReceiptPage_data .checkbox{width:24px;padding:16px}.AddReceiptPage_data .contact{min-width:168px;width:100%;max-width:168px;padding:16px}.AddReceiptPage_data .contact .noWaBtn{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;color:#656565;padding:16px;margin:0;width:100%;height:100%;text-align:start;justify-content:flex-start;transition:none}.AddReceiptPage_data .contact .noWaBtn:focus{outline:none}.AddReceiptPage_data .contact .noWaBtn:active{background:rgba(223,98,98,.1)}.AddReceiptPage_data .freezed{background:#A2A1E5;position:absolute;bottom:0;left:0;width:100%;height:5px}.AddReceiptPage_data .birth{min-width:168px;width:100%;max-width:168px;padding:16px}.AddReceiptPage_data .country{min-width:168px;width:100%;max-width:168px!important;padding:16px}.AddReceiptPage_data .tag{min-width:268px;max-width:268px;padding:16px}.AddReceiptPage_data .column-freezed{min-width:168px;max-width:168px;padding:16px}.AddReceiptPage_data .label,.AddReceiptPage_data .notes{min-width:268px;padding:16px}.AddReceiptPage_data .notes input{width:100%}.AddReceiptPage_data .action{width:87px;padding:16px;display:flex;justify-content:center;align-items:center;gap:8px;position:sticky;right:0;background:#FFFFFF;border-left:1px solid #F2F2F2}.AddReceiptPage_data .actionData{width:87px;padding:25px 16px;display:flex;justify-content:center;align-items:center;gap:8px;position:sticky;right:0;background:#FFFFFF;border-left:1px solid #F2F2F2}.AddReceiptPage_data thead th div{display:flex;justify-content:space-between;align-items:center;gap:10px}.AddReceiptPage_data thead th div p{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.AddReceiptPage_data thead th div p span{color:#df6262}.AddReceiptPage_data thead th div svg{cursor:pointer}.AddReceiptPage_data thead .action{background-color:#ededff;border-left:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.AddReceiptPage_data tbody tr{background:#FFFFFF}.AddReceiptPage_data tbody tr td{max-height:32px;margin:0;color:#333;color-scheme:light}.AddReceiptPage_data tbody .name{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.AddReceiptPage_data tbody .content{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.AddReceiptPage_data tbody .tag .tags,.AddReceiptPage_data tbody .column-freezed .tags{display:flex;justify-content:flex-start;align-items:center;gap:4px;overflow-x:scroll;margin:auto 0}.AddReceiptPage_data tbody .action svg{cursor:pointer}.AddReceiptPage_data tbody .FilterResult{background:var(--neutral-color-neutral-100, #FAFAFA);box-shadow:0 0 10px #0000001a;z-index:2}.AddReceiptPage_data tbody .FilterResult .NumberData{position:sticky;left:0;top:74px;background:var(--neutral-color-neutral-100, #FAFAFA);display:flex;justify-content:center;align-items:center;color:var(--primary-color-primary-500, #6562DF);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;height:100%;z-index:99999999999}.AddReceiptPage_data tbody .FilterResult .ContactResult{position:sticky;top:74px;left:74px;background:var(--neutral-color-neutral-100, #FAFAFA);box-shadow:0 0 10px #0000001a}.AddReceiptPage_data tbody .FilterResult .Content{display:flex;height:calc(100% - 8px);padding:4px 4px 4px 8px;justify-content:space-between;align-items:center;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562DF);background:var(--background-white, #FFF)}.AddReceiptPage_data tbody .FilterResult .Content p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.AddReceiptPage_data tbody .FilterResult .birthResult{width:200px}.AddReceiptPage_data tbody .FilterResult .remove{display:flex;justify-content:center;align-items:center;position:sticky;right:0;background:#FAFAFA;border-left:1px solid #F2F2F2;cursor:pointer}.AddReceiptPage_data tbody .FilterResult .remove p{color:#5c5acc;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.AddReceiptPage_data .openInChatRoom{display:flex;justify-content:flex-end;align-items:center;gap:3px}.AddReceiptPage_data .openInChatRoom .left{display:flex;align-items:center;padding:4px 8px;gap:8px;background:rgba(51,51,51,.25);border-radius:8px;width:116px}.AddReceiptPage_data .openInChatRoom .left p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.AddReceiptPage_data .openInChatRoom .right{background:#B3B3B3;border-radius:4px;max-width:20px;max-height:20px;display:flex;justify-content:center;align-items:center;padding:0}.BgCBTemplate{position:absolute;top:72px;right:0;z-index:4;width:calc(100vw - 320px);height:calc(100vh - 72px)!important;background-color:#00000050;display:flex;justify-content:center;align-items:center}.BroadcastChatTemplate{display:flex;width:calc(100vw - 354px);height:calc(100vh - 109px);flex-direction:column;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 0 10px #0000001a;background:#fff}.BroadcastChatTemplate .Header{display:flex;padding:16px;width:calc(100% - 32px);justify-content:space-between;align-items:center;border-bottom:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);border-radius:8px 8px 0 0}.BroadcastChatTemplate .Header p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.BroadcastChatTemplate .Header .Left{display:flex;align-items:center;gap:4px}.BroadcastChatTemplate .Header .Left .p1{color:var(--neutral-color-neutral-500, #b3b3b3);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px;text-decoration-line:underline}.BroadcastChatTemplate .Header .Left .p2{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.BCTemplateBody{display:flex;align-items:flex-start;flex:1 0 0;align-self:stretch}.BCTemplateBody .Left{display:flex;padding:8px 0 8px 16px;flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0;align-self:stretch}.BCTemplateBody .Left .SearchCreate{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.BCTemplateBody .Left .SearchCreate label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BCTemplateBody .Left .SearchCreate ._{display:flex;align-items:center;gap:8px;align-self:stretch}.BCTemplateBody .Left .SearchCreate ._ .Input{display:flex;padding:12px;align-items:flex-start;gap:4px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2)}.BCTemplateBody .Left .SearchCreate ._ .Input input{flex:1;color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BCTemplateBody .Left .SearchCreate ._ .btn{display:flex;padding:12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;border:2px solid var(--primary-color-primary-600, #5c5acc);background:none}.BCTemplateBody .Left .SearchCreate ._ .btn p{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px}.BCTemplateBody .Left .Top{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.BCTemplateBody .Left .Top label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BCTemplateBody .Left .Top .Name{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:#fff;color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BCTemplateBody .Left .Top .Info{display:flex;padding:4px 8px;align-items:center;gap:8px;align-self:stretch}.BCTemplateBody .Left .Top .Info p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.BCTemplateBody .Left .Middle{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0;align-self:stretch;overflow-y:scroll}.BCTemplateBody .Left .Middle .CTA{display:flex;align-items:center;gap:8px;align-self:stretch}.BCTemplateBody .Left .Middle .CTA button{border:none;outline:none;background:none;display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;flex:1 0 0;border-radius:4px}.BCTemplateBody .Left .Middle .CTA p{font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.BCTemplateBody .Left .Middle .CTA .Add{background:var(--primary-color-primary-600, #5c5acc)}.BCTemplateBody .Left .Middle .CTA .Add p{color:var(--neutral-color-neutral-100, #fafafa)}.BCTemplateBody .Left .Middle .CTA .Wait{border:1px solid var(--primary-color-primary-600, #5c5acc);background:var(--background-white, #fff)}.BCTemplateBody .Left .Middle .CTA .Wait p{color:var(--primary-color-primary-500, #6562df)}.BCTemplateBody .Right{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;width:292px}.BCTemplateBody .Right ._{display:flex;width:calc(100% - 32px);padding:16px;flex-direction:column;align-items:flex-start;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff)}.BCTemplateBody .Right ._ .Preview{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0;align-self:stretch}.BCTemplateBody .Right ._ .Preview h3{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.BCTemplateBody .Right .UseTemplate{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;align-self:stretch;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.BCTemplateBody .Right .UseTemplate:disabled{background:var(--primary-color-primary-600, gray)}.BCTemplateBody .Right .UseTemplate p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.BCTemplateBody .Right .disabled{background:#656464}.BCTemplateBody .Left .TableWrapper{width:100%;overflow:scroll;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #e5e4e4);flex:1 0 0}.Table_CreateBCTemplate{width:100%;border-spacing:0;border-collapse:separate}.Thead_CreateBCTemplate{background:#dadaf2;position:sticky;top:0}.Tbody_CreateBCTemplate{background:#fff}.Thead_CreateBCTemplate tr,.Tbody_CreateBCTemplate tr{display:flex}.Thead_CreateBCTemplate tr>*{background:#dadaf2}.Thead_CreateBCTemplate tr th>p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.Thead_CreateBCTemplate tr th>.filterBtn{padding:0;border:none;background:none;outline:none}.Tbody_CreateBCTemplate tr th>p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Tbody_CreateBCTemplate .Selected{border:2px solid var(--primary-color-primary-500, #6562df)}.Thead_CreateBCTemplate .Name{display:flex;padding:8px;width:208px;height:24px;justify-content:space-between;align-items:center;flex:1 0 0;align-self:stretch}.Thead_CreateBCTemplate .Hotkey{display:flex;padding:8px;width:124px;height:24px;justify-content:space-between;align-items:center;flex:1 0 0;align-self:stretch}.Thead_CreateBCTemplate .Created{display:flex;padding:8px;width:164px;height:24px;justify-content:space-between;align-items:center;flex:1 0 0;align-self:stretch}.Thead_CreateBCTemplate .Action{display:flex;width:64px;height:24px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.Tbody_CreateBCTemplate .Name{display:flex;height:24px;width:208px;padding:8px;align-items:center;gap:4px;flex:1 0 0}.Tbody_CreateBCTemplate .Name p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:192px}.Tbody_CreateBCTemplate .Hotkey{display:flex;height:24px;width:124px;padding:8px;align-items:center;gap:4px;flex:1 0 0}.Tbody_CreateBCTemplate .Created{display:flex;height:24px;width:164px;padding:8px;align-items:center;gap:4px;flex:1 0 0}.Tbody_CreateBCTemplate .Action{display:flex;height:24px;width:64px;padding:8px;justify-content:center;align-items:center;gap:4px}.Tbody_CreateBCTemplate .Action p{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.BCMessageWrapper{display:flex;padding:12px 4px;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0;align-self:stretch;background:#efe6dd;overflow-y:scroll}.WrapperWarningHotkey{display:flex;gap:10px;justify-content:center;align-items:center;position:absolute;top:0px;right:0px}.WrapperWarningHotkey .title{color:var(--info-color-danger, #df6262);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.TableRowEdit:hover{border-radius:4px;background:var(--primary-color-primary-100, #dadaf2)}.elipsisUseChatTemplateGb{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.BCTemplateBody .Left .Middle .CTA .Wait button{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:4px;border:1px solid #5c5acc;margin-top:20px}.BCTemplateBody .Left .Middle .WaitForRespondWrapper{display:flex;width:624px;padding:4px 12px;justify-content:space-between;align-items:center;border-radius:8px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--neutral-color-neutral-100, #fafafa);color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.BCTemplateBody .Left .Middle .WaitForRespondWrapper .LeftWaitForRespondWrapper{display:flex;align-items:center;gap:4px}.ContainerListRecipientBroadcast{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.ContainerListRecipientBroadcast .ByTag{display:flex;align-items:center;gap:4px;width:calc(100% - 100px)}.ContainerListRecipientBroadcast .ByTag .title{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.ContainerListRecipientBroadcast .ByTag ._{display:flex;align-items:center;gap:4px;flex:1;overflow:scroll}.ContainerListRecipientBroadcast .ByTag ._ .Item{margin-top:16px;display:flex;height:24px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--neutral-color-neutral-100, #FAFAFA)}.ContainerListRecipientBroadcast .ByTag ._ .Item p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px;text-wrap:nowrap}.ContainerActionListRecipientBroadcast{display:flex;align-items:center;gap:4px}.ContainerActionListRecipientBroadcast button{display:flex;border:none;outline:none;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:none}.ContainerActionListRecipientBroadcast .Edit{background:none;transition:all .3s ease}.ContainerActionListRecipientBroadcast .Edit:hover{background:var(--primary-color-primary-100, #DADAF2)}.ContainerActionListRecipientBroadcast .Edit p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ContainerActionListRecipientBroadcast .Edit .icon{color:#6562df}.ContainerActionListRecipientBroadcast .Edit:hover p,.ContainerActionListRecipientBroadcast .Edit:hover .icon{color:#23224d}.WarningCycleMaxDay{position:absolute;left:0px;bottom:-25px;color:red;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.CreateBroadcastPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.CreateBroadcastPage .leftPart{max-width:320px;width:320px;padding:24px 16px}.CreateBroadcastPage .rightPart{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100vw - 320px);height:calc(100vh - 72px)!important;min-height:100%;overflow-y:scroll}.CreateBroadcastPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.CreateBroadcastPage_breadcrumbs img:first-child{width:24px;height:24px}.CreateBroadcastPage_breadcrumbs img{width:16px;height:16px}.CreateBroadcastPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.CreateBroadcastPage_connect{display:flex;flex-direction:column;align-items:center;gap:16px}.CreateBroadcastPage_connect img{width:250px;height:250px}.CreateBroadcastPage_connect h4{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;text-align:center}.CreateBroadcastPage_connect p{font-weight:400;font-size:16px;line-height:24px;color:#656464;margin-top:4px}.CreateBroadcastPage_connect .connect{display:flex;justify-content:center;align-items:center;gap:12px;background:#23224d;border-radius:4px;padding:0 16px 0 12px;width:fit-content;height:48px;cursor:pointer}.CreateBroadcastPage_connect .connect img{width:24px;height:24px}.CreateBroadcastPage_connect .connect p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.CreateBroadcastPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px}.CreateBroadcastPage_action .left{display:flex;align-items:flex-start;gap:12px;width:100%;padding:0}.CreateBroadcastPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:360px;height:48px;border:1px solid #f2f2f2;border-radius:4px;margin-right:12px;background:#fff}.CreateBroadcastPage_action .left .input img,.CreateBroadcastPage_action .left .btn img,.CreateBroadcastPage_action .right img{width:24px;height:24px}.CreateBroadcastPage_action .left .input input{flex:1;width:300px;height:24px}.CreateBroadcastPage_action .left .input input:focus{outline:none}.CreateBroadcastPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.CreateBroadcastPage_action .right{display:flex;justify-content:center;align-items:center;gap:12px;background:#5c5acc;border-radius:4px;min-width:162px;max-width:max-content;height:100%;max-height:48px;padding:0 16px 0 12px;cursor:pointer}.CreateBroadcastPage_action .right p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.CreateBroadcastPage_data{max-width:calc(100vw - 376px);overflow-x:scroll}.CreateBroadcastPage_data table{width:100%;border-spacing:0}.CreateBroadcastPage_data thead{background:#ededff}.CreateBroadcastPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#828282}.CreateBroadcastPage_data thead th{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333;text-align:start}.CreateBroadcastPage_data .name,.CreateBroadcastPage_data .content{min-width:148px;padding:16px}.CreateBroadcastPage_data .delivered{min-width:88px;padding:16px}.CreateBroadcastPage_data .status{width:68px;padding:16px}.CreateBroadcastPage_data .time{min-width:138px;padding:16px}.CreateBroadcastPage_data .estimated{min-width:348px;padding:16px}.CreateBroadcastPage_data .action{min-width:274px;padding:16px}.CreateBroadcastPage_data tbody tr{background:#ffffff}.CreateBroadcastPage_data tbody .name{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.CreateBroadcastPage_data tbody .content{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656565}.CreateBroadcastPage_data tbody .delivered div,.CreateBroadcastPage_data tbody .time div,.CreateBroadcastPage_data tbody .estimated div{display:flex;align-items:center;gap:8px}.CreateBroadcastPage_data tbody .delivered div p,.CreateBroadcastPage_data tbody .time div p,.CreateBroadcastPage_data tbody .estimated div p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.CreateBroadcastPage_data tbody .delivered .start,.CreateBroadcastPage_data tbody .time .start{font-weight:700;font-size:14px;line-height:20px;letter-spacing:.01em}.CreateBroadcastPage_data tbody .delivered .on-going{color:#6562df}.CreateBroadcastPage_data tbody .delivered .finish{color:#219655}.CreateBroadcastPage_data tbody .status .status{border-radius:20px;padding:4px 8px;max-width:fit-content;min-width:none}.CreateBroadcastPage_data tbody .status .status p{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em}.CreateBroadcastPage_data tbody .status .completed{background:#e3fce9}.CreateBroadcastPage_data tbody .status .completed p{color:#219655}.CreateBroadcastPage_data tbody .status .pending{background:#fce3e3}.CreateBroadcastPage_data tbody .status .pending p{color:#df6262}.CreateBroadcastPage_data tbody .status .send{background:#b8b7e5}.CreateBroadcastPage_data tbody .status .send p{color:#23224d}.CreateBroadcastPage_data tbody .time .on-going{color:#6562df}.CreateBroadcastPage_data tbody .time .finish{color:#333}.CreateBroadcastPage_data tbody .action .action{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:0}.CreateBroadcastPage_data tbody .action .action .pause{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;background:#cca239;border-radius:4px;cursor:pointer}.CreateBroadcastPage_data tbody .action .action .pause p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.CreateBroadcastPage_data tbody .action .action .continue{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;background:#5c5acc;border-radius:4px;cursor:pointer}.CreateBroadcastPage_data tbody .action .action .continue p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.CreateBroadcastPage_data tbody .action .action .see-log{display:flex;justify-content:center;align-items:center;padding:0 8px;gap:8px;border:1px solid #5c5acc;border-radius:4px;height:36px;cursor:pointer}.CreateBroadcastPage_data tbody .action .action .see-log p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc}.BroadcastContainer{display:flex;gap:8px;justify-content:space-between;margin-top:30px}.FormBroadcast{display:flex;flex-direction:column;padding:10px}.BroadcastLeft{display:flex;flex-direction:column;gap:16px;width:calc(100% - 320px)}.BroadCast_header{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;background:#ffffff}.BroadCast_header .top{display:flex;align-items:center;gap:12px}.BroadCast_header .bottom{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch;margin-top:12px}.BroadCast_header .bottom label{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#656464}.BroadCast_header .bottom label span{color:#df6262}.BroadCast_header .bottom .input{width:100%;height:48px}.BroadCast_header .bottom .input .css-13cymwt-control,.BroadCast_header .bottom .input .css-t3ipsp-control{height:100%;border-color:#f2f2f2!important}.Broadcast_accordion{padding:12px;gap:8px;border-radius:8px!important;background:#ffffff;margin:16px 0 0!important;box-shadow:none!important}.Broadcast_accordion:before{display:none}.Broadcast_accordionHeader{display:flex;align-self:stretch;padding:0!important;min-height:0!important}.Broadcast_accordionHeader .MuiAccordionSummary-content{margin:0!important;width:100%;display:flex;justify-content:space-between;cursor:auto}.Broadcast_accordionHeader .title{display:flex;align-items:center;gap:4px;width:100%}.Broadcast_accordionHeader .wrapper{display:flex;flex-direction:column}.Broadcast_accordionHeader .info{display:flex;padding:4px 8px;align-items:center;gap:8px}.Broadcast_accordionHeader .WrapperTitleSchedule{display:flex;flex-direction:column;gap:10px}.Broadcast_accordionHeader .WrapperTitleSchedule .title{display:flex;gap:10px;color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:24px}.Broadcast_accordionHeader .WrapperTitleSchedule .WarningSchedule{display:flex;gap:10px}.Broadcast_accordionHeader .WrapperTitleSchedule .WarningSchedule .WarningText{color:var(--Neutral-Color-Neutral3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.Broadcast_accordionBody{padding:0!important;margin-top:8px}.Broadcast_accordionBody .ContainerBuble{width:calc(100% - 24px);padding:12px;border:1px solid #f2f2f2;background:#fafafa;margin-bottom:8px}.Broadcast_accordionBody .ContainerBuble .BubleHeader{display:flex;justify-content:space-between;align-items:center}.Broadcast_accordionBody .ContainerBuble .BubleHeader .title{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;color:#333}.Broadcast_accordionBody .ContainerBubleBroadcast .BubleHeader .useTemplateBtn{display:flex;height:20px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;cursor:pointer}.Broadcast_accordionBody .ContainerBubleBroadcast .BubleHeader .useTemplateBtn:hover{background:#dadaf2;transition:.3s}.Broadcast_accordionBody .ContainerBubleBroadcast .BubleHeader .useTemplateBtn p{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.Broadcast_accordionBody .ContainerBuble .ContainerEditor{padding:0;border:none}.Broadcast_accordionBody .ContainerBuble .ContainerEditor textarea{display:flex;padding:12px;align-items:flex-start;gap:10px;align-self:stretch;border-radius:4px;border:1px solid #333;background:#ffffff;box-shadow:0 0 5px #5c5acc26;min-height:22px;margin-bottom:4px;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#333}.Broadcast_accordionBody .ButtonModalNewTemplate{background:#5c5acc}.Broadcast_accordionBody .ButtonModalNewTemplate p{color:#fafafa}.Broadcast_accordionBody .ContainerBCTemplate{display:flex;padding:12px 8px 12px 12px;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);align-items:center;gap:4px;align-self:stretch}.Broadcast_accordionBody .ContainerBCTemplate p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.Broadcast_accordionBody .ContainerBCTemplate .Name{display:flex;padding:12px;align-items:center;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:var(--background-white, #fff)}.Broadcast_accordionBody .ContainerBCTemplate .Hotkey{display:flex;width:136px;height:24px;padding:12px;align-items:center;gap:10px;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:var(--background-white, #fff);overflow-x:scroll}.Broadcast_accordionBody .ContainerBCTemplate .Hotkey p{padding-top:12px;text-wrap:nowrap}.Broadcast_accordionBody .ContainerBCTemplate .Action{display:flex;align-items:center;justify-content:center;padding:0;border:none;outline:none;background:none}.BroadcastRight{position:relative}.BroadcastRight_card{padding:10px;position:fixed;right:16px;top:96px;width:284px;height:calc(100% - 138px)}.BroadcastRight h3{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;margin-bottom:20px;margin-top:10px}.BroadcastRight p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.CardTitle h3{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.BoxPreview{display:flex;height:48.07vh;width:"auto";padding:12px 4px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;background:#efe6dd;overflow-y:scroll}.ButtonOutline{background-color:#219655;display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;border:2px solid var(--primary-color-primary-600, #5c5acc)}.ContainerTimeCreateBroadcast{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;margin-top:8px}.ContainerTimeSchedule{display:flex;width:calc(100% - 24px);padding:12px;flex-direction:column;align-items:flex-start;gap:8px;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa)}.TimeScheduleType{display:flex;align-items:center;gap:4px;align-self:stretch}.TimeScheduleType p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.TimeScheduleType .Input{flex:1;display:flex;padding:12px;justify-content:space-between;align-items:center;border-radius:4px;border:1px solid var(--primary-color-primary-400, #817ee5);background:#fff;box-shadow:0 0 5px #5c5acc26;cursor:pointer}.TimeScheduleType .On{border:1px solid var(--neutral-color-neutral-3, #656464)}.TimeScheduleType .Input p{color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.TimeScheduleType .Input input{background:var(--neutral-color-neutral-100, #fafafa);outline:none;padding:0}.TimeScheduleType .Action,.TimeScheduleDate .Action{display:flex;padding:0;justify-content:center;align-items:center}.TimeScheduleDate{display:flex;align-items:center;gap:4px;align-self:stretch}.TimeScheduleDate p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.TimeScheduleDate .Date{margin-left:4px;flex:2;display:flex;padding:2px 12px;justify-content:space-between;align-items:center;border-radius:4px;background:var(--background-white, #fff)}.TimeScheduleDate .Warn{border:1px solid var(--neutral-color-neutral-200, #DF6262)}.TimeScheduleDate .WrapperButtonCustom{display:flex;padding:10px;gap:4px;justify-content:space-between}.TimeScheduleDate .WrapperButtonCustom .Right{display:flex;gap:4px}.TimeScheduleDate .WrapperButtonCustom .CustomCancel{color:var(--info-color-danger, #df6262);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.TimeScheduleDate .WrapperButtonCustom .CustomReset{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.TimeScheduleDate .WrapperButtonCustom .CustomSetDate{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-900, #5c5acc);color:var(--background-white, #fff);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.TimeScheduleDate .WrapperButtonCustom .CustomSetDate:active{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-900, #23224d);color:var(--background-white, #fff);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.TimeScheduleDate .Date .react-datepicker__input-container input{width:95%}.TimeScheduleDate .Date .rmdp-container,.TimeScheduleDate .Date .rmdp-container input{width:95%;border:none;padding:2px 0}.TimeScheduleDate .Date .rmdp-container .rmdp-day-picker div .rmdp-week:first-child{background:var(--background-enable, #f5f7fa)}.TimeScheduleDate .Date .rmdp-container .rmdp-day-picker div .rmdp-week:first-child .rmdp-week-day{color:var(--grey-grey-800, #424242)}.TimeScheduleDate .Date .rmdp-container .rmdp-today span{color:var(--primary-color-primary-500, #6562df);background:none}.TimeScheduleDate .Date .rmdp-container .rmdp-day span:hover{border-radius:8px}.TimeScheduleDate .Date .rmdp-container .rmdp-selected span{color:var(--primary-color-primary-500, #fff);border-radius:8px;background:var(--primary-color-primary-500, #6562df)}.TimeScheduleDate .Date .rmdp-container .rmdp-day .rmdp-day-hidden:hover{background:#fff}.TimeScheduleDate .Date .rmdp-container .rmdp-disabled span{color:#ccc}.TimeScheduleDate .Date .btnDay{background:none;border:none;outline:none;margin:3px 0;padding:0;flex:1;width:300px;display:flex;justify-content:start}.TimeScheduleDate .Date .btnDay p{color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.TimeScheduleDate .Date .btnCustomDay{background:none;border:none;padding:12px 0 0;flex:1;width:300px;display:flex;justify-content:start;overflow-x:scroll}.TimeScheduleDate .Date .btnCustomDay p{color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;text-wrap:nowrap}.PopoverSelectDay{display:flex;width:400px;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:8px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff);box-shadow:5px 5px 5px #6562df26}.PopoverSelectDay .Body{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;align-self:stretch}.PopoverSelectDay .Body .Head{display:flex;padding:4px;justify-content:center;align-items:center;gap:10px;align-self:stretch;color:var(--neutral-color-neutral-900, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.PopoverSelectDay .Body .Option{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.PopoverSelectDay .Body .Option .Day{display:flex;padding:8px;justify-content:center;align-items:center;color:var(--neutral-color-neutral-500, #b3b3b3);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;border-radius:4px;cursor:pointer}.PopoverSelectDay .Body .Option .Selected{border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff)}.PopoverSelectDay .Action{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.PopoverSelectDay .Action button{border:none;outline:none;background:none}.PopoverSelectDay .Action .Cancel{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;color:var(--info-color-danger, #df6262);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.PopoverSelectDay .Action .Right{display:flex;align-items:flex-start;gap:8px}.PopoverSelectDay .Action .Right .Reset{display:flex;padding:8px;justify-content:center;align-items:center;color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.PopoverSelectDay .Action .Right .Set{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.PopoverSelectMonthDay{display:flex;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:8px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff);box-shadow:5px 5px 5px #6562df26}.PopoverSelectMonthDay .Head{display:flex;padding:4px;justify-content:center;align-items:center;gap:4px;align-self:stretch}.PopoverSelectMonthDay .Head p{color:var(--neutral-color-neutral-900, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.PopoverSelectMonthDay .Body{display:flex;flex-direction:column}.PopoverSelectMonthDay .Option{display:flex;align-items:center;align-self:stretch}.PopoverSelectMonthDay .Option button{outline:none;border:none;display:flex;width:34px;padding:8px;justify-content:center;align-items:center;border-radius:8px;background:var(--primary-color-primary-500, #fff)}.PopoverSelectMonthDay .Option button p{color:var(--neutral-color-neutral-800, #656565);text-align:center;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:150%}.PopoverSelectMonthDay .Option .Selected{background:var(--primary-color-primary-500, #6562df)}.PopoverSelectMonthDay .Option .Selected p{color:var(--black-white-white, #fff)}.PopoverSelectMonthDay .Action{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.PopoverSelectMonthDay .Action button{border:none;outline:none;background:none}.PopoverSelectMonthDay .Action .Cancel{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;color:var(--info-color-danger, #df6262);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.PopoverSelectMonthDay .Action .Right{display:flex;align-items:flex-start;gap:8px}.PopoverSelectMonthDay .Action .Right .Reset{display:flex;padding:8px;justify-content:center;align-items:center;color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.PopoverSelectMonthDay .Action .Right .Set{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.TimeScheduleDate .Time{border:1px solid var(--neutral-color-neutral-200, #656464);width:200px;box-shadow:none}.TimeScheduleDate .Failed_Time{box-shadow:none;width:200px;border:1px solid red!important}.ScheduleTypeOption{display:flex;width:200px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px}.ScheduleTypeOption_Add{display:flex;padding:8px 12px;align-items:flex-start;gap:10px;align-self:stretch;cursor:pointer}.ScheduleTypeOption_Add:hover{background:var(--primary-color-primary-500, #6562df)}.ScheduleTypeOption_Add:hover p{color:var(--neutral-color-neutral-100, #fafafa)}.ScheduleTypeOption_Add p{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ScheduleTypeOption_Add p{color:var(--neutral-color-neutral-4, #333)}.BroadcastEndTimeSchedule{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.BroadcastEndTimeSchedule label{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.BroadcastEndTimeSchedule .Data{display:flex;align-items:center;gap:4px;align-self:stretch}.BroadcastEndTimeSchedule .Left{cursor:pointer;display:flex;max-width:140px;min-width:120px;padding:12px;align-items:flex-start;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:var(--background-white, #fff)}.BroadcastEndTimeSchedule .Left p{flex:1;color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BroadcastEndTimeSchedule .PickDate{display:flex;padding:12px;justify-content:space-between;align-items:flex-start;border-radius:4px;border:1px solid var(--primary-color-primary-400, #656464);background:var(--background-white, #fff);box-shadow:0 0 5px #5c5acc26}.BroadcastEndTimeSchedule .PickDate .Date{flex:1;border:none}.BroadcastEndTimeSchedule .PickDate .Date p{color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BroadcastEndTimeSchedule .PickDate .Date button{display:flex;height:36px;padding:8px 4px;justify-content:center;align-items:center;gap:4px;background:none}.BroadcastEndTimeSchedule .WrapperButtonCustom{display:flex;padding:10px;gap:4px;justify-content:space-between}.BroadcastEndTimeSchedule .WrapperButtonCustom .Right{display:flex;gap:4px}.BroadcastEndTimeSchedule .WrapperButtonCustom .CustomCancel{color:var(--info-color-danger, #df6262);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.BroadcastEndTimeSchedule .WrapperButtonCustom .CustomReset{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.BroadcastEndTimeSchedule .WrapperButtonCustom .CustomSetDate{display:flex;height:36px;padding:8px 4px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-900, #5c5acc)!important;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.BroadcastEndTimeSchedule .WrapperButtonCustom .CustomSetDate:active{background:var(--primary-color-primary-900, #23224d)!important}.ContainerTimeCreateBroadcast .ButtonModalNewSchedule{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.ContainerTimeCreateBroadcast .ButtonModalNewSchedule p{color:#fafafa}.Broadcast_accordion .ButtonMenuBroadcast{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.Broadcast_accordion .ButtonMenuBroadcast p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ContainerFollowCreateBroadcast{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;margin-top:8px}.ContainerFollowCreateBroadcast .Item{width:calc(100% - 24px);display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:8px;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa)}.ContainerFollowCreateBroadcast .Action{display:flex;align-items:center;gap:4px}.ContainerFollowCreateBroadcast .Action .Edit{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;cursor:pointer}.ContainerFollowCreateBroadcast .Action .Edit p{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ContainerFollowCreateBroadcast .Action .Delete{cursor:pointer;display:flex;padding:8px;justify-content:center;align-items:center;gap:4px}.ContainerFollowCreateBroadcast .Item label{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.ContainerFollowCreateBroadcast .Item .Tag{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.ContainerFollowCreateBroadcast .Item .Tag .L{flex:1;display:flex;align-items:center;gap:4px;width:13vw}.ContainerFollowCreateBroadcast .Item .TagItem{display:flex;padding:4px;height:18px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff)}.ContainerFollowCreateBroadcast .Item .TagItem p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ContainerFollowCreateBroadcast .Item .Delegate{display:flex;justify-content:space-between;align-items:center;align-self:stretch;height:36px}.ContainerFollowCreateBroadcast .Item .Delegate .L{flex:1;display:flex;align-items:center;gap:8px;width:13vw;overflow-x:scroll}.ContainerFollowCreateBroadcast .Item .MemberItem{display:flex;padding:4px 8px 4px 4px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--background-white, #fff);margin-top:16px}.ContainerFollowCreateBroadcast .Item .MemberItem img{width:20px;border-radius:50%}.ContainerFollowCreateBroadcast .Item .MemberItem p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ContainerFollowCreateBroadcast .Item .TeamItem{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff);margin-top:16px}.ContainerFollowCreateBroadcast .Item .TeamItem p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;text-wrap:nowrap}.ContainerFollowCreateBroadcast .Item .Note{display:flex;align-items:center;gap:12px;align-self:stretch}.ContainerFollowCreateBroadcast .Item .Note .L{display:flex;padding:12px;align-items:flex-start;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-4, #333);background:var(--background-white, #fff);box-shadow:0 0 5px #5c5acc26}.ContainerFollowCreateBroadcast .Note .L p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.ContainerFooterCreateBroadcast{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch}.ButtonCancelAddNewBc{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;color:#df6262;background-color:#fff}.ContainerFooterCreateBroadcast .Right{display:flex;align-items:flex-start;gap:8px}.ContainerFooterCreateBroadcast .Right .Draft{display:flex;padding:12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;border:2px solid var(--primary-color-primary-600, #5c5acc);background:var(--background-white, #fff);color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px}.ContainerFooterCreateBroadcast .Right .Send{display:flex;padding:12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);border:2px solid var(--primary-color-primary-600, #5c5acc);color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px}.ContainerFooterCreateBroadcast .Right .Send_Disabled{background-color:gray;border-color:gray}.createBroadcast_msgEmpty{display:flex;padding:4px 8px;align-items:center;gap:8px;align-self:stretch;border-radius:4px;background:#df6262}.createBroadcast_msgEmpty p{font-size:12px;font-style:normal;font-weight:400;line-height:18px;color:#fff}.CreateBroadcastPage .rightPart .WarnWrapper{display:flex;padding:4px 8px;align-items:center;gap:8px}.CreateBroadcastPage .rightPart .WarnWrapper p{flex:1;color:var(--Info-Color-Danger, #DF6262);line-height:18px;font-family:Inter;font-size:12px;font-style:normal;font-weight:400}.CreateBroadcastPage .Follow_Up_BC_SM .BgCBTemplate{top:72px!important}.CampaignPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.CampaignPage .left{max-width:320px;width:320px;padding:24px 16px}.CampaignPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100vw - 320px);height:calc(100vh - 72px)!important;min-height:100%;overflow-y:scroll}.CampaignPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.CampaignPage_breadcrumbs img:first-child{width:24px;height:24px}.CampaignPage_breadcrumbs img{width:16px;height:16px}.CampaignPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.CampaignPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.CampaignPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.CampaignPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px}.CampaignPage_action .left{display:flex;align-items:flex-start;gap:12px;width:100%;padding:0}.CampaignPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:360px;height:48px;border:1px solid #F2F2F2;border-radius:4px;margin-right:12px;background:#fff}.CampaignPage_action .left .input img,.CampaignPage_action .left .btn img,.CampaignPage_action .right img{width:24px;height:24px}.CampaignPage_action .left .input input{flex:1;width:300px;height:24px}.CampaignPage_action .left .input input:focus{outline:none}.CampaignPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.CampaignPage_action .right{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;min-width:162px;max-width:max-content;height:100%;max-height:48px;padding:0 16px 0 12px;cursor:pointer}.CampaignPage_action .right p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.CampaignPage_data{max-width:calc(100vw - 376px);overflow-x:scroll}.CampaignPage_data table{width:100%;border-spacing:0}.CampaignPage_data thead{background:#EDEDFF}.CampaignPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#828282}.CampaignPage_data thead th{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333;text-align:start}.CampaignPage_data .name,.CampaignPage_data .contact{min-width:148px;padding:16px}.CampaignPage_data .audience{min-width:128px;padding:16px}.CampaignPage_data .content{width:168px;padding:16px}.CampaignPage_data .date{width:138px;padding:16px}.CampaignPage_data .action{min-width:142px;padding:16px}.CampaignPage_data tbody tr{background:#FFFFFF}.CampaignPage_data tbody .name{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.CampaignPage_data tbody .content{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656565}.CampaignPage_data tbody .delivered div,.CampaignPage_data tbody .time div,.CampaignPage_data tbody .estimated div{display:flex;align-items:center;gap:8px}.CampaignPage_data tbody .delivered div p,.CampaignPage_data tbody .time div p,.CampaignPage_data tbody .estimated div p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.CampaignPage_data tbody .delivered .start,.CampaignPage_data tbody .time .start{font-weight:700;font-size:14px;line-height:20px;letter-spacing:.01em}.CampaignPage_data tbody .delivered .on-going{color:#6562df}.CampaignPage_data tbody .delivered .finish{color:#219655}.CampaignPage_data tbody .status .status{border-radius:20px;padding:4px 8px;max-width:fit-content;min-width:none}.CampaignPage_data tbody .status .status p{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em}.CampaignPage_data tbody .status .completed{background:#E3FCE9}.CampaignPage_data tbody .status .completed p{color:#219655}.CampaignPage_data tbody .status .pending{background:#FCE3E3}.CampaignPage_data tbody .status .pending p{color:#df6262}.CampaignPage_data tbody .status .send{background:#B8B7E5}.CampaignPage_data tbody .status .send p{color:#23224d}.CampaignPage_data tbody .time .on-going{color:#6562df}.CampaignPage_data tbody .time .finish{color:#333}.CampaignPage_data tbody .action .action{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:0}.CampaignPage_data tbody .action .action .pause{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;background:#CCA239;border-radius:4px;cursor:pointer}.CampaignPage_data tbody .action .action .pause p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.CampaignPage_data tbody .action .action .continue{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;background:#5C5ACC;border-radius:4px;cursor:pointer}.CampaignPage_data tbody .action .action .continue p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.CampaignPage_data tbody .action .action .see-log{display:flex;justify-content:center;align-items:center;padding:0 8px;gap:8px;border:1px solid #5C5ACC;border-radius:4px;height:36px;cursor:pointer}.CampaignPage_data tbody .action .action .see-log p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc}.CreateCampaignPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.CreateCampaignPage .left{max-width:320px;width:320px;padding:24px 16px}.CreateCampaignPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100vw - 320px);height:calc(100vh - 72px)!important;min-height:100%;overflow-y:scroll}.CreateCampaignPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.CreateCampaignPage_breadcrumbs img:first-child{width:24px;height:24px}.CreateCampaignPage_breadcrumbs img{width:16px;height:16px}.CreateCampaignPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.CreateCampaignPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.CreateCampaignPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.CreateCampaignPage_form{display:flex;flex-direction:column;align-items:flex-start;padding:12px;gap:12px;margin-top:16px}.CreateCampaingPage_formInput{display:flex;flex-direction:column;justify-content:center;gap:8px;width:calc(100% - 24px)}.CreateCampaingPage_formInput label{display:flex;align-items:center;gap:4px;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.CreateCampaingPage_formInput label span{color:#df6262}.CreateCampaingPage_formInput input{width:calc(100% - 24px);padding:12px;border:1px solid #F2F2F2;border-radius:4px}.CreateCampaignPage_send{display:flex;justify-content:center;align-items:center;padding:0;gap:12px;margin-top:24px}.CreateCampaignPage_send .btn-cancel{display:flex;justify-content:center;align-items:center;padding:12px;cursor:pointer}.CreateCampaignPage_send .btn-cancel p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#df6262}.CreateCampaignPage_send .btn-save{display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;background:#F2F2F2;border:2px solid #656565;border-radius:4px;cursor:pointer}.CreateCampaignPage_send .btn-save p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#656565}.BroadcastPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.BroadcastPage .left{max-width:320px;width:320px;padding:24px 16px}.BroadcastPage .right{flex:1;padding:24px 16px;background:#f7f5f5;max-width:calc(100vw - 320px);height:calc(100vh - 72px)!important;min-height:100%;overflow-y:scroll}.BroadcastPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.BroadcastPage_breadcrumbs img:first-child{width:24px;height:24px}.BroadcastPage_breadcrumbs img{width:16px;height:16px}.BroadcastPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.BroadcastPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.BroadcastPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.BroadcastPage_connect{display:flex;flex-direction:column;align-items:center;gap:16px}.BroadcastPage_connect img{width:250px;height:250px}.BroadcastPage_connect h4{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;text-align:center}.BroadcastPage_connect p{font-weight:400;font-size:16px;line-height:24px;color:#656464;margin-top:4px}.BroadcastPage_connect .connect:hover{display:flex;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #23224d);padding:0 16px 0 12px;width:fit-content;height:48px;cursor:pointer}.BroadcastPage_connect .connect{display:flex;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);padding:0 16px 0 12px;width:fit-content;height:48px;cursor:pointer}.BroadcastPage_connect .connect img{width:24px;height:24px}.BroadcastPage_connect .connect p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.BroadcastPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px}.BroadcastPage_action .left{display:flex;align-items:flex-start;gap:12px;width:100%;padding:0}.BroadcastPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:360px;height:48px;border:1px solid #f2f2f2;border-radius:4px;margin-right:12px;background:#fff}.BroadcastPage_action .left .input img,.BroadcastPage_action .left .btn img,.BroadcastPage_action .right img{width:24px;height:24px}.BroadcastPage_action .left .input input{flex:1;width:300px;height:24px}.BroadcastPage_action .left .input input:focus{outline:none}.BroadcastPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.BroadcastPage_action .right{display:flex;justify-content:center;align-items:center;gap:12px;background:#5c5acc;border-radius:4px;min-width:162px;max-width:max-content;height:100%;max-height:48px;padding:0 16px 0 12px;cursor:pointer}.BroadcastPage_action .right p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.BroadcastPage .right .Result{gap:4px;margin-bottom:24px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center}.BroadcastPage .right .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BroadcastPage .right .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.BroadcastPage .right .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.BroadcastPage .right .Result button:hover p{color:#23224d}.BroadcastPage .right .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.BroadcastPage_actionright{display:flex;justify-content:center;align-items:center;gap:12px;background:#5c5acc;border-radius:4px;min-width:162px;max-width:max-content;height:100%;max-height:48px;padding:0 16px 0 12px;cursor:pointer}.BroadcastPage_actionright p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.BroadcastMemberPage_data{max-width:calc(100vw - 352px);overflow:scroll}.BroadcastMemberPage_data table{width:100%;border-spacing:0;border-collapse:collapse}.BroadcastMemberPage_data thead,.BroadcastMemberPage_data thead tr>*{background:#ededff}.BroadcastMemberPage_data tbody,.BroadcastMemberPage_data tbody td>*{background:#fafafa}.BroadcastMemberPage_data thead tr,.BroadcastMemberPage_data tbody tr{display:flex}.BroadcastMemberPage_data thead tr th>button{padding:0;border:none;background:none;outline:none;display:flex;align-items:center;justify-content:center}.BroadcastMemberPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#828282}.BroadcastMemberPage_data thead th p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.BroadcastMemberPage_data tbody td p{background:none}.BroadcastMemberPage_data tbody .Selected>*{background:#E5E4E4}.BroadcastMemberPage_data tbody .Notselected>*{background:#FFF}.BroadcastMemberPage_data .freezed{background:#A2A1E5;position:absolute;bottom:0;left:0;width:100%;height:5px}.BroadcastMemberPage_data thead .Checkbox{display:flex;width:64px;height:24px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.BroadcastMemberPage_data tbody .Checkbox{display:flex;width:64px;height:32px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.BroadcastMemberPage_data thead .name{display:flex;width:208px;flex:1;height:24px;padding:16px;justify-content:space-between;align-items:center;position:sticky;left:80px}.BroadcastMemberPage_data tbody .name{display:flex;width:208px;flex:1;height:32px;padding:16px;align-items:center;gap:10px;position:sticky;left:80px}.BroadcastMemberPage_data tbody .name p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.BroadcastMemberPage_data thead .schedule{display:flex;width:192px;height:24px;padding:16px;justify-content:space-between;align-items:center}.BroadcastMemberPage_data tbody .schedule{display:flex;width:192px;height:32px;padding:16px;justify-content:flex-start;gap:8px;align-items:center}.BroadcastMemberPage_data tbody .schedule p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.PopoverScheduleBC{display:flex;padding:8px;align-items:flex-start;gap:8px;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #e5e4e4);background:var(--background-white, #fff);box-shadow:0 0 10px #0000001a}.PopoverScheduleBC .BC{display:flex;flex-direction:column;gap:4px}.PopoverScheduleBC .BC p,.PopoverScheduleBC .BC ul li{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.BroadcastMemberPage_data thead .status{display:flex;width:96px;height:24px;padding:16px;justify-content:space-between;align-items:center}.BroadcastMemberPage_data tbody .status{display:flex;width:96px;height:32px;padding:16px;align-items:center;gap:4px}.BroadcastMemberPage_data thead .statusUpdate{display:flex;width:192px;height:24px;padding:16px;justify-content:space-between;align-items:center}.BroadcastMemberPage_data tbody .statusUpdate{display:flex;width:192px;height:32px;padding:16px;align-items:center;gap:4px}.BroadcastMemberPage_data tbody .statusUpdate p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.BroadcastMemberPage_data thead .action{display:flex;width:20px;height:24px;padding:16px;justify-content:space-between;align-items:center;position:sticky;right:0}.BroadcastMemberPage_data tbody .action{display:flex;width:20px;height:32px;padding:16px;align-items:center;gap:4px;position:sticky;right:0}.PopoverActionBC{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:4px}.PopoverActionBC button{border:none;outline:none;background:none;display:flex;align-items:center;gap:8px;width:100%}.PopoverActionBC button p{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.PopoverActionBC .Edit,.PopoverActionBC .Trash{border-radius:4px}.PopoverActionBC .Edit:hover{background:var(--primary-color-primary-500, #6562DF)}.PopoverActionBC .Edit .Text,.PopoverActionBC .Edit svg{color:var(--neutral-color-neutral-900, #333)}.PopoverActionBC .Edit:hover .Text,.PopoverActionBC .Edit:hover svg{color:var(--background-white, #fff)}.PopoverActionBC .Trash:hover{background:var(--info-color-danger, #df6262)}.PopoverActionBC .Trash .Text,.PopoverActionBC .Trash svg{color:var(--info-color-danger, #DF6262)}.PopoverActionBC .Trash:hover .Text,.PopoverActionBC .Trash:hover svg{color:var(--background-white, #fff)}.BroadcastMemberPage_data tbody .schedule button,.BroadcastMemberPage_data tbody .action button{padding:0;border:none;outline:none;display:flex;justify-content:center;align-items:center}.BroadcastMemberPage_data tbody tr>*{background:#ffffff}.BroadcastMemberPage_data tbody .content{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656565}.BroadcastMemberPage_data tbody .status .status{display:flex;width:66px;height:16px;padding:4px 8px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:20px}.BroadcastMemberPage_data tbody .status .status p{font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.BroadcastMemberPage_data tbody .status .completed{background:#E3FCE9;color:var(--Green-1, #219655)}.BroadcastMemberPage_data tbody .status .completed p{color:#219655}.BroadcastMemberPage_data tbody .status .pending{background:var(--neutral-color-neutral-100, #FAFAFA)}.BroadcastMemberPage_data tbody .status .pending p{color:var(--neutral-color-neutral-900, #333)}.BroadcastMemberPage_data tbody .status .send{background:#b8b7e5}.BroadcastMemberPage_data tbody .status .send p{color:#23224d}.BroadcastMemberPage_data tbody .status .draft{border:1px solid var(--neutral-color-neutral-500, #B3B3B3);background:var(--background-white, #FFF)}.BroadcastMemberPage_data tbody .status .draft p{color:var(--neutral-color-neutral-800, #656565)}.BroadcastMemberPage_data tbody .status .failed{background:#F1948A;color:#fff}.BroadcastMemberPage_data tbody .status .failed p{color:#fff}.broadcast_emptyMsg{display:flex;padding:4px 0!important;justify-content:center;align-items:center;gap:4px;border-radius:20px!important;background:#DF6262!important;box-shadow:0 0 10px #0000001a;width:94px!important}.broadcast_emptyMsg p{font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px;color:#fff;text-transform:none;width:62px}.broadcast_emptyMsgDetail .MuiPaper-root{display:flex;width:300px;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;background:#FFFFFF;box-shadow:0 0 10px #0000001a}.broadcast_emptyMsgDetail .MuiPaper-root p{font-size:12px;font-style:normal;font-weight:400;line-height:18px;color:#df6262}.ButtonCreateChatTemplate{display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);color:#fff}.ButtonCreateChatTemplate:hover{background-color:#23224d}#delete_bulk_template{display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:none;transition:.3s;p {color: #DF6262;}}#delete_bulk_template:hover{background:rgba(223,98,98,.15)}.AddContactListWa,.AddContactListWa .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:532px;margin:0 auto}.AddContactListWa .css-hz1bth-MuiDialog-container,.AddContactListWa .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:532px}.AddContactListWa .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FAFAFA;position:relative}.AddContactListWa_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA;border-radius:4px 4px 0 0}.AddContactListWa_body{background:#ffffff;display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px;gap:12px;border-radius:0 0 4px 4px}.AddContactListWa_bodyStepper{width:100%;display:flex;align-items:flex-start;justify-content:center;gap:12px}.AddContactListWa_bodyStepper .step{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:60px}.AddContactListWa_bodyStepper .step .circle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border:1px solid #B3B3B3;border-radius:32px;width:32px;height:32px}.AddContactListWa_bodyStepper .step .circle p{color:#b3b3b3;font-weight:500;font-size:14px;line-height:24px;letter-spacing:-.01em}.AddContactListWa_bodyStepper .step p{color:#b3b3b3;font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em;text-align:center}.AddContactListWa_bodyStepper .step-active .circle,.AddContactListWa_bodyStepper .step-active .circle p,.AddContactListWa_bodyStepper .step-active p{color:#817ee6;border-color:#817ee6}.AddContactListWa_bodyStepper .step-passed .circle{background:#817EE6;border-color:#817ee6}.AddContactListWa_bodyStepper .step-passed .circle p{color:#fff}.AddContactListWa_bodyStepper .step-passed p{color:#817ee6}.AddContactListWa_bodyStepper .line{border:1px solid #B3B3B3;width:80px;margin-top:16px}.AddContactListWa_bodyStepper .line-passed{border-color:#817ee6}.AddContactListWa_bodyMain{width:100%}.AddContactListWa_bodyStepOne .top{padding:12px 0}.AddContactListWa_bodyStepOne .top .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565}.AddContactListWa_bodyStepOne .top .download{margin-top:8px;display:flex;align-items:center;padding:4px;gap:12px;border:.5px dashed #B3B3B3;border-radius:4px;max-width:271px}.AddContactListWa_bodyStepOne .top .download img{width:20px;height:20px}.AddContactListWa_bodyStepOne .top .download p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565;text-decoration:none}.AddContactListWa_bodyStepOne .center{padding:12px 0}.AddContactListWa_bodyStepOne .center .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#000}.AddContactListWa_bodyStepOne .center .img{max-width:484px;overflow:scroll}.AddContactListWa_bodyStepOne .center .img img{margin-top:4px;height:100px;width:min-content;overflow-x:scroll}.AddContactListWa_bodyStepOne .bottom{margin-top:12px;border:1px dashed #6562DF;border-radius:4px}.AddContactListWa_bodyStepOne .bottom label{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 12px;gap:8px}.AddContactListWa_bodyStepOne .bottom .info{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.AddContactListWa_bodyStepOne .bottom .info span{color:#5c5acc}.AddContactListWa_bodyStepOne .bottom .size{margin-top:-8px;font-weight:300;font-size:10px;line-height:18px;color:#b3b3b3}.AddContactListWa_bodyStepOne .Wrapper_Selected_Wa{max-height:126px;min-height:fit-content;overflow-y:scroll}.AddContactListWa_bodyStepOne .Selected_Wa{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch;margin-bottom:4px;height:100%}.AddContactListWa_bodyStepOne .Selected_Wa .Wa{display:flex;justify-content:space-between;align-items:center;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-100, #FAFAFA);background:var(--background-white, #FFF)}.AddContactListWa_bodyStepOne .Selected_Wa .Wa .Left{display:flex;align-items:center;gap:4px}.AddContactListWa_bodyStepOne .avatar{width:32px;height:32px}.AddContactListWa_bodyStepOne .avatar-active{width:32px;height:32px;border:2px solid #219655}.AddContactListWa_bodyStepOne .avatar-lost{width:32px;height:32px;border:2px solid #B3B3B3}.AddContactListWa_bodyStepOne .avatar-disabled{width:32px;height:32px;border:2px solid #219655!important}.AddContactListWa_bodyStepOne .Selected_Wa .Wa .Left .number{color:var(--Green-1, #219655);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.AddContactListWa_bodyStepOne .Selected_Wa .Wa .Left .name{color:var(--Green-1, #219655);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.AddContactListWa_bodyStepOne .Selected_Wa .Wa .Center{display:flex;width:164px;align-items:center;gap:4px;overflow-x:scroll}.AddContactListWa_bodyStepOne .Selected_Wa .Wa .Center .Tag{display:flex;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--neutral-color-neutral-100, #FAFAFA);margin-top:16px}.AddContactListWa_bodyStepOne .Selected_Wa .Wa .Center .Tag p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.AddContactListWa_bodyStepOne .WaNumberOption{display:flex;width:calc(100% - 16px);justify-content:space-between;align-items:center;align-self:stretch;border-radius:4px}.AddContactListWa_bodyStepOne .WaNumberOption .Left{display:flex;align-items:center;gap:4px}.AddContactListWa_bodyStepOne .WaNumberOption .Left .number{color:var(--Green-1, #219655);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.AddContactListWa_bodyStepOne .WaNumberOption .Left .name{color:var(--Green-1, #219655);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100px}.AddContactListWa_bodyStepOne .WaNumberOption .Right{display:flex;width:164px;align-items:center;gap:4px;overflow-x:scroll}.AddContactListWa_bodyStepOne .WaNumberOption .Right .Tag{display:flex;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--neutral-color-neutral-100, #FAFAFA);margin-top:16px}.AddContactListWa_bodyStepOne .WaNumberOption .Right .Tag p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.AddContactListWa_bodyStepTwo .top{padding:12px 0}.AddContactListWa_bodyStepTwo .top .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565}.AddContactListWa_bodyStepTwo .top .download{margin-top:8px;display:flex;align-items:center;padding:4px;gap:12px;border:.5px dashed #B3B3B3;border-radius:4px;max-width:271px}.AddContactListWa_bodyStepTwo .top .download img{width:20px;height:20px}.AddContactListWa_bodyStepTwo .top .download p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565;text-decoration:none}.AddContactListWa_bodyStepTwo .center .file{display:flex;justify-content:space-between;align-items:center;padding:4px;background:#FAFAFA;border-radius:4px}.AddContactListWa_bodyStepTwo .center .file div{display:flex;align-items:center;gap:12px}.AddContactListWa_bodyStepTwo .center .file div img{width:24px;height:24px}.AddContactListWa_bodyStepTwo .center .file div p{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.AddContactListWa_bodyStepTwo .center .file .delete{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#df6262;padding:8px;cursor:pointer}.AddContactListWa_bodyStepThree{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 24px;gap:8px;width:calc(100% - 48px)}.AddContactListWa_bodyStepThree img{width:240px;height:240px}.AddContactListWa_bodyStepThree p{font-weight:600;font-size:16px;line-height:24px;color:#000}.AddContactListWa_bodyStepThree h2{font-weight:600;font-size:32px;line-height:40px;letter-spacing:-.02em;color:#6562df}.AddContactListWa_bodyStepTable{width:100%;max-height:184px;overflow-y:scroll}.Info_Step2{display:flex;flex-direction:column;align-items:flex-start}.Info_Step2 .title,.Info_Step2 .subtitle{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.InfoAutoTag{display:flex;justify-content:space-between;border-radius:4px;padding:4px 8px;background:#FAFAFA;width:calc(100% - 16px)}.InfoAutoTagLeft{display:flex;align-items:center;gap:4px;p {font-weight: 400; font-size: 12px; color: #333333; line-height: 12px;}}.AddContactListWa_body .Search_Step2{display:flex;padding:4px 8px;align-items:center;gap:8px;align-self:stretch;border-radius:4px;border:.5px solid var(--neutral-color-neutral-500, #B3B3B3);background:var(--background-white, #FFF)}.AddContactListWa_body .Search_Step2 input{display:flex;align-items:center;gap:8px;flex:1 0 0;color:var(--neutral-color-neutral-700, #808080);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.AddContactListWa_action{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.AddContactListWa_action .btn{display:flex;justify-content:center;align-items:center;min-width:47px;max-width:max-content;height:36px;border-radius:4px;cursor:pointer;padding:0 12px;gap:12px}.AddContactListWa_action .btn p{font-weight:600;font-size:12px;line-height:20px}.AddContactListWa_action .btn-cancel p{color:#5c5acc}.AddContactListWa_action .btn-next{background:#5C5ACC;transition:.3s}.AddContactListWa_action .btn-next:hover{background:#23224D}.AddContactListWa_action .btn-next:disabled{background:#656464}.AddContactListWa_action .btn-next p{color:#fafafa}.AddContactListWa_bodyStepTable table{width:100%;border-spacing:0;border-collapse:separate}.AddContactListWa_bodyStepTable table thead{position:sticky;top:0;z-index:3}.AddContactListWa_bodyStepTable thead tr,.AddContactListWa_bodyStepTable tbody tr{display:flex}.AddContactListWa_bodyStepTable thead tr>*{background:#DADAF2}.AddContactListWa_bodyStepTable thead tr th>*{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.AddContactListWa_bodyStepTable tbody tr>*{border:none}.AddContactListWa_bodyStepTable tbody .Selected>*{background:#E5E4E4}.AddContactListWa_bodyStepTable tbody .Notselected>*{background:#FFF}.AddContactListWa_bodyStepTable thead .check{display:flex;width:50px!important;height:8px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.AddContactListWa_bodyStepTable tbody .check{display:flex;width:50px;height:8px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.AddContactListWa_bodyStepTable thead .team{display:flex;width:148px;height:8px;padding:16px;justify-content:space-between;align-items:center;position:sticky;left:40px}.AddContactListWa_bodyStepTable tbody .team{display:flex;width:148px;height:8px;padding:16px;align-items:center;gap:10px;position:sticky;left:40px}.AddContactListWa_bodyStepTable tbody .team p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.AddContactListWa_bodyStepTable thead .member{flex:1;display:flex;height:8px;padding:16px;justify-content:space-between;align-items:center}.AddContactListWa_bodyStepTable tbody .member{flex:1;display:flex;width:118px;height:8px;padding:16px;align-items:center;gap:10px}.AddOneContactList,.AddOneContactList .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:680px;margin:0 auto}.AddOneContactList .css-hz1bth-MuiDialog-container,.AddOneContactList .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:680px}.AddOneContactList .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#fafafa;position:relative}.AddOneContactList_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #f2f2f2;position:sticky;top:0;background:#fafafa;z-index:3}.AddOneContactList_formInput{display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px}.AddOneContactList_formInput label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464;margin:0}.AddOneContactList_formInput label span{color:#df6262}.AddOneContactList_formInput input{padding:0 12px;height:48px;width:calc(100% - 24px);border:1px solid #f2f2f2;border-radius:4px;color:#656464;margin-top:8px}.AddOneContactList_formInput .input-select{border:1px solid #817ee6;box-shadow:0 0 5px #5c5acc26;border-radius:4px;width:100%;height:48px;margin-top:8px}.AddOneContactList_formInput .input-select .MuiFormControl-root,.AddOneContactList_formInput .input-select .MuiFormControl-root .MuiInputBase-root{height:100%;padding:0}.AddOneContactList_formInput .input-select .MuiFormControl-root .MuiInputBase-root input{height:100%;padding:0 12px;margin-top:0}.AddOneContactList_formInput textarea{width:608px;height:120px;border:1px solid #f2f2f2;border-radius:4px;padding:12px;color:#656464;font-family:Inter}.AddOneContactList_formInput .inputWaNumber{display:flex;align-items:center;gap:8px;margin-top:8px}.AddOneContactList_formInput .inputWaNumber input{width:520px;margin-top:0}.AddOneContactList_formInput .inputWaNumber .flag{display:flex;align-items:center;justify-content:center;gap:4px;width:80px;height:48px;border:1px solid #656464;border-radius:4px}.AddOneContactList_formInput .inputWaNumber .flag p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#23224d}.AddOneContactList_formInput .css-b62m3t-container{width:100%}.AddOneContactList_formInput .select__control{width:100%;margin:0}.AddOneContactList_formInputWarning input{border-color:#df6262}.AddOneContactList_formWarningMsg{display:flex;padding:4px 8px;align-items:center;gap:8px;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#df6262;margin-left:24px;margin-top:8px}.AddOneContactList_footer{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;gap:12px;margin-top:12px;position:sticky;bottom:0;background:#fafafa}.AddOneContactList_footer .cancel{display:flex;justify-content:center;align-items:center;gap:8px;width:86px;height:36px;border:1px solid transparent;border-radius:4px;cursor:pointer}.AddOneContactList_footer .cancel p{font-weight:700;font-size:12px;line-height:20px;letter-spacing:.02em;color:#df6262}.AddOneContactList_footer .cancel img{width:16px;height:16px}.AddOneContactList_footer .add{display:flex;justify-content:center;align-items:center;gap:8px;width:132px;height:36px;background:#5c5acc;border-radius:4px;cursor:pointer}.AddOneContactList_footer .add:disabled{background:#656464}.AddOneContactList_footer .add p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.AddOneContactList_footer .add img{width:16px;height:16px}.SidebarContact{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;max-height:calc(100vh - 72px);overflow-y:scroll;position:relative}.SidebarContact .head{position:sticky;top:0;background:#fff}.SidebarContact .head h4{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:32px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:-.64px}.SidebarContact .head p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464;margin-top:4px;max-width:254px}.SidebarContact .menu{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.SidebarContact .menu:last-child{margin-bottom:100px}.SidebarContact .menu .title{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656464}.SidebarContact .menu .submenu{display:flex;align-items:center;padding:12px 16px;gap:12px;width:244px;max-width:244px;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #E5E4E4);background:var(--background-white, #FFF)}.SidebarContact .menu .submenu img{width:24px;height:24px}.SidebarContact .menu .submenu p{font-weight:500;font-size:14px;line-height:17px;letter-spacing:-.01em;color:#656464}.SidebarContact .menu .active-submenu{border:1px solid #6562DF;box-shadow:0 0 5px #6562df26;border-radius:4px}.SidebarContact .menu .active-submenu p{color:#6562df}.ContactListPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.ContactListPage .left{max-width:320px;width:320px;padding:24px 16px}.ContactListPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100vw - 320px);height:calc(100vh - 72px)!important;min-height:100%;overflow-y:scroll;position:relative}.ContactListPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.ContactListPage_breadcrumbs img:first-child{width:24px;height:24px}.ContactListPage_breadcrumbs img{width:16px;height:16px}.ContactListPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ContactListPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.ContactListPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ContactListPage_head .Head_Wrapper{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.ContactListPage_head .Head_Wrapper .RightPart{display:flex;height:24px;align-items:center;gap:8px}.ContactListPage_head .Head_Wrapper .RightPart p{color:var(--Neutral-Color-Neutral3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ContactListPage_head .Head_Wrapper .RightPart button{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border:none;outline:none;background:none;border-radius:4px;border:1px solid var(--Primary-Color-Primary600, #5C5ACC)}.ContactListPage_head .Head_Wrapper .RightPart button p{color:var(--Primary-Color-Primary500, #6562DF);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ContactListPage .right .Result{gap:4px;margin-bottom:24px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center}.ContactListPage .right .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.ContactListPage .right .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.ContactListPage .right .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.ContactListPage .right .Result button:hover p{color:#23224d}.ContactListPage .right .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.ContactListPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.ContactListPage_data{max-width:calc(100vw - 376px);max-height:60vh;overflow:scroll}.ContactListPage_data table{width:100%;border-spacing:0;position:relative}.ContactListPage_data thead{background:#EDEDFF;max-width:calc(100vw - 376px);width:100%;position:sticky;top:0;z-index:2}.ContactListPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#820202}.ContactListPage_data .css-y8ay40-MuiTableCell-root{background:#EDEDFF}.ContactListPage_data .css-1ex1afd-MuiTableCell-root,.ContactListPage_data .css-y8ay40-MuiTableCell-root,.ContactListPage_data .css-1ygcj2i-MuiTableCell-root{border:none}.ContactListPage_data thead th{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333;text-align:start}.ContactListPage_data thead th button{min-width:16px;height:16px;padding:0;cursor:pointer;color:transparent;transition:none;outline:none}.ContactListPage_data thead th button:active{outline:none}.ContactListPage_data .checkbox{width:24px;padding:16px}.ContactListPage_data .contact{min-width:168px;width:100%;max-width:168px;padding:16px}.ContactListPage_data .contact .noWaBtn{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;color:#656565;padding:16px;margin:0;width:100%;height:100%;text-align:start;justify-content:flex-start;transition:none}.ContactListPage_data .contact .noWaBtn:focus{outline:none}.ContactListPage_data .contact .noWaBtn:active{background:rgba(223,98,98,.1)}.ContactListPage_data .freezed{background:#A2A1E5;position:absolute;bottom:0;left:0;width:100%;height:5px}.ContactListPage_data .birth{min-width:168px;width:100%;max-width:168px;padding:16px}.ContactListPage_data .country{min-width:168px;width:100%;max-width:168px!important;padding:16px}.ContactListPage_data .tag{min-width:268px;max-width:268px;padding:16px}.ContactListPage_data .column-freezed{min-width:168px;max-width:168px;padding:16px}.ContactListPage_data .label{min-width:268px;padding:16px}.ContactListPage_data .notes{min-width:168px;width:100%;max-width:168px!important;padding:16px}.ContactListPage_data .notes input{width:100%}.ContactListPage_data .action{width:87px;padding:16px;display:flex;justify-content:center;align-items:center;gap:8px;position:sticky;right:0;background:#FFFFFF;border-left:1px solid #F2F2F2}.ContactListPage_data .actionData{width:87px;padding:25px 16px;display:flex;justify-content:center;gap:8px;position:sticky;right:0;background:#FFFFFF;border-left:1px solid #F2F2F2}.ContactListPage_data thead th div{display:flex;justify-content:space-between;align-items:center;gap:10px}.ContactListPage_data thead th div p{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.ContactListPage_data thead th div p span{color:#df6262}.ContactListPage_data thead th div svg{cursor:pointer}.ContactListPage_data thead .action{background-color:#ededff;border-left:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.ContactListPage_data tbody tr{background:#FFFFFF}.ContactListPage_data tbody tr td{max-height:32px;margin:0;color:#333;color-scheme:light}.ContactListPage_data tbody .name{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.ContactListPage_data tbody .content{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ContactListPage_data tbody .tag .tags,.ContactListPage_data tbody .column-freezed .tags{display:flex;justify-content:flex-start;align-items:center;gap:4px;overflow-x:scroll;margin:auto 0}.contactListTag{display:flex;padding:4px 8px;height:22px;min-width:fit-content;align-items:center;gap:8px;border-radius:4px;border:1px solid #F2F2F2;background:#FAFAFA}.ContactListPage_data tbody .action svg{cursor:pointer}.ContactListPage_data tbody .FilterResult{background:var(--neutral-color-neutral-100, #FAFAFA);box-shadow:0 0 10px #0000001a;z-index:2}.ContactListPage_data tbody .FilterResult .NumberData{position:sticky;left:0;top:74px;background:var(--neutral-color-neutral-100, #FAFAFA);display:flex;justify-content:center;align-items:center;color:var(--primary-color-primary-500, #6562DF);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;height:100%;z-index:99999999999}.ContactListPage_data tbody .FilterResult .ContactResult{position:sticky;top:74px;left:74px;background:var(--neutral-color-neutral-100, #FAFAFA);box-shadow:0 0 10px #0000001a}.ContactListPage_data tbody .FilterResult .Content{display:flex;height:calc(100% - 8px);padding:4px 4px 4px 8px;justify-content:space-between;align-items:center;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562DF);background:var(--background-white, #FFF)}.ContactListPage_data tbody .FilterResult .Content p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ContactListPage_data tbody .FilterResult .birthResult{width:200px}.ContactListPage_data tbody .FilterResult .remove{display:flex;justify-content:center;align-items:center;position:sticky;right:0;background:#FAFAFA;border-left:1px solid #F2F2F2;cursor:pointer}.ContactListPage_data tbody .FilterResult .remove p{color:#5c5acc;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.ContactListPage_addManualContact{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 8px 8px 12px;width:calc(100% - 16px);gap:8px;background:#5C5ACC;border-radius:4px;cursor:pointer;margin-top:12px}.ContactListPage_addManualContact p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.ContactListPage_data .openInChatRoom{display:flex;justify-content:flex-end;align-items:center;gap:3px}.ContactListPage_data .openInChatRoom .left{display:flex;align-items:center;padding:4px 8px;gap:8px;background:rgba(51,51,51,.25);border-radius:8px;width:116px}.ContactListPage_data .openInChatRoom .left p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.ContactListPage_data .openInChatRoom .right{background:#B3B3B3;border-radius:4px;max-width:20px;max-height:20px;display:flex;justify-content:center;align-items:center;padding:0}.contactListPage_filterPagination{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.contactListPage_filterPagination .arrow{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;cursor:pointer}.contactList_infoContactTable .MuiPaper-root{display:flex;align-items:center;padding:4px 8px;gap:8px;width:calc(100% - 16px);max-width:400px;background:rgba(51,51,51,.9);border-radius:4px}.contactList_infoContactTable .MuiPaper-root p{color:#fff}.AddReceiptPage .ContactListPage_action{display:flex;justify-content:flex-start;align-items:center;margin-top:12px;width:100%;margin-left:32px;margin-bottom:24px}.ContactListPage_action .left{display:flex;align-items:flex-start;gap:12px;padding:0;flex:1;max-width:fit-content}.ContactListPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:100%;height:48px;border-radius:4px;background:#fff;caret-color:#6562df}.ContactListPage_action .left .input img,.ContactListPage_action .left .btn img,.ContactListPage_action .right img{width:24px;height:24px}.ContactListPage_action .left .input input{flex:1;height:24px}.ContactListPage_action .left .input .BgSmallcaps{display:flex;height:24px;width:24px;justify-content:center;align-items:center;gap:8px;border-radius:4px}.ContactListPage_action .left .input input:focus{outline:none}.ContactListPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.ContactListPage_action .left .apply_filter{display:flex;padding:9.6px 12.8px 9.6px 9.6px;justify-content:center;align-items:center;gap:8px;height:50px;max-width:300px;border-radius:3.2px;background:var(--Primary-Color-Primary600, #5C5ACC)}.ContactListPage_action .left .apply_filter p{color:var(--Neutral-Color-Neutral100, #FAFAFA);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;text-wrap:nowrap}.ContactListPage_action .left .apply_filter .bubble{display:flex;width:19.2px;height:19.2px;justify-content:center;align-items:center;gap:8px;border-radius:11.2px;background:var(--Background-White, #FFF)}.ContactListPage_action .left .apply_filter .bubble p{color:var(--Primary-Color-Primary500, #6562DF);text-align:center;font-family:Inter;font-size:10px;font-style:normal;font-weight:700;line-height:normal}.ContactListPage_action .left .apply_search{display:flex;padding:9.6px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:3.2px;background:var(--Primary-Color-Primary600, #5C5ACC)}.ContactListPage_action .right{display:flex;justify-content:flex-end;align-items:flex-start;gap:8px;height:48px!important}.ContactListPage_action .btn-export{display:flex;justify-content:center;align-items:center;padding:0 14px 0 10px;gap:12px;border-radius:4px;cursor:pointer;height:52px}.ContactListPage_action .btn-export p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#5c5acc}.ContactListPage_action .btn-add-contact{display:flex;justify-content:center;align-items:center;padding:0 14px 0 10px;gap:12px;background:#5C5ACC;border-radius:4px;cursor:pointer;height:52px}.ContactListPage_action .btn-add-contact p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.ContactListPage_action .btn-add{display:flex;justify-content:center;align-items:center;gap:12px;border:2px solid #5C5ACC;border-radius:4px;padding:12px 16px 12px 12px;cursor:pointer}.ContactListPage_action .btn-add p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#5c5acc}.ContactListPage_action .btn-edit{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px 12px 12px;gap:12px;border-radius:4px}.ContactListPage_action .btn-edit:hover{background:rgb(92,90,204,.15)}.ContactListPage_action .btn-edit p{font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#5c5acc}.ContactListPage_action .btn-delete{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px 12px 12px;gap:12px;border-radius:4px;transition:.3s}.ContactListPage_action .btn-delete:hover{background:rgba(223,98,98,.15)}.ContactListPage_action .right .btn-delete p{font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#df6262}.ContactGroupPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.ContactGroupPage .left{max-width:320px;width:320px;padding:24px 16px}.ContactGroupPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100vw - 320px);height:calc(100vh - 72px)!important;min-height:100%;overflow-y:scroll}.ContactGroupPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.ContactGroupPage_breadcrumbs img:first-child{width:24px;height:24px}.ContactGroupPage_breadcrumbs img{width:16px;height:16px}.ContactGroupPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ContactGroupPage_connect{display:flex;flex-direction:column;align-items:center;gap:16px}.ContactGroupPage_connect img{width:250px;height:250px}.ContactGroupPage_connect h4{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;text-align:center}.ContactGroupPage_connect p{font-weight:400;font-size:16px;line-height:24px;color:#656464;margin-top:4px}.ContactGroupPage_connect .connect{display:flex;justify-content:center;align-items:center;gap:12px;background:#23224D;border-radius:4px;padding:0 16px 0 12px;width:fit-content;height:48px;cursor:pointer}.ContactGroupPage_connect .connect img{width:24px;height:24px}.ContactGroupPage_connect .connect p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.ContactGroupPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.ContactGroupPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ContactGroupPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px}.ContactGroupPage_action .left{display:flex;align-items:flex-start;gap:12px;padding:0;flex:1}.ContactGroupPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:360px;height:48px;border:1px solid #F2F2F2;border-radius:4px;margin-right:12px;background:#fff}.ContactGroupPage_action .left .input img,.ContactGroupPage_action .left .btn img,.ContactGroupPage_action .right img{width:24px;height:24px}.ContactGroupPage_action .left .input input{flex:1;width:300px;height:24px}.ContactGroupPage_action .left .input input:focus{outline:none}.ContactGroupPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.ContactGroupPage_action .right{display:flex;align-items:flex-start;gap:8px;max-width:228px;width:fit-content;height:48px!important}.ContactGroupPage_action .btn-add{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;min-width:228px;max-width:228px;height:48px;cursor:pointer}.ContactGroupPage_action .btn-add p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.ContactGroupPage_data{max-width:calc(100vw - 376px);overflow-x:scroll}.ContactGroupPage_data table{width:100%;border-spacing:0}.ContactGroupPage_data thead{background:#EDEDFF}.ContactGroupPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#828282}.ContactGroupPage_data thead th{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333;text-align:start}.ContactGroupPage_data .name{min-width:208px;padding:16px}.ContactGroupPage_data .contact,.ContactGroupPage_data .last{min-width:108px;max-width:108px;padding:16px}.ContactGroupPage_data .param{min-width:277px;padding:16px}.ContactGroupPage_data .action{min-width:203px;padding:16px}.ContactGroupPage_data tbody tr{background:#FFFFFF}.ContactGroupPage_data tbody .name{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.ContactGroupPage_data tbody .content{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656565}.ContactGroupPage_data tbody .delivered div,.ContactGroupPage_data tbody .time div,.ContactGroupPage_data tbody .estimated div{display:flex;align-items:center;gap:8px}.ContactGroupPage_data tbody .delivered div p,.ContactGroupPage_data tbody .time div p,.ContactGroupPage_data tbody .estimated div p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ContactGroupPage_data tbody .delivered .start,.ContactGroupPage_data tbody .time .start{font-weight:700;font-size:14px;line-height:20px;letter-spacing:.01em}.ContactGroupPage_data tbody .delivered .on-going{color:#6562df}.ContactGroupPage_data tbody .delivered .finish{color:#219655}.ContactGroupPage_data tbody .status .status{border-radius:20px;padding:4px 8px;max-width:fit-content;min-width:none}.ContactGroupPage_data tbody .status .status p{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em}.ContactGroupPage_data tbody .status .completed{background:#E3FCE9}.ContactGroupPage_data tbody .status .completed p{color:#219655}.ContactGroupPage_data tbody .status .pending{background:#FCE3E3}.ContactGroupPage_data tbody .status .pending p{color:#df6262}.ContactGroupPage_data tbody .status .send{background:#B8B7E5}.ContactGroupPage_data tbody .status .send p{color:#23224d}.ContactGroupPage_data tbody .time .on-going{color:#6562df}.ContactGroupPage_data tbody .time .finish{color:#333}.ContactGroupPage_data tbody .action .action{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:0}.ContactGroupPage_data tbody .action .action .pause{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;background:#CCA239;border-radius:4px;cursor:pointer}.ContactGroupPage_data tbody .action .action .pause p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.ContactGroupPage_data tbody .action .action .continue{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;background:#5C5ACC;border-radius:4px;cursor:pointer}.ContactGroupPage_data tbody .action .action .continue p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.ContactGroupPage_data tbody .action .action .see-log{display:flex;justify-content:center;align-items:center;padding:0 8px;gap:8px;border:1px solid #5C5ACC;border-radius:4px;height:36px;cursor:pointer}.ContactGroupPage_data tbody .action .action .see-log p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc}.ContactListDetail{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.ContactListDetail .left{max-width:320px;width:320px;padding:24px 16px}.ContactListDetail .right{flex:1;padding:24px 16px;background:#f7f5f5;max-width:calc(100vw - 320px);height:calc(100vh - 72px)!important;min-height:100%;overflow-y:scroll;position:relative}.ContactListDetail .right .Wrapper{display:flex;align-items:flex-start;gap:12px;margin-top:20px}.ContactListDetail .right .Wrapper .ContactHistory{flex:1;display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:8px;background:#fff;width:calc(100% - 364px);height:calc(100vh - 184px)}.ContactListDetail .right .Wrapper .ContactHistory .Result{gap:4px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center}.ContactListDetail .right .Wrapper .ContactHistory .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.ContactListDetail .right .Wrapper .ContactHistory .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#f7f5f5}.ContactListDetail .right .Wrapper .ContactHistory .Result button:hover{background:var(--primary-color-primary-100, #dadaf2)}.ContactListDetail .right .Wrapper .ContactHistory .Result button:hover p{color:#23224d}.ContactListDetail .right .Wrapper .ContactHistory .Result button p{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.ContactListDetail .right .Wrapper .DetailContact{display:flex;min-width:296px;max-width:296px;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:8px;background:var(--background-white, #fff);max-height:calc(100vh - 184px);height:fit-content;overflow-y:scroll}.ContactHistoryHeader{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.ContactHistoryHeader .Back{display:flex;align-items:flex-start;gap:12px}.ContactHistoryHeader .Back p{color:#333;font-size:24px;font-family:Inter;font-weight:700;line-height:32px;letter-spacing:-.48px}.ContactHistoryHeader .Action{display:flex;width:100%;justify-content:space-between;align-items:center}.ContactHistoryHeader .Action .Left{display:flex;align-items:flex-start;gap:8px;flex-shrink:0}.ContactHistoryHeader .Action .Left .Input{display:flex;padding:12px;align-items:flex-start;gap:10px;flex:1 0 0;border-radius:4px;background:var(--background-white, #fff);width:270px}.ContactHistoryHeader .Action .Left .Input input{flex:1}.ContactHistoryHeader .Action .Left .ButtonLarge{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px}.ContactHistoryHeader .Action .Right{display:flex;align-items:center;gap:8px}.ContactHistoryHeader .Action .Right button{outline:none;display:flex;height:36px;padding:8px 16px 8px 8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.ContactHistoryHeader .Action .Right button p{color:var(--neutral-color-neutral-100, #fafafa);font-size:12px;font-family:Inter;font-weight:600;line-height:20px;letter-spacing:.24px}.ContactHistoryBody_Wrapper{border-radius:8px;border:1px solid var(--neutral-color-neutral-300, #e5e4e4);width:100%;max-height:calc(100vh - 350px)!important;min-height:calc(100vh - 350px)!important}.ContactHistoryBody{min-width:49.167vw!important;max-height:100%;overflow:scroll}.ContactHistoryBody .Table_ContactHistory{width:100%;border-spacing:0;border-collapse:separate}.ContactHistoryBody .Thead_ContactHistory{background:#dadaf2;position:sticky;top:0;z-index:2}.ContactHistoryBody .Tbody_ContactHistory{background:#fafafa}.ContactHistoryBody .Thead_ContactHistory tr,.ContactHistoryBody .Tbody_ContactHistory tr{display:flex}.ContactHistoryBody .Thead_ContactHistory tr>*{background:#dadaf2}.ContactHistoryBody .Tbody_ContactHistory tr>*{border-bottom:none}.ContactHistoryBody .Thead_ContactHistory tr th>p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.ContactHistoryBody .Tbody_ContactHistory tr td>p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ContactHistoryBody .Tbody_ContactHistory .Selected>*{background:#e5e4e4}.ContactHistoryBody .Tbody_ContactHistory .Notselected>*{background:#fafafa}.ContactHistoryBody .Thead_ContactHistory .Checkbox{display:flex;width:64px;height:24px;padding:8px;align-items:center;gap:4px;position:sticky;left:0;z-index:1}.ContactHistoryBody .Tbody_ContactHistory .Checkbox{display:flex;width:64px;height:24px;padding:8px;align-items:center;gap:4px;position:sticky;left:0}.ContactHistoryBody .Thead_ContactHistory .Date{display:flex;width:124px;height:24px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.ContactHistoryBody .Tbody_ContactHistory .Date{display:flex;width:124px;height:24px;padding:8px;align-items:center;gap:4px}.ContactHistoryBody .Thead_ContactHistory .Time{display:flex;width:104px;height:24px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.ContactHistoryBody .Tbody_ContactHistory .Time{display:flex;width:104px;height:24px;padding:8px;align-items:center;gap:4px}.ContactHistoryBody .Thead_ContactHistory .SessionId{display:flex;width:200px;height:24px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.ContactHistoryBody .Tbody_ContactHistory .SessionId{display:flex;width:200px;height:24px;padding:8px;align-items:center;gap:4px}.ContactHistoryBody .Thead_ContactHistory .WaNumber{display:flex;width:200px;height:24px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.ContactHistoryBody .Tbody_ContactHistory .WaNumber{display:flex;width:200px;height:24px;padding:8px!important;align-items:center;gap:4px;border:none!important}.ContactHistoryBody .Thead_ContactHistory .Username,.ContactHistoryBody .Thead_ContactHistory .Activity{display:flex;width:164px;height:24px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.ContactHistoryBody .Tbody_ContactHistory .Username,.ContactHistoryBody .Tbody_ContactHistory .Activity{display:flex;width:164px;height:24px;padding:8px!important;align-items:center;gap:4px;border:none!important}.ContactHistoryBody .Thead_ContactHistory .Username,.ContactHistoryBody .Tbody_ContactHistory .Username{width:250px}.ContactHistoryBody .Thead_ContactHistory .From,.ContactHistoryBody .Thead_ContactHistory .To{display:flex;width:244px;height:24px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.ContactHistoryBody .Tbody_ContactHistory .From,.ContactHistoryBody .Tbody_ContactHistory .To{display:flex;width:244px;height:24px;padding:8px;align-items:center;gap:4px}.ContactHistoryBody .Tbody_ContactHistory .From .tags,.ContactHistoryBody .Tbody_ContactHistory .To .tags{display:flex;gap:4px;overflow-x:scroll}.ContactHistoryBody .Tbody_ContactHistory .From .tags .item,.ContactHistoryBody .Tbody_ContactHistory .To .tags .item{display:flex;height:24px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid #f2f2f2;background:#fafafa}.ContactHistoryBody .Tbody_ContactHistory .From .contactListTag p,.ContactHistoryBody .Tbody_ContactHistory .To .contactListTag p{font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#656464}*/ .ContactHistoryBody .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#820202}.ContactHistoryBody .css-y8ay40-MuiTableCell-root{background:#ededff}.ContactHistoryBody .css-1ex1afd-MuiTableCell-root,.ContactHistoryBody .css-y8ay40-MuiTableCell-root,.ContactHistoryBody .css-1ygcj2i-MuiTableCell-root{border:none}.ContactHistoryBody .Chatroom{display:flex;padding:8px 12px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;background:var(--neutral-color-neutral-100, #fafafa)}.ContactHistoryBody .Chatroom .ChatroomHeader,.ContactHistoryBody .Chatroom .ChatroomBody{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.ContactHistoryBody .Chatroom .ChatroomHeader .Date{color:var(--neutral-color-neutral-3, #656464);font-size:10px;font-family:Inter;font-weight:300;line-height:18px}.ContactHistoryBody .Chatroom .ChatroomHeader .Info{color:var(--neutral-color-neutral-800, #656565);font-size:10px;font-family:Inter;font-weight:600;line-height:18px;letter-spacing:-.1px}.ContactHistoryBody .Chatroom .ChatroomBody .Left{display:flex;width:120px;align-items:center;gap:4px}.ContactHistoryBody .Chatroom .ChatroomBody .Left img{width:16px;height:16px;border-radius:50%}.ContactHistoryBody .Chatroom .ChatroomBody .Left .User{color:var(--neutral-color-neutral-3, #656464);font-size:10px;font-family:Inter;font-weight:600;line-height:18px;letter-spacing:-.1px}.ContactHistoryBody .Chatroom .ChatroomBody .Right{display:flex;width:120px;flex-direction:column;justify-content:center;align-items:flex-end;gap:10px}.ContactHistoryBody .Chatroom .ChatroomBody .Right .Tag,.ContactHistoryBody .Chatroom .ChatroomBody .Right .ContactOneField{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid #f2f2f2;background:var(--neutral-color-neutral-100, #fafafa);color:var(--neutral-color-neutral-3, #656464);font-size:10px;font-family:Inter;font-weight:300;line-height:18px}.ContactHistoryBody .Session{display:flex;padding:12px;flex-direction:column;align-items:flex-end;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--neutral-color-neutral-100, #fafafa)}.ContactHistoryBody .Session .Header,.ContactHistoryBody .Session .Date{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.ContactHistoryBody .Session .Header .Left .Name p,.ContactHistoryBody .Session .Header .Middle .Detail{color:var(--neutral-color-neutral-3, #656464);font-size:10px;font-family:Inter;font-weight:600;line-height:18px;letter-spacing:-.1px}.ContactHistoryBody .Session .Name .Closed{outline:none;border:none;display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-100, #dadaf2);color:var(--primary-color-primary-500, #6562df);font-size:10px;font-family:Inter;font-weight:600;line-height:18px;letter-spacing:-.1px}.ContactHistoryBody .Session .Date p{color:var(--neutral-color-neutral-3, #656464);font-size:10px;font-family:Inter;font-weight:300;line-height:18px}.ContactHistoryBody .User{display:flex;height:26px;align-items:center;gap:4px;width:100%}.ContactHistoryBody .User .UserBody{display:flex;align-items:flex-start;gap:8px;width:100%}.ContactHistoryBody .User .UserBody .Content{display:flex;align-items:center;gap:4px}.ContactHistoryBody .User .UserBody .Content img{width:16px;height:16px}.ContactHistoryBody .User .UserBody .Content .waName,.ContactHistoryBody .User .UserBody .Content .waPhone{color:var(--green-1, #219655);font-size:10px;font-family:Inter;font-weight:600;line-height:18px;letter-spacing:-.1px}.ContactHistoryBody .User .UserBody .Content .username{color:var(--neutral-color-neutral-3, #656464);font-size:10px;font-family:Inter;font-weight:600;line-height:18px;letter-spacing:-.1px}.ContactListDetail .right .Wrapper .DetailContact{display:flex;width:320px;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:8px;background:var(--background-white, #fff)}.ContactListDetail .right .Wrapper .DetailContact .Title{display:flex;align-items:center;gap:4px;align-self:stretch;color:var(--neutral-color-neutral-4, #333);font-size:16px;font-family:Inter;font-weight:600;line-height:24px}.ContactListDetail .Wrapper .DetailContact .Information{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.ContactListDetail .Wrapper .DetailContact .Information .Avatar{display:flex;align-items:center;gap:12px}.ContactListDetail .Wrapper .DetailContact .Information .Avatar img{width:60px;height:60px}.ContactListDetail .Wrapper .DetailContact .Information .UserInfo{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.ContactListDetail .Wrapper .DetailContact .Information .UserInfo .Name{color:var(--neutral-color-neutral-900, #333);font-size:16px;font-family:Inter;font-weight:600;line-height:24px}.ContactListDetail .Wrapper .DetailContact .Information .UserInfo .Phone{display:flex;align-items:center;gap:4px}.ContactListDetail .Wrapper .DetailContact .Information .UserInfo .Phone .Number{color:var(--green-1, #219655);font-size:12px;font-family:Inter;line-height:22px;letter-spacing:.12px}.ContactListDetail .Wrapper .DetailContact .Information .UserInfo .Phone img{width:20px;height:20px}.ContactListDetail .Wrapper .DetailContact .Information .UserInfo .LastActive{color:var(--neutral-color-neutral-500, #b3b3b3);font-size:12px;font-family:Inter;line-height:22px;letter-spacing:.12px}.ContactListDetail .Wrapper .DetailContact .Information .Data{display:flex;padding:12px 0;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.ContactListDetail .Wrapper .DetailContact .Information .Data .Title{display:flex;justify-content:space-between;align-items:center;align-self:stretch;width:100%}.ContactListDetail .Wrapper .DetailContact .Information .Data .Content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch}.ContactListDetail .Wrapper .DetailContact .Information .Data .Content label{color:#656464;font-size:14px;font-family:Inter;font-weight:500;line-height:24px;letter-spacing:.14px}.ContactListDetail .Wrapper .DetailContact .Information .Data .Content label span{color:red}.ContactListDetail .Wrapper .DetailContact .Information .Data .Content input{display:flex;padding:12px;align-items:center;gap:4px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--neutral-color-neutral-100, #fafafa);width:calc(100% - 24px);color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-weight:500;line-height:24px;letter-spacing:.14px}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-contact{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-contact label{font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#333;margin-bottom:4px}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-contact label span{color:#df6262}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-contact .input-field{padding:12px;gap:4px;width:calc(100% - 26px);border:1px solid #656464;box-shadow:0 0 5px #5c5acc26;border-radius:4px}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-contact .input-field:focus{border:1px solid #817ee6}.ant-picker{padding:12px;gap:4px;width:100%;border:1px solid #656464!important;box-shadow:0 0 5px #5c5acc26;border-radius:4px}.ant-picker-focused{border:1px solid #5c5acc!important}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-contact .MuiAutocomplete-root{border:1px solid #656464;gap:4px;width:calc(100% - 2px);border-radius:4px}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-contact .MuiAutocomplete-root:hover{border:1px solid #656464}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-contact .MuiAutocomplete-root:focus{border:1px solid #817ee6}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-button{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch;margin-top:12px}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-button .btn-cancel,.ContactListDetail .Wrapper .DetailContact .Information .Data .input-button .btn-save{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;cursor:pointer}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-button .btn-save{border-radius:4px;background:#23224d}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-button .btn-cancel p,.ContactListDetail .Wrapper .DetailContact .Information .Data .input-button .btn-save p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#df6262}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-button .btn-save p{color:#fff}.ContactListDetail .Wrapper .DetailContact .Footer{display:flex;justify-content:flex-end;align-items:center;width:100%}.ContactListDetail .Wrapper .DetailContact .Footer .Action{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;background:none;border:none;outline:none;color:var(--primary-color-primary-600, #5c5acc);font-size:14px;font-family:Inter;font-weight:700;line-height:22px;letter-spacing:.7px}.contactHistory_infoContactTable .MuiPaper-root{display:flex;align-items:center;padding:4px 8px;gap:8px;width:calc(100% - 16px);max-width:320px;background:rgba(51,51,51,.9);border-radius:4px}.contactHistory_infoContactTable .MuiPaper-root p{color:#fff}.warningChangeNumber{display:flex;padding:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;background:var(--neutral-color-neutral-100, #fafafa);box-shadow:0 0 10px #0000001a}.warningChangeNumber .top{display:flex;align-items:center;gap:4px}.warningChangeNumber .top p{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;color:#df6262}.warningChangeNumber .center{margin-top:4px}.warningChangeNumber .center p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#333}.warningChangeNumber .bottom{display:flex;align-items:center;gap:8px;align-self:stretch}.warningChangeNumber .bottom .btn-cancel{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;outline:none;border:none;background:transparent}.warningChangeNumber .bottom .btn-cancel p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#656464}.warningChangeNumber .bottom .btn-yes{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);transition:.3s}.warningChangeNumber .bottom .btn-yes:hover{background:var(--primary-color-primary-900, #23224d)}.warningChangeNumber .bottom .btn-yes p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#fff}.ContactListDetail .noDataOnThisPage{display:flex;padding:12px;justify-content:center;align-items:center;align-self:stretch;border-radius:8px;background:#fafafa}.ContactListDetail .noDataOnThisPage p{font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px;color:#656565}.ContactListHistoryPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.ContactListHistoryPage .left{max-width:320px;width:320px;padding:24px 16px}.ContactListHistoryPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100vw - 320px);height:calc(100vh - 72px)!important;min-height:100%;overflow-y:scroll;position:relative}.ContactListHistoryPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.ContactListHistoryPage_breadcrumbs img:first-child{width:24px;height:24px}.ContactListHistoryPage_breadcrumbs img{width:16px;height:16px}.ContactListHistoryPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ContactListHistoryPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.ContactListHistoryPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ContactListHistoryPage .right .Result{gap:4px;margin-bottom:24px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center}.ContactListHistoryPage .right .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.ContactListHistoryPage .right .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.ContactListHistoryPage .right .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.ContactListHistoryPage .right .Result button:hover p{color:#23224d}.ContactListHistoryPage .right .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.ContactListHistoryPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.ContactListHistoryPage_action .left{display:flex;align-items:flex-start;gap:12px;padding:0;flex:1}.ContactListHistoryPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:100%;height:48px;border-radius:4px;background:#fff;caret-color:#6562df}.ContactListHistoryPage_action .left .input img,.ContactListHistoryPage_action .left .btn img,.ContactListHistoryPage_action .right img{width:24px;height:24px}.ContactListHistoryPage_action .left .input input{flex:1;height:24px}.ContactListHistoryPage_action .left .input .BgSmallcaps{display:flex;height:24px;width:24px;justify-content:center;align-items:center;gap:8px;border-radius:4px}.ContactListHistoryPage_action .left .input input:focus{outline:none}.ContactListHistoryPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.ContactListHistoryPage_action .right{display:flex;justify-content:flex-end;align-items:flex-start;gap:8px;height:48px!important}.ContactListHistoryPage_action .btn-export{display:flex;justify-content:center;align-items:center;padding:0 14px 0 10px;gap:12px;border-radius:4px;cursor:pointer;height:52px}.ContactListHistoryPage_action .btn-export p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#5c5acc}.ContactListHistoryPage_action .btn-add-contact{display:flex;justify-content:center;align-items:center;padding:0 14px 0 10px;gap:12px;background:#5C5ACC;border-radius:4px;cursor:pointer;height:52px}.ContactListHistoryPage_action .btn-add-contact:hover,.ContactListHistoryPage_action .btn-add-contact:focus,.ContactListHistoryPage_action .btn-add-contact:active{background:#23224D}.ContactListHistoryPage_action .btn-add-contact p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.ContactListHistoryPage_action .btn-add{display:flex;justify-content:center;align-items:center;gap:12px;border:2px solid #5C5ACC;border-radius:4px;padding:12px 16px 12px 12px;cursor:pointer}.ContactListHistoryPage_action .btn-add p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#5c5acc}.ContactListHistoryPage_action .btn-edit{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px 12px 12px;gap:12px;border-radius:4px;transition:.3s}.ContactListHistoryPage_action .btn-edit:hover{background:rgb(92,90,204,.15)}.ContactListHistoryPage_action .btn-edit p{font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#5c5acc}.ContactListHistoryPage_action .btn-delete{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px 12px 12px;gap:12px;border-radius:4px;transition:.3s}.ContactListHistoryPage_action .btn-delete:hover{background:rgba(223,98,98,.15)}.ContactListHistoryPage_action .right .btn-delete p{font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#df6262}.ContactListHistoryPage_data{max-width:calc(100vw - 376px);max-height:60vh;overflow:scroll}.ContactListHistoryPage_data table{width:100%;border-spacing:0;position:relative}.ContactListHistoryPage_data thead{background:#EDEDFF;max-width:calc(100vw - 376px);width:100%;position:sticky;top:0;z-index:2}.ContactListHistoryPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#820202}.ContactListHistoryPage_data .css-y8ay40-MuiTableCell-root{background:#EDEDFF}.ContactListHistoryPage_data .css-1ex1afd-MuiTableCell-root,.ContactListHistoryPage_data .css-y8ay40-MuiTableCell-root,.ContactListHistoryPage_data .css-1ygcj2i-MuiTableCell-root{border:none}.ContactListHistoryPage_data thead th{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333;text-align:start}.ContactListHistoryPage_data thead th button{min-width:16px;height:16px;padding:0;cursor:pointer;color:transparent;transition:none;outline:none}.ContactListHistoryPage_data thead th button:active{outline:none}.ContactListHistoryPage_data .checkbox{width:24px;padding:16px}.SelectAllWrapperPopover{display:flex;width:147px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-900, #333);background:var(--background-white, #FFF);box-shadow:5px 5px 5px #6562df26}.SelectAllWrapperPopover .Select{display:flex;padding:8px 12px;align-items:flex-start;gap:10px;align-self:stretch;cursor:pointer;transition:.3s}.SelectAllWrapperPopover .Select:hover,.SelectAllWrapperPopover .Active{background:var(--primary-color-primary-500, #6562DF);color:var(--background-white, #FAFAFA)}.SelectAllWrapperPopover .Inactive{color:var(--background-white, #6562DF)}.ContactListHistoryPage_data .contact{min-width:168px;width:100%;max-width:168px;padding:16px}.ContactListHistoryPage_data .contact .noWaBtn{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;color:#656565;padding:16px;margin:0;width:100%;height:100%;text-align:start;justify-content:flex-start;transition:none}.ContactListHistoryPage_data .contact .noWaBtn:focus{outline:none}.ContactListHistoryPage_data .contact .noWaBtn:active{background:rgba(223,98,98,.1)}.ContactListHistoryPage_data .freezed{background:#A2A1E5;position:absolute;bottom:0;left:0;width:100%;height:5px}.showWarningNoWa .MuiPaper-root{display:flex;width:400px;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;background:rgba(255,255,255,.95);box-shadow:none}.showWarningNoWa .MuiPaper-root p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#df6262}.ContactListHistoryPage_data .birth{min-width:168px;width:100%;max-width:168px;padding:16px}.ContactListHistoryPage_data .session{min-width:268px;width:100%;max-width:268px;padding:16px}.ContactListHistoryPage_data .country{min-width:168px;width:100%;max-width:168px!important;padding:16px}.ContactListHistoryPage_data .tag{min-width:268px;max-width:268px;padding:16px}.ContactListHistoryPage_data .column-freezed{min-width:168px;max-width:168px;padding:16px}.ContactListHistoryPage_data .label,.ContactListHistoryPage_data .notes{min-width:268px;padding:16px}.ContactListHistoryPage_data .notes input{width:100%}.ContactListHistoryPage_data .action{width:87px;padding:16px;display:flex;justify-content:center;align-items:center;gap:8px;position:sticky;right:0;background:#FFFFFF;border-left:1px solid #F2F2F2}.ContactListHistoryPage_data .actionData{width:87px;padding:25px 16px;display:flex;justify-content:center;align-items:center;gap:8px;position:sticky;right:0;background:#FFFFFF;border-left:1px solid #F2F2F2}.ContactListHistoryPage_data thead th div{display:flex;justify-content:space-between;align-items:center;gap:10px}.ContactListHistoryPage_data thead th div p{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.ContactListHistoryPage_data thead th div p span{color:#df6262}.ContactListHistoryPage_data thead th div svg{cursor:pointer}.ContactListHistoryPage_data thead .action{background-color:#ededff;border-left:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.ContactListHistoryPage_data tbody tr{background:#FFFFFF}.ContactListHistoryPage_data tbody tr td{max-height:32px;margin:0;color:#333;color-scheme:light}.ContactListHistoryPage_data tbody tr td p{color:var(--Neutral-Color-Neutral900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.ContactListHistoryPage_data tbody .name{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.ContactListHistoryPage_data tbody .content{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ContactListHistoryPage_data tbody .tag .tags,.ContactListHistoryPage_data tbody .column-freezed .tags{display:flex;justify-content:flex-start;align-items:center;gap:4px;overflow-x:scroll;margin:auto 0}.contactListTag{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid #F2F2F2;background:#FAFAFA}.contactListTag p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em}.ContactListHistoryPage_data tbody .action svg{cursor:pointer}.ContactListHistoryPage_data tbody .FilterResult{background:var(--neutral-color-neutral-100, #FAFAFA);box-shadow:0 0 10px #0000001a;z-index:2}.ContactListHistoryPage_data tbody .FilterResult .NumberData{position:sticky;left:0;top:74px;background:var(--neutral-color-neutral-100, #FAFAFA);display:flex;justify-content:center;align-items:center;color:var(--primary-color-primary-500, #6562DF);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;height:100%;z-index:99999999999}.ContactListHistoryPage_data tbody .FilterResult .ContactResult{position:sticky;top:74px;left:74px;background:var(--neutral-color-neutral-100, #FAFAFA);box-shadow:0 0 10px #0000001a}.ContactListHistoryPage_data tbody .FilterResult .Content{display:flex;height:calc(100% - 8px);padding:4px 4px 4px 8px;justify-content:space-between;align-items:center;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562DF);background:var(--background-white, #FFF)}.ContactListHistoryPage_data tbody .FilterResult .Content p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ContactListHistoryPage_data tbody .FilterResult .birthResult{width:200px}.ContactListHistoryPage_data tbody .FilterResult .remove{display:flex;justify-content:center;align-items:center;position:sticky;right:0;background:#FAFAFA;border-left:1px solid #F2F2F2;cursor:pointer}.ContactListHistoryPage_data tbody .FilterResult .remove p{color:#5c5acc;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.contactListFilter .MuiPaper-root{display:flex;flex-direction:column;align-items:flex-start;padding:8px;gap:4px;width:238px;background:#FFFFFF;box-shadow:0 0 10px #0000001a;border-radius:4px;border:1px solid #6562DF}.contactListFilter .sort{padding:4px 8px;cursor:pointer;width:calc(100% - 16px);display:flex;align-items:center;gap:4px}.contactListFilter .sort-select{border:1px solid #6562DF;border-radius:4px}.contactListFilter .sort p{font-weight:300;font-size:10px;line-height:18px;color:#333}.contactListFilter hr{border:1px solid #F2F2F2;height:.1px;width:100%;margin:0}.contactListFilter .titleFilterCondition{display:flex;align-items:center;padding:4px 8px;gap:4px;width:calc(100% - 16px);cursor:pointer}.contactListFilter .titleFilterCondition p{font-weight:300;font-size:10px;line-height:18px;color:#333}.contactListFilter .fullWidth{width:100%}.contactListFilter .none{display:none}.contactListFilter .searchValue{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px;gap:4px;border:1px solid #F2F2F2;border-radius:4px;width:calc(100% - 16px)}.contactListFilter .actionValue{display:flex;flex-direction:row;align-items:center;padding:0 8px;gap:8px}.contactListFilter .actionValue .All{font-weight:600;font-size:10px;line-height:18px;display:flex;align-items:center;letter-spacing:-.01em;color:#6562df;cursor:pointer}.contactListFilter .actionValue .Clear{font-weight:300;font-size:10px;line-height:18px;display:flex;align-items:center;color:#656565;cursor:pointer}.contactListFilter .listValue{display:flex;flex-direction:column;align-items:flex-start;padding:0;width:100%;gap:4px;max-height:146px;overflow-y:scroll}.contactListFilter .listValue .valueItem{display:flex;flex-direction:row;align-items:center;padding:4px 8px;width:calc(100% - 16px);gap:4px}.contactListFilter .listValue .valueItem p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contactListFilter .listValue .valueItem .content{display:flex;flex-direction:row;align-items:center;padding:0;width:100%;cursor:pointer;gap:4px}.contactListFilter .MuiFormControl-root{margin:0;width:100%}.contactListFilter .MuiInputBase-root{max-height:40px}.contactListFilterCondition{font-weight:300!important;font-size:10px!important;line-height:18px!important;color:#333!important}.contactListFilterInput{padding:8px;border:1px solid #F2F2F2;border-radius:4px;font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;width:calc(100% - 16px);margin-top:4px}.contactListFilterInput::placeholder{color:#bdbdbd}.contactListFilter .bottomAction{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:8px 12px;background:#FAFAFA;width:calc(100% - 8px);margin-left:-8px;margin-bottom:-8px}.contactListFilter .bottomAction .btn-cancel,.contactListFilter .bottomAction .btn-apply{display:flex;justify-content:center;align-items:center;padding:8px;cursor:pointer}.contactListFilter .bottomAction .btn-cancel p,.contactListFilter .bottomAction .btn-apply p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc}.contactListFilter .bottomAction .btn-apply{background:#5C5ACC;border-radius:4px}.contactListFilter .bottomAction .btn-cancel p{color:#df6262}.contactListFilter .bottomAction .btn-apply p{color:#fafafa}.ContactListHistoryPage_addManualContact{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 8px 8px 12px;width:calc(100% - 16px);gap:8px;background:#5C5ACC;border-radius:4px;cursor:pointer;margin-top:12px}.ContactListHistoryPage_addManualContact p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.ContactListHistoryPage_data .openInChatRoom{display:flex;justify-content:flex-end;align-items:center;gap:3px}.ContactListHistoryPage_data .openInChatRoom .left{display:flex;align-items:center;padding:4px 8px;gap:8px;background:rgba(51,51,51,.25);border-radius:8px;width:116px}.ContactListHistoryPage_data .openInChatRoom .left p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.ContactListHistoryPage_data .openInChatRoom .right{background:#B3B3B3;border-radius:4px;max-width:20px;max-height:20px;display:flex;justify-content:center;align-items:center;padding:0}.Pagination_Component{display:flex;width:calc(100% - 24px);padding:8px 12px;justify-content:space-between;align-items:center;border-radius:4px;background:#FFF}.Pagination_Component .Left_Part{display:flex;align-items:center;gap:8px}.Pagination_Component .Left_Part .DataViewText{color:#333;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Pagination_Component .Left_Part .DataView{display:flex;width:80px;height:36px;padding:8px 12px;justify-content:space-between;align-items:center;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562DF);background:var(--background-white, #FFF);outline:none;cursor:pointer}.Pagination_Component .Left_Part .DataView p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Pagination_Component .Left_Part .DataView .Arrow{display:flex;width:16px;height:16px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:4px;background:var(--neutral-color-neutral-500, #B3B3B3)}.Pagination_Component .Left_Part .DataView .Arrow .Rotate{transform:rotate(180deg)}.Pagination_Component .Left_Part .Result_Contact{color:#656565;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Pagination_Component .Right_Part{display:flex;align-items:center;gap:16px}.Pagination_Component .Right_Part .Page,.Pagination_Component .Right_Part .Action{display:flex;align-items:center;gap:8px}.Pagination_Component .Right_Part .Action button{outline:none;border:none;display:flex;height:36px;justify-content:center;align-items:center;gap:8px;padding:8px;border-radius:4px;background:var(--neutral-color-neutral-3, #656464)}.Pagination_Component .Right_Part .Action .Active{background:#5C5ACC}.Pagination_Component .Right_Part .Page .InputWrapper{display:flex;padding:5px 12px;justify-content:center;align-items:center;border-radius:4px;border:1px solid #B3B3B3}.Pagination_Component .Right_Part .Page .InputWrapper input{display:flex;align-items:center;justify-content:center;margin:0;caret-color:#6562df}.DataViewLimitWrapper{display:flex;width:72px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:4px;border:1px solid #6562DF;background:var(--background-white, #FFF);box-shadow:5px 5px 5px #6562df26;margin-bottom:12px}.DataViewLimitWrapper .ItemOption{display:flex;padding:8px 12px;justify-content:center;align-items:center;gap:10px;align-self:stretch;background:var(--background-white, #FFF);cursor:pointer}.DataViewLimitWrapper .ItemOption:hover{color:#fff;background:#5C5ACC}.css-3bmhjh-MuiPaper-root-MuiPopover-paper:has(.DataViewLimitWrapper){background:none!important;margin-bottom:8px;box-shadow:none}.contactListHistory_infoContactTable .MuiPaper-root{display:flex;align-items:center;padding:4px 8px;gap:8px;width:calc(100% - 16px);max-width:380px;background:rgba(51,51,51,.9);border-radius:4px;margin-top:10px}.contactListHistory_infoContactTable .MuiPaper-root p{color:#fff}.RoboPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.RoboPage .left{max-width:320px;width:320px;padding:24px 16px}.RoboPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100vw - 320px);height:calc(100vh - 72px)!important;min-height:100%;overflow-y:scroll}.RoboPage .right .Result{gap:4px;margin-bottom:24px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center}.RoboPage .right .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.RoboPage .right .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.RoboPage .right .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.RoboPage .right .Result button:hover p{color:#23224d}.RoboPage .right .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.RoboPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.RoboPage_data{max-width:calc(100vw - 352px);overflow:scroll}.RoboPage_data table{width:100%;border-spacing:0;border-collapse:collapse}.RoboPage_data thead,.RoboPage_data thead tr>*{background:#dadaf2}.RoboPage_data tbody,.RoboPage_data tbody td>*{background:transparent}.RoboPage_data thead tr,.RoboPage_data tbody tr{display:flex}.RoboPage_data thead tr th>button{padding:0;border:none;background:none;outline:none;display:flex;align-items:center;justify-content:center}.RoboPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#828282}.RoboPage_data thead th p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;cursor:pointer}.RoboPage_data tbody td p{background:none;color:var(--neutral-color-neutral-900, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.RoboPage_data tbody .Selected>*{background:#e5e4e4}.RoboPage_data tbody .Notselected>*{background:#fff}.RoboPage_data .freezed{background:#a2a1e5;position:absolute;bottom:0;left:0;width:100%;height:5px}.RoboPage_data thead tr>*{height:24px}.RoboPage_data tbody tr>*{height:32px}.RoboPage_data thead .Checkbox{display:flex;width:64px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.RoboPage_data tbody .Checkbox{display:flex;width:64px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0;z-index:300}.RoboPage_data thead .RoboName{flex:1;display:flex;width:168px;padding:16px;justify-content:space-between;align-items:center}.RoboPage_data tbody .RoboName{flex:1;display:flex;width:168px;padding:16px;align-items:center;gap:10px}.RoboPage_data thead .status{flex:1;display:flex;width:168px;padding:16px;justify-content:space-between;align-items:center}.RoboPage_data tbody .status{flex:1;display:flex;width:168px;padding:16px;align-items:center;gap:10px}.RoboPage_data thead .TeamLevel{display:flex;width:168px;padding:16px;justify-content:space-between;align-items:center}.RoboPage_data tbody .TeamLevel{display:flex;width:168px;padding:16px;align-items:center;gap:10px}.RoboPage_data thead .Operator{display:flex;width:168px;padding:16px;justify-content:space-between;align-items:center}.RoboPage_data tbody .Operator{display:flex;width:168px;padding:16px;align-items:center;gap:10px;overflow-x:scroll}.RoboPage_data tbody .Operator .Wrapper{display:flex;margin-top:16px;min-width:fit-content;max-width:fit-content;width:fit-content;padding:4px 8px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff)}.RoboPage_data tbody .Operator .Wrapper p{flex:1 0 0;color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.RoboPage_data thead .ScriptGB{display:flex;width:208px;padding:16px;justify-content:space-between;align-items:center}.RoboPage_data tbody .ScriptGB{display:flex;width:208px;padding:16px;align-items:center;gap:10px}.RoboPage_data thead .faqGB{display:flex;width:208px;padding:16px;justify-content:space-between;align-items:center}.RoboPage_data tbody .faqGB{display:flex;width:208px;padding:16px;align-items:center;gap:10px}.RoboPage_data thead .SmartClar{display:flex;width:148px;padding:16px;justify-content:space-between;align-items:center}.RoboPage_data tbody .SmartClar{display:flex;width:148px;padding:16px;align-items:center;gap:10px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.RoboPage_data tbody .SmartClar .enable{color:var(--primary-color-primary-500, #6562df)}.RoboPage_data tbody .SmartClar .disable{color:red}.RoboPage_data thead .action{display:flex;width:116px;padding:16px;justify-content:center;align-items:center;gap:10px;border-left:1px solid var(--neutral-color-neutral-200, #f2f2f2);position:sticky;right:0}.RoboPage_data tbody .action{display:flex;width:132px;padding:16px 8px;justify-content:center;align-items:center;gap:8px;border-left:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff);position:sticky;right:0}.RoboPage_data tbody .action button{outline:none;border:none}.RoboPage_data tbody .action .setting{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--primary-color-primary-600, #5c5acc)}.RoboPage_data tbody .action .setting p{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.RoboPage_data tbody .action .delete{display:flex;padding:4px;justify-content:center;align-items:center;gap:12px}.CreateRoboPage{height:100vh;max-height:100vh;position:fixed;width:100vw;max-width:100vw}.CreateRoboPage .leftPart{max-width:320px;width:320px;padding:24px 16px}.CreateRoboPage .rightPart{flex:1;padding:24px 16px 16px;background:#f7f5f5;max-width:calc(100vw - 320px);height:calc(100vh - 72px)!important;min-height:100%;overflow-y:scroll;justify-content:flex-start;position:relative}.CreateRoboContainer{display:flex;gap:16px;justify-content:space-between;margin-top:30px}.CreateRoboLeft{display:flex;padding-right:0;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:16px;width:calc(100% - 330px)}.CreateRoboRight{position:fixed;top:96px;right:16px;bottom:16px;display:flex;width:300px;padding:8px;flex-direction:column;align-items:flex-start;gap:8px;border-radius:4px;background:var(--background-white, #fff)}.CreateRoboRight .Header{display:flex;padding:4px;justify-content:space-between;align-items:center;align-self:stretch;background:var(--background-white, #fff)}.CreateRoboRight .Header .Left{display:flex;flex-direction:column;align-items:flex-start}.CreateRoboRight .Header .Left .T1{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.CreateRoboRight .Header .Left .T2{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.CreateRoboRight .Preview{display:flex;padding:12px 16px 16px 12px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;flex:1 0 0;align-self:stretch;background:#efe6dd;overflow-y:scroll}.CreateRoboRight .Preview .ScriptRecord{width:100%;text-align:center}.CreateRoboRight .Preview .ScriptRecord .script{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.CreateRoboRight .Preview .ScriptRecord .script .minus{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.CreateRoboRight .Preview .ScriptRecord .script .bold{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.CreateRoboRight .Preview .Default{font-size:10px;font-weight:300;line-height:18px;color:#656565;text-align:center;width:100%}.CreateRoboRight .Preview .MRight{display:flex;padding-left:0;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.CreateRoboRight .Preview .MRight .Message{position:relative;display:flex;padding:4px 8px;flex-direction:column;align-items:flex-start;width:fit-content;border-radius:0 4px 4px;background:#e3e3fc;box-shadow:2px 2px 5px #0000000d}.CreateRoboRight .Preview .MRight .Message .body{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.CreateRoboRight .Preview .MRight .Message .time{display:flex;align-items:center;gap:4px;align-self:stretch}.CreateRoboRight .Preview .MRight .Message .time p{flex:1 0 0;color:var(--neutral-color-neutral-3, #656464);text-align:right;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.CreateRoboRight .Preview .MRight .Message .triangle{position:absolute;width:17px;height:17px;right:-13px;top:0px}.CreateRoboRight .Preview .MLeft{display:flex;padding:0 16px 0 4px;align-items:center;gap:8px;align-self:stretch}.CreateRoboRight .Preview .MLeft .Message{position:relative;display:flex;padding:4px 8px;flex-direction:column;align-items:flex-start;flex:1 0 0;border-radius:0 4px 4px;background:var(--background-white, #fff);box-shadow:2px 2px 5px #0000000d;margin-left:17px}.CreateRoboRight .Preview .MLeft .Message .body{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.CreateRoboRight .Preview .MLeft .Message .time{flex:1 0 0;color:var(--neutral-color-neutral-3, #656464);text-align:right;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px;align-self:stretch}.CreateRoboRight .Preview .MLeft .Message{padding:4px 8px;position:relative;width:336px;background:#ffffff;box-shadow:2px 2px 5px #0000000d;border-radius:0 4px 4px;margin-left:24px;margin-top:8px}.CreateRoboRight .Preview .MLeft .Message .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;word-wrap:break-word}.CreateRoboRight .Preview .MLeft .Message .time{font-weight:300;font-size:10px;line-height:18px;text-align:right;color:#656464}.CreateRoboRight .Preview .MLeft .Message .triangle{position:absolute;width:17px;height:17px;left:-16px;top:0px}.CreateRoboRight .Preview .MLeft .Message .url{display:flex;flex-direction:row;align-items:center;padding:4px;gap:8px;background:#dadaf2;border:1px solid #6562df;border-radius:8px;cursor:pointer}.CreateRoboRight .Preview .MLeft .Message .url .urlContent{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.CreateRoboRight .Preview .MLeft .Message .url .urlContent img{width:60px;height:60px;border-radius:4px}.CreateRoboRight .Preview .MLeft .Message .url .urlContent .info{display:flex;flex-direction:column;align-items:flex-start;padding:0}.CreateRoboRight .Preview .MLeft .Message .url .urlContent .info .title{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.CreateRoboRight .Preview .MLeft .Message .url .urlContent .info .desc-wrapper{width:100%}.CreateRoboRight .Preview .MLeft .Message .url .urlContent .info .desc-wrapper .desc{font-weight:300;font-size:10px;line-height:18px;color:#656565;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.CreateRoboRight .Preview .MLeft .Message .url .urlContent .info .domain{font-weight:300;font-size:10px;line-height:16px;display:flex;align-items:center;letter-spacing:.01em;color:#b3b3b3}.CreateRoboRight .Preview .MLeft .Message .image,.CreateRoboRight .Preview .MRight .Message .image{position:relative}.CreateRoboRight .Preview .MLeft .Message .image img,.CreateRoboRight .Preview .MRight .Message .image img,.CreateRoboRight .Preview .MLeft .Message .image video,.CreateRoboRight .Preview .MRight .Message .image video{width:100%;height:100%;max-height:300px;border-radius:4px;object-fit:contain}.CreateRoboRight .Preview .MLeft .Message .image .mediaPlayer,.CreateRoboRight .Preview .MRight .Message .image .mediaPlayer{position:absolute;top:50%;left:50%;cursor:pointer}.CreateRoboRight .Preview .MLeft .Message .document,.CreateRoboRight .Preview .MRight .Message .document{display:flex;align-items:center;padding:4px;gap:4px;border-radius:4px;cursor:pointer}.CreateRoboRight .Preview .MLeft .Message .document img,.CreateRoboRight .Preview .MRight .Message .document img{width:32px;height:32px;border-radius:4px}.CreateRoboRight .Preview .MLeft .Message .document h2,.CreateRoboRight .Preview .MRight .Message .document h2{font-weight:300;font-size:10px;line-height:18px;color:#333}.CreateRoboRight .Preview .MLeft .Message .document p,.CreateRoboRight .Preview .MRight .Message .document p{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em;color:#656565}.CreateRoboRight .Preview .InfoRecord{display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:4px;background:rgba(255,255,255,.5);margin-left:12px}.CreateRoboRight .Preview .InfoRecord p{flex:1 0 0;color:var(--Neutral-Color-Neutral3, #656464);text-align:center;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}@media screen and (max-width: 1439px){.CreateRoboRight .Preview .MLeft .Message,.CreateRoboRight .Preview .MRight .Message{width:280px}.CreateRoboRight .Preview .MLeft .Message{margin-left:16px}.CreateRoboRight .Preview .MRight .Message{margin-right:16px}}.CreateRoboLeft .CreateRobo_accordionBody .useTemplateBtn{display:flex;height:20px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;cursor:pointer}.CreateRoboLeft .CreateRobo_accordionBody .useTemplateBtn:hover{background:#dadaf2;transition:.3s}.CreateRoboLeft .CreateRobo_accordionBody .useTemplateBtn p{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.CreateRoboRight .NoRes{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;flex-shrink:0;align-self:stretch;border-radius:4px;border:1px solid var(--primary-color-primary-600, #5c5acc);color:var(--primary-color-primary-600, #5c5acc);background:#fff;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.CreateRoboRight .Write{display:flex;padding:4px;justify-content:center;align-items:center;gap:4px;flex-shrink:0;align-self:stretch;background:var(--neutral-color-neutral-200, #f2f2f2)}.CreateRoboRight .Write input{display:flex;padding:12px;align-items:center;gap:4px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:#fff}.CreateRoboRight .Write .send{background:none;outline:none;border:none;display:flex;padding:12px;justify-content:center;align-items:center;gap:12px}.CreateRoboRight .Header button{display:flex;background:none;outline:none;border:none;padding:8px;justify-content:center;align-items:center;gap:4px;color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.CreateRoboRight .SetTime{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral300, #e5e4e4);background:var(--Neutral-Color-Neutral100, #fafafa)}.CreateRoboRight .SetTime>p{width:100%;color:var(--Neutral-Color-Neutral800, #656565);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.CreateRoboRight .SetTime .DateInput{display:flex;align-items:flex-start;gap:4px;align-self:stretch}.CreateRoboRight .SetTime .DateInput Button{display:flex;height:36px;padding:8px 12px;align-items:center;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral4, #333);background:var(--Background-White, #fff);box-shadow:0 0 5px #5c5acc26}.CreateRoboRight .SetTime .DateInput Button p{text-align:start;flex:1 0 0;color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.CreateRoboRight .SetTime .DateInput Button .wrapper{display:flex;justify-content:center;align-items:center;padding:4px}.CreateRoboRight .SetTime .DateInput #btn_select_time_simulator .ant-picker{border:none!important}.CreateRoboLeft .Name{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;background:var(--background-white, #fff)}.CreateRoboLeft .Name .Head{display:flex;align-items:center;gap:12px}.CreateRoboLeft .Name .Head h2{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.CreateRoboLeft .Name .Body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.CreateRoboLeft .Name .Body label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.CreateRoboLeft .Name .Body .wrapperStatusRobo{display:flex;justify-content:space-between;align-items:center;width:100%}.CreateRoboLeft .Name .Body .wrapperStatusRobo .status{display:flex;align-items:center;gap:10px;color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.CreateRoboLeft .Name .Body label span{color:var(--neutral-color-neutral-3, #df6262)}.CreateRoboLeft .Name .Body input{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:#fff}.CreateRoboPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.CreateRobo_accordion{padding:12px;gap:8px;border-radius:8px!important;background:#ffffff;margin:16px 0 0!important;box-shadow:none!important;width:calc(100% - 24px)}.CreateRobo_accordion:before{display:none}.CreateRobo_accordionHeader{display:flex;align-self:stretch;padding:0!important;min-height:0!important}.CreateRobo_accordionHeader .Header{display:flex;align-items:center;gap:4px}.CreateRobo_accordionHeader .Header p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:24px}.CreateRoboLeft .CreateRobo_accordionHeader .MuiAccordionSummary-content{margin:0!important;width:100%;display:flex;justify-content:space-between;cursor:auto}.CreateRoboLeft .CreateRobo_accordionBody{padding:0!important;margin-top:8px}.CreateRoboLeft .CreateRobo_accordionBody .label{color:var(--Neutral-Color-Neutral3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;margin-bottom:4px}.CreateRoboLeft .SelectTeam{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.CreateRoboLeft .SelectTeam label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.CreateRoboLeft .SelectTeam .Input1{display:flex;padding:12px;align-items:center;gap:4px;flex:1 0 0;width:calc(100% - 24px);border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--neutral-color-neutral-100, #fafafa)}.CreateRoboLeft .SelectTeam .Input1 .L{display:flex;align-items:center;gap:12px;flex:1 0 0;color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.CreateRoboLeft .SelectTeam .Input1 .L{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.CreateRoboLeft .SelectTeam .Input1 .R{display:flex;align-items:center;gap:8px;height:fit-content;align-self:stretch}.CreateRoboLeft .SelectTeam .Input1 .R .L{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;align-self:stretch}.CreateRoboLeft .SelectTeam .Input1 .R .L p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.CreateRoboLeft .SelectTeam .Input2{display:flex;padding:12px;width:calc(100% - 24px);align-items:center;gap:4px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:#fff}.CreateRoboLeft .SelectTeam .Input2 .L{display:flex;align-items:center;gap:12px;flex:1 0 0;color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.CreateRoboLeft .Field{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.CreateRoboLeft .Field label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.CreateRoboLeft .Field .Input{display:flex;padding:12px;width:calc(100% - 24px);align-items:center;gap:4px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2)}.CreateRoboLeft .Field .Input input{display:flex;align-items:center;gap:12px;flex:1 0 0}.CreateRoboLeft .SelectedScript{display:flex;align-items:center;gap:4px;align-self:stretch}.CreateRoboLeft .SelectedScript .Leftpart{display:flex;padding:4px 8px;justify-content:space-between;align-items:center;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--background-white, #fff)}.CreateRoboLeft .SelectedScript .Leftpart .info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.CreateRoboLeft .SelectedScript .Leftpart .info .p1{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.CreateRoboLeft .SelectedScript .Leftpart .info .p2{overflow:hidden;color:var(--neutral-color-neutral-800, #656565);text-overflow:ellipsis;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.CreateRoboLeft .SelectedScript .Leftpart .length{display:flex;max-width:180px;justify-content:flex-end;align-items:center;gap:4px}.CreateRoboLeft .SelectedScript .Leftpart .length p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.CreateRoboLeft .SelectedScript .Rightpart{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border:none;outline:none;background:none}.CreateRoboLeft .SmartClar{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.CreateRoboLeft .FollowUp{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch}.CreateRoboLeft .FollowUp p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.CreateRoboLeft .FollowUp button{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.CreateRoboLeft .wrp_btn{background:none;border:none;outline:none;padding:0;display:flex;justify-content:center;align-items:center}.CreateRoboLeft .SGB_Wrapper{display:flex;align-items:center;gap:4px;align-self:stretch}.CreateRoboLeft .SGB_Wrapper .Part_SGB{display:flex;padding:4px 8px;justify-content:space-between;align-items:center;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--background-white, #fff)}.CreateRoboLeft .SGB_Wrapper .Part_SGB .Left{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.CreateRoboLeft .SGB_Wrapper .Part_SGB .Left .Title{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.CreateRoboLeft .SGB_Wrapper .Part_SGB .Left .Subitle{overflow:hidden;color:var(--neutral-color-neutral-800, #656565);text-overflow:ellipsis;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.CreateRoboLeft .SGB_Wrapper .Part_SGB .Right{display:flex;max-width:180px;justify-content:flex-end;align-items:center;gap:4px;color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.CreateRoboLeft .SGB_Wrapper .R{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px}.CreateRoboLeft .Message_Wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch}.CreateRoboLeft .Message_Wrapper .Title{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.CreateRoboLeft .Message_Wrapper .Footer{display:flex;align-items:center;gap:8px}.CreateRoboLeft .Message_Wrapper .Footer button{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.CreateRoboLeft .Message_Wrapper .Footer button p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.CreateRoboLeft .CTA{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.CreateRoboLeft .CTA button{outline:none;border:none;background:none;display:flex;padding:12px;justify-content:center;align-items:center;gap:8px}.CreateRoboLeft .CTA .Cancel{color:var(--info-color-danger, #df6262);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px}.CreateRoboLeft .CTA .Create{border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.CreateRoboLeft .CTA .Create:hover{background:var(--primary-color-primary-600, #23224d)}.CreateRoboLeft .CTA .Create p{color:var(--background-white, #fff);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px}.CreateRoboLeft .CTA .CreateDisable{border-radius:4px;background:var(--primary-color-primary-600, #cccccc)}.CreateRoboLeft .CTA .CreateDisable:hover{background:var(--primary-color-primary-600, #cccccc)}.CreateRoboLeft .CTA .CreateDisable p{color:var(--background-white, #fff);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px}.tooltipText{color:var(--background-white, #fff);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.CreateRobo_accordionBody .ContainerBCTemplate{display:flex;padding:12px 8px 12px 12px;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);align-items:center;gap:4px;align-self:stretch}.CreateRobo_accordionBody .ContainerBCTemplate p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.CreateRobo_accordionBody .ContainerBCTemplate .Name{display:flex;padding:12px;align-items:center;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:var(--background-white, #fff)}.CreateRobo_accordionBody .ContainerBCTemplate .Hotkey{display:flex;width:136px;height:24px;padding:12px;align-items:center;gap:10px;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:var(--background-white, #fff);overflow-x:scroll}.CreateRobo_accordionBody .ContainerBCTemplate .Hotkey p{padding-top:12px;text-wrap:nowrap}.CreateRobo_accordionBody .ContainerBCTemplate .Action{display:flex;align-items:center;justify-content:center;padding:0;border:none;outline:none;background:none}.CreateRoboPage .FollowUpWrapper{position:fixed;top:72px;left:0px;width:calc(100vw - 320px);height:100vh}.CreateRoboPage .FollowUpWrapper>*{width:100%!important}.CreateRoboPage .FollowUpWrapper .BgBcFollowTag{width:100vw!important}.CreateRoboPage .FollowUpWrapper .Asdiv,.CreateRoboPage .FollowUp .ContainerFollowCreateGuideBook .Asdiv{background:none}.CreateRoboPage .FollowUpWrapper .BgCBTemplate{top:0px!important;left:0}.WaNumber{overflow:hidden;color:var(--Green-1, #219655);text-overflow:ellipsis;font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.WaName{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.BadgeOption{display:flex;height:24px;padding:1px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.container{display:block;position:relative;padding-left:35px;margin-bottom:25px;cursor:pointer;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee}.container:hover input~.checkmark{background-color:#ccc}.container input:checked~.checkmark{background-color:#2196f3}.checkmark:after{content:"";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.ContainerSelectedWa{display:flex;padding:4px 8px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:4px;background:var(--background-white, #fff)}.MinusBox{width:20px;height:20px;flex-shrink:0;display:flex;justify-content:center;align-items:center;background-color:#df6262;border-radius:4px;margin-right:10px}.IdentityUser{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin-left:5px}.GuidebookName{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.GuidebookInfo{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.CustomSelectScript{display:flex;padding:4px;justify-content:space-between;align-items:center;align-self:stretch;width:calc(100% - 8px)}.CustomSelectScript .info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.CustomSelectScript .info .title{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.CustomSelectScript .info .subtitle{overflow:hidden;color:var(--neutral-color-neutral-800, #656565);text-overflow:ellipsis;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.CustomSelectScript .step{display:flex;max-width:180px;justify-content:flex-end;align-items:center;gap:4px}.CustomSelectScript .step p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.ContainerBubleBroadcast{display:flex;width:calc(100% - 26px);padding:12px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:8px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff)}.BubleHeader{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.BubleHeader .TextQuick{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.InputEditor{display:flex;padding:12px;align-items:center;justify-content:space-between;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #e5e4e4);background:var(--neutral-color-neutral-100, #fafafa);width:100%}.toolbar{display:flex;padding:8px;justify-content:space-between}.ContainerEditor{display:flex;flex-direction:column;padding:12px;gap:10px;width:100%}.TextAreaChat{border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff);color:var(--Black-3, #828282);padding:4px;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;width:100%}.Toolbar{display:flex;padding:10px;justify-content:space-between;align-items:center;border-radius:4px;background:var(--neutral-color-neutral-200, #f2f2f2)}.BubleChatDocumentTitle{overflow:hidden;color:var(--primary-color-primary-900, #23224d);text-align:start;text-overflow:ellipsis;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;width:100px}.ReactQuillInputBc .ql-container{border-radius:4px;border:1px solid var(--neutral-color-neutral-4, #333);background:var(--background-white, #fff);box-shadow:0 0 5px #5c5acc26}.ReactQuillInputBcActive .ql-container{border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff);box-shadow:0 0 5px #5c5acc26;caret-color:#6562df}.ReactQuillWarning .ql-container{border-color:red}.PageFourZeroFour{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;background:#F7F5F5}.not_found_section{max-width:800px;display:flex;justify-content:center;align-items:center;gap:24px;background:#FFFFFF;padding:24px 40px;border-radius:8px;margin-top:-72px;.info{max-width: 360px; display: flex; flex-direction: column; gap: 16px;} .title{font-weight: 600; font-size: 32px; line-height: 40px; color: #333333;} .subtitle{font-weight: 400; font-size: 16px; line-height: 24px; color: #2E2D66;}}.CheckoutPage{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#F7F5F5;overflow-y:scroll}.CheckoutPage_main{display:flex;justify-content:center;gap:16px;margin-top:72px;.left {width: 484px; padding: 24px 40px 40px; border-radius: 12px; gap: 24px; display: flex; flex-direction: column; background: #FFFFFF; h6 {color: #6562DF;} .personal {display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; button {display: flex; align-items: center; gap: 8px; border-radius: 4px; font-size: 12px; width: 80px;} .edit-true {background: #5C5ACC !important; color: #fff;} .edit-false {color: #6562DF; background: none !important; outline: none; border: 1px solid #5C5ACC;}} .form {display: flex; flex-direction: column; justify-content: center; gap: 8px;} .input-form {display: flex; flex-direction: column; width: 100%; .label {font-family: "Inter"; font-size: 14px; font-weight: 500; line-height: 20px; text-align: left; color: #656565; span {color: #DF6262;}} .input {padding: 12px; display: flex; justify-content: center; align-items: center; width: calc(100% - 26px); height: calc(100% - 2px); border: 1px solid #656464; border-radius: 4px; input {font-size: 14px; line-height: 20px; font-weight: 500; font-family: "Inter"; width: 100%;}} .border-brown {border: 1px solid #B3B3B3 !important; background: #FAFAFA; input {background: #FAFAFA; color: #656565;}} .input-promo {display: flex; align-items: center; gap: 4px; .btn-promo {min-width: 101px; max-width: 101px; height: 46px; padding: 0; display: flex; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; background: none; font-family: "Inter"; font-size: 14px; font-weight: 700; line-height: 22px; text-align: left; color: #5C5ACC; border: 2px solid #5C5ACC}}} .input-multi {display: flex; justify-content: space-between; align-items: center; gap: 8px; .input-form {max-width: 236px;}} .promo {.head {display: flex; justify-content: space-between; align-items: center; .cancel-promo {background: none;}}} .promo-info {background-image: url(public/assets/images/discount-card-payment.jpeg); background-size: cover; width: calc(100% - 24px); height: 58px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 0 12px; .main {flex: 1;}}} .right {width: 420px; height: max-content; max-height: 344px; padding: 24px 40px 40px ; gap: 24px; border-radius: 12px; background: #FFFFFF; display: flex; flex-direction: column; .price {.flex {display: flex; justify-content: space-between; align-items: center;}} hr {background: #E5E4E4; width: 100%;} .payment {display: flex; justify-content: space-between; align-items: center;} .button-payment {display: flex; justify-content: center; align-items: center; height: 48px; width: 100%; background: #23224D;}}}.CheckoutPage_main .inputWaNumber{display:flex;align-items:center;gap:4px;width:100%}.CheckoutPage_main .inputWaNumber input{margin-top:0;width:100%}.CheckoutPage_main .inputWaNumber .country{display:flex;align-items:center;justify-content:center}.CheckoutPage_main .inputWaNumber .country .btnChange{display:flex;flex-direction:row;align-items:center;padding:12px;gap:4px;border-radius:4px;height:48px}.CheckoutPage_main .inputWaNumber .country .btnChange:hover{background:#fafafa}.CheckoutPage_main .inputWaNumber .country .btnChange .flag{width:24px;height:24px;border-radius:50%;overflow:hidden}.CheckoutPage_main .inputWaNumber .country .btnChange p{font-weight:600;font-size:16px;line-height:24px;color:#333}.infoErrorCheckoutPage{display:flex;padding:4px 8px;align-items:center;gap:8px;margin-top:4px;p {font-size: 12px; font-weight: 400; line-height: 22px; letter-spacing: .12px; color: #DF6262;}}.inputErrorCheckoutPage{border-color:#df6262!important}.CheckoutHistory{width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#F7F5F5;.CheckoutHistoryHeader {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: calc(100vw - 24px); background: #FFFFFF; padding: 16px 12px; gap: 12px; h4 {color: #333333; font-weight: 700; font-size: 24px; line-height: 32px;}} .WrapperComp {width: 100vw; display: flex; min-height: 100vh;}}.CheckoutFailPage{width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#F7F5F5}.CheckoutFailPage_main{display:flex;justify-content:center;gap:16px;.left {width: 484px; padding: 24px 40px 40px; border-radius: 12px; gap: 24px; display: flex; flex-direction: column; background: #FFFFFF; h6 {color: #6562DF;} .form {display: flex; flex-direction: column; justify-content: center; gap: 8px;} .input-form {display: flex; flex-direction: column; width: 100%; .label {font-family: "Inter"; font-size: 14px; font-weight: 500; line-height: 20px; text-align: left; color: #656565; span {color: #DF6262;}} .input {padding: 12px; display: flex; justify-content: center; align-items: center; width: calc(100% - 26px); height: calc(100% - 2px); border: 1px solid #656464; border-radius: 4px; input {font-size: 14px; line-height: 20px; font-weight: 500; font-family: "Inter"; width: 100%;}} .input-promo {display: flex; align-items: center; gap: 4px; .btn-promo {min-width: 101px; max-width: 101px; height: 46px; padding: 0; display: flex; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; background: none; font-family: "Inter"; font-size: 14px; font-weight: 700; line-height: 22px; text-align: left; color: #5C5ACC; border: 2px solid #5C5ACC}}} .input-multi {display: flex; justify-content: space-between; align-items: center; gap: 8px; .input-form {max-width: 236px;}} .promo {.head {display: flex; justify-content: space-between; align-items: center; .cancel-promo {background: none;}}} .promo-info {background-image: url(public/assets/images/discount-card-payment.jpeg); background-size: cover; width: calc(100% - 24px); height: 58px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 0 12px; .main {flex: 1;}}} .right {width: 420px; height: max-content; max-height: 344px; padding: 24px 40px 40px ; gap: 24px; border-radius: 12px; background: #FFFFFF; display: flex; flex-direction: column; .price {.flex {display: flex; justify-content: space-between; align-items: center;}} hr {background: #E5E4E4; width: 100%;} .payment {display: flex; justify-content: space-between; align-items: center;} .button-payment {display: flex; justify-content: center; align-items: center; height: 48px; width: 100%; background: #23224D;}}}.PaymentStatus{display:flex;gap:24px;padding:40px 24px 40px 40px;background:#FFFFFF;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;section{display: flex; flex-direction: column; gap: 8px; justify-content: center; .info {font-weight: 700; font-size: 24px; line-height: 32px; text-align: center;} .text {font-weight: 500; font-size: 14px; line-height: 20px; text-align: center; width: 512px;} .failBtn {background: none; outline: none; border: none; color: #656565; font-weight: 600; font-size: 12px; line-height: 20px; text-decoration: underline;}}}.CheckoutSuccessPage{width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#F7F5F5}.CheckoutSuccessPage_main{display:flex;justify-content:center;gap:16px;.left {width: 484px; padding: 24px 40px 40px; border-radius: 12px; gap: 24px; display: flex; flex-direction: column; background: #FFFFFF; h6 {color: #6562DF;} .form {display: flex; flex-direction: column; justify-content: center; gap: 8px;} .input-form {display: flex; flex-direction: column; width: 100%; .label {font-family: "Inter"; font-size: 14px; font-weight: 500; line-height: 20px; text-align: left; color: #656565; span {color: #DF6262;}} .input {padding: 12px; display: flex; justify-content: center; align-items: center; width: calc(100% - 26px); height: calc(100% - 2px); border: 1px solid #656464; border-radius: 4px; input {font-size: 14px; line-height: 20px; font-weight: 500; font-family: "Inter"; width: 100%;}} .input-promo {display: flex; align-items: center; gap: 4px; .btn-promo {min-width: 101px; max-width: 101px; height: 46px; padding: 0; display: flex; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; background: none; font-family: "Inter"; font-size: 14px; font-weight: 700; line-height: 22px; text-align: left; color: #5C5ACC; border: 2px solid #5C5ACC}}} .input-multi {display: flex; justify-content: space-between; align-items: center; gap: 8px; .input-form {max-width: 236px;}} .promo {.head {display: flex; justify-content: space-between; align-items: center; .cancel-promo {background: none;}}} .promo-info {background-image: url(public/assets/images/discount-card-payment.jpeg); background-size: cover; width: calc(100% - 24px); height: 58px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 0 12px; .main {flex: 1;}}} .right {width: 420px; height: max-content; max-height: 344px; padding: 24px 40px 40px ; gap: 24px; border-radius: 12px; background: #FFFFFF; display: flex; flex-direction: column; .price {.flex {display: flex; justify-content: space-between; align-items: center;}} hr {background: #E5E4E4; width: 100%;} .payment {display: flex; justify-content: space-between; align-items: center;} .button-payment {display: flex; justify-content: center; align-items: center; height: 48px; width: 100%; background: #23224D;}}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,.css-nxo287-MuiInputBase-input-MuiOutlinedInput-input{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif!important}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;max-height:100vh;overflow:hidden;background:#fff!important}h1{font-size:3.2em;line-height:1.1}.Asdiv{background:none;border:none;padding:"8px";cursor:pointer;background-color:transparent}.AsdivIcon{background:none;border:none;padding:0;cursor:pointer;background-color:transparent}.Asp{border:none;background-color:transparent;cursor:pointer;font-size:12px;color:#333;text-align:left;padding:0;margin:0;width:auto}.Asspan{border:none;padding:0;font-size:1em;font-weight:inherit;font-family:inherit;background-color:transparent;cursor:inherit;transition:border-color .25s}.ellipsis-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:300px}.ellipsis-text-md-left{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:120px!important;text-align:left}.ellipsis-text-lg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px!important}*::-webkit-scrollbar{height:6px;margin:2px}*::-webkit-scrollbar-thumb{background-color:#a9a9a9;border-radius:6px}*::-webkit-scrollbar-track{background-color:#fff}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;background:"none";border:"none";padding:"8px"}button:focus,button:focus-visible{outline:4px solid -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}p,label,h1,h2,h3,h4,h5,h6,span{color:#333}.css-mhc70k-MuiGrid-root,.css-isbt42{margin:0!important;max-width:100vw}.css-isbt42>.MuiGrid-item{padding:0!important}.css-mhc70k-MuiGrid-root>.MuiGrid-item{padding:0!important}.avatar{width:48px;height:48px;border-radius:50px}.avatar-2{width:16px;height:16px;border-radius:50px}h1,h2,h3,h4,h5,h6,p{margin:0}h4{font-weight:600;font-size:16px;line-height:24px;color:#333}::-webkit-scrollbar{width:0px}.icon-close{width:24px;height:24px;cursor:pointer}.icon{width:24px;height:24px}input,textarea{background:#fff;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333;border:none;font-family:Inter}input:focus,textarea:focus{outline:none}input::placeholder,textarea::placeholder{color:#bdbdbd}.swal2-er.swal2-center>.swal2-popup{width:600px;display:flex;justify-content:center;background:none}.swal2-actions{display:none!important}.swal2-html-er{display:flex!important;justify-content:center!important;align-items:center;flex-direction:column;background:none}.swal2-html-er .successNoteTagPopup img,.swal2-html-er .confirmNotePopup img,.swal2-html-er .popupShow img,.swal2-html-er .popupShowRest img,.swal2-html-er .popupUnverified img,.swal2-html-er .popupEmailUnverified img{height:240px;width:240px}.swal2-html-er .popupShow p{font-weight:700;font-size:30px;line-height:48px;color:#6562df;letter-spacing:-.03em;margin-top:24px}.swal2-html-er .popupShow .title{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;color:#333}.swal2-html-er .popupShow .text{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464;margin:4px 0 12px}.swal2-html-er .popupShowRest .title{font-weight:700;font-size:24px;line-height:32px;color:#333;letter-spacing:-.02em}.swal2-html-er .popupShowRest .text{font-weight:500;font-size:14px;line-height:24px;color:#646464;letter-spacing:.01em;margin-top:4px;margin-bottom:12px}.swal2-html-er .popupShowRest .subtitle{font-weight:600;font-size:16px;line-height:24px;color:#333;margin-top:12px}.swal2-html-er .popupShowRest .subtitle span{color:#6562df}.css-3bmhjh-MuiPaper-root-MuiPopover-paper{margin-top:5px}.pointer{cursor:pointer}.underline{text-decoration:underline}.circular-image{border-radius:50%}.debug{outline:1px solid red}.swal2-html-er .popupUnverified .title{font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.01em;color:#6562df;margin-bottom:16px}.swal2-html-er .popupUnverified .lead,.swal2-html-er .popupEmailUnverified .lead{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656565;margin-top:16px}.swal2-html-er .popupUnverified .text,.swal2-html-er .popupEmailUnverified .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565;margin-top:4px}.swal2-html-er .popupUnverified .text span,.swal2-html-er .popupEmailUnverified .text span{color:#6562df}.swal2-html-er .popupEmailUnverified img{height:240px;width:240px}.swal2-html-er .popupEmailUnverified .title{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.01em;color:#df6262;margin:16px 0}.swal2-html-er .confirmNotePopup p{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;text-transform:capitalize;color:#333}.swal2-html-er .confirmNotePopup .btnGroup{display:flex;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px;width:calc(100% - 32px)}.swal2-html-er .confirmNotePopup .btnGroup .btn-cancel,.swal2-html-er .confirmNotePopup .btnGroup .btn-confirm{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;border-radius:4px;font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#df6262;background:#ffffff}.swal2-html-er .confirmNotePopup .btnGroup .btn-confirm{color:#fafafa;background:#5c5acc}.EmojiPickerReact .epr-category-nav>button.epr-cat-btn,.EmojiPickerReact .epr-skin-tones .epr-tone.epr-active{padding:0}.react-select__control{color:#333}.css-q34dxg,.css-1bigob2{border:none!important;border-bottom:none!important}.sticky-table-checkbox{position:sticky;left:0;background:#ffffff}.sticky-table-checkbox .inside-checkbox{display:flex;justify-content:flex-start;align-items:center;color:var(--neutral-color-neutral-500, #b3b3b3);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.sticky-table-checkbox .inside-checkbox .text{margin-left:14px}.sticky-table-checkbox-head{position:sticky;left:0;z-index:3;background:#ededff}.sticky-table-left{border-right:1px solid #f2f2f2}.sticky-table-cname-head{background:#ededff}.Br_Freezed{border-right:1px solid #b3b3b3}.highlighted{background:#6562df;color:#ededff;padding:4px 0}.colorFound{color:#6562df;padding:4px 0}.react-datepicker-wrapper{width:100%}.Thead_Sticky{position:sticky;z-index:3;background:#ededff}.Tbody_Sticky{position:sticky;z-index:1;background:#ffffff}.mb-3{margin-bottom:12px}button:focus{outline:none}.checkbox{width:20px;height:20px;color:#5c5acc}.checkbox svg{fill:#5c5acc}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.custom-checkbox{-webkit-appearance:none;appearance:none;position:relative;cursor:pointer;width:13px;height:13px}.custom-checkbox:before{content:"";display:block;position:absolute;width:13px;height:13px;top:0;left:0;border-radius:2px;outline:1.5px solid #cccccc}.custom-checkbox:checked:before{outline:1.5px solid #5c5acc;border-radius:2px;background-color:#5c5acc}.custom-checkbox:checked:after{content:"";display:block;width:2px;height:6px;border:2px solid white;border-width:0 2px 2px 0;transform:rotate(45deg);position:absolute;top:2px;left:5px}.Reallocate_input div{max-width:100%}.BgNotifLevelChange{position:fixed;width:100vw;height:100vh;background-color:#00000050;display:flex;justify-content:center;align-items:center;z-index:4}.BgNotifLevelChange .LevelChange{display:flex;width:420px;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background:var(--background-white, #fff)}.BgNotifLevelChange .LevelChange .Header{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.BgNotifLevelChange .LevelChange .Body{display:flex;padding:0 16px;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.BgNotifLevelChange .LevelChange .Body img{width:150px}.BgNotifLevelChange .LevelChange .Body .title{color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize}.BgNotifLevelChange .LevelChange .Body .description{color:var(--Neutral-Color-Neutral3, #656464);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.BgNotifLevelChange .LevelChange .Body .info{color:#656464;text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.capitalize{text-transform:capitalize}.disabled-link{pointer-events:none}.ant-picker-footer{display:none}.disabled-text{color:#b3b3b3!important}.greyed-out{color:gray!important}.ql-editor{color:#333!important}.templateNameNull{border:1px solid #df6262!important}.BubleMsgDeleted{display:flex;gap:4px;align-items:center;p {font-size: 12px; font-style: italic; font-weight: 400; line-height: 22px; letter-spacing: .12px; color: #999999;}}.indicatorHeadGb,.indicatorHeadGb_saved,.indicatorHeadGb_saving{display:flex;width:72px;justify-content:center;align-items:center;gap:4px;flex-shrink:0;p {color: #B3B3B3;}}.indicatorHeadGb_saved{p {color: #656565;}}.ResultsSearchFilter{gap:4px;margin-bottom:24px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center;button {display: flex; height: 24px; padding: 8px; justify-content: center; align-items: center; gap: 8px; outline: none; border: none; background: #F7F5F5; p{color: var(--primary-color-primary-600, #5C5ACC); font-family: Inter; font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; letter-spacing: .24px;}} button:hover{background: var(--primary-color-primary-100, #DADAF2);} button:hover p{color: #23224D;}}.indicatorHeadGb_saving{svg {path {fill: #6562DF;}} p {color: #656565;}}.text_small_light{font-weight:300;font-size:10px;line-height:18px;color:#333}.text_small_semibold{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em;color:#333}.button_default{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#333}.button_small{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#333}.caption_small{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.caption_large{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.body_small_medium{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.body_small_bold{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.body_large_regular{font-weight:400;font-size:16px;line-height:24px;color:#333}.body_large_semibold{font-weight:600;font-size:16px;line-height:24px;color:#333}h1{font-weight:700;font-size:40px;line-height:48px;letter-spacing:-.03em;color:#333}h2{font-weight:600;font-size:32px;line-height:40px;letter-spacing:-.02em;color:#333}h3{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;color:#333}h4{font-weight:400;font-size:24px;line-height:32px;letter-spacing:-.01em;color:#333}h5{font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.01em;color:#333}h6{font-weight:700;font-size:16px;line-height:24px;color:#333}.ErrorPage{background-color:#f7f5f5;width:100vw;height:100vh;display:flex;flex-direction:column}.WrapperErrorContent{display:flex;flex-direction:column;flex:1;justify-content:center;align-items:center}.WrapperErrorContent .CardErrorContent{background-color:#fff;display:flex;justify-content:center;align-items:center;padding:10px 30px;border-radius:10px}.WrapperErrorContent .CardErrorContent .left{padding-top:70px;height:100%;width:400px}.WrapperErrorContent .CardErrorContent .left .content{color:#2e2d66;margin-bottom:-10px;margin-top:10px;font-family:Inter;font-size:16px;font-style:normal;line-height:24px}.WrapperErrorContent .CardErrorContent .left .OrderList{color:#2e2d66;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif!important;font-size:16px;font-style:normal;line-height:24px}.WrapperErrorContent .CardErrorContent .left .WrapperButtonError{display:flex;gap:30px}