.item__1aX-{padding:8px 16px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.item__1aX-:hover{cursor:pointer;background-color:#F7F7F7}.logo__CF3_{height:32px;width:32px;display:block;margin-right:8px;border-radius:4px;background-size:cover;background-repeat:no-repeat;background-position:50%}.disabled__3CsS{cursor:not-allowed !important}.warning__2PMT{color:#8c8c8c;margin-left:8px} .list__24C9{height:480px;overflow:auto}.placeholder__1DH9{height:50%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center} .importer-wrapper__K03i .next-dialog-body{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.loading-container__13A3{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.importer-content__3pdn{overflow:auto}.searcher__21QI{width:100%;padding:16px;background:#fff}.tip__ypqZ{padding:0 16px;height:40px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.footer__HuPR{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#fff}.footer-tip__1TcR{color:#8C8C8C} .member-permission-dropdown__14Hr { width: 400px; background: #fff; } .member-permission-dropdown__14Hr .permission-dropdown-content { padding-bottom: 8px; min-height: 240px; max-height: 348px; overflow-y: auto; } .member-permission-dropdown__14Hr .permission-dropdown-content .permission-dropdown-content-separator { margin-left: 20px; margin-right: 20px; } .member-permission-dropdown__14Hr .permission-dropdown-content .permission-dropdown-content-inherited { margin: 8px 20px; margin-right: 16px; cursor: pointer; } .member-permission-dropdown__14Hr .permission-dropdown-content .permission-dropdown-content-inherited .inherited-label { margin-left: 8px; } .member-permission-dropdown__14Hr .permission-dropdown-content .no-result-placeholder { height: 186px; padding: 40px 96px; word-break: break-all; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #8c8c8c; } .member-permission-dropdown__14Hr .permission-dropdown-content .no-result-placeholder > img { margin-bottom: 16px; } .member-permission-dropdown__14Hr .permission-dropdown-footer { padding: 8px 20px; height: 60px; font-size: 12px; color: #8c8c8c; border-top: 1px solid #f7f7f7; } .member-permission-dropdown__14Hr .dropdown-placeholder { text-align: center; padding-top: 20px; padding-bottom: 44px; } .member-permission-dropdown__14Hr .dropdown-placeholder .placeholder-img { width: 48px; height: 48px; margin-bottom: 8px; } .member-permission-dropdown__14Hr .dropdown-placeholder .placeholder-desc { color: #8c8c8c; } .member-permission-dropdown__14Hr .permission-dropdown-header { height: 52px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; padding-bottom: 12px; padding-right: 16px; } .member-permission-dropdown__14Hr .permission-dropdown-header .dropdown-search-wrap { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; border-radius: 37px; background-color: #f7f7f7; } .member-permission-dropdown__14Hr .permission-dropdown-header .dropdown-search-wrap > [data-role=icon] { margin-left: 16px; color: #8c8c8c; } .member-permission-dropdown__14Hr .permission-dropdown-header .dropdown-search-wrap input { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 8px; border: none; outline: none; color: #8c8c8c; font-size: 14px; background: transparent; } .member-permission-dropdown__14Hr .dropdown-invite-member-btn { margin-left: 8px; } .member-permission-dropdown__14Hr .dropdown-title { color: #8c8c8c; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .member-permission-menu__33dJ { width: 252px; } .member-permission-menu__33dJ .permission-config-view { padding: 12px 16px 4px; margin: 0; max-height: -webkit-calc(100vh - 112px); max-height: calc(100vh - 112px); overflow-y: auto; overflow-x: initial; } .member-permission-menu__33dJ .permission-config-view > .next-select-trigger { width: 100%; } .member-permission-menu__33dJ .permission-config-view [data-role="select"] { width: auto; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; border-color: #e5e5e5; } .member-permission-menu__33dJ .permission-config-view .operable-content .operable-content-section { margin-bottom: 12px; } .member-permission-menu__33dJ .permission-config-view .operable-content .operable-content-section .operable-content-section-label { color: #8c8c8c; } .member-permission-menu__33dJ .permission-config-view .operable-content .operable-content-section .operable-content-section-item { height: 40px; width: 100%; } .member-permission-menu__33dJ .permission-config-view .operable-content .operable-content-section .operable-content-section-item:before { content: '\2022'; color: #ccecff; margin-right: 8px; } .member-permission-menu__33dJ .permission-config-view .operable-content .operable-content-section .operable-content-section-item strong { margin: 0 4px; } .member-permission-menu__33dJ .permission-config-view .permission-change-tips { font-size: 12px; color: #8c8c8c; margin-bottom: 10px; } .member-permission-menu__33dJ .permission-config-view .access-visible-tips { margin-top: 8px; margin-bottom: 8px; font-size: 12px; color: #8c8c8c; } .member-permission-menu__33dJ .permission-config-view .gap-line { border-top: solid 1px #e5e5e5; margin: 4px 0; } .member-permission-menu__33dJ .permission-config-view .tag-related-btn-wrap { width: 100%; cursor: pointer; } .member-permission-menu__33dJ .permission-config-view .tag-related-btn { width: 100%; height: 40px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #8c8c8c; } .member-permission-menu__33dJ .permission-config-view .tag-related-btn .tag-related-label { color: #262626; } .member-permission-menu__33dJ .permission-config-view .project-related-btn-wrap { width: 100%; cursor: pointer; } .member-permission-menu__33dJ .permission-config-view .project-related-btn { width: 100%; height: 40px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #8c8c8c; } .member-permission-menu__33dJ .permission-config-view .project-related-btn .tag-related-label { color: #262626; } .member-permission-menu__33dJ .permission-config-view .remove-member-btn-wrap { width: 100%; } .member-permission-menu__33dJ .permission-config-view .remove-member-btn { width: 100%; padding: 10px 0; color: #e62412; cursor: pointer; } .member-permission-menu__33dJ .permission-config-view .remove-member-btn:hover { color: #c21c07; } .member-permission-menu__33dJ .permission-option { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 40px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 2px; } .member-permission-menu__33dJ .permission-option [data-role=icon] { font-size: 13px; fill: #8c8c8c; color: #8c8c8c; } .member-permission-menu__33dJ .permission-option [data-role="icon-button"]:hover > [data-role=icon] { fill: #1b9aee; color: #1b9aee; } .member-permission-menu__33dJ .permission-checkbox { margin-right: 8px; margin-bottom: 0; } .member-permission-menu__33dJ .role-select { margin-left: 28px; width: 200px; } .member-permission-menu__33dJ .remove-member-view { padding: 12px 16px 16px; margin: 0; } .member-permission-menu__33dJ .remove-member-view .remove-member-btn-confirm { width: 100%; margin-top: 16px; } .member-permission-menu__33dJ .search-result-tips { font-size: 12px; color: #8c8c8c; margin-bottom: 8px; } .member-permission-menu__33dJ .search-result-tips .quick-add-link { color: #1b9aee; cursor: pointer; -webkit-transition: color 218ms ease; -o-transition: color 218ms ease; transition: color 218ms ease; } .member-permission-menu__33dJ .search-result-tips .quick-add-link:hover { color: #0171c2; } .member-permission-item__3NGN { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 20px; min-height: 56px; } .member-permission-item__3NGN .tag-member-avatar, .member-permission-item__3NGN .tag-member-avatar > img { width: 32px; height: 32px; } .member-permission-item__3NGN .item-content { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 12px; margin-right: 20px; } .member-permission-item__3NGN .item-content-clickable { cursor: pointer; } .member-permission-item__3NGN .item-name, .member-permission-item__3NGN .item-desc, .member-permission-item__3NGN .item-other-desc { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .member-permission-item__3NGN .item-desc, .member-permission-item__3NGN .item-other-desc { font-size: 12px; color: #8c8c8c; } .member-permission-item__3NGN .item-name { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .member-permission-item__3NGN .item-name > span[data-role='icon'] { margin-left: 4px; color: #fa8c15; } .member-permission-item__3NGN .access-trigger { text-align: right; } .member-permission-item__3NGN .access-trigger [data-role='icon-wrapper']:last-child { margin-left: 4px; } .member-permission-item__3NGN .access-trigger span.icon { font-size: 12px; } .guide-content__2QwA { padding: 16px; width: 280px; } .guide-content__2QwA button { margin-top: 16px; } .trigger__19X6 { position: relative; top: 28px; } .message__1ttp { margin: 8px -8px 6px 28px; } .loading__2WYc { width: 100%; text-align: center; } .search-icon__1MQu { margin-left: 16px; color: #8c8c8c; } .permission-dropdown-content-inherited__1Dc- { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin: 8px 16px 8px 20px; cursor: pointer; } .avatar-inherited-wrapper__20ev { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .avatar-inherited-wrapper__20ev .tag-member-avatar { border-color: #8c8c8c; margin-right: 8px; } .organization-member-item__ybzF { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 20px; min-height: 56px; } .item-name__1ZGF { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 12px; margin-right: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .item-avatar__2hRC { width: 32px; height: 32px; } .item-avatar__2hRC > img { width: 32px; height: 32px; } .organization-subteam-item__3Vp- { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 20px; min-height: 56px; } .item-name__3Bdc { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; margin-left: 12px; margin-right: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .list-tool-switch-wrap__3r3F{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:8px 16px 12px;width:252px}.list-tool-switch-wrap__3r3F>.icon__14e_{color:#595959;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-right:16px;padding-top:2px}.list-tool-switch-wrap__3r3F .list-tool-switch-text__2Hgh{color:#262626;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-right:4px}.list-tool-switch-wrap__3r3F .list-tool-switch-text__2Hgh>div{color:#8C8C8C;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:12px}.list-tool-switch-wrap__3r3F .list-tool-switch__1pBo{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.menu__1SBl{min-width:200px}.menu__1SBl .next-menu-item-inner{padding-right:0}.menu__1SBl .next-menu-item-text{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.icon-check__m-tl{margin-left:auto;color:#8C8C8C}.icon-view__2bfx{margin-right:16px}.eye__1EE4{margin-right:16px}.list-tool-menu-separator__LtZr{border-top:1px solid #E5E5E5;margin-top:4px;margin-bottom:4px}.wrapper__3okU{background-color:#fff} .list-title-bar__cf5X{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:40px;margin-bottom:12px}.list-title__jhbv{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-right:8px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;min-width:0%}.tag-title__2LIR{font-size:16px;line-height:24px;font-weight:500;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.btn-menu__1_-3{margin-left:12px}.list-tool-item-wrap__9W5t{margin-left:16px}.tag-members__9ZQl{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.invite-btn__1x0I{height:24px;padding:2px 12px;margin-left:6px}.invite-btn-wrap__2pRP{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.vertical-gap-line__3jHQ{border-left:solid 1px #E5E5E5;height:20px;margin:0 16px 0 18px}.add-projects-btn__26Av>button[data-role=icon-button]{margin-left:16px;margin-top:-2px}.empty-projects__2O7x{padding-top:160px}.empty-projects-placeholder__7Dpx{display:block;margin:0 auto;width:72px;height:72px}.empty-projects-title__1a-w{font-size:14px;color:#595959;text-align:center;line-height:20px;margin-top:16px}.empty-projects-hint__RNih{font-size:12px;color:#8C8C8C;text-align:center;line-height:20px;margin-top:8px}.empty-projects-operations__24RI{margin-top:24px;text-align:center}.empty-projects-operations__24RI>button:last-child{margin-left:12px}.list-tools__2PLf{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.list-tools__2PLf>{margin-left:12px}.list-tools__2PLf .list-tool-item-wrap__9W5t{margin-left:16px}.list-tools__2PLf .list-tool-item-wrap__9W5t:first-child{margin-left:0}.list-tools__2PLf .list-tool-item-wrap__9W5t .blue-dot__15xy{display:block;width:8px;height:8px;border-radius:50%;border:2px solid #fff;position:absolute;right:-2px;background:#1B9AEE;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;pointer-events:none}.list-tools__2PLf .list-tool-item__nKqB>[data-role='icon']{line-height:15px;width:15px;height:15px;font-size:15px}.privity-tag-lock__MPdQ{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:8px;color:#BFBFBF;font-size:16px}.hide__1yuO{opacity:0}.vertical-gap-line__3jHQ{border-left:solid 1px #E5E5E5;height:20px;margin:0 16px 0 18px} .content-placeholder-wrap__1m7y{padding-top:160px;text-align:center}.placeholder-img__37B9{display:block;margin:0 auto;width:72px;height:72px}.placeholder-text__3c_0{font-size:14px;color:#595959;text-align:center;line-height:20px;margin-top:16px}