:host { --fill-color: #ffffff; --neutral-layer-1: #ffffff; --neutral-fill-layer-rest: #ffffff; --neutral-foreground-rest: #2b2b2b; --focus-stroke-outer: #878787; --neutral-foreground-hint: #757575; --neutral-stroke-rest: #bebebe; --neutral-stroke-hover: #979797; --neutral-stroke-active: #d5d5d5; --neutral-stroke-focus: #bebebe; --neutral-stroke-divider-rest: #eaeaea; --accent-foreground-rest: #0078d4; --accent-foreground-hover: #0066b4; --accent-foreground-active: #1181d7; --accent-foreground-focus: #0078d4; --accent-fill-rest: #0078d4; --accent-fill-hover: #006cbe; --accent-fill-active: #1683d8; --accent-fill-focus: #0078d4; --neutral-fill-rest: #ededed; --neutral-fill-hover: #e5e5e5; --neutral-fill-active: #f2f2f2; --neutral-fill-focus: #ffffff; --foreground-on-accent-rest: #ffffff; --foreground-on-accent-hover: #ffffff; --foreground-on-accent-active: #000000; --foreground-on-accent-focus: #ffffff; --focus-stroke-inner: #fbfdfe; --neutral-fill-stealth-rest: #ffffff; --neutral-fill-stealth-hover: #f2f2f2; --neutral-fill-stealth-active: #f7f7f7; --neutral-fill-stealth-focus: #ffffff; --neutral-layer-floating: #ffffff; --neutral-stroke-strong-rest: #949494; --neutral-stroke-strong-hover: #2e2e2e; --neutral-stroke-strong-active: #6b6b6b; --neutral-stroke-strong-focus: #545454; --neutral-fill-input-rest: #ffffff; --neutral-fill-input-hover: #ffffff; --neutral-fill-input-active: #ffffff; --neutral-fill-input-focus: #ffffff; --tree-item-expand-collapse-hover: #e5e5e5; --tree-item-expand-collapse-selected-hover: #e0e0e0; --neutral-fill-inverse-rest: #242424; --neutral-fill-inverse-hover: #2b2b2b; --neutral-fill-inverse-active: #101010; --neutral-fill-inverse-focus: #242424; --card-stroke-color: rgba(0, 0, 0, 0.0578); --neutral-layer-card-container: #f7f7f7; --neutral-fill-strong-rest: #757575; --neutral-fill-strong-hover: #616161; --neutral-fill-strong-active: #828282; --neutral-fill-strong-focus: #757575; --base-layer-luminance: 1; --direction: ltr; --neutral-fill-secondary-rest: #f7f7f7; --neutral-fill-secondary-hover: #fafafa; --neutral-fill-secondary-active: #fcfcfc; --neutral-fill-secondary-focus: #f7f7f7; --neutral-foreground-hint-on-bubble-on-rest: #757575; --neutral-layer-card: #ffffff; --neutral-fill-bubble-rest: #efefef; --neutral-fill-bubble-hover: #e8e8e8; } :root { --direction: ltr; --base-layer-luminance: 1; --neutral-layer-1: #ffffff; --fill-color: #ffffff; --neutral-fill-layer-rest-delta: 3; --neutral-fill-layer-rest: #ffffff; --neutral-foreground-rest: #2b2b2b; --control-corner-radius: 4; --layer-corner-radius: 4; --body-font: Segoe UI, Segoe UI Midlevel, sans-serif; --type-ramp-base-font-size: 14px; --type-ramp-base-line-height: 20px; --focus-stroke-outer: #878787; --type-ramp-minus-1-font-size: 12px; --type-ramp-minus-1-line-height: 16px; --neutral-foreground-hint: #757575; --base-height-multiplier: 8; --base-horizontal-spacing-multiplier: 3; --density: 0; --design-unit: 4; --type-ramp-plus-1-font-size: 16px; --type-ramp-plus-1-line-height: 22px; --stroke-width: 1; --focus-stroke-width: 2; --disabled-opacity: 0.3; --type-ramp-minus-2-font-size: 10px; --type-ramp-minus-2-line-height: 14px; --type-ramp-plus-2-font-size: 20px; --type-ramp-plus-2-line-height: 28px; --type-ramp-plus-3-font-size: 24px; --type-ramp-plus-3-line-height: 32px; --type-ramp-plus-4-font-size: 28px; --type-ramp-plus-4-line-height: 36px; --type-ramp-plus-5-font-size: 32px; --type-ramp-plus-5-line-height: 40px; --type-ramp-plus-6-font-size: 40px; --type-ramp-plus-6-line-height: 52px; --accent-fill-rest-delta: 0; --accent-fill-hover-delta: 4; --accent-fill-active-delta: -5; --accent-fill-focus-delta: 0; --accent-foreground-rest-delta: 0; --accent-foreground-hover-delta: 6; --accent-foreground-active-delta: -4; --accent-foreground-focus-delta: 0; --neutral-fill-rest-delta: 7; --neutral-fill-hover-delta: 10; --neutral-fill-active-delta: 5; --neutral-fill-focus-delta: 0; --neutral-fill-input-rest-delta: 0; --neutral-fill-input-hover-delta: 0; --neutral-fill-input-active-delta: 0; --neutral-fill-input-focus-delta: 0; --neutral-fill-stealth-rest-delta: 0; --neutral-fill-stealth-hover-delta: 5; --neutral-fill-stealth-active-delta: 3; --neutral-fill-stealth-focus-delta: 0; --neutral-fill-strong-rest-delta: 0; --neutral-fill-strong-hover-delta: 8; --neutral-fill-strong-active-delta: -5; --neutral-fill-strong-focus-delta: 0; --neutral-stroke-divider-rest-delta: 8; --neutral-stroke-rest-delta: 25; --neutral-stroke-hover-delta: 40; --neutral-stroke-active-delta: 16; --neutral-stroke-focus-delta: 25; --accent-foreground-rest: #0078d4; --accent-foreground-hover: #0066b4; --accent-foreground-active: #1181d7; --accent-foreground-focus: #0078d4; --accent-fill-rest: #0078d4; --accent-fill-hover: #006cbe; --accent-fill-active: #1683d8; --accent-fill-focus: #0078d4; --neutral-fill-rest: #ededed; --neutral-fill-hover: #e5e5e5; --neutral-fill-active: #f2f2f2; --neutral-fill-focus: #ffffff; --neutral-stroke-rest: #bebebe; --neutral-stroke-hover: #979797; --neutral-stroke-active: #d5d5d5; --neutral-stroke-focus: #bebebe; --neutral-stroke-divider-rest: #eaeaea; --foreground-on-accent-rest: #ffffff; --foreground-on-accent-hover: #ffffff; --foreground-on-accent-active: #000000; --foreground-on-accent-focus: #ffffff; --focus-stroke-inner: #fbfdfe; --neutral-fill-stealth-rest: #ffffff; --neutral-fill-stealth-hover: #f2f2f2; --neutral-fill-stealth-active: #f7f7f7; --neutral-fill-stealth-focus: #ffffff; --neutral-layer-floating: #ffffff; --neutral-stroke-strong-hover-delta: 40; --neutral-stroke-strong-active-delta: 16; --neutral-stroke-strong-focus-delta: 25; --neutral-stroke-strong-rest: #949494; --neutral-stroke-strong-hover: #2e2e2e; --neutral-stroke-strong-active: #6b6b6b; --neutral-stroke-strong-focus: #545454; --neutral-fill-input-rest: #ffffff; --neutral-fill-input-hover: #ffffff; --neutral-fill-input-active: #ffffff; --neutral-fill-input-focus: #ffffff; --neutral-layer-card-container: #f7f7f7; --neutral-fill-strong-rest: #757575; --neutral-fill-strong-hover: #616161; --neutral-fill-strong-active: #828282; --neutral-fill-strong-focus: #757575; --tree-item-expand-collapse-hover: #e5e5e5; --tree-item-expand-collapse-selected-hover: #e0e0e0; --neutral-fill-inverse-rest-delta: 0; --neutral-fill-inverse-hover-delta: -3; --neutral-fill-inverse-active-delta: 7; --neutral-fill-inverse-focus-delta: 0; --neutral-fill-inverse-rest: #242424; --neutral-fill-inverse-hover: #2b2b2b; --neutral-fill-inverse-active: #101010; --neutral-fill-inverse-focus: #242424; --card-base-height: 146; --card-base-width: 300; --card-base-gap: 14; --card-stroke-color: rgba(0, 0, 0, 0.0578); --sloppy-click-z-index: 1; --click-z-index: 1; --neutral-fill-secondary-rest: #f7f7f7; --neutral-fill-secondary-hover: #fafafa; --neutral-fill-secondary-active: #fcfcfc; --neutral-fill-secondary-focus: #f7f7f7; --gradient-white-fill: linear-gradient(160deg, rgba(237, 237, 237, 0.8), rgba(237, 237, 237, 1)), #ffffff; --gradient-background-fill: linear-gradient(160deg, rgba(237, 237, 237, 0), rgba(237, 237, 237, 1)); --neutral-fill-bubble-on-rest: #fafafa; --neutral-foreground-hint-on-bubble-on-rest: #757575; --neutral-layer-card: #ffffff; --neutral-fill-bubble-rest-delta: 6; --neutral-fill-bubble-hover-delta: 9; --neutral-fill-bubble-rest: #efefef; --neutral-fill-bubble-hover: #e8e8e8; } :host { --fill-color: #ffffff; --neutral-layer-1: #ffffff; --neutral-fill-layer-rest: #ffffff; --neutral-foreground-rest: #2b2b2b; --focus-stroke-outer: #878787; --neutral-foreground-hint: #757575; --neutral-stroke-rest: #bebebe; --neutral-stroke-hover: #979797; --neutral-stroke-active: #d5d5d5; --neutral-stroke-focus: #bebebe; --neutral-stroke-divider-rest: #eaeaea; --accent-foreground-rest: #0078d4; --accent-foreground-hover: #0066b4; --accent-foreground-active: #1181d7; --accent-foreground-focus: #0078d4; --accent-fill-rest: #0078d4; --accent-fill-hover: #006cbe; --accent-fill-active: #1683d8; --accent-fill-focus: #0078d4; --neutral-fill-rest: #ededed; --neutral-fill-hover: #e5e5e5; --neutral-fill-active: #f2f2f2; --neutral-fill-focus: #ffffff; --foreground-on-accent-rest: #ffffff; --foreground-on-accent-hover: #ffffff; --foreground-on-accent-active: #000000; --foreground-on-accent-focus: #ffffff; --focus-stroke-inner: #fbfdfe; --neutral-fill-stealth-rest: #ffffff; --neutral-fill-stealth-hover: #f2f2f2; --neutral-fill-stealth-active: #f7f7f7; --neutral-fill-stealth-focus: #ffffff; --neutral-layer-floating: #ffffff; --neutral-stroke-strong-rest: #949494; --neutral-stroke-strong-hover: #2e2e2e; --neutral-stroke-strong-active: #6b6b6b; --neutral-stroke-strong-focus: #545454; --neutral-fill-input-rest: #ffffff; --neutral-fill-input-hover: #ffffff; --neutral-fill-input-active: #ffffff; --neutral-fill-input-focus: #ffffff; --tree-item-expand-collapse-hover: #e5e5e5; --tree-item-expand-collapse-selected-hover: #e0e0e0; --neutral-fill-inverse-rest: #242424; --neutral-fill-inverse-hover: #2b2b2b; --neutral-fill-inverse-active: #101010; --neutral-fill-inverse-focus: #242424; --card-stroke-color: rgba(0, 0, 0, 0.0578); --neutral-layer-card-container: #f7f7f7; --neutral-fill-strong-rest: #757575; --neutral-fill-strong-hover: #616161; --neutral-fill-strong-active: #828282; --neutral-fill-strong-focus: #757575; --base-layer-luminance: 1; --direction: ltr; --neutral-fill-secondary-rest: #f7f7f7; --neutral-fill-secondary-hover: #fafafa; --neutral-fill-secondary-active: #fcfcfc; --neutral-fill-secondary-focus: #f7f7f7; --neutral-foreground-hint-on-bubble-on-rest: #757575; --neutral-layer-card: #ffffff; --neutral-fill-bubble-rest: #efefef; --neutral-fill-bubble-hover: #e8e8e8; } button { appearance: auto; text-rendering: auto; letter-spacing: normal; word-spacing: normal; line-height: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: center; align-items: flex-start; cursor: default; box-sizing: border-box; margin: 0em; padding-block: 1px; padding-inline: 6px; border-width: 2px; border-style: outset; border-image: initial; } body { font-family: 'Segoe UI', Arial, sans-serif; margin: 0; padding: 0; background-color: #ffffff; } .header { background-color: #fff; padding: 10px 20px; align-items: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; position: fixed; top: 0px; z-index: 99; } .top-container { align-items: center; display: grid; grid-column: 1; grid-gap: 10px; padding: 10px 0; margin: 0 24px; justify-content: space-between; } @media (min-width: 956px) { .top-container { grid-row: 1; grid-template: auto / repeat(3, 1fr); } } @media (max-width: 643px){ .top-container { grid-row: 1; grid-template: repeat(2, auto) / repeat(3, 1fr); width: inherit; }} .logo { cursor: pointer; grid-row: 1; grid-column: 1; width: fit-content; } .microsoftStartLogo { width: 133px; height: 20px; background: url(https://assets.msn.com/staticsb/statics/latest/icons-wc/icons/MicrosoftStartLogo_light.svg) no-repeat center; } @media (min-width: 956px) { .search-container { grid-row: 1; grid-column: 1 / 4; } } .search-container { height: 46px; justify-self: center; } .core { display: flex; height: 100%; --search-box-radius: 22px; user-select: none; --elevation: 4; border-radius: var(--search-box-radius); transition: none 0s ease 0s; position: relative; background: var(--neutral-layer-floating); font-family: var(--body-font); box-shadow: 0 0 calc((var(--elevation)* 0.225px) + 2px) rgba(0, 0, 0, calc(.11 * (2 - 1))), 0 calc(var(--elevation)* 0.4px) calc((var(--elevation)* 0.9px)) rgba(0, 0, 0, calc(.13 * (2 - 1))); } @media (min-width: 1268px) { .core { width: 760px; } } .core.search-btn-on-left #q { padding-inline-start: 6px; } .core #q:placeholder-shown { text-overflow: ellipsis; } .core #q { appearance: none; outline: none; background: transparent; margin-top: auto; margin-bottom: auto; border: none; padding: calc(var(--design-unit)* 2px + 2px) 12px calc(var(--design-unit)* 2px + 2px) 12px; color: var(--neutral-foreground-rest); font-size: 16px; font-weight: 400; line-height: 24px; width: 100%; font-family: inherit; flex: 1 1 0%; padding-inline-start: 16px; } .core.search-btn-on-left>svg { fill: var(--neutral-foreground-hint); } .user-pref-container { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; grid-area: 1 / 3; justify-self: end; min-height: 48px; gap: 0px; } .control { background: transparent; height: inherit; flex-grow: 1; box-sizing: border-box; display: inline-flex; justify-content: center; align-items: center; padding: 0 calc((10 +(var(--design-unit)* 2* var(--density)))* 1px); white-space: nowrap; outline: none; text-decoration: none; border: calc(var(--stroke-width)* 1px) solid transparent; color: inherit; border-radius: inherit; fill: inherit; cursor: inherit; font-family: inherit; } .app-download-button { background-color: transparent; height: 40px; width: 40px; border-radius: 4px; transition-property: background, border, color; transition-duration: 100ms; transition-timing-function: cubic-bezier(0.33, 0, 0.67, 1); } .rewards-button { background-color: transparent; min-width: 40px; width: max-content; height: 40px; margin-top: 0px; border-radius: 4px; transition-property: background, border, color; transition-duration: 100ms; transition-timing-function: cubic-bezier(0.33, 0, 0.67, 1); } .notification-bell { height: 40px; min-width: 40px; width: 40px; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center; border-radius: 4px; background: transparent; transition-property: background, border, color; transition-duration: 100ms; transition-timing-function: cubic-bezier(0.33, 0, 0.67, 1); } .settings-button { align-items: center; display: flex; height: 40px; width: 40px; justify-content: center; background-color: transparent; border-radius: 4px; transition-property: background, border, color; transition-duration: 100ms; transition-timing-function: cubic-bezier(0.33, 0, 0.67, 1); } :host(.phoenix) .align-sign-in button#mectrl_main_trigger { border-radius: 4px; height: 38px; box-sizing: border-box; padding-top: 8px; padding-bottom: 8px; min-width: 80px; overflow: hidden; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(0, 0, 0, 0.18); color: rgba(0, 0, 0, 0.74); -webkit-text-fill-color: rgba(0, 0, 0, 0.74); } :host(.phoenix) .align-sign-in.sign-in-button-avatar { border-radius: 0px; border: 0px; height: auto; min-width: auto; } :host(.phoenix) .sign-in-button-avatar { margin-inline-start: 8px; } .align-sign-in.sign-in-button-avatar { background-color: transparent; border: 1px solid var(--neutral-stroke-rest); border-radius: 20px; height: 28px; position: relative; min-width: 80px; display: flex; justify-content: center; align-items: center; overflow: hidden; } .mectrl_root, .mectrl_root div { font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, sans-serif; line-height: normal; } :host(.phoenix) .align-sign-in button#mectrl_main_trigger { border-radius: 4px; height: 38px; box-sizing: border-box; padding-top: 8px; padding-bottom: 8px; min-width: 80px; overflow: hidden; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(0, 0, 0, 0.18); color: rgba(0, 0, 0, 0.74); -webkit-text-fill-color: rgba(0, 0, 0, 0.74); } .mectrl_resetStyle, a.mectrl_resetStyle, button.mectrl_resetStyle { height: auto; min-width: auto; min-height: auto; border-style: none; border-width: 0; padding: 0; margin: 0; outline-style: none !important; background-color: transparent; text-decoration: none; text-align: left; font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, sans-serif; cursor: pointer; } .mectrl_resetStyle, a.mectrl_resetStyle, button.mectrl_resetStyle { height: auto; min-width: auto; min-height: auto; border-style: none; border-width: 0; padding: 0; margin: 0; outline-style: none !important; background-color: transparent; text-decoration: none; text-align: left; font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, sans-serif; cursor: pointer } .mectrl_dropdown { position: relative } .mectrl_dropdownbody { position: absolute; right: 0; z-index: 1000000; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 120ms, opacity 120ms ease; transition: visibility 0s linear 120ms, opacity 120ms ease } .mectrl_dropdownbody.expanded { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s } .mectrl_focus_visible :focus { outline-style: solid !important; outline-color: #666 !important; outline-width: 2px !important; outline-offset: -2px !important } .mectrl_focus_visible.mectrl_theme_dark :focus, .mectrl_focus_visible.mectrl_theme_gray :focus, .mectrl_focus_visible.mectrl_theme_off_black :focus { outline-style: solid !important; outline-color: #fff !important; outline-width: 2px !important; outline-offset: -2px !important } .mectrl_focus_visible.mectrl_theme_dark_header .mectrl_mainDropdown #mectrl_main_trigger:focus, .mectrl_focus_visible.mectrl_theme_gray_header .mectrl_mainDropdown #mectrl_main_trigger:focus, .mectrl_focus_visible.mectrl_theme_off_black_header .mectrl_mainDropdown #mectrl_main_trigger:focus { outline-style: solid !important; outline-color: #fff !important; outline-width: 2px !important; outline-offset: -2px !important } .mectrl_focus_visible.mectrl_theme_light_header .mectrl_mainDropdown #mectrl_main_trigger:focus { outline-style: solid !important; outline-color: #666 !important; outline-width: 2px !important; outline-offset: -2px !important } .mectrl_glyph { overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat } .glyph_more { width: 24px; height: 24px } .glyph_text { clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute } .mectrl_signIn_circle_glyph { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23707070'%3E%3Cg class='mectrl_stroke' stroke-width='1.9' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25'/%3E%3Cg transform='matrix(1.1 0 0 1.1 8.8 5.61)'%3E%3Ccircle class='mectrl_stroke' cx='20' cy='16' r='7'/%3E%3Cpath class='mectrl_stroke' d='M30 35h10m-5-5v10M30.833 32.09A11 11 0 009 34'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .glyph_aadAccount_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23707070' stroke='%23707070'%3E%3Ccircle class='mectrl_stroke' cx='32' cy='32' r='30.25' stroke-width='1.5' fill='none'/%3E%3Cg class='mectrl_stroke' fill='none' stroke-width='2.5' transform='matrix(.9 0 0 .9 10.4 10.4)'%3E%3Crect x='13.3' y='12.3' width='21.4' height='28.5' rx='.6' ry='.6'/%3E%3Ccircle cy='25.4' cx='24' r='3.6'/%3E%3Cpath d='M18 35a1 1 0 1112 0'/%3E%3C/g%3E%3Cg class='mectrl_fill' stroke='none'%3E%3Cpath d='M36.68 14h2.34l-3.24 6.75h-2.43zM24.89 14h2.43l5.58 11.25a1.046 1.046 0 01-1.791 1.08l-.549-1.08z'/%3E%3C/g%3E%3C/svg%3E") } .glyph_account_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23707070'%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25' stroke-width='1.5'/%3E%3Cg transform='matrix(.9 0 0 .9 10.431 10.431)' stroke-width='2'%3E%3Ccircle cx='24.25' cy='18' r='9'/%3E%3Cpath d='M11.2 40a1 1 0 1126.1 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .glyph_msft { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='23'%3E%3Cpath d='M44.836 4.6v13.8h-2.4V7.583H42.4L38.119 18.4h-1.588L32.142 7.583h-.028V18.4H29.9V4.6h3.436L37.3 14.83h.057L41.545 4.6zm2 1.049a1.268 1.268 0 01.419-.967 1.411 1.411 0 011-.39 1.392 1.392 0 011.02.4 1.3 1.3 0 01.405.957 1.249 1.249 0 01-.414.953 1.428 1.428 0 01-1.011.385A1.4 1.4 0 0147.25 6.6a1.263 1.263 0 01-.41-.949M49.41 18.4h-2.329V8.507h2.329zm7.064-1.694a3.225 3.225 0 001.145-.24 4.808 4.808 0 001.155-.636V18a4.659 4.659 0 01-1.266.481 6.9 6.9 0 01-1.554.163 4.707 4.707 0 01-4.918-4.907 5.644 5.644 0 011.4-3.932 5.054 5.054 0 013.955-1.545 5.42 5.42 0 011.324.169 4.4 4.4 0 011.063.39v2.232a4.73 4.73 0 00-1.1-.611 3.187 3.187 0 00-1.15-.217 2.918 2.918 0 00-2.223.9 3.366 3.366 0 00-.847 2.415 3.217 3.217 0 00.813 2.339 2.938 2.938 0 002.209.837m8.931-8.363a2.892 2.892 0 01.5.039 2.025 2.025 0 01.376.1v2.357a2.075 2.075 0 00-.535-.255 2.649 2.649 0 00-.851-.12 1.811 1.811 0 00-1.449.722 3.47 3.47 0 00-.592 2.223V18.4h-2.335V8.507h2.329v1.559h.039a2.731 2.731 0 01.962-1.266 2.615 2.615 0 011.55-.457m1 5.254a5.355 5.355 0 011.387-3.887 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.53 3.53 0 00.7 2.367 2.5 2.5 0 002.011.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.39 2.39 0 00-1.929-.813 2.441 2.441 0 00-1.988.852 3.707 3.707 0 00-.707 2.43m11.2-2.416a1 1 0 00.317.785 5.431 5.431 0 001.405.716 4.768 4.768 0 011.959 1.256 2.608 2.608 0 01.563 1.689 2.718 2.718 0 01-1.073 2.243 4.565 4.565 0 01-2.9.846 6.962 6.962 0 01-1.362-.149 6.036 6.036 0 01-1.265-.38v-2.29a5.74 5.74 0 001.367.7 4.009 4.009 0 001.328.26 2.37 2.37 0 001.164-.221.792.792 0 00.375-.741 1.027 1.027 0 00-.389-.813 5.772 5.772 0 00-1.478-.766 4.56 4.56 0 01-1.828-1.212 2.657 2.657 0 01-.539-1.713 2.706 2.706 0 011.063-2.2 4.245 4.245 0 012.764-.862 6.669 6.669 0 011.164.116 5.131 5.131 0 011.078.3v2.214a4.943 4.943 0 00-1.078-.53 3.61 3.61 0 00-1.222-.221 1.776 1.776 0 00-1.035.26.822.822 0 00-.37.712m5.241 2.493a5.355 5.355 0 011.386-3.89 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.535 3.535 0 00.7 2.367 2.506 2.506 0 002.012.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.391 2.391 0 00-1.93-.813 2.44 2.44 0 00-1.987.852 3.707 3.707 0 00-.707 2.43m15.464-3.109H99.7V18.4h-2.359v-7.988h-1.655V8.507h1.655V7.13a3.425 3.425 0 011.016-2.555 3.56 3.56 0 012.6-1 5.949 5.949 0 01.751.043 3.025 3.025 0 01.577.13v2.016a2.381 2.381 0 00-.4-.164 2.106 2.106 0 00-.664-.1 1.405 1.405 0 00-1.126.457 2.015 2.015 0 00-.395 1.356v1.194h3.469V6.283l2.338-.712v2.936h2.358v1.905h-2.358v4.629a1.954 1.954 0 00.332 1.29 1.329 1.329 0 001.045.375 1.569 1.569 0 00.486-.1 2.271 2.271 0 00.5-.231V18.3a2.765 2.765 0 01-.736.231 5.072 5.072 0 01-1.015.105 2.889 2.889 0 01-2.209-.784 3.341 3.341 0 01-.736-2.363z' fill='%23737373'/%3E%3Cpath fill='%23f25022' d='M0 0h10.931v10.931H0z'/%3E%3Cpath fill='%237fba00' d='M12.069 0H23v10.931H12.069z'/%3E%3Cpath fill='%2300a4ef' d='M0 12.069h10.931V23H0z'/%3E%3Cpath fill='%23ffb900' d='M12.069 12.069H23V23H12.069z'/%3E%3C/svg%3E") } .glyph_more { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23707070'%3E%3Cg class='mectrl_fill'%3E%3Ccircle r='2' cx='12' cy='24'/%3E%3Ccircle r='2' cx='24' cy='24'/%3E%3Ccircle r='2' cx='36' cy='24'/%3E%3C/g%3E%3C/svg%3E") } .glyph_chevron { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 3 16 10' fill='%23231F20'%3E%3Cg class='mectrl_fill'%3E%3Cpath d='M15.284 3.642l.716.716-8 8-8-8 .716-.716L8 10.926z'/%3E%3C/g%3E%3C/svg%3E") } .glyph_authApp_icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 5a18.454 18.454 0 016 1v1c0 .984-.143 1.935-.43 2.852-.286.916-.69 1.768-1.21 2.554A9.725 9.725 0 016 16a9.595 9.595 0 01-2.46-1.484 9.65 9.65 0 01-1.892-2.102A10.245 10.245 0 01.43 9.867 9.113 9.113 0 010 7.023c0-.067.005-.145.016-.234l.03-.273c.011-.094.024-.185.04-.274A7.54 7.54 0 00.125 6c.964-.333 1.93-.583 2.898-.75C3.993 5.083 4.984 5 6 5zm2 7v-.25c0-.213-.031-.42-.094-.617a1.818 1.818 0 00-.28-.547 2.283 2.283 0 00-.43-.438 1.812 1.812 0 00-.555-.289c.265-.125.474-.31.625-.554.15-.245.229-.513.234-.805a1.505 1.505 0 00-.914-1.383A1.471 1.471 0 006 7a1.505 1.505 0 00-1.383.914A1.472 1.472 0 004.5 8.5c0 .292.076.56.227.805.15.244.362.43.632.554a1.94 1.94 0 00-.554.29c-.167.124-.31.27-.43.437-.12.167-.21.349-.273.547A2.219 2.219 0 004 11.75V12h4zM6 1.5c-.344 0-.667.065-.969.195-.302.13-.567.308-.797.532A2.477 2.477 0 003.5 4L2 4.25V4a3.948 3.948 0 011.172-2.82C3.537.82 3.96.534 4.445.32A3.81 3.81 0 016 0a3.948 3.948 0 012.82 1.172c.36.364.646.789.86 1.273A3.81 3.81 0 0110 4v.25L8.5 4c0-.344-.065-.667-.195-.969a2.603 2.603 0 00-.532-.797A2.477 2.477 0 006 1.5z' fill='%23000'/%3E%3C/svg%3E") } .glyph_authApp_close { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.453 5L10 9.552 9.552 10 5 5.453.448 10 0 9.552 4.547 5 0 .448.448 0 5 4.547 9.552 0 10 .448 5.453 5z' fill='%23323130'/%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_msft, .mectrl_theme_azure_hcdark .glyph_msft, .mectrl_theme_dark .glyph_msft, .mectrl_theme_gray .glyph_msft, .mectrl_theme_off_black .glyph_msft { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='23'%3E%3Cpath d='M44.836 4.6v13.8h-2.4V7.583H42.4L38.119 18.4h-1.588L32.142 7.583h-.028V18.4H29.9V4.6h3.436L37.3 14.83h.057L41.545 4.6zm2 1.049a1.268 1.268 0 01.419-.967 1.411 1.411 0 011-.39 1.392 1.392 0 011.02.4 1.3 1.3 0 01.405.957 1.249 1.249 0 01-.414.953 1.428 1.428 0 01-1.011.385A1.4 1.4 0 0147.25 6.6a1.263 1.263 0 01-.41-.949M49.41 18.4h-2.329V8.507h2.329zm7.064-1.694a3.225 3.225 0 001.145-.24 4.808 4.808 0 001.155-.636V18a4.659 4.659 0 01-1.266.481 6.9 6.9 0 01-1.554.163 4.707 4.707 0 01-4.918-4.907 5.644 5.644 0 011.4-3.932 5.054 5.054 0 013.955-1.545 5.42 5.42 0 011.324.169 4.4 4.4 0 011.063.39v2.232a4.73 4.73 0 00-1.1-.611 3.187 3.187 0 00-1.15-.217 2.918 2.918 0 00-2.223.9 3.366 3.366 0 00-.847 2.415 3.217 3.217 0 00.813 2.339 2.938 2.938 0 002.209.837m8.931-8.363a2.892 2.892 0 01.5.039 2.025 2.025 0 01.376.1v2.357a2.075 2.075 0 00-.535-.255 2.649 2.649 0 00-.851-.12 1.811 1.811 0 00-1.449.722 3.47 3.47 0 00-.592 2.223V18.4h-2.335V8.507h2.329v1.559h.039a2.731 2.731 0 01.962-1.266 2.615 2.615 0 011.55-.457m1 5.254a5.355 5.355 0 011.387-3.887 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.53 3.53 0 00.7 2.367 2.5 2.5 0 002.011.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.39 2.39 0 00-1.929-.813 2.441 2.441 0 00-1.988.852 3.707 3.707 0 00-.707 2.43m11.2-2.416a1 1 0 00.317.785 5.431 5.431 0 001.405.716 4.768 4.768 0 011.959 1.256 2.608 2.608 0 01.563 1.689 2.718 2.718 0 01-1.073 2.243 4.565 4.565 0 01-2.9.846 6.962 6.962 0 01-1.362-.149 6.036 6.036 0 01-1.265-.38v-2.29a5.74 5.74 0 001.367.7 4.009 4.009 0 001.328.26 2.37 2.37 0 001.164-.221.792.792 0 00.375-.741 1.027 1.027 0 00-.389-.813 5.772 5.772 0 00-1.478-.766 4.56 4.56 0 01-1.828-1.212 2.657 2.657 0 01-.539-1.713 2.706 2.706 0 011.063-2.2 4.245 4.245 0 012.764-.862 6.669 6.669 0 011.164.116 5.131 5.131 0 011.078.3v2.214a4.943 4.943 0 00-1.078-.53 3.61 3.61 0 00-1.222-.221 1.776 1.776 0 00-1.035.26.822.822 0 00-.37.712m5.241 2.493a5.355 5.355 0 011.386-3.89 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.535 3.535 0 00.7 2.367 2.506 2.506 0 002.012.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.391 2.391 0 00-1.93-.813 2.44 2.44 0 00-1.987.852 3.707 3.707 0 00-.707 2.43m15.464-3.109H99.7V18.4h-2.359v-7.988h-1.655V8.507h1.655V7.13a3.425 3.425 0 011.016-2.555 3.56 3.56 0 012.6-1 5.949 5.949 0 01.751.043 3.025 3.025 0 01.577.13v2.016a2.381 2.381 0 00-.4-.164 2.106 2.106 0 00-.664-.1 1.405 1.405 0 00-1.126.457 2.015 2.015 0 00-.395 1.356v1.194h3.469V6.283l2.338-.712v2.936h2.358v1.905h-2.358v4.629a1.954 1.954 0 00.332 1.29 1.329 1.329 0 001.045.375 1.569 1.569 0 00.486-.1 2.271 2.271 0 00.5-.231V18.3a2.765 2.765 0 01-.736.231 5.072 5.072 0 01-1.015.105 2.889 2.889 0 01-2.209-.784 3.341 3.341 0 01-.736-2.363z' fill='%23fff'/%3E%3Cpath fill='%23f25022' d='M0 0h10.931v10.931H0z'/%3E%3Cpath fill='%237fba00' d='M12.069 0H23v10.931H12.069z'/%3E%3Cpath fill='%2300a4ef' d='M0 12.069h10.931V23H0z'/%3E%3Cpath fill='%23ffb900' d='M12.069 12.069H23V23H12.069z'/%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .mectrl_signIn_circle_glyph, .mectrl_theme_azure_hcdark .mectrl_signIn_circle_glyph, .mectrl_theme_dark .mectrl_signIn_circle_glyph, .mectrl_theme_gray .mectrl_signIn_circle_glyph, .mectrl_theme_off_black .mectrl_signIn_circle_glyph { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23fff'%3E%3Cg class='mectrl_stroke' stroke-width='1.9' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25'/%3E%3Cg transform='matrix(1.1 0 0 1.1 8.8 5.61)'%3E%3Ccircle class='mectrl_stroke' cx='20' cy='16' r='7'/%3E%3Cpath class='mectrl_stroke' d='M30 35h10m-5-5v10M30.833 32.09A11 11 0 009 34'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_aadAccount_circle, .mectrl_theme_azure_hcdark .glyph_aadAccount_circle, .mectrl_theme_dark .glyph_aadAccount_circle, .mectrl_theme_gray .glyph_aadAccount_circle, .mectrl_theme_off_black .glyph_aadAccount_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23fff' stroke='%23fff'%3E%3Ccircle class='mectrl_stroke' cx='32' cy='32' r='30.25' stroke-width='1.5' fill='none'/%3E%3Cg class='mectrl_stroke' fill='none' stroke-width='2.5' transform='matrix(.9 0 0 .9 10.4 10.4)'%3E%3Crect x='13.3' y='12.3' width='21.4' height='28.5' rx='.6' ry='.6'/%3E%3Ccircle cy='25.4' cx='24' r='3.6'/%3E%3Cpath d='M18 35a1 1 0 1112 0'/%3E%3C/g%3E%3Cg class='mectrl_fill' stroke='none'%3E%3Cpath d='M36.68 14h2.34l-3.24 6.75h-2.43zM24.89 14h2.43l5.58 11.25a1.046 1.046 0 01-1.791 1.08l-.549-1.08z'/%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_account_circle, .mectrl_theme_azure_hcdark .glyph_account_circle, .mectrl_theme_dark .glyph_account_circle, .mectrl_theme_gray .glyph_account_circle, .mectrl_theme_off_black .glyph_account_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23fff'%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25' stroke-width='1.5'/%3E%3Cg transform='matrix(.9 0 0 .9 10.431 10.431)' stroke-width='2'%3E%3Ccircle cx='24.25' cy='18' r='9'/%3E%3Cpath d='M11.2 40a1 1 0 1126.1 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_more, .mectrl_theme_azure_hcdark .glyph_more, .mectrl_theme_dark .glyph_more, .mectrl_theme_gray .glyph_more, .mectrl_theme_off_black .glyph_more { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23fff'%3E%3Cg class='mectrl_fill'%3E%3Ccircle r='2' cx='12' cy='24'/%3E%3Ccircle r='2' cx='24' cy='24'/%3E%3Ccircle r='2' cx='36' cy='24'/%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_chevron, .mectrl_theme_azure_hcdark .glyph_chevron, .mectrl_theme_dark .glyph_chevron, .mectrl_theme_gray .glyph_chevron, .mectrl_theme_off_black .glyph_chevron { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 3 16 10' fill='%23fff'%3E%3Cg class='mectrl_fill'%3E%3Cpath d='M15.284 3.642l.716.716-8 8-8-8 .716-.716L8 10.926z'/%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_authApp_icon, .mectrl_theme_azure_hcdark .glyph_authApp_icon, .mectrl_theme_dark .glyph_authApp_icon, .mectrl_theme_gray .glyph_authApp_icon, .mectrl_theme_off_black .glyph_authApp_icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 5a18.454 18.454 0 016 1v1c0 .984-.143 1.935-.43 2.852a10.01 10.01 0 01-1.21 2.554A9.724 9.724 0 016 16a9.595 9.595 0 01-2.46-1.484 9.65 9.65 0 01-1.892-2.102A10.245 10.245 0 01.43 9.867 9.113 9.113 0 010 7.023c0-.067.005-.145.016-.234l.03-.273c.011-.094.024-.185.04-.274A7.54 7.54 0 00.125 6c.964-.333 1.93-.583 2.898-.75C3.993 5.083 4.984 5 6 5zm2 7v-.25c0-.213-.031-.42-.094-.617a1.818 1.818 0 00-.281-.547 2.283 2.283 0 00-.43-.438 1.812 1.812 0 00-.554-.289c.265-.125.474-.31.625-.554.15-.245.229-.513.234-.805a1.505 1.505 0 00-.914-1.383A1.472 1.472 0 006 7a1.505 1.505 0 00-1.383.914A1.472 1.472 0 004.5 8.5c0 .292.076.56.227.805.15.244.362.43.632.554a1.94 1.94 0 00-.554.29c-.167.124-.31.27-.43.437-.12.167-.21.349-.273.547A2.22 2.22 0 004 11.75V12h4zM6 1.5c-.344 0-.667.065-.969.195-.302.13-.567.308-.797.532A2.477 2.477 0 003.5 4L2 4.25V4a3.948 3.948 0 011.172-2.82C3.537.82 3.96.534 4.445.32A3.81 3.81 0 016 0a3.948 3.948 0 012.82 1.172c.36.364.646.789.86 1.273A3.81 3.81 0 0110 4v.25L8.5 4c0-.344-.065-.667-.195-.969a2.603 2.603 0 00-.532-.797A2.477 2.477 0 006 1.5z' fill='%23fff'/%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_authApp_close, .mectrl_theme_azure_hcdark .glyph_authApp_close, .mectrl_theme_dark .glyph_authApp_close, .mectrl_theme_gray .glyph_authApp_close, .mectrl_theme_off_black .glyph_authApp_close { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.444 5l4.463 4.468-.44.44L5 5.443.532 9.907l-.44-.44L4.557 5 .093.532l.44-.44L5 4.557 9.468.093l.44.44L5.443 5z' fill='%23fff'/%3E%3C/svg%3E") } @media screen and (-ms-high-contrast:black-on-white) { .c-uhfh>.theme-dark .c-me .glyph_text, .mectrl_theme_azure_hcdark .glyph_text, .mectrl_theme_dark .glyph_text, .mectrl_theme_gray .glyph_text, .mectrl_theme_off_black .glyph_text { clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute } .c-uhfh>.theme-dark .c-me .mectrl_signIn_circle_glyph, .mectrl_theme_azure_hcdark .mectrl_signIn_circle_glyph, .mectrl_theme_dark .mectrl_signIn_circle_glyph, .mectrl_theme_gray .mectrl_signIn_circle_glyph, .mectrl_theme_off_black .mectrl_signIn_circle_glyph { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23707070'%3E%3Cg class='mectrl_stroke' stroke-width='1.9' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25'/%3E%3Cg transform='matrix(1.1 0 0 1.1 8.8 5.61)'%3E%3Ccircle class='mectrl_stroke' cx='20' cy='16' r='7'/%3E%3Cpath class='mectrl_stroke' d='M30 35h10m-5-5v10M30.833 32.09A11 11 0 009 34'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_aadAccount_circle, .mectrl_theme_azure_hcdark .glyph_aadAccount_circle, .mectrl_theme_dark .glyph_aadAccount_circle, .mectrl_theme_gray .glyph_aadAccount_circle, .mectrl_theme_off_black .glyph_aadAccount_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23707070' stroke='%23707070'%3E%3Ccircle class='mectrl_stroke' cx='32' cy='32' r='30.25' stroke-width='1.5' fill='none'/%3E%3Cg class='mectrl_stroke' fill='none' stroke-width='2.5' transform='matrix(.9 0 0 .9 10.4 10.4)'%3E%3Crect x='13.3' y='12.3' width='21.4' height='28.5' rx='.6' ry='.6'/%3E%3Ccircle cy='25.4' cx='24' r='3.6'/%3E%3Cpath d='M18 35a1 1 0 1112 0'/%3E%3C/g%3E%3Cg class='mectrl_fill' stroke='none'%3E%3Cpath d='M36.68 14h2.34l-3.24 6.75h-2.43zM24.89 14h2.43l5.58 11.25a1.046 1.046 0 01-1.791 1.08l-.549-1.08z'/%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_account_circle, .mectrl_theme_azure_hcdark .glyph_account_circle, .mectrl_theme_dark .glyph_account_circle, .mectrl_theme_gray .glyph_account_circle, .mectrl_theme_off_black .glyph_account_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23707070'%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25' stroke-width='1.5'/%3E%3Cg transform='matrix(.9 0 0 .9 10.431 10.431)' stroke-width='2'%3E%3Ccircle cx='24.25' cy='18' r='9'/%3E%3Cpath d='M11.2 40a1 1 0 1126.1 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_msft, .mectrl_theme_azure_hcdark .glyph_msft, .mectrl_theme_dark .glyph_msft, .mectrl_theme_gray .glyph_msft, .mectrl_theme_off_black .glyph_msft { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='23'%3E%3Cpath d='M44.836 4.6v13.8h-2.4V7.583H42.4L38.119 18.4h-1.588L32.142 7.583h-.028V18.4H29.9V4.6h3.436L37.3 14.83h.057L41.545 4.6zm2 1.049a1.268 1.268 0 01.419-.967 1.411 1.411 0 011-.39 1.392 1.392 0 011.02.4 1.3 1.3 0 01.405.957 1.249 1.249 0 01-.414.953 1.428 1.428 0 01-1.011.385A1.4 1.4 0 0147.25 6.6a1.263 1.263 0 01-.41-.949M49.41 18.4h-2.329V8.507h2.329zm7.064-1.694a3.225 3.225 0 001.145-.24 4.808 4.808 0 001.155-.636V18a4.659 4.659 0 01-1.266.481 6.9 6.9 0 01-1.554.163 4.707 4.707 0 01-4.918-4.907 5.644 5.644 0 011.4-3.932 5.054 5.054 0 013.955-1.545 5.42 5.42 0 011.324.169 4.4 4.4 0 011.063.39v2.232a4.73 4.73 0 00-1.1-.611 3.187 3.187 0 00-1.15-.217 2.918 2.918 0 00-2.223.9 3.366 3.366 0 00-.847 2.415 3.217 3.217 0 00.813 2.339 2.938 2.938 0 002.209.837m8.931-8.363a2.892 2.892 0 01.5.039 2.025 2.025 0 01.376.1v2.357a2.075 2.075 0 00-.535-.255 2.649 2.649 0 00-.851-.12 1.811 1.811 0 00-1.449.722 3.47 3.47 0 00-.592 2.223V18.4h-2.335V8.507h2.329v1.559h.039a2.731 2.731 0 01.962-1.266 2.615 2.615 0 011.55-.457m1 5.254a5.355 5.355 0 011.387-3.887 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.53 3.53 0 00.7 2.367 2.5 2.5 0 002.011.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.39 2.39 0 00-1.929-.813 2.441 2.441 0 00-1.988.852 3.707 3.707 0 00-.707 2.43m11.2-2.416a1 1 0 00.317.785 5.431 5.431 0 001.405.716 4.768 4.768 0 011.959 1.256 2.608 2.608 0 01.563 1.689 2.718 2.718 0 01-1.073 2.243 4.565 4.565 0 01-2.9.846 6.962 6.962 0 01-1.362-.149 6.036 6.036 0 01-1.265-.38v-2.29a5.74 5.74 0 001.367.7 4.009 4.009 0 001.328.26 2.37 2.37 0 001.164-.221.792.792 0 00.375-.741 1.027 1.027 0 00-.389-.813 5.772 5.772 0 00-1.478-.766 4.56 4.56 0 01-1.828-1.212 2.657 2.657 0 01-.539-1.713 2.706 2.706 0 011.063-2.2 4.245 4.245 0 012.764-.862 6.669 6.669 0 011.164.116 5.131 5.131 0 011.078.3v2.214a4.943 4.943 0 00-1.078-.53 3.61 3.61 0 00-1.222-.221 1.776 1.776 0 00-1.035.26.822.822 0 00-.37.712m5.241 2.493a5.355 5.355 0 011.386-3.89 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.535 3.535 0 00.7 2.367 2.506 2.506 0 002.012.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.391 2.391 0 00-1.93-.813 2.44 2.44 0 00-1.987.852 3.707 3.707 0 00-.707 2.43m15.464-3.109H99.7V18.4h-2.359v-7.988h-1.655V8.507h1.655V7.13a3.425 3.425 0 011.016-2.555 3.56 3.56 0 012.6-1 5.949 5.949 0 01.751.043 3.025 3.025 0 01.577.13v2.016a2.381 2.381 0 00-.4-.164 2.106 2.106 0 00-.664-.1 1.405 1.405 0 00-1.126.457 2.015 2.015 0 00-.395 1.356v1.194h3.469V6.283l2.338-.712v2.936h2.358v1.905h-2.358v4.629a1.954 1.954 0 00.332 1.29 1.329 1.329 0 001.045.375 1.569 1.569 0 00.486-.1 2.271 2.271 0 00.5-.231V18.3a2.765 2.765 0 01-.736.231 5.072 5.072 0 01-1.015.105 2.889 2.889 0 01-2.209-.784 3.341 3.341 0 01-.736-2.363z' fill='%23737373'/%3E%3Cpath fill='%23f25022' d='M0 0h10.931v10.931H0z'/%3E%3Cpath fill='%237fba00' d='M12.069 0H23v10.931H12.069z'/%3E%3Cpath fill='%2300a4ef' d='M0 12.069h10.931V23H0z'/%3E%3Cpath fill='%23ffb900' d='M12.069 12.069H23V23H12.069z'/%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_more, .mectrl_theme_azure_hcdark .glyph_more, .mectrl_theme_dark .glyph_more, .mectrl_theme_gray .glyph_more, .mectrl_theme_off_black .glyph_more { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23707070'%3E%3Cg class='mectrl_fill'%3E%3Ccircle r='2' cx='12' cy='24'/%3E%3Ccircle r='2' cx='24' cy='24'/%3E%3Ccircle r='2' cx='36' cy='24'/%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_chevron, .mectrl_theme_azure_hcdark .glyph_chevron, .mectrl_theme_dark .glyph_chevron, .mectrl_theme_gray .glyph_chevron, .mectrl_theme_off_black .glyph_chevron { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 3 16 10' fill='%23231F20'%3E%3Cg class='mectrl_fill'%3E%3Cpath d='M15.284 3.642l.716.716-8 8-8-8 .716-.716L8 10.926z'/%3E%3C/g%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_authApp_icon, .mectrl_theme_azure_hcdark .glyph_authApp_icon, .mectrl_theme_dark .glyph_authApp_icon, .mectrl_theme_gray .glyph_authApp_icon, .mectrl_theme_off_black .glyph_authApp_icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 5a18.454 18.454 0 016 1v1c0 .984-.143 1.935-.43 2.852-.286.916-.69 1.768-1.21 2.554A9.725 9.725 0 016 16a9.595 9.595 0 01-2.46-1.484 9.65 9.65 0 01-1.892-2.102A10.245 10.245 0 01.43 9.867 9.113 9.113 0 010 7.023c0-.067.005-.145.016-.234l.03-.273c.011-.094.024-.185.04-.274A7.54 7.54 0 00.125 6c.964-.333 1.93-.583 2.898-.75C3.993 5.083 4.984 5 6 5zm2 7v-.25c0-.213-.031-.42-.094-.617a1.818 1.818 0 00-.28-.547 2.283 2.283 0 00-.43-.438 1.812 1.812 0 00-.555-.289c.265-.125.474-.31.625-.554.15-.245.229-.513.234-.805a1.505 1.505 0 00-.914-1.383A1.471 1.471 0 006 7a1.505 1.505 0 00-1.383.914A1.472 1.472 0 004.5 8.5c0 .292.076.56.227.805.15.244.362.43.632.554a1.94 1.94 0 00-.554.29c-.167.124-.31.27-.43.437-.12.167-.21.349-.273.547A2.219 2.219 0 004 11.75V12h4zM6 1.5c-.344 0-.667.065-.969.195-.302.13-.567.308-.797.532A2.477 2.477 0 003.5 4L2 4.25V4a3.948 3.948 0 011.172-2.82C3.537.82 3.96.534 4.445.32A3.81 3.81 0 016 0a3.948 3.948 0 012.82 1.172c.36.364.646.789.86 1.273A3.81 3.81 0 0110 4v.25L8.5 4c0-.344-.065-.667-.195-.969a2.603 2.603 0 00-.532-.797A2.477 2.477 0 006 1.5z' fill='%23000'/%3E%3C/svg%3E") } .c-uhfh>.theme-dark .c-me .glyph_authApp_close, .mectrl_theme_azure_hcdark .glyph_authApp_close, .mectrl_theme_dark .glyph_authApp_close, .mectrl_theme_gray .glyph_authApp_close, .mectrl_theme_off_black .glyph_authApp_close { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.453 5L10 9.552 9.552 10 5 5.453.448 10 0 9.552 4.547 5 0 .448.448 0 5 4.547 9.552 0 10 .448 5.453 5z' fill='%23323130'/%3E%3C/svg%3E") } } @media screen and (-ms-high-contrast:white-on-black) { .glyph_msft { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='23'%3E%3Cpath d='M44.836 4.6v13.8h-2.4V7.583H42.4L38.119 18.4h-1.588L32.142 7.583h-.028V18.4H29.9V4.6h3.436L37.3 14.83h.057L41.545 4.6zm2 1.049a1.268 1.268 0 01.419-.967 1.411 1.411 0 011-.39 1.392 1.392 0 011.02.4 1.3 1.3 0 01.405.957 1.249 1.249 0 01-.414.953 1.428 1.428 0 01-1.011.385A1.4 1.4 0 0147.25 6.6a1.263 1.263 0 01-.41-.949M49.41 18.4h-2.329V8.507h2.329zm7.064-1.694a3.225 3.225 0 001.145-.24 4.808 4.808 0 001.155-.636V18a4.659 4.659 0 01-1.266.481 6.9 6.9 0 01-1.554.163 4.707 4.707 0 01-4.918-4.907 5.644 5.644 0 011.4-3.932 5.054 5.054 0 013.955-1.545 5.42 5.42 0 011.324.169 4.4 4.4 0 011.063.39v2.232a4.73 4.73 0 00-1.1-.611 3.187 3.187 0 00-1.15-.217 2.918 2.918 0 00-2.223.9 3.366 3.366 0 00-.847 2.415 3.217 3.217 0 00.813 2.339 2.938 2.938 0 002.209.837m8.931-8.363a2.892 2.892 0 01.5.039 2.025 2.025 0 01.376.1v2.357a2.075 2.075 0 00-.535-.255 2.649 2.649 0 00-.851-.12 1.811 1.811 0 00-1.449.722 3.47 3.47 0 00-.592 2.223V18.4h-2.335V8.507h2.329v1.559h.039a2.731 2.731 0 01.962-1.266 2.615 2.615 0 011.55-.457m1 5.254a5.355 5.355 0 011.387-3.887 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.53 3.53 0 00.7 2.367 2.5 2.5 0 002.011.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.39 2.39 0 00-1.929-.813 2.441 2.441 0 00-1.988.852 3.707 3.707 0 00-.707 2.43m11.2-2.416a1 1 0 00.317.785 5.431 5.431 0 001.405.716 4.768 4.768 0 011.959 1.256 2.608 2.608 0 01.563 1.689 2.718 2.718 0 01-1.073 2.243 4.565 4.565 0 01-2.9.846 6.962 6.962 0 01-1.362-.149 6.036 6.036 0 01-1.265-.38v-2.29a5.74 5.74 0 001.367.7 4.009 4.009 0 001.328.26 2.37 2.37 0 001.164-.221.792.792 0 00.375-.741 1.027 1.027 0 00-.389-.813 5.772 5.772 0 00-1.478-.766 4.56 4.56 0 01-1.828-1.212 2.657 2.657 0 01-.539-1.713 2.706 2.706 0 011.063-2.2 4.245 4.245 0 012.764-.862 6.669 6.669 0 011.164.116 5.131 5.131 0 011.078.3v2.214a4.943 4.943 0 00-1.078-.53 3.61 3.61 0 00-1.222-.221 1.776 1.776 0 00-1.035.26.822.822 0 00-.37.712m5.241 2.493a5.355 5.355 0 011.386-3.89 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.535 3.535 0 00.7 2.367 2.506 2.506 0 002.012.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.391 2.391 0 00-1.93-.813 2.44 2.44 0 00-1.987.852 3.707 3.707 0 00-.707 2.43m15.464-3.109H99.7V18.4h-2.359v-7.988h-1.655V8.507h1.655V7.13a3.425 3.425 0 011.016-2.555 3.56 3.56 0 012.6-1 5.949 5.949 0 01.751.043 3.025 3.025 0 01.577.13v2.016a2.381 2.381 0 00-.4-.164 2.106 2.106 0 00-.664-.1 1.405 1.405 0 00-1.126.457 2.015 2.015 0 00-.395 1.356v1.194h3.469V6.283l2.338-.712v2.936h2.358v1.905h-2.358v4.629a1.954 1.954 0 00.332 1.29 1.329 1.329 0 001.045.375 1.569 1.569 0 00.486-.1 2.271 2.271 0 00.5-.231V18.3a2.765 2.765 0 01-.736.231 5.072 5.072 0 01-1.015.105 2.889 2.889 0 01-2.209-.784 3.341 3.341 0 01-.736-2.363z' fill='%23fff'/%3E%3Cpath fill='%23f25022' d='M0 0h10.931v10.931H0z'/%3E%3Cpath fill='%237fba00' d='M12.069 0H23v10.931H12.069z'/%3E%3Cpath fill='%2300a4ef' d='M0 12.069h10.931V23H0z'/%3E%3Cpath fill='%23ffb900' d='M12.069 12.069H23V23H12.069z'/%3E%3C/svg%3E") } .mectrl_signIn_circle_glyph { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23fff'%3E%3Cg class='mectrl_stroke' stroke-width='1.9' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25'/%3E%3Cg transform='matrix(1.1 0 0 1.1 8.8 5.61)'%3E%3Ccircle class='mectrl_stroke' cx='20' cy='16' r='7'/%3E%3Cpath class='mectrl_stroke' d='M30 35h10m-5-5v10M30.833 32.09A11 11 0 009 34'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .glyph_aadAccount_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23fff' stroke='%23fff'%3E%3Ccircle class='mectrl_stroke' cx='32' cy='32' r='30.25' stroke-width='1.5' fill='none'/%3E%3Cg class='mectrl_stroke' fill='none' stroke-width='2.5' transform='matrix(.9 0 0 .9 10.4 10.4)'%3E%3Crect x='13.3' y='12.3' width='21.4' height='28.5' rx='.6' ry='.6'/%3E%3Ccircle cy='25.4' cx='24' r='3.6'/%3E%3Cpath d='M18 35a1 1 0 1112 0'/%3E%3C/g%3E%3Cg class='mectrl_fill' stroke='none'%3E%3Cpath d='M36.68 14h2.34l-3.24 6.75h-2.43zM24.89 14h2.43l5.58 11.25a1.046 1.046 0 01-1.791 1.08l-.549-1.08z'/%3E%3C/g%3E%3C/svg%3E") } .glyph_account_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23fff'%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25' stroke-width='1.5'/%3E%3Cg transform='matrix(.9 0 0 .9 10.431 10.431)' stroke-width='2'%3E%3Ccircle cx='24.25' cy='18' r='9'/%3E%3Cpath d='M11.2 40a1 1 0 1126.1 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .glyph_more { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23fff'%3E%3Cg class='mectrl_fill'%3E%3Ccircle r='2' cx='12' cy='24'/%3E%3Ccircle r='2' cx='24' cy='24'/%3E%3Ccircle r='2' cx='36' cy='24'/%3E%3C/g%3E%3C/svg%3E") } .glyph_chevron { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 3 16 10' fill='%23fff'%3E%3Cg class='mectrl_fill'%3E%3Cpath d='M15.284 3.642l.716.716-8 8-8-8 .716-.716L8 10.926z'/%3E%3C/g%3E%3C/svg%3E") } .glyph_authApp_icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 5a18.454 18.454 0 016 1v1c0 .984-.143 1.935-.43 2.852a10.01 10.01 0 01-1.21 2.554A9.724 9.724 0 016 16a9.595 9.595 0 01-2.46-1.484 9.65 9.65 0 01-1.892-2.102A10.245 10.245 0 01.43 9.867 9.113 9.113 0 010 7.023c0-.067.005-.145.016-.234l.03-.273c.011-.094.024-.185.04-.274A7.54 7.54 0 00.125 6c.964-.333 1.93-.583 2.898-.75C3.993 5.083 4.984 5 6 5zm2 7v-.25c0-.213-.031-.42-.094-.617a1.818 1.818 0 00-.281-.547 2.283 2.283 0 00-.43-.438 1.812 1.812 0 00-.554-.289c.265-.125.474-.31.625-.554.15-.245.229-.513.234-.805a1.505 1.505 0 00-.914-1.383A1.472 1.472 0 006 7a1.505 1.505 0 00-1.383.914A1.472 1.472 0 004.5 8.5c0 .292.076.56.227.805.15.244.362.43.632.554a1.94 1.94 0 00-.554.29c-.167.124-.31.27-.43.437-.12.167-.21.349-.273.547A2.22 2.22 0 004 11.75V12h4zM6 1.5c-.344 0-.667.065-.969.195-.302.13-.567.308-.797.532A2.477 2.477 0 003.5 4L2 4.25V4a3.948 3.948 0 011.172-2.82C3.537.82 3.96.534 4.445.32A3.81 3.81 0 016 0a3.948 3.948 0 012.82 1.172c.36.364.646.789.86 1.273A3.81 3.81 0 0110 4v.25L8.5 4c0-.344-.065-.667-.195-.969a2.603 2.603 0 00-.532-.797A2.477 2.477 0 006 1.5z' fill='%23fff'/%3E%3C/svg%3E") } .glyph_authApp_close { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.444 5l4.463 4.468-.44.44L5 5.443.532 9.907l-.44-.44L4.557 5 .093.532l.44-.44L5 4.557 9.468.093l.44.44L5.443 5z' fill='%23fff'/%3E%3C/svg%3E") } } @media screen and (-ms-high-contrast:black-on-white) { .glyph_text { clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute } .mectrl_signIn_circle_glyph { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23707070'%3E%3Cg class='mectrl_stroke' stroke-width='1.9' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25'/%3E%3Cg transform='matrix(1.1 0 0 1.1 8.8 5.61)'%3E%3Ccircle class='mectrl_stroke' cx='20' cy='16' r='7'/%3E%3Cpath class='mectrl_stroke' d='M30 35h10m-5-5v10M30.833 32.09A11 11 0 009 34'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .glyph_aadAccount_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23707070' stroke='%23707070'%3E%3Ccircle class='mectrl_stroke' cx='32' cy='32' r='30.25' stroke-width='1.5' fill='none'/%3E%3Cg class='mectrl_stroke' fill='none' stroke-width='2.5' transform='matrix(.9 0 0 .9 10.4 10.4)'%3E%3Crect x='13.3' y='12.3' width='21.4' height='28.5' rx='.6' ry='.6'/%3E%3Ccircle cy='25.4' cx='24' r='3.6'/%3E%3Cpath d='M18 35a1 1 0 1112 0'/%3E%3C/g%3E%3Cg class='mectrl_fill' stroke='none'%3E%3Cpath d='M36.68 14h2.34l-3.24 6.75h-2.43zM24.89 14h2.43l5.58 11.25a1.046 1.046 0 01-1.791 1.08l-.549-1.08z'/%3E%3C/g%3E%3C/svg%3E") } .glyph_account_circle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23707070'%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25' stroke-width='1.5'/%3E%3Cg transform='matrix(.9 0 0 .9 10.431 10.431)' stroke-width='2'%3E%3Ccircle cx='24.25' cy='18' r='9'/%3E%3Cpath d='M11.2 40a1 1 0 1126.1 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .glyph_msft { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='23'%3E%3Cpath d='M44.836 4.6v13.8h-2.4V7.583H42.4L38.119 18.4h-1.588L32.142 7.583h-.028V18.4H29.9V4.6h3.436L37.3 14.83h.057L41.545 4.6zm2 1.049a1.268 1.268 0 01.419-.967 1.411 1.411 0 011-.39 1.392 1.392 0 011.02.4 1.3 1.3 0 01.405.957 1.249 1.249 0 01-.414.953 1.428 1.428 0 01-1.011.385A1.4 1.4 0 0147.25 6.6a1.263 1.263 0 01-.41-.949M49.41 18.4h-2.329V8.507h2.329zm7.064-1.694a3.225 3.225 0 001.145-.24 4.808 4.808 0 001.155-.636V18a4.659 4.659 0 01-1.266.481 6.9 6.9 0 01-1.554.163 4.707 4.707 0 01-4.918-4.907 5.644 5.644 0 011.4-3.932 5.054 5.054 0 013.955-1.545 5.42 5.42 0 011.324.169 4.4 4.4 0 011.063.39v2.232a4.73 4.73 0 00-1.1-.611 3.187 3.187 0 00-1.15-.217 2.918 2.918 0 00-2.223.9 3.366 3.366 0 00-.847 2.415 3.217 3.217 0 00.813 2.339 2.938 2.938 0 002.209.837m8.931-8.363a2.892 2.892 0 01.5.039 2.025 2.025 0 01.376.1v2.357a2.075 2.075 0 00-.535-.255 2.649 2.649 0 00-.851-.12 1.811 1.811 0 00-1.449.722 3.47 3.47 0 00-.592 2.223V18.4h-2.335V8.507h2.329v1.559h.039a2.731 2.731 0 01.962-1.266 2.615 2.615 0 011.55-.457m1 5.254a5.355 5.355 0 011.387-3.887 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.53 3.53 0 00.7 2.367 2.5 2.5 0 002.011.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.39 2.39 0 00-1.929-.813 2.441 2.441 0 00-1.988.852 3.707 3.707 0 00-.707 2.43m11.2-2.416a1 1 0 00.317.785 5.431 5.431 0 001.405.716 4.768 4.768 0 011.959 1.256 2.608 2.608 0 01.563 1.689 2.718 2.718 0 01-1.073 2.243 4.565 4.565 0 01-2.9.846 6.962 6.962 0 01-1.362-.149 6.036 6.036 0 01-1.265-.38v-2.29a5.74 5.74 0 001.367.7 4.009 4.009 0 001.328.26 2.37 2.37 0 001.164-.221.792.792 0 00.375-.741 1.027 1.027 0 00-.389-.813 5.772 5.772 0 00-1.478-.766 4.56 4.56 0 01-1.828-1.212 2.657 2.657 0 01-.539-1.713 2.706 2.706 0 011.063-2.2 4.245 4.245 0 012.764-.862 6.669 6.669 0 011.164.116 5.131 5.131 0 011.078.3v2.214a4.943 4.943 0 00-1.078-.53 3.61 3.61 0 00-1.222-.221 1.776 1.776 0 00-1.035.26.822.822 0 00-.37.712m5.241 2.493a5.355 5.355 0 011.386-3.89 5.1 5.1 0 013.85-1.434 4.741 4.741 0 013.623 1.381 5.208 5.208 0 011.3 3.729 5.259 5.259 0 01-1.385 3.83 5.02 5.02 0 01-3.773 1.424 4.931 4.931 0 01-3.652-1.352 4.984 4.984 0 01-1.349-3.688m2.426-.076a3.535 3.535 0 00.7 2.367 2.506 2.506 0 002.012.818 2.344 2.344 0 001.934-.818 3.78 3.78 0 00.664-2.425 3.649 3.649 0 00-.688-2.411 2.391 2.391 0 00-1.93-.813 2.44 2.44 0 00-1.987.852 3.707 3.707 0 00-.707 2.43m15.464-3.109H99.7V18.4h-2.359v-7.988h-1.655V8.507h1.655V7.13a3.425 3.425 0 011.016-2.555 3.56 3.56 0 012.6-1 5.949 5.949 0 01.751.043 3.025 3.025 0 01.577.13v2.016a2.381 2.381 0 00-.4-.164 2.106 2.106 0 00-.664-.1 1.405 1.405 0 00-1.126.457 2.015 2.015 0 00-.395 1.356v1.194h3.469V6.283l2.338-.712v2.936h2.358v1.905h-2.358v4.629a1.954 1.954 0 00.332 1.29 1.329 1.329 0 001.045.375 1.569 1.569 0 00.486-.1 2.271 2.271 0 00.5-.231V18.3a2.765 2.765 0 01-.736.231 5.072 5.072 0 01-1.015.105 2.889 2.889 0 01-2.209-.784 3.341 3.341 0 01-.736-2.363z' fill='%23737373'/%3E%3Cpath fill='%23f25022' d='M0 0h10.931v10.931H0z'/%3E%3Cpath fill='%237fba00' d='M12.069 0H23v10.931H12.069z'/%3E%3Cpath fill='%2300a4ef' d='M0 12.069h10.931V23H0z'/%3E%3Cpath fill='%23ffb900' d='M12.069 12.069H23V23H12.069z'/%3E%3C/svg%3E") } .glyph_more { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23707070'%3E%3Cg class='mectrl_fill'%3E%3Ccircle r='2' cx='12' cy='24'/%3E%3Ccircle r='2' cx='24' cy='24'/%3E%3Ccircle r='2' cx='36' cy='24'/%3E%3C/g%3E%3C/svg%3E") } .glyph_chevron { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 3 16 10' fill='%23231F20'%3E%3Cg class='mectrl_fill'%3E%3Cpath d='M15.284 3.642l.716.716-8 8-8-8 .716-.716L8 10.926z'/%3E%3C/g%3E%3C/svg%3E") } .glyph_authApp_icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 5a18.454 18.454 0 016 1v1c0 .984-.143 1.935-.43 2.852-.286.916-.69 1.768-1.21 2.554A9.725 9.725 0 016 16a9.595 9.595 0 01-2.46-1.484 9.65 9.65 0 01-1.892-2.102A10.245 10.245 0 01.43 9.867 9.113 9.113 0 010 7.023c0-.067.005-.145.016-.234l.03-.273c.011-.094.024-.185.04-.274A7.54 7.54 0 00.125 6c.964-.333 1.93-.583 2.898-.75C3.993 5.083 4.984 5 6 5zm2 7v-.25c0-.213-.031-.42-.094-.617a1.818 1.818 0 00-.28-.547 2.283 2.283 0 00-.43-.438 1.812 1.812 0 00-.555-.289c.265-.125.474-.31.625-.554.15-.245.229-.513.234-.805a1.505 1.505 0 00-.914-1.383A1.471 1.471 0 006 7a1.505 1.505 0 00-1.383.914A1.472 1.472 0 004.5 8.5c0 .292.076.56.227.805.15.244.362.43.632.554a1.94 1.94 0 00-.554.29c-.167.124-.31.27-.43.437-.12.167-.21.349-.273.547A2.219 2.219 0 004 11.75V12h4zM6 1.5c-.344 0-.667.065-.969.195-.302.13-.567.308-.797.532A2.477 2.477 0 003.5 4L2 4.25V4a3.948 3.948 0 011.172-2.82C3.537.82 3.96.534 4.445.32A3.81 3.81 0 016 0a3.948 3.948 0 012.82 1.172c.36.364.646.789.86 1.273A3.81 3.81 0 0110 4v.25L8.5 4c0-.344-.065-.667-.195-.969a2.603 2.603 0 00-.532-.797A2.477 2.477 0 006 1.5z' fill='%23000'/%3E%3C/svg%3E") } .glyph_authApp_close { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.453 5L10 9.552 9.552 10 5 5.453.448 10 0 9.552 4.547 5 0 .448.448 0 5 4.547 9.552 0 10 .448 5.453 5z' fill='%23323130'/%3E%3C/svg%3E") } } .mectrl_profilepic { position: relative; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat } .mectrl_profilepic_initials { border: 1px solid #777; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #mectrl_currentAccount_picture .mectrl_profilepic_initials { font-size: 32px } .mectrl_profilepic_initials.mectrl_initials { position: absolute; top: 1px; bottom: 1px; left: 1px; right: 1px; border-radius: 50% } .c-uhfh>.theme-dark .c-me .mectrl_profilepic_initials, .mectrl_theme_azure_hcdark .mectrl_profilepic_initials, .mectrl_theme_dark .mectrl_profilepic_initials, .mectrl_theme_gray .mectrl_profilepic_initials, .mectrl_theme_off_black .mectrl_profilepic_initials { border: 1px solid #fff; color: #fff } .mectrl_profilepic_button { position: relative } .mectrl_profilepic_button:hover::before { z-index: 1; content: ""; position: absolute; display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' fill='%23fff' stroke='%23fff'%3E%3Ccircle cx='72.8' cy='106.3' r='7' stroke='none'/%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='150' cy='155' r='49' stroke-width='15'/%3E%3Cpath d='M45 79v153h210V79h-55l-15-15h-70l-15 15z' stroke-width='14'/%3E%3C/g%3E%3C/svg%3E"); background-size: 32px 32px; background-position: center center; background-repeat: no-repeat } @media screen and (-ms-high-contrast:black-on-white) { .mectrl_profilepic_button:hover::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' stroke='%23000'%3E%3Ccircle cx='72.8' cy='106.3' r='7' stroke='none'/%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='150' cy='155' r='49' stroke-width='15'/%3E%3Cpath d='M45 79v153h210V79h-55l-15-15h-70l-15 15z' stroke-width='14'/%3E%3C/g%3E%3C/svg%3E") } } @media screen and (-ms-high-contrast:white-on-black) { .mectrl_profilepic_button:hover::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' fill='%230ff' stroke='%230ff'%3E%3Ccircle cx='72.8' cy='106.3' r='7' stroke='none'/%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='150' cy='155' r='49' stroke-width='15'/%3E%3Cpath d='M45 79v153h210V79h-55l-15-15h-70l-15 15z' stroke-width='14'/%3E%3C/g%3E%3C/svg%3E") } } .mectrl_focus_visible .mectrl_profilepic_button:focus::before { z-index: 1; content: ""; position: absolute; display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' fill='%23fff' stroke='%23fff'%3E%3Ccircle cx='72.8' cy='106.3' r='7' stroke='none'/%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='150' cy='155' r='49' stroke-width='15'/%3E%3Cpath d='M45 79v153h210V79h-55l-15-15h-70l-15 15z' stroke-width='14'/%3E%3C/g%3E%3C/svg%3E"); background-size: 32px 32px; background-position: center center; background-repeat: no-repeat } @media screen and (-ms-high-contrast:black-on-white) { .mectrl_focus_visible .mectrl_profilepic_button:focus::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' stroke='%23000'%3E%3Ccircle cx='72.8' cy='106.3' r='7' stroke='none'/%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='150' cy='155' r='49' stroke-width='15'/%3E%3Cpath d='M45 79v153h210V79h-55l-15-15h-70l-15 15z' stroke-width='14'/%3E%3C/g%3E%3C/svg%3E") } } @media screen and (-ms-high-contrast:white-on-black) { .mectrl_focus_visible .mectrl_profilepic_button:focus::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' fill='%230ff' stroke='%230ff'%3E%3Ccircle cx='72.8' cy='106.3' r='7' stroke='none'/%3E%3Cg class='mectrl_stroke' fill='none'%3E%3Ccircle cx='150' cy='155' r='49' stroke-width='15'/%3E%3Cpath d='M45 79v153h210V79h-55l-15-15h-70l-15 15z' stroke-width='14'/%3E%3C/g%3E%3C/svg%3E") } } .mectrl_profilepic_button:focus::before, .mectrl_profilepic_button:hover::before { background-color: rgba(0, 0, 0, .5) } @media screen and (-ms-high-contrast:black-on-white) { .mectrl_profilepic_button:focus::before, .mectrl_profilepic_button:hover::before { background-color: rgba(255, 255, 255, .5) } } @media screen and (-ms-high-contrast:white-on-black) { .mectrl_profilepic_button:focus::before, .mectrl_profilepic_button:hover::before { background-color: rgba(255, 255, 255, .5) } } .mectrl_theme_azure_hclight .mectrl_profilepic_button { -webkit-box-shadow: inset 0 0 0 1px; box-shadow: inset 0 0 0 1px } .mectrl_theme_azure_hclight .mectrl_profilepic_button:focus::before, .mectrl_theme_azure_hclight .mectrl_profilepic_button:hover::before { -webkit-box-shadow: inset 0 0 0 1px; box-shadow: inset 0 0 0 1px; -ms-high-contrast-adjust: none; color: #fff !important; border-color: #fff !important; outline-color: #fff !important; fill: #fff !important; background-color: purple } .mectrl_theme_azure_hcdark .mectrl_profilepic_button { -webkit-box-shadow: inset 0 0 0 1px; box-shadow: inset 0 0 0 1px } .mectrl_theme_azure_hcdark .mectrl_profilepic_button:focus::before, .mectrl_theme_azure_hcdark .mectrl_profilepic_button:hover::before { -webkit-box-shadow: inset 0 0 0 1px; box-shadow: inset 0 0 0 1px; -ms-high-contrast-adjust: none; color: #000 !important; border-color: #000 !important; outline-color: #000 !important; fill: #000 !important; background-color: #0ff } .mectrl_topHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; font-size: 13px; width: 100%; height: 48px } .mectrl_topHeader .mectrl_profilepic { width: 32px; height: 32px; margin: 8px } .mectrl_topHeader .mectrl_header_text { max-width: 160px; line-height: 48px; vertical-align: top; font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, sans-serif; font-size: 13px; padding-left: 12px; padding-right: 4px } .mectrl_topHeader .mectrl_header_text.noIcon { padding-right: 12px } .mectrl_topHeader { color: #333 } .c-uhfh>.theme-dark .c-me .mectrl_topHeader, .mectrl_theme_dark .mectrl_topHeader { color: #fff } .c-uhfh>.theme-dark .c-me .mectrl_header_text, .mectrl_theme_dark .mectrl_header_text { color: #fff } .mectrl_theme_dark.mectrl_theme_light_header .mectrl_topHeader { color: #333 } .mectrl_theme_dark.mectrl_theme_light_header .mectrl_header_text { color: #333 } .mectrl_theme_azure_hclight .mectrl_topHeader { color: #000 } .mectrl_theme_azure_hcdark .mectrl_topHeader { color: #fff } .mectrl_theme_gray .mectrl_topHeader { color: #fff } .mectrl_theme_off_black .mectrl_topHeader { color: #fff } .mectrl_screen_reader_text { display: inline-block; position: absolute; width: 1px; height: 1px; overflow: hidden; color: #000 } .c-uhfh>.theme-dark .c-me .mectrl_screen_reader_text, .mectrl_theme_azure_hcdark .mectrl_screen_reader_text, .mectrl_theme_dark .mectrl_screen_reader_text, .mectrl_theme_dark_header .mectrl_screen_reader_text, .mectrl_theme_gray .mectrl_screen_reader_text, .mectrl_theme_off_black .mectrl_screen_reader_text { color: #fff } .mectrl_theme_dark.mectrl_theme_light_header { color: #fff } span[id^=mectrl_tooltip].mectrl_tooltip { display: block; visibility: hidden; position: fixed; z-index: 1300000; max-width: 260px; padding: 4px; font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, sans-serif; font-size: 12px; line-height: normal; text-align: center; word-break: break-all; overflow-wrap: break-word; border: 1px solid #ccc; color: #333; background-color: #fff; -webkit-box-shadow: 2px 2px 2px #777; box-shadow: 2px 2px 2px #777; pointer-events: none } .mectrl_truncate, a.mectrl_truncate, button.mectrl_truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .mectrl_root, .mectrl_root div { font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, sans-serif; line-height: normal } .mectrl_root *, .mectrl_root div * { -webkit-box-sizing: border-box; box-sizing: border-box } .mectrl_mainDropdown>.mectrl_dropdownbody { width: 320px; max-width: 100vw; -webkit-box-shadow: 0 24px 54px rgba(0, 0, 0, .15), 0 4.5px 13.5px rgba(0, 0, 0, .08); box-shadow: 0 24px 54px rgba(0, 0, 0, .15), 0 4.5px 13.5px rgba(0, 0, 0, .08) } @media screen and (-ms-high-contrast:active) { .mectrl_mainDropdown>.mectrl_dropdownbody { border: 1px solid } } a.mectrl_trigger { display: inline-block } #mectrl_authApp_banner_parent { -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1/4; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0 16px; border-radius: 4px; font-family: Segoe UI; font-size: 12px; line-height: 16px; color: #323130; height: 32px } .mectrl_authApp_banner { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background-color: #f3f9fd; border-radius: 4px 0 0 4px; padding: 8px 14px; font-family: Segoe UI; font-size: 12px; color: #323130; height: 32px } .mectrl_authApp_close.mectrl_resetStyle { width: 32px; height: 32px; background-color: #f3f9fd; border-radius: 0 4px 4px 0; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; color: #323130; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .mectrl_authApp_close.mectrl_resetStyle:hover { background-color: #d0e7f8 } .mectrl_authApp_close.mectrl_resetStyle:focus { background-color: #d0e7f8; border: 1px dashed #777; -webkit-box-sizing: border-box; box-sizing: border-box } .mectrl_authApp_close.mectrl_resetStyle:active { background-color: #a9d3f2 } .mectrl_authApp_banner:hover { background-color: #d0e7f8 } .mectrl_authApp_banner:hover+.mectrl_authApp_close { background-color: #d0e7f8 !important } .mectrl_authApp_banner:focus { background-color: #d0e7f8; border: 1px dashed #777; -webkit-box-sizing: border-box; box-sizing: border-box } .mectrl_authApp_banner:focus+.mectrl_authApp_close { background-color: #d0e7f8 } .mectrl_authApp_banner:active { background-color: #a9d3f2 } .mectrl_authApp_banner:active+.mectrl_authApp_close { background-color: #d0e7f8 } .glyph_authApp_icon { height: 16px; width: 12px; border-radius: 0; bottom: 8px; margin-right: 10px } .glyph_authApp_close { height: 10px; width: 10px } .c-uhfh>.theme-dark .c-me .mectrl_authApp_banner, .c-uhfh>.theme-dark .c-me .mectrl_authApp_banner_parent, .c-uhfh>.theme-dark .c-me .mectrl_authApp_close, .mectrl_theme_dark .mectrl_authApp_banner, .mectrl_theme_dark .mectrl_authApp_banner_parent, .mectrl_theme_dark .mectrl_authApp_close { background-color: #004377; color: #fff } .c-uhfh>.theme-dark .c-me .mectrl_authApp_banner:hover, .c-uhfh>.theme-dark .c-me .mectrl_authApp_banner_parent:hover, .c-uhfh>.theme-dark .c-me .mectrl_authApp_close:hover, .mectrl_theme_dark .mectrl_authApp_banner:hover, .mectrl_theme_dark .mectrl_authApp_banner_parent:hover, .mectrl_theme_dark .mectrl_authApp_close:hover { background-color: #005ba1 } .c-uhfh>.theme-dark .c-me .mectrl_authApp_banner:focus, .c-uhfh>.theme-dark .c-me .mectrl_authApp_banner_parent:focus, .c-uhfh>.theme-dark .c-me .mectrl_authApp_close:focus, .mectrl_theme_dark .mectrl_authApp_banner:focus, .mectrl_theme_dark .mectrl_authApp_banner_parent:focus, .mectrl_theme_dark .mectrl_authApp_close:focus { background-color: #005ba1; border: 1px dashed #fff; -webkit-box-sizing: border-box; box-sizing: border-box } .c-uhfh>.theme-dark .c-me .mectrl_authApp_banner:active, .c-uhfh>.theme-dark .c-me .mectrl_authApp_banner_parent:active, .c-uhfh>.theme-dark .c-me .mectrl_authApp_close:active, .mectrl_theme_dark .mectrl_authApp_banner:active, .mectrl_theme_dark .mectrl_authApp_banner_parent:active, .mectrl_theme_dark .mectrl_authApp_close:active { background-color: #006cbe } .mectrl_theme_azure_hclight .mectrl_authApp_banner, .mectrl_theme_azure_hclight .mectrl_authApp_close { background-color: #e5e5e5; border: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000 } .mectrl_theme_azure_hclight .mectrl_authApp_banner:active, .mectrl_theme_azure_hclight .mectrl_authApp_banner:focus, .mectrl_theme_azure_hclight .mectrl_authApp_banner:hover, .mectrl_theme_azure_hclight .mectrl_authApp_close:active, .mectrl_theme_azure_hclight .mectrl_authApp_close:focus, .mectrl_theme_azure_hclight .mectrl_authApp_close:hover { background-color: #751a7c; color: #fff } .mectrl_theme_azure_hcdark .mectrl_authApp_banner, .mectrl_theme_azure_hcdark .mectrl_authApp_close { background-color: #1a1a1a; border: 1px solid #000; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff } .mectrl_theme_azure_hcdark .mectrl_authApp_banner:active, .mectrl_theme_azure_hcdark .mectrl_authApp_banner:focus, .mectrl_theme_azure_hcdark .mectrl_authApp_banner:hover, .mectrl_theme_azure_hcdark .mectrl_authApp_close:active, .mectrl_theme_azure_hcdark .mectrl_authApp_close:focus, .mectrl_theme_azure_hcdark .mectrl_authApp_close:hover { background-color: #73fbfd; color: #000 } .consumption-page-structure { display: grid; grid-template-areas: "actions . content . rail" ". . eocb . ."; grid-template-columns: 48px 139px 874px 139px 348px; justify-content: center; position: relative; } .nav-container { align-items: center; display: flex; flex-direction: row; height: 46px; grid-column: 1; justify-self: center; transition: all 0.2s ease 0s; width: inherit; } @media (min-width: 956px){ .nav-container { grid-row: 2; margin: auto; width: 924px; }} @media (min-width: 1580px){ .nav-container { width: 1548px; }} .contextual-nav-container { flex-grow: 1; width: calc(100% - 44px); align-items: center; display: flex; } .list { height: auto; overflow: hidden; list-style: none; padding-inline: 0 15px; margin: 0; display: inline-flex; align-items: center; } li:first-child { padding-inline-start: 0; } li { list-style: none; padding: 0 16px; display: flex; } .consumption-page-content-header { margin: 32px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .list li{ list-style: none; padding: 0px 16px; display: flex; } .list li a{ font-size: var(--type-ramp-base-font-size); line-height: var(--type-ramp-base-line-height); box-sizing: border-box; justify-content: center; display: inline-flex; align-items: center; white-space: nowrap; outline: none; text-decoration: none; cursor: pointer; color: var(--neutral-foreground-rest); fill: var(--neutral-foreground-rest); border-bottom: 2px solid transparent; } .list li a:hover { border-bottom-color: var(--neutral-fill-hover); } .cbb-content > img { width: 30px; height: 30px; } #codex-bing-button { height: 46px; display: flex; flex-direction: column; justify-content: center; padding-inline-end: 8px; } .search-btn::part(control) { padding-inline: 16px 8px !important; } .core .search-btn::part(control) { width: 100%; padding-right: 22px !important; padding-left: 22px !important; } .app-download-button:hover { background: var(--subtle-background-hover, var(--neutral-fill-rest)); } .rewards-button:hover { background: var(--subtle-background-hover, var(--neutral-fill-rest)); } .notification-bell:hover { background: var(--subtle-background-hover, var(--neutral-fill-rest)); } .settings-button:hover { background: var(--subtle-background-hover, var(--neutral-fill-rest)); } .align-sign-in.sign-in-button-avatar:hover { background: transparent; } .core.search-btn-on-left .search-btn.stealth > svg { fill: var(--neutral-foreground-hint); } .toggleButton{ width: 250px; margin: auto; align-items: center; display: flex; background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); } #toggleButton{ border-radius: 20px; font-size: 16px; height: 40px; box-shadow: 0px 1.6px 3.6px rgba(255, 255, 255, 0.13), 0px 0px 2.9px rgb(0 0 0 / 11%); width: 250px; background: var(--accent-fill-rest); color: var(--foreground-on-accent-rest); align-items: center; display: flex; justify-content: center; } #toggleButton img{ width: 20px; height: 20px; margin-right: 5px; } #toggleButton:hover{ background: var(--accent-fill-hover); color: var(--foreground-on-accent-hover); } .floating-buttons { position: fixed; top: 40%; left: 15%; transform: translateY(-50%); z-index: 10; } .btn-floating { display: block; margin-bottom: 10px; } #button{ width: 40px; height: 40px; background: var(--at-item-bg); border: none; border-radius: var(--at-btn-radius, 12px); cursor: pointer; transition-duration: 0.4s; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px 0px, rgba(0, 0, 0, 0.14) 0px 2px 4px 0px; margin: 8px 0px; } #button-1{ width: 40px; height: 40px; background: var(--at-item-bg); border: none; border-radius: var(--at-btn-radius, 12px); cursor: pointer; transition-duration: 0.4s; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px 0px, rgba(0, 0, 0, 0.14) 0px 2px 4px 0px; margin: 8px 0px; } #button-1 img { width: 16px; transform: rotate(90deg); transform-origin: center; } .count-badge { top: -10px; right: -35%; background: var(--accent-fill-rest); width: max-content; min-width: 10px; border-radius: 100%; padding: 0px 6px; color: var(--foreground-on-accent-rest); position: absolute; text-align: center; } #button:hover { background-color: #f2f2f2; } #comments-count-button:hover { background-color: #f2f2f2; } #follow-button:hover{ background-color: rgb(61,61,61) !important; } /* .ext-link-button:hover{ width: 35px; height: 35px; background: var(--subtle-background-hover, var(--neutral-fill-rest)); } */ #comments-count-button{ width: 40px; height: 40px; background: var(--at-item-bg); border: none; border-radius: var(--at-btn-radius, 12px); cursor: pointer; transition-duration: 0.4s; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px 0px, rgba(0, 0, 0, 0.14) 0px 2px 4px 0px; margin: 8px 0px; } .binary-reactions-button { position: relative; height: unset; font-family: inherit; fill: currentcolor; margin-inline: unset !important; top: unset !important; } .comments-count-button { position: relative; } @media (max-width: 768px){ .floating-buttons{ display: none; } } .menu-button{ padding: 10px; border-radius: 5px; } .menu-button:hover{ background: var(--neutral-fill-stealth-hover); } /* .header{ display: grid; width: auto; margin: auto; } */ @media (max-width: 643px){ .header { grid-template-rows: repeat(3, auto); }} @media (max-width: 768px){ #input-1{ display: none; } } @media (min-width: 768px){ #input-2{ display: none; } } .viewsInfo { font-family: 'Segoe UI', 'SegoeUI', 'Roboto', sans-serif; text-align: center; width: 100%; } .gradientBackground .viewsHeader h1 { font-size: var(--type-ramp-plus-5-font-size); font-weight: 600; padding-top: 12px; padding-bottom: 0px; } .viewsHeader h1 { color: var(--neutral-foreground-rest); font-family: 'Eb Garamond'; font-size: 36px; font-weight: normal; line-height: 40px; margin: 0; max-height: 160px; overflow: hidden; padding-bottom: 3px; padding-top: 10px; } .gradientBackground .content { text-align: start; } .gradientBackground .viewsAttribution { margin-left: 0; margin-right: 0; opacity: 0.8; margin-top: 14px; margin-bottom: 22px; padding-bottom: 0px; } .readTimeInfo { color: #13A10E; background: url(https://assets.msn.com/staticsb/statics/latest/views/icons/ClockLight.svg) no-repeat; background-position: left center; padding-inline-start: 24px; margin-inline-start: 4px; pointer-events: none; display: inline-block; } .viewsAuthors { overflow: hidden; white-space: normal; line-height: 22px; } .viewsAttributionNewRR { display: inline-block; } .dropcap-element-slot { font-size: 64px; font-family: 'Eb Garamond'; font-style: normal; line-height: 52px; float: left; margin-inline-end: 8px; } /* .image-enlarged{ transform: scale(2); transition: transform 0.3s ease; cursor: zoom-out; } .image { cursor: zoom-in; transition: transform 0.3s ease; } */