Download Aplikasi

BMTT untuk bantu AdminTeA 

Download Aplikasi
<div aria-hidden="true" class="outer-shell" id="outer-shell" ng-class="{ 'invisible': !app.layoutService.isLoaded, 'notification-banner-visible': app.appStateAdapter.mainNotificationBannerStore.currentBanner, 'is-ipad': app.layoutService.isIPad, 'search-deeplink-open': (!app.layoutService.enablePinnedCoreApps && (app.layoutService.userAppsState.appInExecution.appId === app.constants.appId.saved || app.layoutService.userAppsState.appInExecution.appId === app.constants.appId.search) && !app.layoutService.routedToAppBarItem.itemType) || (app.layoutService.enablePinnedCoreApps && app.layoutService.routedToAppBarItem.itemType === 17 && !app.layoutService.userAppsState.appInExecution) }" ng-if="app.layoutService.isInitialized && app.skipFirstRun" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; height: 636px; overflow: hidden; pointer-events: none;"><div class="ts-main no-right-rail right-rail-ui-updates" id="wrapper" ng-class="{ 'no-right-rail': app.layoutService.isRigel || !app.layoutService.rightRailAvailable, 'no-left-rail': app.layoutService.isRigel || !app.layoutService.leftRailAvailable, 'right-rail-ui-updates': app.layoutService.enableNewRightRailView, 'snap': app.layoutService.isSnap }" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; height: calc(100% - 4.8rem); overflow: hidden;"><div analytics-panel="1" class="app-left-wrapper pull-left pointer-events-auto" context-view-component="left" ng-class="{'hybrid-passthrough': app.isLeftRailPassthrough}" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; float: left; height: inherit; pointer-events: auto;"><div class="ts-left-rail-wrapper ts-main-flex app-full-viewport-height pull-left left-rail-z-index" context-view-component="leftRail" ng-class="{'hybrid-passthrough': app.isLeftRailPassthrough}" ng-show="app.layoutService.leftRailWrapperVisible" style="-webkit-font-smoothing: antialiased; background: rgb(240, 240, 240); box-sizing: border-box; display: flex; flex-direction: column; float: left; height: calc(100vh - 4.8rem); overflow: hidden; pointer-events: auto; position: relative; transition: transform 0.22s ease 0s; width: 28rem;"><left-rail acc-role-dom="tab-handler-leftrail" class="ts-left-rail app-rail-common left-rail-box-shadow-overlay left-rail-header-v2-common" data-tid="left-rail" ng-class="{'left-rail-header-v2-common': app.enableLeftRailFilters}" ng-if="app.layoutService.isLoaded && !app.layoutService.isTenantSwitchInProgress" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; color: #616161; height: 576px; padding-top: 0px; position: relative;"><div class="left-rail-header-v2" ng-class="{'left-rail-header-v2': leftRailCtrl.enableLeftRailFilters}" ng-keydown="leftRailCtrl.processKeyDown($event)" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; width: 28rem;"><div process-tab-handler="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box;"><left-rail-chat-tabs aria-label="Chat list" class="active-rail" data-index="2" data-tid="left-rail-2" ng-class="{'active-rail': leftRailCtrl.layoutService.routedToAppBarItem.itemType === leftRailCtrl.appBarItemTypes.Chat}" ng-if="leftRailCtrl.layoutService.routingToAppBarItem.leftRailDirective === 'chat-list' && !leftRailCtrl.enableHybridChatList" role="navigation" style="-webkit-font-smoothing: antialiased; box-sizing: border-box;"><div class="show-rail" style="-webkit-font-smoothing: antialiased; box-sizing: border-box;"><left-rail-header class="left-rail-header-chat" constant-border-on="true" dropdown-titles="chatTabsCtrl.headerDropdownTitles" execute-filter-button-click="chatTabsCtrl.isFilterButtonRemoved ? null : chatTabsCtrl.executeFilterButtonClick" execute-filter-input-change="chatTabsCtrl.executeFilterInputChange" execute-filter-input-click="chatTabsCtrl.executeFilterInputClick" header-buttons-options="chatTabsCtrl.headerButtonsOptions" header-title="::chatTabsCtrl.headerTitle" more-options="chatTabsCtrl.moreOptions" ng-if="::chatTabsCtrl.enableLeftRailFilters" placeholder-text="chatTabsCtrl.placeholderText" selected-title-value="chatTabsCtrl.selectedLeftRailChatTab" set-filter-input-focused="chatTabsCtrl.setFilterInputFocused" style="-webkit-font-smoothing: antialiased; box-sizing: border-box;" tabs="chatTabsCtrl.selectedOptionType ? null : chatTabsCtrl.tabs"><div class="left-rail-header constant-border" id="left-rail-header" ng-class="{'input-focus': leftRailHeader.filterInputFocused, 'constant-border': leftRailHeader.constantBorderOn}" style="-webkit-font-smoothing: antialiased; align-items: center; box-sizing: border-box; display: flex; height: 6rem;"><h2 class="left-rail-header-title app-font-title2-bold" data-tid="leftRailHeaderTitle" ng-bind="::leftRailHeader.headerTitle" ng-if="!leftRailHeader.showFilterInput && leftRailHeader.headerTitle" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; color: #242424; cursor: default; flex: 0 0 auto; font-family: inherit; font-size: 1.8rem; line-height: 1.33333; margin: 2rem 0px 2rem 2rem;">Chat</h2><div class="left-rail-header-items messages-header-v2 blueberry" ng-class="{'blueberry': leftRailHeader.isBlueberry}" ng-if="::leftRailHeader.hasHeaderItems" style="-webkit-font-smoothing: antialiased; align-items: center; box-sizing: border-box; display: flex; height: 75px; justify-content: flex-end; line-height: 0; padding-right: 1.2rem; width: 276.547px;"><button aria-label="Filter (Ctrl+Shift+F)" class="ts-sym app-icons-fill-hover left-rail-header-filter-button left-rail-header-button" data-tid="leftRailHeaderFilterButton" ng-click="leftRailHeader.handleFilterButtonClick()" ng-disabled="leftRailHeader.isFilterButtonDisabled" ng-show="!leftRailHeader.showFilterInput && leftRailHeader.executeFilterButtonClick" style="-webkit-font-smoothing: antialiased; appearance: button; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 50%; background-repeat: initial; background-size: initial; border-color: initial; border-style: initial; border-width: 0px; cursor: pointer; font: inherit; height: 3.4rem; margin: 0px; overflow: visible; padding: 0px; position: relative; width: 3.4rem;" title="Filter (Ctrl+Shift+F)" ts-right-click="leftRailHeader.handleLeftRailFilterRightClick($event)"><ng-include class="icon" src="leftRailHeader.filterIconSrc" style="-webkit-font-smoothing: antialiased; box-sizing: border-box;"><svg class="app-svg icons-filter" focusable="false" role="presentation" viewbox="-6 -6 32 32"><g class="icons-default-fill"><path class="icons-unfilled" d="M7.5 13H12.5C12.7761 13 13 13.2239 13 13.5C13 13.7455 12.8231 13.9496 12.5899 13.9919L12.5 14H7.5C7.22386 14 7 13.7761 7 13.5C7 13.2545 7.17688 13.0504 7.41012 13.0081L7.5 13H12.5H7.5ZM5.5 9H14.5C14.7761 9 15 9.22386 15 9.5C15 9.74546 14.8231 9.94961 14.5899 9.99194L14.5 10H5.5C5.22386 10 5 9.77614 5 9.5C5 9.25454 5.17688 9.05039 5.41012 9.00806L5.5 9H14.5H5.5ZM3.5 5H16.5C16.7761 5 17 5.22386 17 5.5C17 5.74546 16.8231 5.94961 16.5899 5.99194L16.5 6H3.5C3.22386 6 3 5.77614 3 5.5C3 5.25454 3.17688 5.05039 3.41012 5.00806L3.5 5H16.5H3.5Z"></path></g></svg></ng-include></button><button analytics-panel-view="{panel: {type:393}}" aria-label="New Meeting" class="left-rail-header-button ts-btn ts-btn-fluent ts-btn-fluent-with-icon ts-btn-fluent-secondary" data-tid="lr-create-meeting" ng-class="{'pressed': leftRailHeader.isNewMeetingPressed()}" ng-click="leftRailHeader.handleNewMeetingButtonClick($event)" ng-if="leftRailHeader.canShowNewMeetingButton && !leftRailHeader.showFilterInput" style="-webkit-font-smoothing: antialiased; appearance: button; background: rgb(255, 255, 255); border-color: initial; border-radius: 50%; border-style: initial; border-width: 0px; box-shadow: none; color: #252423; cursor: pointer; font-family: inherit; font-size: 1.4rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 600; height: 3.4rem; line-height: inherit; margin: 0px 0px 0px 0.8rem; min-width: 3.2rem; overflow: visible; padding: 0px; position: relative; white-space: nowrap; width: 3.4rem;" title="New Meeting" track-gesture="" track-name="825" track-outcome="15" track-panel-type="2" track-scenario-type="31" track-scenario="1528" track-type="50" type="button"><ng-include class="icon" src="'svg/icons-call-meetup-line.html'" style="-webkit-font-smoothing: antialiased; box-sizing: border-box;"><svg class="app-svg icons-call-meetup-line" role="presentation" viewbox="-6 -6 32 32"><g class="icons-default-fill"><path class="icons-unfilled" d="M4.5 4C3.11929 4 2 5.11929 2 6.5V13.5C2 14.8807 3.11929 16 4.5 16H11.5C12.8807 16 14 14.8807 14 13.5V12.5L16.4 14.3C17.0592 14.7944 18 14.324 18 13.5V6.49998C18 5.67594 17.0592 5.20556 16.4 5.69998L14 7.49998V6.5C14 5.11929 12.8807 4 11.5 4H4.5ZM14 8.74998L17 6.49998V13.5L14 11.25V8.74998ZM13 6.5V13.5C13 14.3284 12.3284 15 11.5 15H4.5C3.67157 15 3 14.3284 3 13.5V6.5C3 5.67157 3.67157 5 4.5 5H11.5C12.3284 5 13 5.67157 13 6.5Z"></path></g></svg></ng-include></button><button analytics-panel-view="{panel: {type:284}}" aria-label="New Chat (Alt+N)" class="left-rail-header-button ts-btn ts-btn-fluent ts-btn-fluent-with-icon ts-btn-fluent-primary" data-tid="lr-create-chat" ng-click="leftRailHeader.handleNewChatButtonClick()" ng-if="leftRailHeader.canShowNewChatButton && !leftRailHeader.showFilterInput" style="-webkit-font-smoothing: antialiased; appearance: button; background: rgb(91, 95, 199); border-color: initial; border-radius: 50%; border-style: initial; border-width: 0px; box-shadow: none; color: white; cursor: pointer; font-family: inherit; font-size: 1.4rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 600; height: 3.2rem; line-height: inherit; margin: 0px 0.8rem; min-width: 3.4rem; overflow: visible; padding: 0px; position: relative; white-space: nowrap;" title="New Chat (Alt+N)" track-app-name="'chat'" track-default="clickNewChatButton" track-scenario-type="160" ts-right-click="leftRailHeader.handleNewChatButtonRightClick($event)"><ng-include class="icon" src="'svg/icons-compose.html'" style="-webkit-font-smoothing: antialiased; box-sizing: border-box;"><svg class="app-svg icons-compose" focusable="false" role="presentation" viewbox="-6 -6 32 32"><g class="icons-default-fill"><path class="icons-unfilled" d="M11.5 4C11.7761 4 12 4.22386 12 4.5C12 4.77614 11.7761 5 11.5 5H6.5C5.67157 5 5 5.67157 5 6.5V13.5C5 14.3284 5.67157 15 6.5 15H13.5C14.3284 15 15 14.3284 15 13.5V8.5C15 8.22386 15.2239 8 15.5 8C15.7761 8 16 8.22386 16 8.5V13.5C16 14.8807 14.8807 16 13.5 16H6.5C5.11929 16 4 14.8807 4 13.5V6.5C4 5.11929 5.11929 4 6.5 4H11.5ZM16.1514 2.85355C16.3467 2.65829 16.6632 2.65829 16.8585 2.85355C17.0538 3.04882 17.0538 3.3654 16.8585 3.56066L9.78744 10.6317L8.90355 10.8085L9.08033 9.92462L16.1514 2.85355Z"></path></g></svg></ng-include></button></div></div></left-rail-header></div></left-rail-chat-tabs><div class="ts-channel-list match-parent chat-list react-chat-list freemium-chat-list flex-fill tfl-chat-list" ng-class="{'filter-input-on': leftRailCtrl.filterInputOn, 'tfl-chat-list': leftRailCtrl.enableInviteButtonFilledDesign}" ng-if="leftRailCtrl.layoutService.routingToAppBarItem.leftRailDirective === 'chat-list' && !leftRailCtrl.isBuddyListUiEnabled && !leftRailCtrl.enableHybridChatList" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; flex-direction: column; flex: 1 1 0%; height: inherit; min-height: 0px; min-width: 0px; position: relative; user-select: none; width: 350px;"><div class="flex-fill" ng-if="!bridgeController.isError" ng-transclude="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; flex-direction: column; flex: 1 1 0%; min-height: 0px; min-width: 0px;"><chat-list-bridge isfreemium="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box;"><div class="app-left-rail-width team-operations-container" style="-webkit-font-smoothing: antialiased; bottom: 0px; box-sizing: border-box; height: 53.75px; padding: 0px 1.2rem 1.1rem; position: relative; width: 350px;"><button aria-label="Find and invite people" class="ui button ts-sym app-left-rail-width icons-default-fill-hover team-operations-button invite-button-left-rail-width team-operations-container-item ts-btn-fluent ts-btn-fluent-secondary" data-tid="chat-list-invite-people" role="button" style="-webkit-font-smoothing: antialiased; align-items: center; appearance: button; background: rgb(255, 255, 255); border-color: initial; border-radius: 0.4rem; border-style: initial; border-width: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.2rem 0.4rem -0.075rem; color: #252423; cursor: pointer; display: flex; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 600; justify-content: center; line-height: inherit; margin: 0px; min-width: 9.6rem; overflow: visible; padding: 0px; position: relative; width: 320px;" theme="defaultV2" title="Find and invite people"><div class="app-svg icons-invite-person" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; height: 3.2rem; width: 3.2rem;"><svg class="app-svg icons-invite-person" focusable="false" role="presentation" viewbox="-6 -6 32 32"><g class="icons-default-fill"><g class="icons-unfilled"><path d="M9 2C6.79086 2 5 3.79086 5 6C5 8.20914 6.79086 10 9 10C11.2091 10 13 8.20914 13 6C13 3.79086 11.2091 2 9 2ZM6 6C6 4.34315 7.34315 3 9 3C10.6569 3 12 4.34315 12 6C12 7.65685 10.6569 9 9 9C7.34315 9 6 7.65685 6 6Z"></path><path d="M4.00873 11C2.90315 11 2 11.8869 2 13C2 14.6912 2.83281 15.9663 4.13499 16.7966C5.41697 17.614 7.14526 18 9 18V17C7.26489 17 5.74318 16.636 4.67262 15.9534C3.62226 15.2837 3 14.3088 3 13C3 12.4467 3.44786 12 4.00873 12L9.26756 12C9.61274 11.4033 10.2574 11.0015 10.996 11L4.00873 11Z"></path><path d="M14.5098 15.9269L10.0127 13.3036C10.109 12.568 10.7381 12 11.5 12H17.5C18.3284 12 19 12.6716 19 13.5V13.509L14.5098 15.9269Z"></path><path d="M14.7371 16.9402L19 14.6448V17.5C19 18.3284 18.3284 19 17.5 19H11.5C10.6716 19 10 18.3284 10 17.5V14.4539L14.2481 16.9319C14.3985 17.0196 14.5837 17.0228 14.7371 16.9402Z"></path></g><g class="icons-filled"><path d="M9 2C6.79086 2 5 3.79086 5 6C5 8.20914 6.79086 10 9 10C11.2091 10 13 8.20914 13 6C13 3.79086 11.2091 2 9 2Z"></path><path d="M4.00873 11C2.90315 11 2 11.8869 2 13C2 14.6912 2.83281 15.9663 4.13499 16.7966C5.41697 17.614 7.14526 18 9 18V13C9 11.8968 9.89325 11.0022 10.996 11L4.00873 11Z"></path><path d="M14.5098 15.9269L10.0127 13.3036C10.109 12.568 10.7381 12 11.5 12H17.5C18.3284 12 19 12.6716 19 13.5V13.509L14.5098 15.9269Z"></path><path d="M14.7371 16.9402L19 14.6448V17.5C19 18.3284 18.3284 19 17.5 19H11.5C10.6716 19 10 18.3284 10 17.5V14.4539L14.2481 16.9319C14.3985 17.0196 14.5837 17.0228 14.7371 16.9402Z"></path></g></g></svg></div><span class="action-button-text single-line-truncation" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; left: 1.2rem; margin-left: -0.8rem; overflow: hidden; padding-right: 3.2rem; position: relative; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: auto;">Find and invite people</span></button></div></chat-list-bridge></div></div></div></div></left-rail><a aria-hidden="true" class="file-download-link-popup" href="https://teams.live.com/_?tenantId=9188040d-6c67-4c5b-b112-36a304b66dad#" id="file-download-link-popup" style="-webkit-font-smoothing: antialiased; background-color: transparent; box-sizing: border-box; color: #616161; cursor: pointer; display: block; text-decoration-line: none;" tabindex="-1"></a><a aria-hidden="true" class="file-open-native-link" href="https://teams.live.com/_?tenantId=9188040d-6c67-4c5b-b112-36a304b66dad#" id="file-open-native-link" style="-webkit-font-smoothing: antialiased; background-color: transparent; box-sizing: border-box; color: #616161; cursor: pointer; display: block; text-decoration-line: none;" tabindex="-1"></a></div></div><div analytics-panel="0" class="ts-middle ts-main-flex pointer-events-auto" id="page-content-wrapper" ng-class="{'hybrid-passthrough': app.isMiddlePanePassthrough}" ng-if="app.layoutService.isLoaded" style="-webkit-font-smoothing: antialiased; background: rgb(245, 245, 245); box-sizing: border-box; display: flex; flex-direction: column; height: 576px; pointer-events: auto; position: relative;"><notification-banner acc-role-dom="tab-handler-app-notification-banner" class="notification-banner" id="main-notification-banner" notification-banner-store="app.appStateAdapter.mainNotificationBannerStore" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; pointer-events: auto;"><div class="app-notification-banner" ng-class="[{ 'banner-show': banner }, { 'tab-notification-banner': tab }, bannerCss ]" role="region" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 1.2rem; height: 0px; overflow: hidden; padding: 0px; position: relative; text-align: center; transition: height 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;"></div></notification-banner><div class="flex-fill" ng-class="{'ts-middle-pane-hidden': app.layoutService.isBroadcastPlayback}" noanimation="true" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; flex-direction: column; flex: 1 1 0%; min-height: 0px; min-width: 0px;" ui-view="0"><div class="ts-middle-pane flex-fill" ng-class="{'ts-middle-pane-compressed': isRightRailOpen}" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; flex-direction: column; flex: 1 1 0%; min-height: 0px; min-width: 0px; overflow: auto;"><div ng-class="{'ts-middle-pane-compressed': isRightRailOpen}" ng-if="middleMessagesStripe.showTFLEmptyState" style="-webkit-font-smoothing: antialiased; box-sizing: border-box;"><div ng-if="middleMessagesStripe.showTFLAlternateEmptyState" style="-webkit-font-smoothing: antialiased; box-sizing: border-box;"><div class="TflEsSpacer10" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: border-box; height: 10rem;"></div><div class="TflEsMaster" data-tid="tTflEmptyStatePage" id="tflEmptyStatePage" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden;"><div class="TflEsHeader" style="-webkit-font-smoothing: antialiased; align-self: center; box-sizing: border-box; flex: 0 0 auto; margin: 0px 20px; text-align: center;"><div class="app-font-title-bold" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 2.4rem; font-weight: 700; line-height: 1.33333;">Welcome to Teams!</div><div class="app-font-base-regular" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Web", sans-serif; font-size: 1.4rem; line-height: 1.4286;">Here are some things to get going...</div></div><div class="TflEsSpacer6" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: border-box; height: 6rem;"></div><div class="TflEmptyStateContainer TflEmptystateBiggerContainer" ng-class="{'TflEmptystateBiggerContainer': middleMessagesStripe.showTFLContactSyncInEmptyState}" style="-webkit-font-smoothing: antialiased; align-self: center; box-sizing: border-box; display: flex; flex-direction: row; gap: 15px; height: 300px; justify-content: space-between; max-width: 1005px; padding: 1px; width: 531px;"><div class="TflEsContactSync" ng-if="middleMessagesStripe.showTFLContactSyncInEmptyState" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; flex: 0 1 30%;"><div class="TflContactSyncImage shadow-level-1" style="-webkit-font-smoothing: antialiased; background-image: linear-gradient(289.1deg, rgba(255, 255, 255, 0.6) -108.08%, rgba(166, 167, 220, 0.6) 329.68%); border-radius: 1rem 1rem 0px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.2rem 0.4rem -0.075rem; box-sizing: border-box; height: 130px; text-align: center;"><div class="TflEsSpacer" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: border-box; height: 1rem;"></div><img alt="Invite people you know" aria-label="Invite people you know" focusable="false" height="108" ng-src="[[staticsPath]]/hashed/tfl_empty_state_invite-e58c39e.svg" role="img" src="https://statics.teams.cdn.live.net/hashed/tfl_empty_state_invite-e58c39e.svg" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; vertical-align: middle;" /><div class="TflEsSpacer" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: border-box; height: 1rem;"></div></div><div class="TflTextAndButtonContainer shadow-level-1" style="-webkit-font-smoothing: antialiased; background-color: #fafafa; border-radius: 0px 0px 1rem 1rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.2rem 0.4rem -0.075rem; box-sizing: border-box; width: auto;"><div class="TflTextAndButtonSmallContainer" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; margin: 0px auto; width: 154.875px;"><div class="TflEsSpacer" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: border-box; height: 1rem;"></div><div class="TflEsSubtitle app-font-base-bold" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Web", sans-serif; font-weight: 700; text-align: center;">Invite people you know</div><div class="TflEsSpacer" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: border-box; height: 1rem;"></div><div class="TflEsSubtitle app-font-caption-regular TflEsCaption" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 1.2rem; line-height: 1.33333; min-height: 30px; text-align: center;">It's easy to bring everyone together on Teams.</div><div class="TflEsSpacer2" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; height: 2rem;"></div><div class="TflEsButtonDiv" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; justify-content: center;"><button class="ts-btn ts-btn-fluent ts-btn-fluent-primary button-container" ng-attr-title="{{middleMessagesStripe.tflContactSyncButtonText}}" ng-click="middleMessagesStripe.contactSyncButtonClick()" role="button" style="-webkit-font-smoothing: antialiased; appearance: button; background: rgb(91, 95, 199); border-color: initial; border-radius: 0.4rem; border-style: initial; border-width: 0px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.2rem 0.4rem -0.075rem; color: white; cursor: pointer; font-family: inherit; font-size: 1.4rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 600; height: 3.2rem; line-height: inherit; margin: 0px; min-width: 9.6rem; overflow: visible; padding: 0px 2rem; position: relative; white-space: nowrap;" title="Invite People">Invite People</button></div><div class="TflEsSpacer3" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: border-box; height: 3rem;"></div></div></div></div><div class="TflEsCreateChat" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; flex: 0 1 30%;"><div class="TflChatImage shadow-level-1 TflChatImageMiddleTile" ng-class="{'TflChatImageMiddleTile': middleMessagesStripe.showTFLContactSyncInEmptyState}" style="-webkit-font-smoothing: antialiased; background-image: linear-gradient(113.89deg, rgba(255, 255, 255, 0.6) -85.73%, rgba(166, 167, 220, 0.6) 306.97%); border-radius: 1rem 1rem 0px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.2rem 0.4rem -0.075rem; box-sizing: border-box; height: 130px; text-align: center;"><div class="TflEsSpacer" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: border-box; height: 1rem;"></div><img alt="" aria-label="" focusable="false" height="108" ng-src="[[staticsPath]]/hashed/tfl_empty_state_start_chatting-5cc3a1e.svg" role="img" src="https://statics.teams.cdn.live.net/hashed/tfl_empty_state_start_chatting-5cc3a1e.svg" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; vertical-align: middle;" /><div class="TflEsSpacer" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: border-box; height: 1rem;"></div></div><div class="TflTextAndButtonContainer shadow-level-1" style="-webkit-font-smoothing: antialiased; background-color: #fafafa; border-radius: 0px 0px 1rem 1rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.2rem 0.4rem -0.075rem; box-sizing: border-box; width: auto;"><div class="TflTextAndButtonSmallContainer" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; margin: 0px auto; width: 189.234px;"><div class="TflEsSpacer" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: border-box; height: 1rem;"></div><div class="TflEsSubtitle app-font-base-bold" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Web", sans-serif; font-weight: 700; text-align: center;">Start chatting</div><div class="TflEsSpacer" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: border-box; height: 1rem;"></div><div class="TflStartChat TflEsSubtitle app-font-caption-regular TflEsCaption" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 1.2rem; line-height: 1.33333; min-height: 30px; text-align: center;">Send instant messages, share files, and more over chat.</div><div class="TflEsSpacer2" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; height: 2rem;"></div><div class="TflEsButtonDiv" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; justify-content: center;"><button class="ts-btn ts-btn-fluent ts-btn-fluent-primary button-container" ng-attr-title="{{middleMessagesStripe.tflCreateChatButtonText}}" ng-click="middleMessagesStripe.createGroupButtonClick()" role="button" style="-webkit-font-smoothing: antialiased; appearance: button; background: rgb(91, 95, 199); border-color: initial; border-radius: 0.4rem; border-style: initial; border-width: 0px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.2rem 0.4rem -0.075rem; color: white; cursor: pointer; font-family: inherit; font-size: 1.4rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 600; height: 3.2rem; line-height: inherit; margin: 0px; min-width: 9.6rem; overflow: visible; padding: 0px 2rem; position: relative; white-space: nowrap;" title="New chat">New chat</button></div><div class="TflEsSpacer3" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: border-box; height: 3rem;"></div></div></div></div><div class="TflEsMeet" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; flex: 0 1 30%;"><div class="TflMeetNowImage shadow-level-1" style="-webkit-font-smoothing: antialiased; background-image: linear-gradient(110.51deg, rgba(255, 255, 255, 0.6) -32.09%, rgba(166, 167, 220, 0.6) 220.3%); border-radius: 1rem 1rem 0px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.2rem 0.4rem -0.075rem; box-sizing: border-box; height: 130px; text-align: center;"><div class="TflEsSpacer" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: border-box; height: 1rem;"></div><img alt="" aria-label="" focusable="false" height="108" ng-src="[[staticsPath]]/hashed/tfl_empty_state_schedule-b594ee6.svg" role="img" src="https://statics.teams.cdn.live.net/hashed/tfl_empty_state_schedule-b594ee6.svg" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; vertical-align: middle;" /><div class="TflEsSpacer" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: border-box; height: 1rem;"></div></div><div class="TflTextAndButtonContainer shadow-level-1" style="-webkit-font-smoothing: antialiased; background-color: #fafafa; border-radius: 0px 0px 1rem 1rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.2rem 0.4rem -0.075rem; box-sizing: border-box; width: auto;"><div class="TflTextAndButtonSmallContainer" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; margin: 0px auto; width: 154.875px;"><div class="TflEsSpacer" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: border-box; height: 1rem;"></div><div class="TflEsSubtitle app-font-base-bold" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Web", sans-serif; font-weight: 700; text-align: center;">Meet now</div><div class="TflEsSpacer" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: border-box; height: 1rem;"></div><div class="TflEsSubtitle app-font-caption-regular TflEsCaption" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 1.2rem; line-height: 1.33333; min-height: 30px; text-align: center;">Skip the calendar and create an instant meeting with just a click.</div><div class="TflEsSpacer2" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; height: 2rem;"></div><div class="TflEsButtonDiv" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; justify-content: center;"><button class="ts-btn ts-btn-fluent ts-btn-fluent-primary button-container" ng-attr-title="{{middleMessagesStripe.tflMeetNowButtonText}}" ng-click="middleMessagesStripe.meetNowButtonClick($event)" role="button" style="-webkit-font-smoothing: antialiased; appearance: button; background: rgb(91, 95, 199); border-color: initial; border-radius: 0.4rem; border-style: initial; border-width: 0px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.2rem 0.4rem -0.075rem; color: white; cursor: pointer; font-family: inherit; font-size: 1.4rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 600; height: 3.2rem; line-height: inherit; margin: 0px; min-width: 9.6rem; overflow: visible; padding: 0px 2rem; position: relative; white-space: nowrap;" title="Meet now">Meet now</button></div><div class="TflEsSpacer3" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: border-box; height: 3rem;"></div></div></div></div></div><div class="TflEsGetMobileApp" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; margin-bottom: 4rem;"><div class="TflEsSpacer7" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: border-box; height: 7rem;"></div><div class="TflEsSubtitle app-font-base-bold" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Web", sans-serif; font-weight: 700; text-align: center;">Get the Teams mobile app</div><div class="TflEsSubtitle app-font-caption-regular" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 1.2rem; line-height: 1.33333; text-align: center;">Stay connected across all your devices by downloading the Teams mobile app.</div><div class="TflEsSpacer" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: border-box; height: 1rem;"></div><div class="TflEsButtonDiv" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; justify-content: center;"><button class="ts-btn ts-btn-fluent ts-btn-fluent-secondary button-container" ng-attr-title="{{middleMessagesStripe.tflGetOnMobileButtonText}}" ng-click="middleMessagesStripe.getMobileButtonClick()" role="button" style="-webkit-font-smoothing: antialiased; appearance: button; background: rgb(255, 255, 255); border-color: initial; border-radius: 0.4rem; border-style: initial; border-width: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.2rem 0.4rem -0.075rem; color: #252423; cursor: pointer; font-family: inherit; font-size: 1.4rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 600; height: 3.2rem; line-height: inherit; margin: 0px; min-width: 9.6rem; overflow: visible; padding: 0px 2rem; position: relative; white-space: nowrap;" title="Get the mobile app">Get the mobile app</button></div></div></div></div></div></div></div><broadcast-playback-monitor ng-class="{'full-page': app.layoutService.isBroadcastPlayback }" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: flex; flex: 0 1 0%;"></broadcast-playback-monitor></div><div analytics-panel="2" context-view-component="right" style="-webkit-font-smoothing: antialiased; box-sizing: border-box;"></div></div></div><promote-desktop style="-webkit-font-smoothing: antialiased; box-sizing: border-box;"><div id="promote-desktop" ng-if="$ctrl.showDesktopPromo" style="-webkit-font-smoothing: antialiased; background-color: whitesmoke; box-sizing: border-box; inset: 0px; position: fixed; z-index: 2147483647;"><div acc-role-dom="dialog" aria-modal="true" class="promote-desktop-page" role="dialog" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; inset: 0px; position: absolute;"><div class="simple-scrollbar" simple-scrollbar="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; height: 636px; overflow: hidden;"><div style="-webkit-font-smoothing: antialiased; box-sizing: border-box;"><div analytics-panel-view="{ panel: {type: 220}}" analytics-panel="" class="flex-column" id="tfl-download-desktop-page" ng-if="$ctrl.page == $ctrl.PromoteDesktopPage.DownloadDesktopV2 || $ctrl.page == $ctrl.PromoteDesktopPage.DownloadDesktopV3" style="-webkit-font-smoothing: antialiased; align-items: center; background-color: white; box-sizing: border-box; display: flex; flex-flow: column nowrap; height: 100vh; margin-top: 0px; overflow: auto;"><div class="flex-row" style="-webkit-font-smoothing: antialiased; align-items: center; box-sizing: border-box; display: flex; flex-flow: row nowrap; flex-grow: 1; margin-top: 0.5rem;"><img alt="" class="teams-img-width" focusable="false" ng-src="[[staticsPath]]/hashed/life/tflDownloadDesktop-369654f.png" role="img" src="https://statics.teams.cdn.live.net/hashed/life/tflDownloadDesktop-369654f.png" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; max-height: 50rem; max-width: 50%; vertical-align: middle;" /><div aria-labelledby="tfl_promote_download_desktop_heading" class="flex-column" role="main" style="-webkit-font-smoothing: antialiased; align-items: center; box-sizing: border-box; display: flex; flex-flow: column nowrap; margin-top: 0.5rem;"><img alt="" class="teams-logo" focusable="false" ng-src="[[staticsPath]]/hashed/life/TeamsLogo.tfl-1f8114d.svg" role="img" src="https://statics.teams.cdn.live.net/hashed/life/TeamsLogo.tfl-1f8114d.svg" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; height: 3.6rem; margin-bottom: 1.2rem; vertical-align: middle; width: 3.6rem;" /><h1 class="download-text-v2" ng-if="$ctrl.page == $ctrl.PromoteDesktopPage.DownloadDesktopV2" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; color: #242424; font-family: inherit; font-size: 3.2rem; letter-spacing: 0px; line-height: 1.33333; margin: 20px 0px 10px; max-width: 52.8rem; text-align: center;" translate-once="firstrun_heading_download_desktop">Donlot Aplikasi TimTeAmahsolid 2223 untuk desktop dan koneksi yang tetap bagus.</h1><button class="ts-btn ts-btn-fluent ts-btn-fluent-primary download-app-btn" ng-click="$ctrl.download()" style="-webkit-font-smoothing: antialiased; appearance: button; background: rgb(91, 95, 199); border-color: initial; border-radius: 0.4rem; border-style: initial; border-width: 0px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.2rem 0.4rem -0.075rem; color: white; cursor: pointer; font-family: inherit; font-size: 1.4rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 600; height: 3.2rem; line-height: inherit; margin: 1.2rem 0px 0px; min-width: 23.2rem; overflow: visible; padding: 0px 2rem; position: relative; white-space: nowrap;" track-gesture="" track-name="859" track-outcome="1" track-scenario-type="46" track-scenario="980" track-state="Get the Windows app" track-summary="download app" track-type="50" translate-once="Get the Windows app">Dapatkan Aplikasi Jendelateaku untuk Tim</button><a class="use-app-lnk" href="https://teams.live.com/_?tenantId=9188040d-6c67-4c5b-b112-36a304b66dad#" ng-click="$ctrl.useWeb()" style="-webkit-font-smoothing: antialiased; background-color: transparent; box-sizing: border-box; color: #5b5fc7; font-size: 1.2rem; margin-top: 1.2rem; text-decoration-line: none;" track-gesture="" track-name="859" track-outcome="1" track-scenario-type="46" track-scenario="979" track-summary="use web app" track-type="62" translate-once="firstrun_use_webapp">Gunakan aplikasi web</a></div></div><div aria-labelledby="tfl_promote_download_desktop_footer" class="legal-footer-bottom" role="contentinfo" style="-webkit-font-smoothing: antialiased; align-items: center; box-sizing: border-box; display: flex; justify-content: center; margin-bottom: 2rem; width: 100vw;"><div class="footer-item" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 1rem; margin-left: 5.4rem; margin-right: auto; visibility: hidden;"></div><a class="footer-item" href="https://go.microsoft.com/fwlink/?linkid=2129043" ng-href="https://go.microsoft.com/fwlink/?linkid=2129043" style="-webkit-font-smoothing: antialiased; background-color: transparent; box-sizing: border-box; color: #5b5fc7; cursor: pointer; font-size: 1rem; margin-right: 2rem; text-decoration-line: none;" target="_blank" translate-once="main_gear_legal">Legalitas</a><a class="footer-item" href="https://go.microsoft.com/fwlink/?linkid=2156946" ng-href="https://go.microsoft.com/fwlink/?linkid=2156946" style="-webkit-font-smoothing: antialiased; background-color: transparent; box-sizing: border-box; color: #5b5fc7; cursor: pointer; font-size: 1rem; margin-right: 2rem; text-decoration-line: none;" target="_blank" translate-once="privacy_cookies">Privasi dan Kukis</a><span class="footer-item" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 1rem;" translate-once="microsoft_copyright_dynamic_year" translate-values="{"currentYear": "2023"}">© 2023 Mikrosoftea from</span><img alt="" class="footer-logo" focusable="false" ng-src="[[staticsPath]]/hashed/microsoft-logo-d6d1338.svg" role="img" src="https://statics.teams.cdn.live.net/hashed/microsoft-logo-d6d1338.svg" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-size: 1rem; height: 2rem; margin-left: auto; margin-right: 5.4rem; vertical-align: middle;" /></div></div></div><div class="tse-scrollbar simple-scrollbar" style="-webkit-font-smoothing: antialiased; bottom: 0px; box-sizing: border-box; height: inherit; max-height: inherit; overflow: hidden; pointer-events: none; position: absolute; right: 0px; top: 0px; visibility: hidden; width: 1.6rem; z-index: 99;"></div></div></div></div></promote-desktop><promote-mobile ng-if="app.layoutService.isLoaded" style="-webkit-font-smoothing: antialiased; box-sizing: border-box;"></promote-mobile><div aria-atomic="true" aria-live="assertive" id="aria-live-assertive" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; height: 1px; left: -10000px; overflow: hidden; position: absolute; width: 1px;"></div><div aria-atomic="true" aria-live="polite" id="aria-live-polite" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; height: 1px; left: -10000px; overflow: hidden; position: absolute; width: 1px;"></div><div aria-hidden="true" class="acc-hidden-element" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; position: absolute; z-index: -1;"><span id="accessibility-help-element" style="-webkit-font-smoothing: antialiased; box-sizing: border-box;" tabindex="-1"></span></div><div aria-hidden="true" class="experience-container-root" id="ExperienceContainerManagerMountElement" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; position: relative;"><div class="overlay-hybrid no-hybrid-content" id="ExperienceContainerWrap-experience-container-3a68c7e5-b824-422b-9bc4-5c1b67c17924" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; height: 636px; left: 0px; opacity: 0.001; pointer-events: none; position: fixed; top: 0px; transform-origin: right bottom; width: 1042px; will-change: transform, opacity; z-index: -1;"><iframe allow="autoplay" class="embedded-electron-webview embedded-page-content" id="experience-container-3a68c7e5-b824-422b-9bc4-5c1b67c17924" role="group" sandbox="allow-downloads allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-modals allow-forms" src="https://teams.live.com/multi-window/?agent=web&version=23010100900" style="-webkit-font-smoothing: antialiased; border-style: initial; border-width: 0px; box-sizing: border-box; flex-direction: column; flex: 1 1 0%; height: 100vh; width: 100vw;"></iframe></div></div><div aria-labelledby="modalDialog-title" class="ngdialog ts-modal-dialog custom-width change-picture-dialog" id="ngdialog1" role="dialog" style="-webkit-font-smoothing: antialiased; align-items: center; animation: 0.5s ease 0s 1 normal none running ngdialog-fadein; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; box-sizing: border-box; display: flex; inset: 0px; overflow: auto; position: fixed; z-index: 10000;"><div class="ngdialog-overlay scrollbar-vertical-space" style="-webkit-font-smoothing: antialiased; animation: 0.35s ease 0s 1 normal both running ngdialog-fadein; backface-visibility: hidden; background: rgba(37, 36, 35, 0.75); box-sizing: inherit; inset: 0px 1rem 0px 0px; margin-right: 0px; position: fixed;"></div><div class="ngdialog-content" role="document" style="-webkit-font-smoothing: antialiased; animation: 0.2s ease 0s 1 normal both running dialog-zoom-in; backface-visibility: hidden; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 50%; background-repeat: initial; background-size: initial; box-shadow: rgba(0, 0, 0, 0.1) 0px 1.6rem 1.8rem -0.4rem; box-sizing: inherit; direction: ltr; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Web", sans-serif; font-size: 1.4rem; line-height: 1.4286; margin: auto; padding: 0px; pointer-events: all; position: relative; width: 60rem;"><div aria-label="Welcome to Teams. How would you like to appear on Teams? People can search for you using these contact details." aria-labelledby="modalDialog-title" class="tflFreModalProfileDialog ts-modal-dialog-container vdi-occlusion" hide-header="true" ng-class="{'center-align-buttons': centerAlignButtons, 'dark-mode': darkMode }" ng-init="tfpc.onInit()" style="-webkit-font-smoothing: antialiased; app-region: no-drag; background: rgb(255, 255, 255); border-radius: 0.4rem; box-sizing: inherit; width: 60rem;" suppress-default-button="true" suppress-default-footer="true" suppress-header="true" track-panel-type="476"><div analytics-panel-on-root="true" analytics-panel-view="{ panel: {type: 476 }}" analytics-panel="3" class="analytics-panel" ng-attr-track-app-id="{{::trackAppId}}" ng-attr-track-async-data="{{::trackAsyncData}}" ng-attr-track-data="{{::trackData}}" style="-webkit-font-smoothing: antialiased; border-radius: 0.4rem; box-sizing: inherit;"><div class="ts-modal-dialog-content ts-modal-dialog-content-suppress-default-footer" ng-class="{'ts-modal-dialog-content-suppress-default-footer': suppressDefaultFooter}" style="-webkit-font-smoothing: antialiased; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 0px 0px 0.4rem 0.4rem; box-sizing: inherit; color: #242424; padding: 0.7rem 3.2rem 0px; position: relative;"><div class="ts-modal-dialog-content-container" ng-transclude="" style="-webkit-font-smoothing: antialiased; box-sizing: inherit;"><div class="tflFreProfileDialog" data-tid="tflfre-update-user-profile" style="-webkit-font-smoothing: antialiased; box-sizing: inherit;"><div class="backgroundbox" style="-webkit-font-smoothing: antialiased; background: rgb(240, 240, 240); border-radius: 0.4rem 0.4rem 0px 0px; box-sizing: inherit; font-size: 17.5px; height: 14.6rem; left: 0px; position: absolute; top: 0px; width: 750px;"></div><div class="largeSpacer" style="-webkit-font-smoothing: antialiased; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; box-sizing: inherit; font-size: 17.5px; height: 3rem;"></div><div acc-role-dom="button" class="picContainer CenterDiv" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; float: none; font-size: 17.5px; height: 12.8rem; margin: 0px auto; position: relative; width: 12.8rem;" tabindex="0"><button aria-labelled="Change your profile picture" class="changePictureOverlay" ng-click="tfpc.updateUserPicture()" ng-if="::tfpc.isUserProfileEditable" style="-webkit-font-smoothing: antialiased; align-items: center; appearance: button; background: rgba(0, 0, 0, 0.4); border-color: initial; border-radius: 50%; border-style: none; border-width: initial; box-sizing: inherit; cursor: pointer; font: inherit; height: 160px; justify-content: center; left: 0px; margin: 0px; opacity: 0; overflow: visible; padding: 0.1rem 0.4rem; position: absolute; top: 0px; width: 160px;"><ng-include class="change-picture-icon" src="'[[staticsPath]]/hashed/svg/icons-camera-1b8cc6f.html'" style="-webkit-font-smoothing: antialiased; box-sizing: inherit;"><svg class="app-svg icons-camera" focusable="false" role="presentation" viewbox="-6 -6 32 32"><g class="icons-default-fill"><g class="icons-unfilled"><path clip-rule="evenodd" d="M10.0002 6C7.79104 6 6.00018 7.79086 6.00018 10C6.00018 12.2091 7.79104 14 10.0002 14C12.2093 14 14.0002 12.2091 14.0002 10C14.0002 7.79086 12.2093 6 10.0002 6ZM7.00018 10C7.00018 8.34315 8.34333 7 10.0002 7C11.657 7 13.0002 8.34315 13.0002 10C13.0002 11.6569 11.657 13 10.0002 13C8.34333 13 7.00018 11.6569 7.00018 10Z" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M8.12412 1.99997C7.55707 1.99997 7.03849 2.31974 6.78386 2.8264L6.19437 3.99937H4.50488C3.12417 3.99937 2.00488 5.11865 2.00488 6.49937V14.5C2.00488 15.8807 3.12417 17 4.50488 17H15.5049C16.8856 17 18.0049 15.8807 18.0049 14.5V6.49937C18.0049 5.11866 16.8856 3.99937 15.5049 3.99937H13.8149L13.23 2.82927C12.976 2.32103 12.4565 1.99997 11.8883 1.99997H8.12412ZM7.67736 3.27545C7.76224 3.10656 7.9351 2.99997 8.12412 2.99997H11.8883C12.0777 2.99997 12.2509 3.10699 12.3356 3.2764L13.0587 4.72293C13.1433 4.89235 13.3165 4.99937 13.5059 4.99937H15.5049C16.3333 4.99937 17.0049 5.67094 17.0049 6.49937V14.5C17.0049 15.3284 16.3333 16 15.5049 16H4.50488C3.67646 16 3.00488 15.3284 3.00488 14.5V6.49937C3.00488 5.67094 3.67646 4.99937 4.50488 4.99937H6.50268C6.69169 4.99937 6.86455 4.89278 6.94943 4.72389L7.67736 3.27545Z" fill-rule="evenodd"></path></g><g class="icons-filled"><path d="M7.00018 10C7.00018 8.34315 8.34333 7 10.0002 7C11.657 7 13.0002 8.34315 13.0002 10C13.0002 11.6569 11.657 13 10.0002 13C8.34333 13 7.00018 11.6569 7.00018 10Z"></path><path clip-rule="evenodd" d="M6.78386 2.82643C7.03849 2.31977 7.55707 2 8.12412 2H11.8883C12.4565 2 12.976 2.32106 13.23 2.8293L13.8149 3.9994H15.5049C16.8856 3.9994 18.0049 5.11869 18.0049 6.4994V14.5C18.0049 15.8807 16.8856 17 15.5049 17H4.50488C3.12417 17 2.00488 15.8807 2.00488 14.5V6.4994C2.00488 5.11868 3.12417 3.9994 4.50488 3.9994H6.19437L6.78386 2.82643ZM10.0002 6C7.79104 6 6.00018 7.79086 6.00018 10C6.00018 12.2091 7.79104 14 10.0002 14C12.2093 14 14.0002 12.2091 14.0002 10C14.0002 7.79086 12.2093 6 10.0002 6Z" fill-rule="evenodd"></path></g></g></svg></ng-include></button><div class="profile-img-parent large-image-size" ng-click="tfpc.updateUserPicture()" style="-webkit-font-smoothing: antialiased; background-clip: content-box; border-radius: 50%; box-sizing: inherit; height: 12.8rem; overflow: hidden; width: 12.8rem;"><profile-picture css-class="image-mask" display-name="::tfpc.userDisplayName" mri="::tfpc.userMri" principal-name="::tfpc.userUpn" size="tfpc.constants.profilePictureSizes.large" source="change-user-picture" style="-webkit-font-smoothing: antialiased; box-sizing: inherit;"><img alt="Profile picture of Taufik Hidayat." class="image-mask" ng-class="$ctrl.additionalCssClass" ng-dblclick="$ctrl.popOutChat()" ng-if="$ctrl.displayImg() && !$ctrl.isDisplayLocallyGeneratedInitialsImage" ng-src="blob:https://teams.live.com/e947b310-4120-4646-9691-fcdc33af13bf" ng-style="{'object-fit':'cover', 'visibility': $ctrl.visibility}" profile-picture-img-event="$ctrl.onImgEventHandler($event)" src="blob:https://teams.live.com/e947b310-4120-4646-9691-fcdc33af13bf" style="-webkit-font-smoothing: antialiased; background: 50% 35% / cover no-repeat; border: 0px; box-sizing: inherit; max-width: 100%; min-height: 100%; min-width: 100%; object-fit: cover; vertical-align: middle;" upn="live:.cid.1bef5b6b906aa60d" /></profile-picture></div></div><div style="-webkit-font-smoothing: antialiased; box-sizing: inherit; font-size: 17.5px;"><div aria-label="Welcome to Teams. How would you like to appear on Teams? People can search for you using these contact details." class="header app-font-title-bold" id="TflFreProfileCard-heading" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; font-size: 2.4rem; font-weight: 700; height: 3rem; line-height: 1.33333; position: relative; text-align: center; width: 670px;">Welcome to Teams</div><div class="secondHeader app-font-title-2-regular" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; height: 2rem; line-height: 2rem; position: relative; text-align: center; width: 670px;">How would you like to appear on Teams?</div></div><div class="formFieldDiv CenterDiv" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; float: none; font-size: 17.5px; margin: 0px auto; position: relative; width: 402px;"><label class="formFieldTitle app-font-caption-regular" id="tfpcDisplayFirstNameLabel" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; display: inline-block; font-size: 1.2rem; line-height: 1.33333; margin-bottom: 0px; max-width: 100%; padding-left: 0px; padding-top: 2rem;">First name</label><div class="formFieldContainer" style="-webkit-font-smoothing: antialiased; background-color: #f0f0f0; box-sizing: inherit; display: flex; flex-direction: row;"><input acc-focus-default="" acc-role-dom="focus-default" aria-labelledby="tfpcDisplayFirstNameLabel" class="ng-pristine ng-valid ng-not-empty ng-touched" data-tid="TflFreProfileCardController-displayNameInputField" id="displayFirstName" name="displayFirstName" ng-change="tfpc.onFirstNameChanged()" ng-model="tfpc.userFirstName" ng-readonly="!tfpc.areNameFieldsEditable" sanitized="" style="-webkit-font-smoothing: antialiased; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 50%; background-repeat: initial; background-size: initial; border-bottom-color: transparent; border-bottom-style: solid; border-left-color: initial; border-left-style: initial; border-radius: 0.4rem; border-right-color: initial; border-right-style: initial; border-top-color: initial; border-top-style: initial; border-width: 0px 0px 0.2rem; box-sizing: inherit; font: inherit; margin: 0px; outline: 0px; padding: 0.6rem 3.2rem 0.4rem 1.2rem; width: 402px;" type="text" /></div><label class="errorLine" id="firstNameErrorLinePlaceholder" ng-if="!tfpc.showFirstNameError" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: inherit; color: #c4314b; display: inline-block; float: none; font-weight: 700; line-height: 2rem; margin-bottom: 0px; max-width: 100%; position: absolute;"></label></div><div class="formFieldDiv CenterDiv" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; float: none; font-size: 17.5px; margin: 0px auto; position: relative; width: 402px;"><label class="formFieldTitle app-font-caption-regular" id="tfpcDisplayLastNameLabel" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; display: inline-block; font-size: 1.2rem; line-height: 1.33333; margin-bottom: 0px; max-width: 100%; padding-left: 0px; padding-top: 2rem;">Last name</label><div class="formFieldContainer" style="-webkit-font-smoothing: antialiased; background-color: #f0f0f0; box-sizing: inherit; display: flex; flex-direction: row;"><input aria-labelledby="tfpcDisplayLastNameLabel" class="ng-pristine ng-untouched ng-valid ng-not-empty" data-tid="TflFreProfileCardController-displayNameInputField" id="displayLastName" ng-change="tfpc.onLastNameChanged()" ng-model="tfpc.userLastName" ng-readonly="!tfpc.areNameFieldsEditable" sanitized="" style="-webkit-font-smoothing: antialiased; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 50%; background-repeat: initial; background-size: initial; border-bottom-color: transparent; border-bottom-style: solid; border-left-color: initial; border-left-style: initial; border-radius: 0.4rem; border-right-color: initial; border-right-style: initial; border-top-color: initial; border-top-style: initial; border-width: 0px 0px 0.2rem; box-sizing: inherit; font: inherit; margin: 0px; outline: 0px; padding: 0.6rem 3.2rem 0.4rem 1.2rem; width: 402px;" type="text" /></div><label class="errorLine" id="lastNameErrorLineplaceholder" ng-if="!tfpc.showLastNameError" style="-webkit-font-smoothing: antialiased; background: 0px 0px; box-sizing: inherit; color: #c4314b; display: inline-block; float: none; font-weight: 700; line-height: 2rem; margin-bottom: 0px; max-width: 100%; position: absolute;"></label></div><div class="smallSpacer" style="-webkit-font-smoothing: antialiased; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; box-sizing: inherit; font-size: 17.5px; height: 1rem;"></div><div class="thirdHeader formFieldDiv CenterDiv" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; float: none; font-size: 17.5px; height: 6rem; line-height: 2rem; margin: 0px auto; position: relative; text-align: center; width: 402px;">People can search for you using these contact details. <span ng-if="::tfpc.showEmailVisibilityConsent" style="-webkit-font-smoothing: antialiased; box-sizing: inherit;">Only your email address will be visible on your profile card. </span><a class="LinkWithoutSvg" href="https://go.microsoft.com/fwlink/?linkid=2118576" style="-webkit-font-smoothing: antialiased; align-items: baseline; background-color: transparent; box-sizing: inherit; color: #5b5fc7; text-decoration-line: none;" target="”_blank”">Learn more.</a></div><div class="CenterDiv emailPhoneContainer" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; display: flex; float: none; font-size: 17.5px; margin: 0px auto; position: relative; width: 402px;"><div class="formFieldSpan" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; margin-top: 0.5rem; width: 201px;"><label class="formFieldTitle app-font-caption-regular" id="tfpcDisplayPhoneLabel" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; display: inline-block; font-size: 1.2rem; line-height: 1.33333; margin-bottom: 0px; max-width: 100%; padding-left: 0px; padding-top: 2rem;">Phone</label><div class="displayValueContainer" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; color: #5b5fc7; display: flex; line-height: 2rem; margin: 0.6rem 0.5rem 0.6rem 0px; text-align: center;"><label aria-labelledby="tfpcDisplayPhoneLabel" class="single-line-truncation" data-tid="TflFreProfileCardController-displayNameInputField" id="displayPhone" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; display: inline-block; font-weight: 700; margin-bottom: 0px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"></label><a aria-label="Visit your Microsoft account to manage your phone number." class="editLink" href="http://www.accounts.microsoft.com/" ng-mouseenter="tfpc.showTooltip($event, true)" ng-mouseleave="tfpc.clearToolTip(true)" style="-webkit-font-smoothing: antialiased; background-color: transparent; box-sizing: inherit; color: #5b5fc7; text-decoration-line: none;" target="”_blank”"><ng-include class="align5pxUp" src="'svg/icons-open-outside.html'" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; position: relative; top: -0.5rem;"><svg class="app-svg icons-open-outside" focusable="false" role="presentation" viewbox="-6 -6 32 32"><g class="icons-default-fill"><g class="icons-filled"><path clip-rule="evenodd" d="M12.7656 17C13.9792 17 14.9909 16.1352 15.218 14.9883C16.22 14.8797 17 14.0309 17 13V5C17 3.89543 16.1046 3 15 3H7C5.95818 3 5.1024 3.79659 5.00854 4.81392C3.86317 5.04224 3 6.05313 3 7.26562V13.5C3 15.433 4.567 17 6.5 17H12.7656ZM4 7.26562C4 6.61252 4.4174 6.0569 5 5.85098V13C5 14.1046 5.89543 15 7 15H14.1803C13.9744 15.5826 13.4187 16 12.7656 16H6.5C5.11929 16 4 14.8807 4 13.5V7.26562ZM9.51562 6C9.23948 6 9.01562 6.22386 9.01562 6.5C9.01562 6.77614 9.23948 7 9.51562 7H12.2929L8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L13 7.70711V10.4844C13 10.7605 13.2239 10.9844 13.5 10.9844C13.7761 10.9844 14 10.7605 14 10.4844V6.5C14 6.22386 13.7761 6 13.5 6H9.51562Z" fill-rule="evenodd"></path></g><g class="icons-unfilled"><path d="M9.51562 6C9.23948 6 9.01562 6.22386 9.01562 6.5C9.01562 6.77614 9.23948 7 9.51562 7H12.2929L8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L13 7.70711V10.4844C13 10.7605 13.2239 10.9844 13.5 10.9844C13.7761 10.9844 14 10.7605 14 10.4844V6.5C14 6.22386 13.7761 6 13.5 6H9.51562Z"></path><path clip-rule="evenodd" d="M12.7656 17C14.0136 17 15.0481 16.0855 15.2354 14.8901C16.2572 14.5761 17 13.6248 17 12.5V5.5C17 4.11929 15.8807 3 14.5 3H7.5C6.36321 3 5.40363 3.75875 5.10007 4.79744C3.90947 4.98887 3 6.02104 3 7.26562V13.5C3 15.433 4.567 17 6.5 17H12.7656ZM4 7.26562C4 6.61252 4.4174 6.0569 5 5.85098V12.5C5 13.8807 6.11929 15 7.5 15H14.1803C13.9744 15.5826 13.4187 16 12.7656 16H6.5C5.11929 16 4 14.8807 4 13.5V7.26562ZM7.5 4C6.67157 4 6 4.67157 6 5.5V12.5C6 13.3284 6.67157 14 7.5 14H14.5C15.3284 14 16 13.3284 16 12.5V5.5C16 4.67157 15.3284 4 14.5 4H7.5Z" fill-rule="evenodd"></path></g></g></svg></ng-include></a></div></div><div class="formFieldSpan" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; margin-top: 0.5rem; width: 201px;"><label class="formFieldTitle app-font-caption-regular" id="tfpcDisplayEmailLabel" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; display: inline-block; font-size: 1.2rem; line-height: 1.33333; margin-bottom: 0px; max-width: 100%; padding-left: 0px; padding-top: 2rem;">Email</label><div class="displayValueContainer" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; color: #5b5fc7; display: flex; line-height: 2rem; margin: 0.6rem 0.5rem 0.6rem 0px; text-align: center;"><label aria-labelledby="tfpcDisplayEmailLabel" class="single-line-truncation" data-tid="TflFreProfileCardController-displayNameInputField" id="displayEmail" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; display: inline-block; font-weight: 700; margin-bottom: 0px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">htaufikh.tea@outlook.co.id</label><a aria-label="Visit your Microsoft account to manage your email." class="editLink" href="http://www.accounts.microsoft.com/" ng-mouseenter="tfpc.showTooltip($event, false)" ng-mouseleave="tfpc.clearToolTip(false)" style="-webkit-font-smoothing: antialiased; background-color: transparent; box-sizing: inherit; color: #5b5fc7; text-decoration-line: none;" target="”_blank”"><ng-include class="align5pxUp" src="'svg/icons-open-outside.html'" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; position: relative; top: -0.5rem;"><svg class="app-svg icons-open-outside" focusable="false" role="presentation" viewbox="-6 -6 32 32"><g class="icons-default-fill"><g class="icons-filled"><path clip-rule="evenodd" d="M12.7656 17C13.9792 17 14.9909 16.1352 15.218 14.9883C16.22 14.8797 17 14.0309 17 13V5C17 3.89543 16.1046 3 15 3H7C5.95818 3 5.1024 3.79659 5.00854 4.81392C3.86317 5.04224 3 6.05313 3 7.26562V13.5C3 15.433 4.567 17 6.5 17H12.7656ZM4 7.26562C4 6.61252 4.4174 6.0569 5 5.85098V13C5 14.1046 5.89543 15 7 15H14.1803C13.9744 15.5826 13.4187 16 12.7656 16H6.5C5.11929 16 4 14.8807 4 13.5V7.26562ZM9.51562 6C9.23948 6 9.01562 6.22386 9.01562 6.5C9.01562 6.77614 9.23948 7 9.51562 7H12.2929L8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L13 7.70711V10.4844C13 10.7605 13.2239 10.9844 13.5 10.9844C13.7761 10.9844 14 10.7605 14 10.4844V6.5C14 6.22386 13.7761 6 13.5 6H9.51562Z" fill-rule="evenodd"></path></g><g class="icons-unfilled"><path d="M9.51562 6C9.23948 6 9.01562 6.22386 9.01562 6.5C9.01562 6.77614 9.23948 7 9.51562 7H12.2929L8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L13 7.70711V10.4844C13 10.7605 13.2239 10.9844 13.5 10.9844C13.7761 10.9844 14 10.7605 14 10.4844V6.5C14 6.22386 13.7761 6 13.5 6H9.51562Z"></path><path clip-rule="evenodd" d="M12.7656 17C14.0136 17 15.0481 16.0855 15.2354 14.8901C16.2572 14.5761 17 13.6248 17 12.5V5.5C17 4.11929 15.8807 3 14.5 3H7.5C6.36321 3 5.40363 3.75875 5.10007 4.79744C3.90947 4.98887 3 6.02104 3 7.26562V13.5C3 15.433 4.567 17 6.5 17H12.7656ZM4 7.26562C4 6.61252 4.4174 6.0569 5 5.85098V12.5C5 13.8807 6.11929 15 7.5 15H14.1803C13.9744 15.5826 13.4187 16 12.7656 16H6.5C5.11929 16 4 14.8807 4 13.5V7.26562ZM7.5 4C6.67157 4 6 4.67157 6 5.5V12.5C6 13.3284 6.67157 14 7.5 14H14.5C15.3284 14 16 13.3284 16 12.5V5.5C16 4.67157 15.3284 4 14.5 4H7.5Z" fill-rule="evenodd"></path></g></g></svg></ng-include></a></div></div></div><div class="dialogErrorLine" id="dialogErrorLine" style="-webkit-font-smoothing: antialiased; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; box-sizing: inherit; color: #c4314b; float: none; font-size: 17.5px; line-height: 2rem; position: absolute; text-align: center; z-index: 2;"></div><div class="largeSpacer" style="-webkit-font-smoothing: antialiased; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; box-sizing: inherit; font-size: 17.5px; height: 3rem;"></div><div class="linkAndButtonsSection" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; display: flex; font-size: 17.5px;"><div style="-webkit-font-smoothing: antialiased; box-sizing: inherit;"><a class="LinkWithSvg" href="https://support.microsoft.com/en-us/office/microsoft-teams-subscription-supplemental-notice-60cc09bf-b02a-4a26-8e4a-ad697194bebf" style="-webkit-font-smoothing: antialiased; align-items: center; background-color: transparent; box-sizing: inherit; color: #5b5fc7; display: flex; text-decoration-line: none;" target="”_blank”"><ng-include class="svg" src="'svg/icons-info.html'" style="-webkit-font-smoothing: antialiased; align-items: center; box-sizing: inherit; display: flex; text-align: center;"><svg class="app-svg icons-info" role="presentation" viewbox="-6 -6 32 32"><g class="icons-default-fill"><path class="icons-unfilled" d="M10.0488 2.04871C14.4671 2.04871 18.0488 5.63043 18.0488 10.0487C18.0488 14.467 14.4671 18.0487 10.0488 18.0487C5.63055 18.0487 2.04883 14.467 2.04883 10.0487C2.04883 5.63043 5.63055 2.04871 10.0488 2.04871ZM10.0488 3.04871C6.18283 3.04871 3.04883 6.18271 3.04883 10.0487C3.04883 13.9147 6.18283 17.0487 10.0488 17.0487C13.9148 17.0487 17.0488 13.9147 17.0488 10.0487C17.0488 6.18271 13.9148 3.04871 10.0488 3.04871ZM10.0001 8.49999C10.2456 8.49999 10.4497 8.67687 10.4921 8.91012L10.5001 8.99999V13.5021C10.5001 13.7783 10.2763 14.0021 10.0001 14.0021C9.75465 14.0021 9.55051 13.8253 9.50817 13.592L9.50011 13.5021V8.99999C9.50011 8.72385 9.72397 8.49999 10.0001 8.49999ZM10.0488 5.99999C10.463 5.99999 10.7988 6.33578 10.7988 6.74999C10.7988 7.16421 10.463 7.49999 10.0488 7.49999C9.63461 7.49999 9.29883 7.16421 9.29883 6.74999C9.29883 6.33578 9.63461 5.99999 10.0488 5.99999Z"></path></g></svg></ng-include>Terms of use</a></div><div class="logoutAndExitButton" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; display: inline-flex; margin-left: auto; position: relative;"><div class="logOutLink" style="-webkit-font-smoothing: antialiased; align-items: baseline; box-sizing: inherit; display: flex; margin: 0.6rem 1.5rem;"><a class="LinkWithoutSvg" ng-click="tfpc.logOut()" style="-webkit-font-smoothing: antialiased; align-items: baseline; background-color: transparent; box-sizing: inherit; color: #5b5fc7;">Use another account</a></div><button class="ts-btn ts-btn-fluent ts-btn-fluent-primary" ng-attr-title="{{::tfpc.okButtonText}}" ng-class="{'dark-mode': darkMode}" ng-click="tfpc.stampUserProfileAndCloseDialog()" ng-disabled="tfpc.isContinueButtonDisabled" role="button" style="-webkit-font-smoothing: antialiased; appearance: button; background: rgb(91, 95, 199); border-color: initial; border-radius: 0.4rem; border-style: initial; border-width: 0px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.2rem 0.4rem -0.075rem; box-sizing: inherit; color: white; cursor: pointer; font-family: inherit; font-size: 1.4rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 600; height: 3.2rem; line-height: inherit; margin: 0px; min-width: 9.6rem; overflow: visible; padding: 0px 2rem; position: relative; white-space: nowrap;" title="Continue">Continue</button><div><br /></div></div></div></div></div></div></div></div></div></div>