@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal .modal--content.AddColonyModal{width:900px;max-width:900px;max-height:calc(100vh - 276px);padding:30px}.modal .modal--content.AddColonyModal .modal--header{padding:0 0 15px!important}.modal .modal--content.AddColonyModal .modal--header .heading{justify-content:space-between;align-items:start;display:flex}.modal .modal--content.AddColonyModal .modal--header .heading .headingText h3{font-size:var(--font-3xl);color:var(--base-text-white);margin:0 0 15px;padding:0;font-weight:600}.modal .modal--content.AddColonyModal .modal--header .heading .headingText p{font-size:var(--font-xs);color:var(--color-new-light-gray9);margin:0;padding:0;font-weight:500}.modal .modal--content.AddColonyModal .modal--header .heading .closeIconDv{background-color:var(--base-light);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.modal .modal--content.AddColonyModal .modal--header .heading .closeIconDv i{font-size:24px}.modal .modal--content.AddColonyModal .modal--header .prograssBarDv{justify-content:space-between;align-items:center;width:100%;margin:30px 0;display:flex}.modal .modal--content.AddColonyModal .modal--header .prograssBarDv .itemDv{width:20%}.modal .modal--content.AddColonyModal .modal--header .prograssBarDv .itemDv .textBox{justify-content:center;align-items:center;gap:var(--content-padding);border:2px solid var(--color-new-light-gray9);border-radius:50px;width:100%;height:44px;display:flex}.modal .modal--content.AddColonyModal .modal--header .prograssBarDv .itemDv .textBox .count{border:2px solid var(--color-new-light-gray9);border-radius:50%;justify-content:center;align-items:end;width:22px;height:22px;display:flex}.modal .modal--content.AddColonyModal .modal--header .prograssBarDv .itemDv .textBox .count span{color:var(--color-new-light-gray9);font-size:var(--font-xs);margin:0;padding:0;font-weight:400;line-height:18px}.modal .modal--content.AddColonyModal .modal--header .prograssBarDv .itemDv .textBox p{font-size:var(--font-2sm);color:var(--color-new-light-gray9);margin:0;padding:0;font-weight:500}.modal .modal--content.AddColonyModal .modal--header .prograssBarDv .itemDv .textBox .IconItem{width:20px;height:20px;fill:var(--color-new-light-gray9)}.modal .modal--content.AddColonyModal .modal--header .prograssBarDv .itemDv.active .textBox,.modal .modal--content.AddColonyModal .modal--header .prograssBarDv .itemDv.active .textBox .count{border:2px solid var(--base-text-white)}.modal .modal--content.AddColonyModal .modal--header .prograssBarDv .itemDv.active .textBox .count span,.modal .modal--content.AddColonyModal .modal--header .prograssBarDv .itemDv.active .textBox p{color:var(--base-text-white)}.modal .modal--content.AddColonyModal .modal--header .prograssBarDv .itemDv.active .textBox .IconItem svg path{stroke:var(--base-text-white)}.modal .modal--content.AddColonyModal .modal--header .prograssBarDv .bar{background-color:var(--color-new-light-gray9);width:6.66%;height:1px}.modal .modal--content.AddColonyModal .modal--header .prograssBarDv .bar.activeBar{background-color:var(--base-text-white)}.modal .modal--content.AddColonyModal .modal--body{flex-direction:column;width:100%;height:100%;display:flex}.modal .modal--content.AddColonyModal .modal--body .scrollable::-webkit-scrollbar{width:0;height:0;display:none}.modal .modal--content.AddColonyModal .modal--body .scrollable{flex-grow:1;margin-right:-20px;padding-right:20px;overflow:auto}.modal .modal--content.AddColonyModal .modal--body .ImagesDv{border-radius:14px;width:100%;height:180px;position:relative}.modal .modal--content.AddColonyModal .modal--body .ImagesDv .coverPhoto,.modal .modal--content.AddColonyModal .modal--body .ImagesDv .coverPhoto img{border-radius:14px;width:100%;height:100%;margin:0;padding:0}.modal .modal--content.AddColonyModal .modal--body .ImagesDv .gellryIcon{cursor:pointer;width:44px;height:44px;position:absolute;bottom:20px;right:20px}.modal .modal--content.AddColonyModal .modal--body .ImagesDv .gellryIcon.coverLoader{background:#1e0d2c;border-radius:50%;justify-content:center;align-items:center;display:flex}.modal .modal--content.AddColonyModal .modal--body .profileImage{border-radius:50%;width:80px;height:80px;margin:-40px auto 0;padding:0;position:relative}.modal .modal--content.AddColonyModal .modal--body .profileImage img{border:3px solid var(--base-regular);border-radius:50%;width:100%;height:100%;margin:0;padding:0}.modal .modal--content.AddColonyModal .modal--body .profileImage .uploadProfile{background:linear-gradient(135deg, var(--base-regular) 0%, #934bff26 100%);border:3px solid var(--base-regular);cursor:pointer;background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.modal .modal--content.AddColonyModal .modal--body .profileImage .uploadProfile .uploadIcon{width:30px;height:25px}.modal .modal--content.AddColonyModal .modal--body .Aboutcontent{justify-content:start;align-items:start;gap:var(--icon-sidemenu);flex-direction:column;width:100%;margin:40px 0;display:flex}.modal .modal--content.AddColonyModal .modal--body .Aboutcontent .inputFeildRow{justify-content:start;align-items:start;gap:var(--icon-sidemenu);flex-wrap:wrap;width:100%;display:flex}.modal .modal--content.AddColonyModal .modal--body .Aboutcontent .inputFeildRow .feildDv{width:calc(100% - 440px)}.modal .modal--content.AddColonyModal .modal--body .Aboutcontent .inputFeildRow .feildDv.textareaFeildDv{width:100%}.modal .modal--content.AddColonyModal .modal--body .Aboutcontent .inputFeildRow .feildDv .fieldBorderDv{background-color:var(--base-light);border-radius:8px;align-items:center;gap:10px;height:54px;padding:0 15px;display:flex}.modal .modal--content.AddColonyModal .modal--body .Aboutcontent .inputFeildRow .feildDv .fieldBorderDv.textAreaDv{height:100%;position:relative}.modal .modal--content.AddColonyModal .modal--body .Aboutcontent .inputFeildRow .feildDv .fieldBorderDv.textAreaDv span{background-color:#0000;position:absolute;bottom:15px}.modal .modal--content.AddColonyModal .modal--body .Aboutcontent .inputFeildRow .feildDv .fieldBorderDv.textAreaDv .characters{font-size:var(--font-2xs);color:var(--base-text-white);margin:0;padding:0;font-weight:500}.modal .modal--content.AddColonyModal .modal--body .Aboutcontent .inputFeildRow .feildDv .fieldBorderDv input,.modal .modal--content.AddColonyModal .modal--body .Aboutcontent .inputFeildRow .feildDv .fieldBorderDv textarea,.modal .modal--content.AddColonyModal .modal--body .Aboutcontent .inputFeildRow .feildDv .fieldBorderDv select{box-shadow:none;color:var(--base-text-white);resize:none;cursor:pointer;appearance:auto;-webkit-appearance:menulist;background:0 0;border:none;outline:none;width:100%;padding:0}.modal .modal--content.AddColonyModal .modal--body .Aboutcontent .inputFeildRow .feildDv .fieldBorderDv select.guildInputSelectDv{flex:1;min-width:0}.modal .modal--content.AddColonyModal .modal--body .Aboutcontent .inputFeildRow .feildDv .fieldBorderDv input::placeholder,.modal .modal--content.AddColonyModal .modal--body .Aboutcontent .inputFeildRow .feildDv .fieldBorderDv textarea::placeholder{color:var(--base-text-white);opacity:1}.modal .modal--content.AddColonyModal .modal--body .Aboutcontent .inputFeildRow .feildDv h5{font-size:var(--font-xs);color:var(--base-text);margin-bottom:10px;padding:0;font-weight:400;line-height:21px}.modal .modal--content.AddColonyModal .modal--body .Aboutcontent .inputFeildRow .feildDv .tagRow{justify-content:start;align-items:center;gap:var(--content-padding);flex-wrap:wrap;width:100%;margin-top:15px;display:flex}.modal .modal--content.AddColonyModal .modal--body .Aboutcontent .inputFeildRow .feildDv .tagRow .tag{background:var(--base-light);border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:8px 15px;display:flex}.modal .modal--content.AddColonyModal .modal--body .Aboutcontent .inputFeildRow .feildDv .tagRow .tag p{font-size:var(--font-xs);color:var(--base-text);padding:0;font-weight:500;line-height:21px}.modal .modal--content.AddColonyModal .modal--body .Aboutcontent .inputFeildRow .feildDv .tagRow .tag i,.modal .modal--content.AddColonyModal .modal--body .Aboutcontent .inputFeildRow .feildDv .tagRow .tag svg{font-size:var(--font-2xs);color:var(--color-new-light-gray9);cursor:pointer}.modal .modal--content.AddColonyModal .modal--body .membersContent{flex-direction:column;width:100%;display:flex;overflow:hidden}.modal .modal--content.AddColonyModal .modal--body .membersContent .serchDv{background-color:var(--base-light);border-radius:8px;justify-content:start;align-items:center;gap:10px;width:100%;height:44px;margin-bottom:30px;padding:0 10px;display:flex}.modal .modal--content.AddColonyModal .modal--body .membersContent .serchDv .searchicon{width:24px;height:24px}.modal .modal--content.AddColonyModal .modal--body .membersContent .serchDv input{width:100%;height:100%;color:var(--color-new-light-gray9);font-size:var(--font-xs);background-color:#0000;border:none;font-weight:400}.modal .modal--content.AddColonyModal .modal--body .membersContent .profileContentDV{justify-content:start;align-items:start;gap:var(--section-inner-spacing-outer-spacing);flex-direction:column;flex-grow:1;display:flex;overflow:auto}.modal .modal--content.AddColonyModal .modal--body .membersContent .profileContentDV::-webkit-scrollbar{width:0;height:0;display:none}.modal .modal--content.AddColonyModal .modal--body .membersContent .profileContentDV .profileRow{border-bottom:1px solid var(--color-scrollbar);justify-content:space-between;align-items:center;width:100%;padding-bottom:20px;display:flex}.modal .modal--content.AddColonyModal .modal--body .membersContent .profileContentDV .profileRow .userProfile{justify-content:start;align-items:center;gap:var(--content-padding);display:flex}.modal .modal--content.AddColonyModal .modal--body .membersContent .profileContentDV .profileRow .userProfile .userNameDv h4{font-size:var(--font-2sm);color:var(--base-text-white);margin:0;padding:0;font-weight:500;line-height:24px}.modal .modal--content.AddColonyModal .modal--body .membersContent .profileContentDV .profileRow .userProfile .userNameDv p{font-size:var(--font-2xs);color:var(--color-new-light-gray9);margin:0;padding:0;font-weight:400;line-height:15.6px}.modal .modal--content.AddColonyModal .modal--body .membersContent .profileContentDV .profileRow .InviteDv{justify-content:end;align-items:center;gap:var(--section-inner-spacing-outer-spacing);display:flex}.modal .modal--content.AddColonyModal .modal--body .membersContent .profileContentDV .profileRow .InviteDv p{font-size:var(--font-xs);color:var(--color-light-purple);margin:0;padding:0;font-weight:500;line-height:15.6px}.modal .modal--content.AddColonyModal .modal--body .membersContent .profileContentDV .profileRow .InviteDv .tagDv{background-color:var(--base-lightest);justify-content:center;align-items:center;gap:var(--content-padding);cursor:pointer;border-radius:40px;padding:7px 15px;display:flex}.modal .modal--content.AddColonyModal .modal--body .membersContent .profileContentDV .profileRow .InviteDv .tagDv span{font-size:var(--font-xs);color:var(--recommend-hold);margin:0;padding:0;font-weight:500;line-height:21px}.modal .modal--content.AddColonyModal .modal--body .membersContent .profileContentDV .profileRow .InviteDv .tagDv .arwoIcon{width:12px;height:7px}.modal .modal--content.AddColonyModal .modal--body .membersContent .profileContentDV .profileRow .InviteDv .verBorder{background-color:var(--base-text);width:1px;height:35px}.modal .modal--content.AddColonyModal .modal--body .membersContent .profileContentDV .profileRow .InviteDv .tagInvite{background-color:var(--color-icon-check);justify-content:center;align-items:center;gap:var(--content-padding);cursor:pointer;border-radius:40px;padding:7px 25px;display:flex}.modal .modal--content.AddColonyModal .modal--body .membersContent .profileContentDV .profileRow .InviteDv .tagInvite span{font-size:var(--font-xs);color:var(--base-text-whitehold);margin:0;padding:0;font-weight:500;line-height:21px}.modal .modal--content.AddColonyModal .modal--body .membersContent .profileContentDV .profileRow:last-child{border-bottom:none}.modal .modal--content.AddColonyModal .modal--body .RulesContent .headingDv{margin-bottom:15px}.modal .modal--content.AddColonyModal .modal--body .RulesContent .headingDv h4{font-size:var(--font-xs);color:var(--base-text-white);margin:0 0 9px;padding:0;font-weight:500;line-height:21px}.modal .modal--content.AddColonyModal .modal--body .RulesContent .headingDv p{font-size:var(--font-xs);color:var(--color-new-light-gray9);margin:0;padding:0;font-weight:400;line-height:21px}.modal .modal--content.AddColonyModal .modal--body .RulesContent .dataDv{border-bottom:1px solid #302b4e;margin-top:15px}.modal .modal--content.AddColonyModal .modal--body .RulesContent .dataDv .headingButton{justify-content:space-between;align-items:center;gap:var(--content-padding);width:100%;margin-bottom:20px;display:flex}.modal .modal--content.AddColonyModal .modal--body .RulesContent .dataDv .headingButton .plusicn{cursor:pointer;width:30px;height:30px}.modal .modal--content.AddColonyModal .modal--body .RulesContent .dataDv .headingButton h4{font-size:var(--font-xs);color:var(--base-text-white);margin:0;padding:0;font-weight:500;line-height:21px}.modal .modal--content.AddColonyModal .modal--body .RulesContent .dataDv .contentData{justify-content:start;align-items:start;gap:var(--content-padding);flex-direction:column;width:100%;padding-bottom:15px;display:flex}.modal .modal--content.AddColonyModal .modal--body .RulesContent .dataDv .contentData .dataRow{justify-content:space-between;align-items:center;width:100%;display:flex}.modal .modal--content.AddColonyModal .modal--body .RulesContent .dataDv .contentData .dataRow .firstChild{justify-content:start;align-items:center;gap:var(--content-padding);display:flex}.modal .modal--content.AddColonyModal .modal--body .RulesContent .dataDv .contentData .dataRow .firstChild .dishable{width:14px;height:14px}.modal .modal--content.AddColonyModal .modal--body .RulesContent .dataDv .contentData .dataRow .firstChild .dot{background-color:var(--color-new-light-gray9);border-radius:50%;width:5px;height:5px}.modal .modal--content.AddColonyModal .modal--body .RulesContent .dataDv .contentData .dataRow .firstChild p{font-size:var(--font-xs);color:var(--color-new-light-gray9);margin:0;padding:0;font-weight:400;line-height:21px}.modal .modal--content.AddColonyModal .modal--body .RulesContent .dataDv .contentData .dataRow i{color:var(--color-new-light-gray9);cursor:pointer;width:19px;font-size:14px}.modal .modal--content.AddColonyModal .modal--footer .buttonsDv{justify-content:space-between;align-items:center;width:100%;padding-top:20px;display:flex}.modal .modal--content.AddColonyModal .modal--footer .buttonsDv button{width:max-content;min-width:120px;margin:0}.scrollinfossssxAxisDv::-webkit-scrollbar{width:0;height:0}.gridPopupDv{justify-content:space-between;align-items:flex-start;margin:0 0 15px;display:flex}.gridPopupDv .about--accordian{width:95%}.gridPopupDv .filters{width:5%;margin:0;padding:10px 0 0 25px}.gridPopupDv .filters .custom_checkbox{border:1px solid var(--text-alt-color);width:30px;height:30px}.gridPopupDv .filters .custom_checkbox.checked{border:1px solid #0000}.gridPopupDv:last-child{margin:0}.about--accordian{width:100%}.about--accordian .about--accordian--header{opacity:1;z-index:5;background:#100e16;border-radius:10px;justify-content:space-between;align-items:center;padding:15px;display:flex;position:relative}.about--accordian .about--accordian--header .rotate-icon{rotate:180deg}.about--accordian .about--accordian--header .svg_icon{width:14px;height:14px;stroke:var(--text-color);fill:var(--text-color)}.about--accordian .about--accordian--header p{color:var(--color-white);font-weight:500;font-size:var(--font-xs);margin:0}.about--accordian .about--accordian--header:hover{cursor:pointer}.about--accordian .about--accordian--main{margin:0;transition:all .5s}.about--accordian .about--accordian--main .about--accordian--main--content{background-color:var(--card-tile-color);z-index:1;border-bottom-right-radius:10px;border-bottom-left-radius:10px;margin-top:-5px;padding:15px}.about--accordian .about--accordian--main .about--accordian--main--content p{color:var(--color-white);font-size:var(--font-2xs);opacity:.8;margin:0;line-height:2}.create-channel-modal-scroll{scrollbar-color:var(--color-scollbar);scrollbar-width:var(--scrollbar-height);scroll-behaviour:smooth}.create-channel-modal-scroll::-webkit-scrollbar{width:var(--scrollbar-height);height:var(--scrollbar-height);cursor:pointer;border-radius:72px}.create-channel-modal-scroll::-webkit-scrollbar-thumb{background-color:var(--color-scollbar);cursor:pointer;border-radius:42px}.inviteMessageDv{margin-bottom:1rem}.inviteMessageDv label{font-size:var(--font-xs);color:var(--base-text);margin-bottom:.25rem;font-weight:500;display:block}.inviteMessageDv input{border:1px solid var(--base-lightest);width:100%;font-size:var(--font-sm);border-radius:6px;padding:.5rem .75rem}.inviteGuildPopoverDv{justify-content:end;align-items:center;gap:10px;display:flex}.inviteGuildPopoverDv .el-button{background-color:var(--base-lightest);width:fit-content;height:31px;color:var(--base-text);border:none;border-radius:40px;outline:none;justify-content:center;align-items:center;gap:5px;padding:7px 15px;display:flex;margin:0!important}.inviteGuildPopoverDv .el-button span{font-size:var(--font-xs);color:var(--recommend-hold);align-items:center;gap:6px;margin:0;padding:0;font-weight:500;line-height:21px;display:flex}.inviteGuildPopoverDv .el-button i{color:var(--base-text);width:12px;height:7px;margin-bottom:5px;margin-left:5px}