.officeHome-callout {
 z-index:100;
 position:relative;
 margin:16px auto;
 width:288px
}
.officeHome-callout.officeHome-callout--arrowSide:after,
.officeHome-callout.officeHome-callout--arrowSide:before {
 content:"";
 position:absolute;
 -webkit-transform:rotate(-45deg);
 transform:rotate(-45deg);
 height:0;
 width:0
}
.officeHome-callout.officeHome-callout--arrowSide:before {
 z-index:0;
 outline:1px solid transparent;
 box-shadow:0 0 5px 0 rgba(0,0,0,.4)
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
 .officeHome-callout.officeHome-callout--arrowSide:before {
  box-shadow:0 0 5px 1px rgba(0,0,0,.4)
 }
}
.officeHome-callout.officeHome-callout--arrowSide:after {
 z-index:10
}
.officeHome-callout.officeHome-callout--arrowSide:after,
.officeHome-callout.officeHome-callout--arrowSide:before {
 top:40px;
 display:none;
 left:-4px;
 border:10px solid #fff;
 border-right-color:transparent
}
.officeHome-callout.officeHome-callout--arrowBottom:after,
.officeHome-callout.officeHome-callout--arrowBottom:before,
.officeHome-callout.officeHome-callout--arrowTop:after,
.officeHome-callout.officeHome-callout--arrowTop:before {
 left:0;
 right:0;
 margin:0 auto;
 width:0
}
.officeHome-callout.officeHome-callout--arrowTop:after,
.officeHome-callout.officeHome-callout--arrowTop:before {
 border:10px solid #fff;
 top:-10px
}
.officeHome-callout.officeHome-callout--arrowBottom:after,
.officeHome-callout.officeHome-callout--arrowBottom:before {
 border:10px solid #faf9f8;
 bottom:-10px
}
.officeHome-callout.officeHome-callout--arrowBottom:after,
.officeHome-callout.officeHome-callout--arrowBottom:before,
.officeHome-callout.officeHome-callout--arrowLeft:after,
.officeHome-callout.officeHome-callout--arrowLeft:before,
.officeHome-callout.officeHome-callout--arrowRight:after,
.officeHome-callout.officeHome-callout--arrowRight:before,
.officeHome-callout.officeHome-callout--arrowTop:after,
.officeHome-callout.officeHome-callout--arrowTop:before {
 content:"";
 position:absolute;
 -webkit-transform:rotate(-45deg);
 transform:rotate(-45deg);
 height:0;
 width:0
}
.officeHome-callout.officeHome-callout--arrowBottom:before,
.officeHome-callout.officeHome-callout--arrowLeft:before,
.officeHome-callout.officeHome-callout--arrowRight:before,
.officeHome-callout.officeHome-callout--arrowTop:before {
 z-index:0;
 outline:1px solid transparent;
 box-shadow:0 0 5px 0 rgba(0,0,0,.4)
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
 .officeHome-callout.officeHome-callout--arrowBottom:before,
 .officeHome-callout.officeHome-callout--arrowLeft:before,
 .officeHome-callout.officeHome-callout--arrowRight:before,
 .officeHome-callout.officeHome-callout--arrowTop:before {
  box-shadow:0 0 5px 1px rgba(0,0,0,.4)
 }
}
.officeHome-callout.officeHome-callout--arrowBottom:after,
.officeHome-callout.officeHome-callout--arrowLeft:after,
.officeHome-callout.officeHome-callout--arrowRight:after,
.officeHome-callout.officeHome-callout--arrowTop:after {
 z-index:10
}
.officeHome-callout-main {
 position:relative;
 background-color:#fff;
 box-sizing:border-box;
 outline:1px solid transparent;
 z-index:5;
 box-shadow:0 0 5px 0 rgba(0,0,0,.4)
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
 .officeHome-callout-main {
  box-shadow:0 0 5px 1px rgba(0,0,0,.4)
 }
}
.officeHome-callout-close {
 margin:0;
 border:0;
 background:none;
 cursor:pointer;
 position:absolute;
 top:0;
 right:0;
 padding:0;
 width:36px;
 height:36px;
 font-size:14px;
 color:#a19f9d;
 z-index:110
}
.officeHome-callout-inner {
 height:100%;
 padding:0 24px 20px
}
.officeHome-callout-header {
 z-index:105;
 padding:18px 30px 18px 24px
}
.officeHome-callout-title {
 margin:0;
 font-family:SegoeUI-SemiLight,Helvetica,Arial,sans-serif;
 font-size:21px
}
.officeHome-callout-subText {
 margin:0;
 font-family:SegoeUI,Helvetica,Arial,sans-serif;
 color:#323130;
 font-size:12px
}
.ms-Button.officeHome-callout-button {
 text-align:center
}
.feature-tooltip__content {
 padding:16px
}
.officeHome-callout.feature-tooltip {
 position:absolute
}
.fre-new-callout-svg {
 width:100%;
 height:100%;
 border-radius:4px 4px 0 0
}
@media (min-width:480px) {
 .officeHome-callout {
  width:300px;
  margin:16px
 }
 .officeHome-callout.officeHome-callout--arrowSide:after,
 .officeHome-callout.officeHome-callout--arrowSide:before {
  display:block
 }
}
.ms-Spinner-circle {
 margin:auto;
 border-radius:50%;
 border:1.5px solid #c7e0f4;
 border-top-color:#0078d4;
 -webkit-animation:spinAnimation 1.3s cubic-bezier(.53,.21,.29,.67) infinite;
 animation:spinAnimation 1.3s cubic-bezier(.53,.21,.29,.67) infinite
}
@-webkit-keyframes spinAnimation {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(1turn);
  transform:rotate(1turn)
 }
}
@keyframes spinAnimation {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(1turn);
  transform:rotate(1turn)
 }
}
.ms-Spinner--medium {
 width:28px;
 height:28px
}
.ms-Spinner--large {
 width:32px;
 height:32px
}
[ng-cloak] {
 display:none!important
}
svg.svg[fill=currentColor] {
 forced-color-adjust:auto
}
body {
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 height:100%;
 width:100%;
 position:fixed
}
#officeHomeRoot {
 font-family:SegoeUI,Helvetica,Arial,sans-serif
}
#officeHomeRoot .bold,
#officeHomeRoot b,
#officeHomeRoot strong {
 font-family:SegoeUI-SemiBold,Helvetica,Arial,sans-serif;
 font-weight:400
}
#officeHome,
input,
textarea {
 font-size:12px;
 color:#323130;
 line-height:18px;
 letter-spacing:.01em;
 text-align:left;
 font-weight:400;
 -webkit-text-size-adjust:100%;
 -moz-text-size-adjust:100%;
 -ms-text-size-adjust:100%;
 text-size-adjust:100%
}
input,
textarea {
 font-family:SegoeUI,Helvetica,Arial,sans-serif
}
div,
input,
span,
textarea {
 box-sizing:border-box
}
#officeHome,
#officeHome__container,
#officeHome__scroll-content {
 position:absolute;
 left:0;
 bottom:0;
 right:0
}
#officeHome.officeHome__embed-content {
 top:0
}
#officeHome__container.bottom-tray-navigation {
 bottom:50px
}
#officeHome__container {
 top:0
}
#officeHome__container.left-nav-offset {
 left:58px
}
#officeHome__container.appbar-offset {
 left:68px
}
#officeHome__container.o365cs-base * {
 box-sizing:border-box
}
.blur-background {
 -webkit-filter:blur(7px);
 filter:blur(7px)
}
.angular-root {
 top:48px
}
.angular-root.angular-root--hidden-shell {
 top:8px
}
#officeHome__scroll-content {
 scroll-behavior:smooth;
 top:0
}
#officeHome__scroll-content.scroll-content {
 overflow-y:scroll;
 display:-webkit-flex;
 display:flex;
 -webkit-flex-direction:column;
 flex-direction:column;
 -webkit-overflow-scrolling:touch;
 z-index:0
}
#officeHome__scroll-content.scroll-content.scroll-content--hide {
 overflow:hidden
}
#officeHome__scroll-content.scroll-content--transform {
 will-change:transform;
 -webkit-transform:translateZ(0);
 transform:translateZ(0)
}
#officeHome__scroll-content.app-gallery-workspace-nav-offset {
 top:20px
}
.left-nav-empty-content-state__container {
 margin:auto;
 text-align:center
}
.left-nav-empty-content-state__image {
 width:380px;
 margin-bottom:35px
}
.left-nav-empty-content-state__text {
 font-size:20px;
 margin-bottom:12px;
 font-family:SegoeUI,Helvetica,Arial,sans-serif
}
.left-nav-empty-content-state__subtitle {
 font-size:14px;
 color:#0078d4
}
.left-nav-teaching-callout {
 background-color:#fff;
 border-radius:0 8px 8px 0
}
.appbar-placeholder {
 position:absolute;
 top:0;
 height:100%;
 width:68px;
 left:0
}
#officeHome__wrapper {
 -webkit-flex:1 0 auto;
 flex:1 0 auto;
 min-width:300px;
 position:relative
}
#officeHome__content {
 display:-webkit-flex;
 display:flex;
 -webkit-flex-direction:column;
 flex-direction:column;
 height:100%
}
body {
 background-color:#f3f2f1;
 margin:0;
 overflow-y:hidden
}
h1,
h2,
h3,
h4,
h5 {
 font-weight:400;
 margin:0;
 line-height:normal
}
h1,
h2,
h4,
h5 {
 font-family:SegoeUI-Light,Helvetica,Arial,sans-serif
}
ul {
 margin:0;
 padding:0;
 list-style:none
}
img {
 border-width:0;
 vertical-align:middle
}
a {
 color:#323130;
 text-decoration:none;
 box-sizing:border-box
}
a:focus,
a:hover {
 color:#252423;
 text-decoration:underline
}
a:active,
a:visited {
 text-decoration:none
}
a.disabled {
 color:#767676;
 pointer-events:none
}
a.disabled:focus,
a.disabled:hover {
 color:#767676;
 text-decoration:none
}
a.disabled:hover {
 cursor:default
}
.touchevents a:hover {
 color:#323130
}
.page-overlay {
 display:-webkit-flex;
 display:flex;
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:500
}
.page-overlay__background {
 height:100vh;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 background-color:#252423;
 opacity:.1
}
.page-overlay__background.page-overlay__background--darker {
 opacity:.5
}
.width-restrictor--no-gutter {
 margin-left:auto;
 margin-right:auto;
 padding-left:32px;
 padding-right:32px;
 max-width:1852px
}
@media (min-width:1025px) {
 .width-restrictor--no-gutter {
  padding-left:64px;
  padding-right:64px
 }
}
.width-restrictor {
 margin:0 auto;
 max-width:1182px
}
.width-restrictor.width-restrictor--responsive {
 max-width:1128px
}
@media (max-width:479px) {
 .width-restrictor.width-restrictor--responsive {
  width:90%
 }
}
@media (min-width:480px) and (max-width:639px) {
 .width-restrictor.width-restrictor--responsive {
  width:92%
 }
}
@media (min-width:640px) and (max-width:1023px) {
 .width-restrictor.width-restrictor--responsive {
  width:90%
 }
}
@media (min-width:1024px) {
 .width-restrictor.width-restrictor--responsive {
  width:84%
 }
}
.width-restrictor.width-restrictor--workspaces {
 max-width:1460px
}
.centered-flex-container,
.flex-container {
 display:-webkit-flex;
 display:flex
}
.centered-flex-container {
 -webkit-align-items:center;
 align-items:center
}
.section-title--fluent {
 -webkit-flex-grow:1;
 flex-grow:1;
 font-family:SegoeUI-SemiBold,Helvetica,Arial,sans-serif;
 font-size:22px;
 color:#605e5c;
 line-height:36px
}
.section--fluent {
 margin:0 auto;
 padding-bottom:48px
}
.section--fluent .heading2,
.section--fluent h1 {
 -webkit-flex-grow:1;
 flex-grow:1;
 font-family:SegoeUI-SemiBold,Helvetica,Arial,sans-serif;
 font-size:22px;
 color:#605e5c;
 line-height:36px
}
.section--fluent h4 {
 font-family:SegoeUI-SemiBold,Helvetica,Arial,sans-serif;
 font-size:14px
}
.section--fluent .section-title--small {
 margin-bottom:4px
}
.section--fluent .section-title--small .heading2,
.section--fluent .section-title--small h1 {
 font-size:16px
}
.places-subsection .section--fluent {
 padding-bottom:36px
}
.section--expanding {
 overflow:hidden;
 -webkit-animation:section-expand 1.2s;
 animation:section-expand 1.2s
}
@-webkit-keyframes section-expand {
 0% {
  max-height:0
 }
 to {
  max-height:1600px
 }
}
@keyframes section-expand {
 0% {
  max-height:0
 }
 to {
  max-height:1600px
 }
}
.section--light {
 background:#f3f2f1
}
.section-header {
 margin-bottom:16px
}
.section-header--flex {
 display:-webkit-flex;
 display:flex;
 margin-bottom:16px
}
@media (max-width:639px) {
 .section-header--responsive {
  display:inline-block
 }
}
.section-header__subtitle {
 padding-left:0
}
.section--first {
 padding-top:24px
}
.list-header__timestamp {
 margin-right:12px;
 text-align:right;
 vertical-align:bottom;
 color:#767676
}
.section-header__subtitle {
 color:#767676
}
.section-header__subtitle b {
 font-weight:700
}
.section-list .ms-Grid-col {
 float:left
}
.section-list__table {
 width:100%;
 table-layout:fixed
}
.fluent-background {
 background-repeat:repeat-x;
 background-position-x:center
}
.fluent-background-color {
 background-color:#faf9f8
}
.fluentvnext-background {
 background-color:var(--colorNeutralBackground2,#fafafa)
}
.fluentvnext-background-shadow {
 box-shadow:var(--shadow4,0 0 2px var(--colorNeutralShadowAmbient,rgba(0,0,0,.12)),0 2px 4px var(--colorNeutralShadowAmbient,rgba(0,0,0,.14)))
}
.see-more-items {
 height:48px;
 line-height:48px;
 color:#605e5c;
 display:inline-block;
 background:none;
 border:none;
 padding:0;
 font:inherit;
 cursor:pointer
}
.see-more-items:active,
.see-more-items:focus {
 color:#252423;
 text-decoration:underline
}
.see-more-items:hover {
 color:#605e5c;
 text-decoration:underline
}
.see-more-items__icon--fluent {
 margin-bottom:4px;
 margin-left:4px
}
.expandable-list__item--bordered {
 border-top:1px solid;
 border-color:#e1dfdd
}
.expandable-list__item--bordered:first-child {
 border-color:#d2d0ce
}
.expandable-list__item.ng-animating {
 overflow:hidden;
 vertical-align:top
}
.expandable-list__item--bordered:last-child {
 border-bottom-style:solid;
 border-bottom-width:1px
}
.expandable-list__item--tile {
 display:inline-block;
 margin-right:12px;
 margin-bottom:36px
}
.expandable-list__item--tile .list-item__body--padded {
 padding:8px
}
.expandable-list__item--tile.list-item--tile--even-padding {
 margin-right:24px;
 margin-bottom:24px
}
.expandable-list-col__item--bordered {
 border-top:1px solid;
 border-color:#e1dfdd
}
.expandable-list-col__item--bordered:nth-child(2n) {
 margin-left:auto;
 width:48%
}
.expandable-list-col__item--bordered:nth-child(odd) {
 margin-right:auto;
 width:48%
}
.expandable-list-col__item--bordered:nth-last-child(-n+2) {
 border-bottom-style:solid;
 border-bottom-width:1px
}
@media (max-width:1023px) {
 .expandable-list-col__item--bordered:nth-child(2n) {
  margin-left:auto;
  width:100%
 }
 .expandable-list-col__item--bordered:nth-child(odd) {
  margin-right:auto;
  width:100%
 }
 .expandable-list-col__item--bordered:nth-last-child(-n+2) {
  border-bottom-style:none;
  border-bottom-width:none
 }
 .expandable-list-col__item--bordered:last-child {
  border-bottom-style:solid;
  border-bottom-width:1px
 }
}
.generic-row-container--row {
 display:-webkit-flex;
 display:flex;
 -webkit-flex-flow:row wrap;
 flex-flow:row wrap
}
.list-header {
 margin-bottom:12px;
 min-height:28px;
 font-size:16px;
 line-height:21px
}
.list-header--small {
 font-size:14px
}
.list-header--fluent {
 display:-webkit-flex;
 display:flex;
 -webkit-align-items:center;
 align-items:center
}
.list-header__title {
 float:left;
 font-family:SegoeUI-SemiBold,Helvetica,Arial,sans-serif;
 font-weight:400;
 color:#252423;
 font-size:inherit
}
.list-header__title.tab-display__item {
 font-family:SegoeUI,Helvetica,Arial,sans-serif
}
.list-header__title--fluent {
 float:left;
 -webkit-flex-grow:1;
 flex-grow:1;
 font-size:var(--fontSizeBase400,16px);
 line-height:var(--lineHeightBase400,22px);
 font-weight:var(--fontWeightSemibold,600);
 font-family:var(--fontFamilyBase,"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif)
}
.list-item--shadowed {
 transition:background-color .25s linear
}
.list-item--shadowed:hover.list-item--shadowed--bg-hover {
 box-shadow:0 8px 16px 0 rgba(0,0,0,.1);
 background-color:#edebe9
}
.list-item--shadowed:hover {
 box-shadow:0 8px 16px 0 rgba(0,0,0,.1);
 background-color:#fff
}
.list-item--shadowed:active,
.list-item--shadowed:focus {
 box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
}
.list-item--fluent:hover {
 background-color:var(--colorNeutralBackground2Hover,#f0f0f0)
}
.list-item--fluent:active {
 background-color:var(--colorNeutralBackground2Pressed,#dbdbdb)
}
.list-item__body {
 display:block;
 position:relative
}
.list-item__body--padded {
 padding:8px 12px
}
.list-item__flex-grow {
 position:relative;
 -webkit-flex-grow:1;
 flex-grow:1;
 overflow:hidden
}
.list-item__height-restrictor {
 height:40px
}
.list-item__icon {
 float:left;
 margin-right:12px;
 -webkit-flex-shrink:0;
 flex-shrink:0
}
.list-item__text--small {
 color:#605e5c
}
.list-item__text--large,
.list-item__text--medium {
 color:#252423;
 font-size:14px
}
.list-item__text--large {
 display:block;
 line-height:18px
}
.list-item__text--large--fluent {
 font-size:var(--fontSizeBase300,14px);
 line-height:var(--lineHeightBase300,20px);
 font-weight:var(--fontWeightSemibold,600);
 font-family:var(--fontFamilyBase,"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif)
}
.list-item__icon-wrapper {
 height:60px;
 position:relative;
 float:left
}
.list-item__icon--search {
 width:32px;
 height:32px;
 text-align:center;
 line-height:32px
}
.list-item__last-accessed,
.list-item__primary-subtitle,
.list-item__secondary,
.list-item__secondary-subtitle,
.list-item__title {
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden
}
.list-item__secondary {
 -webkit-flex-grow:1;
 flex-grow:1
}
.list-item--bottom {
 position:absolute;
 bottom:0
}
.list-item__primary-subtitle {
 margin-top:2px
}
.list-item__primary-subtitle .matched {
 color:#323130
}
.list-item__last-accessed {
 -webkit-flex-shrink:0;
 flex-shrink:0;
 position:relative
}
.list-item__attribution {
 margin-right:20px
}
@media (min-width:640px) {
 .list-item__text--limited-width {
  max-width:75%
 }
}
.matched {
 font-family:SegoeUI-SemiBold,Helvetica,Arial,sans-serif
}
.expandable-list {
 clear:right
}
.expandable-list .ms-Grid-col {
 padding-left:0
}
.generic-tile-container {
 margin-right:-12px;
 display:grid;
 grid-template-columns:repeat(auto-fill,minmax(190px,1fr))
}
@media (max-width:639px) {
 .generic-tile-container {
  text-align:center
 }
}
@supports (display:grid) {
 .generic-tile-container>* {
  min-width:0
 }
}
.generic-tile-container.generic-tile-container--fluent {
 grid-template-columns:repeat(auto-fill,minmax(193.88888889px,1fr))
}
.generic-tile-container.generic-tile-container--strict {
 grid-template-columns:repeat(8,minmax(178px,1fr))
}
@media (max-width:1919px) {
 .generic-tile-container.generic-tile-container--strict {
  grid-template-columns:repeat(6,minmax(178px,1fr))
 }
}
@media (max-width:1365px) {
 .generic-tile-container.generic-tile-container--strict {
  grid-template-columns:repeat(4,minmax(178px,1fr))
 }
}
@media (max-width:1023px) {
 .generic-tile-container.generic-tile-container--strict {
  grid-template-columns:repeat(3,minmax(178px,1fr))
 }
}
.expandable-list__item.ng-leave {
 transition:opacity .367s cubic-bezier(.1,.25,.75,.9);
 opacity:1
}
.expandable-list__item.ng-leave.ng-leave-active {
 opacity:0
}
.dropdown-menu-wrapper {
 display:inline-block
}
.dropdown-menu-wrapper--relative {
 position:relative
}
.dropdown-menu-wrapper--max-width {
 width:100%
}
.aria-description {
 display:none
}
.menu {
 display:-webkit-flex;
 display:flex;
 -webkit-flex-direction:column;
 flex-direction:column;
 -webkit-justify-content:flex-end;
 justify-content:flex-end;
 overflow:hidden;
 box-shadow:0 8px 16px 0 rgba(0,0,0,.1);
 border-radius:2px
}
.menu.menu--bottom {
 -webkit-justify-content:flex-start;
 justify-content:flex-start
}
.menu.officeHome-callout {
 position:absolute;
 margin:0;
 width:256px
}
.menu.officeHome-callout .officeHome-callout-main {
 position:static;
 box-shadow:none
}
.menu.officeHome-callout.context-menu--mobile {
 position:fixed;
 bottom:0;
 left:0;
 width:100%;
 border-radius:0;
 will-change:transform
}
.menu.officeHome-callout.actions-menu--mobile.context-menu--mobile {
 width:100%
}
.menu--right {
 right:0
}
.menu--center {
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}
.menu--bottom {
 bottom:0
}
.menu__content {
 -webkit-flex-shrink:0;
 flex-shrink:0;
 overflow-y:auto
}
@media screen and (-ms-high-contrast:active) {
 .menu__content {
  border:1px solid #fff
 }
}
.menu-item {
 display:-webkit-flex;
 display:flex;
 -webkit-align-items:center;
 align-items:center;
 overflow:hidden;
 cursor:pointer;
 font-size:14px;
 background-color:#fff;
 z-index:100;
 position:relative;
 padding:6px 12px;
 height:40px
}
.menu-item:first-child {
 margin-top:8px
}
.menu-item:last-child {
 margin-bottom:8px
}
.menu-item:focus,
.menu-item:hover {
 text-decoration:none;
 background-color:#e1dfdd
}
@media screen and (-ms-high-contrast:active) {
 .menu-item:focus,
 .menu-item:hover {
  outline:2px dotted #d2d0ce;
  outline-offset:-1px
 }
}
.menu-item:active {
 background-color:#c8c6c4
}
.menu-item.menu-item--mobile {
 padding:8px 17px
}
.menu-item__icon {
 margin-right:12px
}
.menu-item__title {
 line-height:28px;
 color:#323130;
 text-align:left
}
.actions-menu.officeHome-callout {
 width:300px
}
@media (max-width:1023px) {
 .actions-menu.officeHome-callout {
  width:268px
 }
}
.actions-menu.officeHome-callout .menu-item {
 color:#000
}
.actions-menu.officeHome-callout .menu-item__title {
 line-height:18px
}
.actions-menu.officeHome-callout .menu-item__title.menu-item__title--disabled {
 color:#979593
}
.actions-menu-link {
 border:none;
 padding:0;
 background:none;
 color:inherit;
 cursor:pointer;
 font:inherit
}
.actions-menu-link--hidden {
 opacity:0;
 display:inline-block
}
.list-item__body:focus,
.list-item__body:hover,
.list-item__focused,
.mru-list-item:focus {
 text-decoration:none
}
.list-item__body:focus .actions-menu-link--hidden,
.list-item__body:focus .suggested-action--dismiss,
.list-item__body:hover .actions-menu-link--hidden,
.list-item__body:hover .suggested-action--dismiss,
.list-item__focused .actions-menu-link--hidden,
.list-item__focused .suggested-action--dismiss,
.mru-list-item:focus .actions-menu-link--hidden,
.mru-list-item:focus .suggested-action--dismiss {
 opacity:1
}
.list-item__body:focus .document-card__menu.document-card__menu--hidden,
.list-item__body:focus .list-item-column.column--commanding.column--commanding--hidden,
.list-item__body:hover .document-card__menu.document-card__menu--hidden,
.list-item__body:hover .list-item-column.column--commanding.column--commanding--hidden,
.list-item__focused .document-card__menu.document-card__menu--hidden,
.list-item__focused .list-item-column.column--commanding.column--commanding--hidden,
.mru-list-item:focus .document-card__menu.document-card__menu--hidden,
.mru-list-item:focus .list-item-column.column--commanding.column--commanding--hidden {
 opacity:1;
 width:auto;
 height:auto;
 overflow:visible
}
.list-item__body:focus .document-card__menu.document-card__menu--hidden,
.list-item__body:hover .document-card__menu.document-card__menu--hidden,
.list-item__focused .document-card__menu.document-card__menu--hidden,
.mru-list-item:focus .document-card__menu.document-card__menu--hidden {
 margin-left:8px
}
.actions-menu__icon {
 color:#605e5c
}
.actions-menu__icon:focus,
.actions-menu__icon:hover {
 color:#252423
}
.actions-menu__icon--fluent {
 -webkit-transform:rotate(90deg);
 transform:rotate(90deg);
 margin-left:4px
}
.actions-menu-item__flex-content {
 display:-webkit-flex;
 display:flex;
 -webkit-align-items:center;
 align-items:center;
 overflow:hidden
}
.actions-menu-item__icon {
 margin-right:12px;
 margin-bottom:3px;
 text-align:center
}
.actions-menu-item__icon.menu-item__icon--disabled {
 color:#979593
}
.actions-menu-item__icon--mobile {
 margin-right:16px
}
.buttons-container>* {
 margin-left:12px
}
.buttons-container>:first-child {
 margin-left:0
}
.suggested-actions-buttons-container {
 padding:12px
}
.suggested-actions-buttons-container__cta {
 -webkit-flex-grow:1;
 flex-grow:1
}
.section__buttons-container {
 display:-webkit-flex;
 display:flex
}
.section__buttons-container>* {
 margin-left:12px
}
.section__buttons-container>:first-child {
 margin-left:0
}
@media (max-width:639px) {
 .section__buttons-container {
  margin-top:10px
 }
}
@media (max-width:1365px) {
 .commanding-item--responsive {
  display:none
 }
}
.commanding-item {
 width:40px;
 height:56px;
 line-height:56px;
 text-align:center;
 color:#252423
}
.commanding-item:focus,
.commanding-item:hover {
 background-color:#e1dfdd
}
@media (hover:none) {
 .commanding-item:hover {
  background-color:transparent
 }
}
.commanding-item:active {
 background-color:#c8c6c4
}
.commanding-item.commanding-item--disabled {
 color:#979593
}
.commanding-item--fluent {
 width:32px;
 height:32px;
 border-radius:var(--borderRadiusMedium,4px)
}
.commanding-item__icon {
 margin-bottom:6px
}
.list-item-column.column--commanding {
 padding-right:10px;
 overflow:visible;
 display:-webkit-flex;
 display:flex;
 -webkit-align-items:center;
 align-items:center;
 -webkit-justify-content:flex-end;
 justify-content:flex-end;
 -webkit-flex-shrink:1;
 flex-shrink:1
}
@media (max-width:1365px) {
 .list-item-column.column--commanding {
  padding-right:0;
  -webkit-order:1;
  order:1
 }
}
@media (max-width:639px) {
 .list-item-column.column--commanding {
  -webkit-flex-grow:1;
  flex-grow:1
 }
}
@media (max-width:479px) {
 .list-item-column.column--commanding.column--commanding-mobile {
  -webkit-flex-grow:1;
  flex-grow:1
 }
}
.list-item-column.column--commanding.column--commanding--hidden {
 width:0;
 height:0;
 opacity:0;
 overflow:hidden
}
.dialog {
 width:80%;
 min-width:240px;
 max-width:448px;
 padding:28px 32px;
 background-color:#fff;
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform:translateY(-50%) translateX(-50%);
 transform:translateY(-50%) translateX(-50%);
 box-shadow:0 8px 16px 0 rgba(0,0,0,.1)
}
.dialog__title--fluent {
 -webkit-flex-grow:1;
 flex-grow:1;
 font-family:SegoeUI-SemiBold,Helvetica,Arial,sans-serif;
 font-size:22px;
 color:#605e5c;
 line-height:36px;
 line-height:28px
}
.dialog__content-container {
 font-size:14px;
 margin-top:8px;
 min-height:48px;
 line-height:19px;
 color:#252423
}
.dialog__content-container .dialog-content {
 margin-top:8px
}
.dialog__actions {
 margin-top:24px
}
.responsive-width--outer {
 display:inline-block;
 overflow:hidden;
 vertical-align:bottom;
 max-width:100%;
 margin-top:-10px
}
.responsive-width--inner {
 overflow-x:auto;
 width:100%;
 display:-webkit-flex;
 display:flex;
 padding-top:10px
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
 .responsive-width--inner {
  padding-right:1px
 }
}
.responsive-width--inner:not(.show-scroll)::-webkit-scrollbar {
 display:none
}
.tab-display {
 list-style:none;
 padding-left:0;
 float:left
}
.tab-display__item {
 display:table-cell;
 white-space:nowrap;
 padding:2px 24px 0 2px
}
.tab-display__item:last-child {
 padding-right:2px
}
.tab-display__item a:focus,
.tab-display__item a:hover {
 text-decoration:none
}
.tab-display--places {
 min-height:28px
}
.tab-display__item--selected {
 border-bottom:2px solid #0078d4;
 padding-bottom:5px
}
.tab-display__item__link {
 display:block;
 color:#605e5c
}
.tab-display__item__link.tab-display__item__link--selected,
.tab-display__item__link:focus,
.tab-display__item__link:hover {
 font-family:SegoeUI-SemiBold,Helvetica,Arial,sans-serif;
 font-weight:400;
 color:#252423
}
.tab-display__item__link:after,
.tab-display__item__link:before {
 content:attr(data-text);
 height:0;
 overflow:hidden;
 visibility:hidden;
 display:block
}
.tab-display__item__link:after {
 font-family:SegoeUI-SemiBold,Helvetica,Arial,sans-serif;
 font-weight:400
}
.tab-display__item__link:before {
 font-family:SegoeUI,Helvetica,Arial,sans-serif
}
.tab-display__item__link--pill {
 display:-webkit-flex;
 display:flex;
 -webkit-flex-direction:row;
 flex-direction:row;
 width:-webkit-fit-content;
 width:-moz-fit-content;
 width:fit-content;
 height:32px;
 -webkit-align-items:center;
 align-items:center;
 white-space:noWrap;
 padding:6px 12px;
 border-radius:20px;
 margin:0 5px;
 float:left;
 color:var(--colorNeutralForeground1,#242424);
 background-color:var(--colorNeutralBackground4,#f0f0f0);
 border:1px solid var(--colorNeutralStroke2,#e0e0e0);
 border-width:var(--strokeWidthThin,1px);
 font-weight:var(--fontWeightRegular,400)
}
.tab-display__item__link--pill,
.tab-display__item__link--pill.tab-display__item__link--selected {
 font-size:var(--fontSizeBase300,14px);
 line-height:var(--lineHeightBase300,20px);
 font-family:var(--fontFamilyBase,"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif)
}
.tab-display__item__link--pill.tab-display__item__link--selected {
 border:var(--strokeWidthThin,1px) solid var(--colorTransparentStroke,transparent);
 font-weight:var(--fontWeightSemibold,600)
}
.tab-display__item__link--pill.tab-display__item__link--selected,
.tab-display__item__link--pill.tab-display__item__link--selected:active,
.tab-display__item__link--pill.tab-display__item__link--selected:focus,
.tab-display__item__link--pill.tab-display__item__link--selected:hover {
 color:var(--colorNeutralForegroundInverted,#fff);
 background-color:var(--colorNeutralBackgroundInverted,#616161)
}
.tab-display__item__link--pill:focus,
.tab-display__item__link--pill:hover {
 text-decoration:none;
 color:var(--colorNeutralForeground1,#242424)
}
.tab-display__item__link--pill:hover {
 background-color:var(--colorNeutralBackground4Hover,#fafafa);
 cursor:pointer
}
.tab-display__item__link--pill:active {
 background-color:var(--colorNeutralBackground4Pressed,#f5f5f5)
}
.tab-display__item__link--pill:active,
.tab-display__item__link--pill:focus {
 border:var(--strokeWidthThin,1px) solid var(--colorTransparentStroke,transparent)
}
.tab-display__item__link--pill:focus {
 outline:var(--strokeWidthThin,1px) solid var(--colorStrokeFocus2,#000);
 outline-offset:-1px
}
.widget-attribution {
 position:absolute;
 bottom:0;
 height:48px;
 line-height:48px
}
@media (max-width:1023px) {
 .widget-attribution.widget-attribution--middle {
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
 }
}
.widget-attribution--left {
 left:0
}
.widget-attribution--right {
 right:0
}
.widget-attribution__link {
 color:#106ebe;
 display:-webkit-flex;
 display:flex;
 font-size:14px;
 font-family:SegoeUI-SemiBold,Helvetica,Arial,sans-serif
}
.widget-attribution__link:hover {
 color:#106ebe
}
.widget-attribution__link:active,
.widget-attribution__link:focus {
 color:#004578;
 text-decoration:underline
}
.widget-attribution__link.widget-attribution__link--fluent {
 font-family:SegoeUI,Helvetica,Arial,sans-serif
}
[dir=rtl] .link-arrow,
[dir=rtl] .link-arrow--flip {
 -webkit-transform:scaleX(-1);
 transform:scaleX(-1)
}
.link-arrow {
 margin-left:8px;
 margin-bottom:7px
}
.diamond-web {
 font-size:18px;
 margin-right:8px;
 margin-bottom:7px
}
.diamond {
 line-height:21px;
 -webkit-align-items:center;
 align-items:center;
 text-align:center;
 color:#fff
}
.diamond,
.diamond-pwa {
 font-size:18px;
 display:-webkit-flex;
 display:flex
}
.diamond-pwa {
 margin-top:4px;
 margin-bottom:8px;
 margin-right:8px
}
.clearfix:after,
.clearfix:before {
 content:" ";
 display:table
}
.clearfix:after {
 clear:both
}
.overflow-restrictor {
 overflow:hidden
}
.list-item-column {
 text-align:left;
 padding-right:16px;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden
}
.list-item-column:last-child {
 padding-right:0
}
.clip {
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden
}
.generic-button {
 display:inline-block;
 padding:0 16px;
 line-height:36px;
 height:36px;
 border:none;
 text-align:center
}
.generic-button:focus,
.generic-button:hover {
 text-decoration:none;
 cursor:pointer
}
.generic-button--fluent {
 border-radius:2px;
 box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
 min-width:96px
}
@media screen and (-ms-high-contrast:active) {
 .generic-button--fluent {
  min-width:98px;
  line-height:34px;
  height:34px
 }
}
@media (max-width:1023px) {
 .generic-button--fluent {
  line-height:32px;
  height:32px;
  min-width:75px
 }
}
.generic-button--fluent:hover {
 box-shadow:0 8px 16px 0 rgba(0,0,0,.1)
}
.generic-button--fluent:hover:active {
 box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
}
.generic-button--fluentvnext {
 border-radius:var(--borderRadiusMedium,4px);
 font-size:var(--fontSizeBase300,14px);
 line-height:var(--lineHeightBase300,20px);
 font-weight:var(--fontWeightSemibold,600);
 font-family:var(--fontFamilyBase,"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif);
 min-width:96px;
 max-width:280px;
 height:32px;
 padding:0 12px;
 border:solid var(--strokeWidthThin,1px);
 display:-webkit-inline-flex;
 display:inline-flex;
 -webkit-align-items:center;
 align-items:center;
 -webkit-justify-content:center;
 justify-content:center;
 vertical-align:middle;
 outline-style:none;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden
}
.generic-button--fluentvnext:focus,
.generic-button--fluentvnext:hover {
 cursor:pointer;
 text-decoration:none
}
.generic-button--fluentvnext:focus-visible {
 outline-style:auto
}
.generic-button--fluentvnext--default {
 border-color:var(--colorNeutralStroke1,#d1d1d1);
 background-color:var(--colorNeutralBackground1,#fff);
 color:var(--colorNeutralForeground1,#242424)
}
.generic-button--fluentvnext--default:hover {
 border-color:var(--colorNeutralStroke1Hover,#c7c7c7);
 background-color:var(--colorNeutralBackground1Hover,#f5f5f5)
}
.generic-button--fluentvnext--default:active {
 border-color:var(--colorNeutralStroke1Pressed,#b3b3b3);
 background-color:var(--colorNeutralBackground1Pressed,#e0e0e0)
}
.generic-button--fluentvnext--default:focus,
.generic-button--fluentvnext--default:hover {
 color:var(--colorNeutralForeground1,#242424)
}
.generic-button--fluentvnext--primary {
 border-color:var(--colorTransparentStroke,transparent);
 background-color:var(--colorBrandBackground,#0078d4);
 color:var(--colorNeutralForegroundOnBrand,#fff)
}
.generic-button--fluentvnext--primary:hover {
 background-color:var(--colorBrandBackgroundHover,#106ebe)
}
.generic-button--fluentvnext--primary:active {
 background-color:var(--colorBrandBackgroundPressed,#004578)
}
.generic-button--fluentvnext--primary:focus,
.generic-button--fluentvnext--primary:hover {
 color:var(--colorNeutralForegroundOnBrand,#fff)
}
.generic-button--disabled {
 background-color:#edebe9!important;
 color:#323130!important;
 box-shadow:none!important;
 cursor:default!important
}
.generic-button--disabled--grey {
 background-color:#979593!important;
 color:#fff!important;
 cursor:default!important
}
.generic-button--dashed:focus {
 outline-style:dashed;
 outline-width:1px
}
.generic-button--dashed:focus:active,
.generic-button--dashed:focus:hover {
 outline-style:none;
 outline-width:medium
}
.generic-button--fluent--primary {
 background-color:#0078d4;
 color:#fff
}
.generic-button--fluent--primary:focus {
 outline-style:dashed;
 outline-width:1px
}
.generic-button--fluent--primary:focus:active,
.generic-button--fluent--primary:focus:hover {
 outline-style:none;
 outline-width:medium
}
.generic-button--fluent--primary:active,
.generic-button--fluent--primary:hover {
 background-color:#fff;
 color:#0078d4
}
.generic-button--fluent--primary:active.generic-button--bordered:not(.generic-button--disabled),
.generic-button--fluent--primary:hover.generic-button--bordered:not(.generic-button--disabled) {
 border:1px solid #f3f2f1;
 border-radius:3px
}
.generic-button--fluent--primary.generic-button__capturing-intent {
 background-color:#d83b01
}
.generic-button--fluent--primary.generic-button__capturing-intent:active,
.generic-button--fluent--primary.generic-button__capturing-intent:hover {
 color:#d83b01
}
.generic-button--fluent--secondary {
 background-color:#fff;
 color:#0078d4
}
.generic-button--fluent--secondary:active,
.generic-button--fluent--secondary:hover {
 background-color:#0078d4;
 color:#fff
}
.generic-button--fluent--secondary:active.generic-button--bordered:not(.generic-button--disabled),
.generic-button--fluent--secondary:hover.generic-button--bordered:not(.generic-button--disabled) {
 border:none;
 border-radius:2px
}
@media screen and (-ms-high-contrast:active) {
 .generic-button--fluent--secondary:active.generic-button--bordered:not(.generic-button--disabled),
 .generic-button--fluent--secondary:hover.generic-button--bordered:not(.generic-button--disabled) {
  border:1px solid #fff
 }
}
.generic-button--fluent--secondary.generic-button--bordered:not(.generic-button--disabled) {
 border:1px solid #f3f2f1;
 border-radius:3px
}
.generic-button__text {
 font-family:SegoeUI-SemiBold,Helvetica,Arial,sans-serif;
 font-size:14px;
 white-space:nowrap
}
.generic-button--fluent.callout-button {
 height:32px;
 line-height:32px;
 min-width:70px;
 padding:0 19px
}
.generic-button--fluent.callout-button::-moz-focus-inner {
 border:0
}
.generic-button--fluent.callout-button--themed-primary:focus {
 box-shadow:inset 0 0 0 1px #fff,inset 0 0 0 2px;
 outline:none
}
.callout-button--themed-primary {
 background-color:#fff;
 color:#0078d4
}
.callout-button--themed-primary:active {
 background-color:#c7e0f4
}
.callout-button--themed-primary:hover {
 background-color:#deecf9;
 border-color:#0078d4
}
.generic-button--fluent.callout-button--themed-secondary {
 box-shadow:inset 0 0 0 1px #fff;
 border-radius:2px
}
.callout-button--themed-secondary {
 background-color:#0078d4;
 color:#fff;
 border-color:#fff
}
.callout-button--themed-secondary:hover {
 background-color:#005a9e
}
.callout-button--themed-secondary:active {
 background-color:#004578
}
.icon-button {
 border:none;
 padding:0;
 background:none;
 color:inherit;
 cursor:pointer;
 font:inherit;
 display:inline-block;
 height:40px;
 min-width:40px;
 color:#605e5c
}
.icon-button:hover {
 background-color:#e1dfdd
}
.icon-button:active {
 background-color:#c8c6c4
}
.icon-button:active,
.icon-button:hover {
 color:#252423
}
.icon-button.icon-button--disabled,
.icon-button.icon-button--disabled:active,
.icon-button.icon-button--disabled:focus,
.icon-button.icon-button--disabled:hover {
 color:#c8c6c4
}
.icon-button.icon-button--fluent {
 height:32px;
 min-width:32px
}
.icon-button--disabled {
 pointer-events:none
}
.context-menu {
 position:absolute
}
.generic-tile-container.generic-tile-container--card {
 grid-template-columns:repeat(auto-fill,minmax(229px,1fr))
}
.generic-tile-container.generic-tile-container--card.generic-tile-container--card--fluent {
 grid-template-columns:repeat(auto-fill,minmax(388px,1fr))
}
@media (max-width:479px) {
 .generic-tile-container.generic-tile-container--card.generic-tile-container--card--small {
  grid-template-columns:repeat(auto-fill,minmax(162px,1fr))
 }
}
.generic-tile {
 display:inline-block;
 text-align:center;
 width:178px
}
@supports (display:grid) {
 .generic-tile {
  display:block;
  width:auto
 }
}
.generic-tile--shadowed:focus .generic-tile__fallback-image-container,
.generic-tile--shadowed:focus .generic-tile__thumbnail,
.generic-tile--shadowed:hover .generic-tile__fallback-image-container,
.generic-tile--shadowed:hover .generic-tile__thumbnail {
 box-shadow:0 8px 16px 0 rgba(0,0,0,.1)
}
.generic-tile--shadowed:focus:active .generic-tile__fallback-image-container,
.generic-tile--shadowed:focus:active .generic-tile__thumbnail,
.generic-tile--shadowed:hover:active .generic-tile__fallback-image-container,
.generic-tile--shadowed:hover:active .generic-tile__thumbnail {
 box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
}
.generic-tile__thumbnail {
 max-width:144px;
 min-width:74px;
 max-height:96px;
 min-height:82px;
 border:2px solid #edebe9
}
.generic-tile__thumbnail.generic-tile__thumbnail--excel {
 min-height:86px;
 max-width:112px
}
.generic-tile__images_container {
 position:relative;
 margin-bottom:12px
}
.generic-tile__images {
 display:inline-block;
 position:relative
}
@supports (outline-offset:1px) {
 .generic-tile__images {
  outline:3px solid #fff;
  outline-offset:-4px
 }
}
.generic-tile__fallback-image-container {
 background-color:#fff;
 border:2px solid transparent
}
.generic-tile__fallback-image-container,
.generic-tile__thumbnail {
 box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
}
.box-shadow--major {
 box-shadow:0 8px 16px 0 rgba(0,0,0,.1)
}
.border-bottom {
 border-bottom:1px solid #e1dfdd
}
.screen-reader__text {
 border:0;
 clip:rect(1px,1px,1px,1px);
 -webkit-clip-path:inset(50%);
 clip-path:inset(50%);
 height:1px;
 margin:-1px;
 width:1px;
 overflow:hidden;
 position:absolute;
 word-wrap:normal
}
#select-file {
 display:none
}
.share-control--mobile {
 position:fixed;
 bottom:0;
 left:0;
 will-change:transform
}
.share-control--content {
 position:fixed;
 top:50%;
 left:50%;
 -webkit-transform:translateY(-50%) translateX(-50%);
 transform:translateY(-50%) translateX(-50%)
}
.move-to-folder-control--mobile {
 position:fixed;
 bottom:0;
 left:0;
 will-change:transform
}
.move-to-folder-control--content {
 position:fixed;
 top:50%;
 left:50%;
 -webkit-transform:translateY(-50%) translateX(-50%);
 transform:translateY(-50%) translateX(-50%)
}
.drag-and-drop--outline {
 outline:3px solid #00bcf2;
 outline-offset:-3px
}
.document-card {
 width:273px;
 background-color:#fff;
 padding:0 8px;
 border-radius:2px;
 box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
 text-align:left
}
.document-card.document-card--motion {
 padding:0;
 border-radius:6px
}
.document-card.document-card--no-padding {
 padding:0
}
.document-card.document-card--suggested-action {
 padding:0;
 border-radius:var(--borderRadiusMedium,4px);
 box-shadow:var(--shadow4,0 0 2px var(--colorNeutralShadowAmbient,rgba(0,0,0,.12)),0 2px 4px var(--colorNeutralShadowAmbient,rgba(0,0,0,.14)))
}
.document-card.carousel-card {
 width:100%
}
@supports (display:grid) {
 .document-card {
  width:100%
 }
}
.document-card:hover {
 box-shadow:0 8px 16px 0 rgba(0,0,0,.1)
}
.document-card:hover:active {
 box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
}
.document-card.document-card--fluent {
 border-radius:var(--borderRadiusMedium,4px);
 box-shadow:var(--shadow4,0 0 2px var(--colorNeutralShadowAmbient,rgba(0,0,0,.12)),0 2px 4px var(--colorNeutralShadowAmbient,rgba(0,0,0,.14)));
 background-color:var(--colorNeutralBackground1,#fff)
}
.document-card.document-card--fluent:hover {
 box-shadow:var(--shadow8,0 0 2px var(--colorNeutralShadowAmbient,rgba(0,0,0,.12)),0 4px 8px var(--colorNeutralShadowAmbient,rgba(0,0,0,.14)))
}
.document-card.document-card--fluent:hover:active {
 box-shadow:var(--shadow4,0 0 2px var(--colorNeutralShadowAmbient,rgba(0,0,0,.12)),0 2px 4px var(--colorNeutralShadowAmbient,rgba(0,0,0,.14)));
 background-color:var(--colorNeutralBackground1Pressed,#e0e0e0)
}
.categories-listview {
 -webkit-justify-content:center;
 justify-content:center;
 overflow:hidden
}
.categories-card--center,
.categories-listview {
 display:-webkit-flex;
 display:flex;
 -webkit-align-items:center;
 align-items:center
}
.categories--padding-left {
 padding-left:5px
}
.document-card__thumbnail-container {
 position:relative;
 padding-bottom:56.25%;
 background-color:rgba(0,0,0,.02);
 overflow:hidden
}
.document-card__thumbnail-container.document-card__thumbnail-container--borderless {
 padding-bottom:45%
}
.document-card__thumbnail-container.document-card__thumbnail-container--rounded {
 border-radius:2px
}
.document-card__thumbnail-container.document-card__thumbnail-container--mobile {
 padding-bottom:0
}
.document-card__thumbnail-container.document-card__thumbnail-container--suggested-actions {
 padding-bottom:132px
}
.document-card__thumbnail-container.document-card__thumbnail-container--suggested-actions.document-card__thumbnail-container--myAnalytics {
 background-color:unset
}
.document-card__thumbnail-container--rounded-card {
 border-radius:6px 6px 0 0
}
.document-card__thumbnail-container--mobile {
 padding-top:56.25%
}
.document-card__thumbnail-container--mobile.document-card__thumbnail-container--no-header {
 padding-top:calc(56.25% + 46px)
}
.upcomingMeeting-card__details {
 background:#e2e2f6
}
.upcomingMeeting-card__left_rectangle {
 position:absolute;
 width:6px;
 left:0;
 top:0;
 bottom:0;
 background:#6264a7;
 border-radius:0
}
.upcomingMeeting-card__left_rectangle_dashed {
 position:absolute;
 width:6px;
 left:0;
 top:0;
 bottom:0;
 background:repeating-linear-gradient(48deg,#f7f8ff,#f7f8ff .2rem,#5b5fc7 0,#5b5fc7 .4rem);
 border-radius:0
}
.upcomingMeeting-card__default {
 position:absolute;
 font-family:SegoeUI;
 left:16px;
 right:12px;
 font-size:12px;
 line-height:16px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.upcomingMeeting-card__default.upcomingMeeting-card__title {
 top:8px;
 font-weight:600;
 font-size:14px;
 line-height:20px;
 color:#464775
}
.upcomingMeeting-card__default.upcomingMeeting-card__title.upcomingMeeting-card__title--suggested_action {
 font-size:var(--fontSizeBase300,14px);
 line-height:var(--lineHeightBase300,20px);
 font-weight:var(--fontWeightSemibold,600);
 font-family:var(--fontFamilyBase,"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif)
}
.upcomingMeeting-card__default.upcomingMeeting-card__time {
 top:29px;
 color:#464775
}
.upcomingMeeting-card__default.upcomingMeeting-card__location {
 top:46px;
 color:#464775
}
.upcomingMeeting-card__location__icon {
 height:11px;
 width:9px;
 margin-bottom:2px;
 color:#464775
}
.upcomingMeeting-card__attendees {
 position:absolute;
 left:16px;
 right:4.67%;
 top:70%;
 font-weight:400
}
.upcomingMeeting-card__attendees__position {
 float:left
}
.upcomingMeeting-card__attendee_status_image {
 height:10px;
 position:relative;
 background-size:cover;
 width:10px;
 left:16px;
 top:-16px
}
.upcomingMeeting-card__location_icon {
 position:absolute;
 width:9px;
 height:10.5px;
 left:16px;
 top:49px;
 background:#024578
}
.upcomingMeeting-card__join_text {
 height:40px;
 font-family:SegoeUI;
 font-size:14px;
 font-weight:600;
 color:#6264a7;
 -webkit-flex:none;
 flex:none;
 -webkit-order:1;
 order:1;
 -webkit-align-self:center;
 align-self:center
}
.upcomingMeeting-card__join_text.upcomingMeeting-card__join_text--fluent {
 height:21px
}
.upcomingMeeting-card_logo {
 margin-right:10px;
 margin-bottom:8px
}
.upcomingMeeting-card_logo.upcomingMeeting-card_logo--fluent {
 margin-bottom:4px
}
.myAnalytics-card_title {
 left:48px;
 right:12px;
 top:24px;
 font-family:Segoe UI;
 font-size:12px;
 line-height:16px;
 display:-webkit-flex;
 display:flex;
 color:#000;
 font-weight:600;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 display:block;
 width:75%
}
.myAnalytics-card_icon,
.myAnalytics-card_title {
 position:absolute;
 -webkit-align-items:center;
 align-items:center
}
.myAnalytics-card_icon {
 font-size:16px;
 left:12px;
 top:15px
}
.myAnalytics-card_action {
 position:static;
 height:40px;
 left:20.25%;
 right:0;
 top:42%;
 font-family:SegoeUI;
 font-size:14px;
 line-height:22px;
 color:#0078d4;
 -webkit-flex:none;
 flex:none;
 -webkit-order:1;
 order:1;
 -webkit-align-self:center;
 align-self:center
}
.myAnalytics-card_action_AddToTODo {
 position:relative;
 top:10px
}
.myAnalytics-card_action_ViewInToDo {
 position:relative;
 top:10px;
 left:32px
}
.myAnalytics-card_action_Done {
 position:relative;
 top:10px;
 left:35px
}
.myAnalytics-card_text {
 position:relative;
 top:1px;
 bottom:17px;
 font-family:SegoeUI;
 font-size:14px;
 line-height:20px;
 color:#000;
 display:inline;
 word-wrap:break-word;
 -webkit-hyphens:auto;
 -ms-hyphens:auto;
 hyphens:auto;
 white-space:normal;
 font-weight:200
}
.myAnalytics-card_text.myAnalytics-card_text--suggested-action {
 color:var(--colorNeutralForeground2,#424242);
 font-size:var(--fontSizeBase300,14px);
 line-height:var(--lineHeightBase300,20px);
 font-weight:var(--fontWeightRegular,400);
 font-family:var(--fontFamilyBase,"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif)
}
.myAnalytics-card_text__messageBy {
 position:absolute;
 font-weight:700;
 top:60px;
 left:12px;
 font-family:SegoeUI;
 font-size:14px;
 line-height:20px;
 color:#000
}
.myAnalytics-card_text__messageBy.myAnalytics-card_text__messageBy--suggested-action {
 top:15px;
 padding:0 44px;
 color:var(--colorNeutralForeground1,#242424);
 font-size:var(--fontSizeBase300,14px);
 line-height:var(--lineHeightBase300,20px);
 font-weight:var(--fontWeightSemibold,600);
 font-family:var(--fontFamilyBase,"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif)
}
.myAnalytics-card_viewInTodoIcon {
 position:relative;
 left:10px;
 top:10px
}
.document-card__thumbnail-wrapper {
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0
}
.document-card__thumbnail {
 width:100%
}
.document-card__thumbnail.document-card__thumbnail-officefeed-news {
 height:100%;
 object-fit:cover
}
.document-card__info {
 height:56px;
 padding:10px 0 10px 12px
}
.document-card__info.document-card__info--fluent {
 padding:12px 6px 12px 12px;
 height:66px
}
.document-card__info.document-card__info--fluent.document-card__info--expanded {
 height:104px
}
.document-card__info.document-card__info--expanded {
 height:100px
}
.document-card__info--fluent {
 font-size:var(--fontSizeBase300,14px);
 line-height:var(--lineHeightBase300,20px)
}
.document-card__info--fluent,
.document-card__text--small {
 font-weight:var(--fontWeightRegular,400);
 font-family:var(--fontFamilyBase,"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif)
}
.document-card__text--small {
 font-size:var(--fontSizeBase200,12px);
 line-height:var(--lineHeightBase200,16px)
}
.document-card__title-icon {
 -webkit-flex-shrink:0;
 flex-shrink:0;
 margin-right:12px
}
.document-card__title-icon.document-card__title-icon--hidden {
 visibility:hidden;
 width:0;
 margin-right:0
}
.video-duration {
 position:absolute;
 background:#000;
 opacity:.8;
 border-radius:2px;
 color:#fff;
 bottom:5px;
 right:5px;
 padding:2px 4px
}
.hide-shell,
.wac-content-hidden {
 display:none
}
.meet-now-button,
.shell-upsell-button {
 border-width:0;
 height:100%;
 padding:14px 8px;
 max-width:120px;
 outline-offset:-1px;
 text-align:center;
 font-size:14px;
 font-family:SegoeUI,Helvetica,Arial,sans-serif
}
.meet-now-button:active,
.meet-now-button:focus,
.meet-now-button:hover,
.shell-upsell-button:active,
.shell-upsell-button:focus,
.shell-upsell-button:hover {
 text-decoration:none
}
.shell-upsell-button {
 transition:background-color .467s cubic-bezier(.1,.9,.2,1) 34ms
}
.shell-upsell-button__icon,
.shell-upsell-button__icon:before {
 height:100%;
 padding-bottom:10px;
 font-size:18px;
 vertical-align:baseline
}
.shell-upsell-button__text {
 margin-left:4px;
 vertical-align:top
}
.meet-now-button {
 width:48px
}
.list-item--h-100 {
 height:100%
}
.list-item__title--double-line {
 height:40px;
 white-space:normal;
 padding-right:12px
}
.list-item__acronym-icon {
 width:100%;
 height:100%;
 color:#fff;
 font-size:14px;
 font-weight:100;
 font-family:SegoeUI,Helvetica,Arial,sans-serif;
 line-height:32px;
 text-align:center
}
.list-item__icon-container {
 position:relative;
 width:32px;
 height:32px;
 text-align:center;
 background-color:#fff
}
.visibility-yes {
 visibility:visible!important
}
@media (-ms-high-contrast) {
 #officeHome__wrapper {
  background-image:none!important
 }
 .workload-item--fluent__link:focus,
 .workload-item--fluent__link:hover {
  border:2px solid HighLight
 }
 .workload-item__icon--fluent,
 .workload-item__text--fluent {
  -ms-high-contrast-adjust:none;
  color:ButtonText!important
 }
 #see-more-items-unpinned-mru {
  color:-ms-hotlight
 }
 #install-dropdown-link,
 #recommended-nav-left,
 #recommended-nav-right,
 #tiles-list-menu-dropdown-link {
  border:2px solid ButtonText!important
 }
 #install-dropdown-link:focus,
 #install-dropdown-link:hover,
 #recommended-nav-left:focus,
 #recommended-nav-left:hover,
 #recommended-nav-right:focus,
 #recommended-nav-right:hover,
 #tiles-list-menu-dropdown-link:focus,
 #tiles-list-menu-dropdown-link:hover {
  border:2px solid HighLight!important;
  outline:none
 }
 #recommended-nav-left.icon-button--disabled,
 #recommended-nav-right.icon-button--disabled {
  border:none!important
 }
 #feedbackContainer:focus {
  border:none;
  outline-width:2px;
  outline-style:solid
 }
 .document-card {
  border:2px solid ButtonText
 }
 .document-card:hover {
  border:2px dashed HighLight
 }
 .fast-search-box__form {
  border:2px solid ButtonText
 }
 .fast-search-box__form:hover {
  border:2px solid HighLight
 }
 .activity-description__container,
 .document-column--sharing,
 .list-item__last-accessed,
 .list-item__title,
 .ohpAppTheme .activity-description,
 .ohpAppTheme .activity-user-name,
 .ohpAppTheme .places-column--timestamp.ms-fcl-np,
 .ohpAppTheme .places-column--timestamp .ms-fcl-np,
 .ohpAppTheme .tab-display__item__link.ms-fcl-ns {
  -ms-high-contrast-adjust:none;
  color:ButtonText!important
 }
 .tab-display__item--selected {
  border-bottom:2px solid HighLight!important;
  padding-bottom:5px
 }
 .expandable-list__item--bordered :focus,
 .expandable-list__item--bordered:hover {
  border:2px solid HighLight!important
 }
}
.visually-hidden {
 position:absolute!important;
 padding:0!important;
 margin:0!important;
 height:0!important;
 width:0!important;
 overflow:hidden!important;
 clip:rect(0 0 0 0)!important
}
.element-hidden {
 display:none!important
}
.ohp-keyboardfocus-tooltip {
 padding:5px;
 line-height:normal;
 border-radius:2px;
 box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
 margin-top:1.5em;
 text-align:left;
 position:absolute;
 max-width:200px;
 z-index:1;
 font-size:12px
}
.alert-message {
 display:-webkit-inline-flex;
 display:inline-flex
}
.alert-message__text {
 font-size:14px
}
.alert-message__icon {
 font-size:14px;
 margin-bottom:2px;
 line-height:12px;
 margin-right:4px;
 vertical-align:bottom
}
.apps-title {
 display:inline-block;
 min-width:75px
}
.apps-title.section-title--fluent {
 line-height:36px
}
.section-header--flex.apps-section-header--flex {
 margin-bottom:12px;
 display:-webkit-flex;
 display:flex;
 -webkit-flex-wrap:wrap;
 flex-wrap:wrap;
 -webkit-justify-content:flex-end;
 justify-content:flex-end
}
.tiles-section {
 box-shadow:none;
 min-height:232px
}
.consumer-tiles-section {
 padding:24px 0 48px;
 min-height:216px
}
.consumer-tiles-section.consumer-tiles-section--mobile {
 padding-bottom:0
}
.consumer-tiles-section--no-title {
 min-height:168px
}
.tiles-section__container {
 text-align:left
}
.tiles-section__container.mobile-tiles-section__container {
 margin-bottom:20px
}
.tiles-section__alert--fluent {
 text-align:left;
 overflow:auto;
 margin-top:5px;
 color:#252423;
 padding-bottom:12px
}
.large-tiles-container {
 display:-webkit-flex;
 display:flex
}
.large-tiles-container.mobile-tiles--outer {
 display:block
}
.fluent-tiles {
 display:-webkit-flex;
 display:flex;
 -webkit-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-bottom:-7px;
 margin-right:-7px
}
.fluent-tiles.mobile-tiles--inner {
 display:block
}
.mobile-tiles--outer {
 min-height:90px;
 margin-bottom:-20px;
 padding-bottom:20px
}
.mobile-tiles--outer:not(.mobile-tiles--virtual-outer) {
 overflow:hidden
}
@media (min-width:17px) and (max-width:479px) {
 .mobile-tiles--outer:not(.mobile-tiles--virtual-outer) {
  margin-left:-5.55555556%;
  margin-right:-5.55555556%;
  padding-left:5.55555556%;
  padding-right:5.55555556%;
  width:111.11111111%
 }
}
@media (min-width:480px) and (max-width:639px) {
 .mobile-tiles--outer:not(.mobile-tiles--virtual-outer) {
  margin-left:-4.34782609%;
  margin-right:-4.34782609%;
  padding-left:4.34782609%;
  padding-right:4.34782609%;
  width:108.69565217%
 }
}
@media (min-width:640px) and (max-width:1023px) {
 .mobile-tiles--outer:not(.mobile-tiles--virtual-outer) {
  margin-left:-5.55555556%;
  margin-right:-5.55555556%;
  padding-left:5.55555556%;
  padding-right:5.55555556%;
  width:111.11111111%
 }
}
@media (min-width:1024px) and (max-width:1359.73809524px) {
 .mobile-tiles--outer:not(.mobile-tiles--virtual-outer) {
  margin-left:-9.52380952%;
  margin-right:-9.52380952%;
  padding-left:9.52380952%;
  padding-right:9.52380952%;
  width:119.04761905%
 }
}
.mobile-tiles--outer.mobile-tiles--virtual-outer {
 overflow:hidden
}
@media (min-width:17px) and (max-width:479px) {
 .mobile-tiles--outer.mobile-tiles--virtual-outer {
  margin-left:-5.55555556%;
  margin-right:-5.55555556%;
  width:111.11111111%
 }
}
@media (min-width:480px) and (max-width:639px) {
 .mobile-tiles--outer.mobile-tiles--virtual-outer {
  margin-left:-4.34782609%;
  margin-right:-4.34782609%;
  width:108.69565217%
 }
}
@media (min-width:640px) and (max-width:1023px) {
 .mobile-tiles--outer.mobile-tiles--virtual-outer {
  margin-left:-5.55555556%;
  margin-right:-5.55555556%;
  width:111.11111111%
 }
}
@media (min-width:1024px) and (max-width:1359.73809524px) {
 .mobile-tiles--outer.mobile-tiles--virtual-outer {
  margin-left:-9.52380952%;
  margin-right:-9.52380952%;
  width:119.04761905%
 }
}
.mobile-tiles--inner {
 white-space:nowrap;
 overflow-x:scroll;
 margin-right:-4px;
 -webkit-overflow-scrolling:touch
}
@media (min-width:17px) and (max-width:479px) {
 .mobile-tiles--inner {
  margin-left:-5.55555556%;
  padding-left:5.55555556%;
  margin-right:-5.55555556%;
  padding-right:calc(5.55556% - 4px)
 }
}
@media (min-width:480px) and (max-width:639px) {
 .mobile-tiles--inner {
  margin-left:-4.34782609%;
  padding-left:4.34782609%;
  margin-right:-4.34782609%;
  padding-right:calc(4.34783% - 4px)
 }
}
@media (min-width:640px) and (max-width:1023px) {
 .mobile-tiles--inner {
  margin-left:-5.55555556%;
  padding-left:5.55555556%;
  margin-right:-5.55555556%;
  padding-right:calc(5.55556% - 4px)
 }
}
@media (min-width:1024px) and (max-width:1359.73809524px) {
 .mobile-tiles--inner {
  margin-left:-9.52380952%;
  padding-left:9.52380952%;
  margin-right:-9.52380952%;
  padding-right:calc(9.52381% - 4px)
 }
}
.mobile-tiles--inner::-webkit-scrollbar {
 display:none
}
.virtual-scroll-tiles {
 height:104px;
 width:100%;
 overflow-y:hidden
}
@media (min-width:17px) and (max-width:479px) {
 .virtual-scroll-tiles .cdk-virtual-scroll-content-wrapper {
  padding-left:5.55555556%;
  padding-right:5.55555556%
 }
}
@media (min-width:480px) and (max-width:639px) {
 .virtual-scroll-tiles .cdk-virtual-scroll-content-wrapper {
  padding-left:4.34782609%;
  padding-right:4.34782609%
 }
}
@media (min-width:640px) and (max-width:1023px) {
 .virtual-scroll-tiles .cdk-virtual-scroll-content-wrapper {
  padding-left:5.55555556%;
  padding-right:5.55555556%
 }
}
@media (min-width:1024px) and (max-width:1359.73809524px) {
 .virtual-scroll-tiles .cdk-virtual-scroll-content-wrapper {
  padding-left:9.52380952%;
  padding-right:9.52380952%
 }
}
.tiles__container,
.tiles__content {
 margin-right:7px;
 margin-bottom:7px
}
.tiles__container.tiles__container--touch,
.tiles__container.tiles__content--touch,
.tiles__content.tiles__container--touch,
.tiles__content.tiles__content--touch {
 margin-right:4px;
 margin-bottom:4px
}
.tiles__container--touch,
.tiles__content--touch {
 display:inline-block
}
.explore-apps__text--fluent {
 border:none;
 padding:0;
 background:none;
 color:inherit;
 cursor:pointer;
 font:inherit;
 font-family:SegoeUI-SemiBold,Helvetica,Arial,sans-serif;
 display:inline-block;
 letter-spacing:normal
}
.explore-apps__text--fluent.explore-apps__text--backplate {
 border-radius:2px;
 line-height:32px;
 height:32px;
 min-width:75px
}
.explore-apps__text--fluent {
 color:#106ebe;
 font-size:14px;
 padding-left:0
}
.explore-apps__text--fluent.explore-apps__text--backplate {
 padding:0 16px
}
.explore-apps__text--fluent:hover {
 color:#106ebe;
 text-decoration:underline
}
.explore-apps__text--fluent:active,
.explore-apps__text--fluent:focus {
 color:#004578;
 text-decoration:underline
}
.explore-apps--fluent {
 clear:both;
 line-height:48px
}
.explore-apps--backplate {
 display:-webkit-flex;
 display:flex;
 -webkit-align-items:center;
 align-items:center;
 height:48px
}
@media (min-width:0px) {
 .mobile-promoted-tiles {
  margin-bottom:12px
 }
}
@media (min-width:640px) {
 .mobile-promoted-tiles {
  margin-bottom:22px
 }
}
@media (min-width:768px) {
 .mobile-promoted-tiles {
  margin-bottom:26px
 }
}
@media (min-width:1024px) {
 .mobile-promoted-tiles {
  margin-bottom:34px
 }
}
@media (min-width:1182px) {
 .mobile-promoted-tiles {
  margin-bottom:40px
 }
}
.promoted-tiles__text {
 display:inline-block;
 white-space:normal;
 text-align:left;
 font-size:12px;
 line-height:14px;
 padding-left:12px;
 padding-right:12px;
 width:200px;
 color:#323130
}
.workload-item {
 position:relative;
 float:left;
 display:inline-block;
 transition:outline .125s ease-in-out,-webkit-transform .125s ease-in-out;
 transition:outline .125s ease-in-out,transform .125s ease-in-out;
 transition:outline .125s ease-in-out,transform .125s ease-in-out,-webkit-transform .125s ease-in-out
}
.workload-item:focus .workload-item__unpin,
.workload-item:hover .workload-item__unpin {
 opacity:1
}
.workload-item--mobile {
 overflow:auto;
 display:-webkit-flex;
 display:flex;
 margin-bottom:10px;
 position:relative
}
.workload-item--mobile:hover {
 background-color:hsla(0,0%,100%,.4)
}
.workload-item--mobile:focus,
.workload-item--mobile:hover {
 text-decoration:none
}
.workload-item__link {
 position:relative;
 text-align:center;
 cursor:pointer;
 overflow:hidden
}
.workload-item__link:focus,
.workload-item__link:hover {
 text-decoration:none
}
.workload-item--fluent__link {
 display:block;
 height:96px;
 width:96px
}
@media (min-width:320px) and (max-width:359px),(min-width:414px) and (max-width:479px) {
 .workload-item--fluent__link.workload-item--fluent__link--touch {
  height:86px;
  width:86px
 }
}
.workload-item--fluent--provisioned {
 transition:background-color .1s ease-in
}
.workload-item--fluent--provisioned:hover {
 box-shadow:0 8px 16px 0 rgba(0,0,0,.1)
}
.workload-item--fluent--provisioned:active,
.workload-item--fluent--provisioned:focus {
 box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
}
.workload-item--fluent--hover-style {
 box-shadow:0 8px 16px 0 rgba(0,0,0,.1);
 background-color:#fff
}
.workload-item--mobile__icon__glyph {
 line-height:60px!important
}
.workload-item--provisioned .workload-item--mobile__icon {
 color:#fff
}
.workload-item__icon--fluent {
 display:-webkit-flex;
 display:flex;
 -webkit-align-items:flex-end;
 align-items:flex-end;
 -webkit-justify-content:center;
 justify-content:center;
 font-size:32px;
 height:51px
}
@media (min-width:320px) and (max-width:359px),(min-width:414px) and (max-width:479px) {
 .workload-item__icon--fluent.workload-item__icon--touch {
  height:46px
 }
}
.workload-item__icon--fluent--promoted {
 display:-webkit-flex;
 display:flex;
 -webkit-justify-content:center;
 justify-content:center;
 -webkit-align-items:center;
 align-items:center;
 font-size:32px;
 float:left;
 padding-left:12px;
 height:46px
}
.workload-item__icon--fluent--3rd-party-image {
 height:51px;
 position:relative
}
.workload-item--mobile__icon {
 height:60px;
 width:60px;
 text-align:center;
 display:inline-block;
 float:left;
 -webkit-flex-shrink:0;
 flex-shrink:0;
 background-color:#0078d4
}
.workload-item__icon--image {
 bottom:0;
 max-height:40px;
 max-width:32px;
 position:absolute;
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}
.workload-item--fluent--promoted__link {
 text-align:left
}
.workload-item--fluent--promoted {
 width:200px;
 height:96px;
 margin-left:7px
}
.workload-item__name--fluent {
 color:#252423;
 font-size:14px;
 height:46px
}
@media (min-width:320px) and (max-width:359px),(min-width:414px) and (max-width:479px) {
 .workload-item__name--fluent.workload-item__name--fluent--touch {
  height:42px
 }
}
.workload-item__name--fluent.workload-item__name--fluent--promoted {
 display:inline-block;
 margin-left:12px
}
.workload-item__text--fluent {
 position:relative;
 overflow-wrap:break-word;
 white-space:normal;
 max-height:36px;
 overflow:hidden;
 padding:0 5px;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.workload-item__text--fluent.workload-item__text--fluent--third-party {
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden
}
.workload-item--mobile__text {
 font-family:SegoeUI-SemiLight,Helvetica,Arial,sans-serif;
 font-size:14px;
 margin-left:10px
}
.workload-item--mobile__name {
 position:absolute;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 max-height:100%;
 overflow:auto
}
.workload-item--provisioning {
 cursor:default;
 color:#605e5c;
 background-color:transparent
}
.workload-item--provisioning:focus,
.workload-item--provisioning:hover {
 text-decoration:none;
 color:#605e5c
}
.workload-item--provisioning.workload-item--mobile .workload-item--mobile__icon {
 background-color:#edebe9
}
.workload-item-text--provisioning--fluent {
 display:block;
 font-size:12px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 width:100px
}
.my-account__link--hover-style {
 text-decoration:underline
}
@media (min-width:320px) and (max-width:359px),(min-width:414px) and (max-width:479px) {
 .app-tile-icon--small,
 .app-tile-icon--small:before {
  vertical-align:unset
 }
}
.non-workload-item__icon {
 color:#106ebe
}
.non-workload-link__text {
 font-family:SegoeUI-SemiBold,Helvetica,Arial,sans-serif;
 color:#106ebe
}
.workload-item__unpin {
 border:none;
 background:none;
 color:inherit;
 cursor:pointer;
 font:inherit;
 color:#252423;
 margin-top:-2px;
 opacity:0;
 padding:0 5px 5px;
 position:absolute;
 right:0;
 top:0
}
.workload-item__unpin:active,
.workload-item__unpin:focus,
.workload-item__unpin:hover {
 background-color:#e1dfdd;
 color:#0078d4;
 opacity:1
}
.animated-tile {
 -webkit-animation:all 50ms cubic-bezier(.1,.9,.2,1);
 animation:all 50ms cubic-bezier(.1,.9,.2,1)
}
.animated-tile:active,
.animated-tile:hover,
.animated-tilefocus {
 -webkit-transform:scale(1.08);
 transform:scale(1.08)
}
.person-picture__image {
 margin-right:10px;
 border-radius:50%;
 display:inline-block
}
.person-picture__image.person-picture__image--card {
 margin-right:0
}
.person-picture__30 {
 height:30px;
 width:30px
}
.person-picture__image--icon {
 margin-top:3px;
 text-align:center
}
.person-picture-upcoming-meeting__display {
 height:24px;
 width:24px;
 border-radius:50%;
 display:inline-block;
 margin-right:2px;
 background:rgba(0,0,0,.1)
}
.person-picture-upcoming-meeting__text {
 position:relative;
 width:15px;
 height:16px;
 top:3px;
 left:9px;
 font-family:SegoeUI;
 font-size:12px;
 line-height:16px;
 color:#024578
}
.person-picture-upcoming-meeting__text.person-picture-upcoming-meeting__placeholder__text {
 left:5px
}
.list-header.list-header--carousel {
 height:40px;
 margin-bottom:4px
}
.list-header.list-header--carousel.list-header--carousel--motion {
 margin-bottom:0
}
.list-header__title--carousel {
 line-height:40px;
 height:40px
}
.carousel-nav {
 float:right
}
.carousel-nav__arrow {
 margin-top:-10px
}
[dir=rtl] .carousel-nav__arrow {
 -webkit-transform:scaleX(-1);
 transform:scaleX(-1)
}
.carousel {
 margin-bottom:12px
}
.carousel.carousel--fluent {
 margin-bottom:28px
}
.carousel--outer {
 margin-bottom:-20px;
 padding-bottom:20px
}
.carousel--outer:not(.carousel--virtual-outer) {
 overflow:hidden
}
@media (min-width:17px) and (max-width:479px) {
 .carousel--outer:not(.carousel--virtual-outer) {
  margin-left:-5.55555556%;
  margin-right:-5.55555556%;
  padding-left:5.55555556%;
  padding-right:5.55555556%;
  width:111.11111111%
 }
}
@media (min-width:480px) and (max-width:639px) {
 .carousel--outer:not(.carousel--virtual-outer) {
  margin-left:-4.34782609%;
  margin-right:-4.34782609%;
  padding-left:4.34782609%;
  padding-right:4.34782609%;
  width:108.69565217%
 }
}
@media (min-width:640px) and (max-width:1023px) {
 .carousel--outer:not(.carousel--virtual-outer) {
  margin-left:-5.55555556%;
  margin-right:-5.55555556%;
  padding-left:5.55555556%;
  padding-right:5.55555556%;
  width:111.11111111%
 }
}
@media (min-width:1024px) and (max-width:1359.73809524px) {
 .carousel--outer:not(.carousel--virtual-outer) {
  margin-left:-9.52380952%;
  margin-right:-9.52380952%;
  padding-left:9.52380952%;
  padding-right:9.52380952%;
  width:119.04761905%
 }
}
.carousel--outer.carousel--virtual-outer {
 overflow:hidden
}
@media (min-width:17px) and (max-width:479px) {
 .carousel--outer.carousel--virtual-outer {
  margin-left:-5.55555556%;
  margin-right:-5.55555556%;
  width:111.11111111%
 }
}
@media (min-width:480px) and (max-width:639px) {
 .carousel--outer.carousel--virtual-outer {
  margin-left:-4.34782609%;
  margin-right:-4.34782609%;
  width:108.69565217%
 }
}
@media (min-width:640px) and (max-width:1023px) {
 .carousel--outer.carousel--virtual-outer {
  margin-left:-5.55555556%;
  margin-right:-5.55555556%;
  width:111.11111111%
 }
}
@media (min-width:1024px) and (max-width:1359.73809524px) {
 .carousel--outer.carousel--virtual-outer {
  margin-left:-9.52380952%;
  margin-right:-9.52380952%;
  width:119.04761905%
 }
}
.carousel--inner {
 white-space:nowrap;
 overflow-x:scroll;
 margin-right:-12px;
 -webkit-overflow-scrolling:touch
}
@media (min-width:17px) and (max-width:479px) {
 .carousel--inner {
  margin-left:-5.55555556%;
  padding-left:5.55555556%;
  margin-right:-5.55555556%;
  padding-right:calc(5.55556% - 12px)
 }
}
@media (min-width:480px) and (max-width:639px) {
 .carousel--inner {
  margin-left:-4.34782609%;
  padding-left:4.34782609%;
  margin-right:-4.34782609%;
  padding-right:calc(4.34783% - 12px)
 }
}
@media (min-width:640px) and (max-width:1023px) {
 .carousel--inner {
  margin-left:-5.55555556%;
  padding-left:5.55555556%;
  margin-right:-5.55555556%;
  padding-right:calc(5.55556% - 12px)
 }
}
@media (min-width:1024px) and (max-width:1359.73809524px) {
 .carousel--inner {
  margin-left:-9.52380952%;
  padding-left:9.52380952%;
  margin-right:-9.52380952%;
  padding-right:calc(9.52381% - 12px)
 }
}
@supports (display:grid) {
 .carousel-card__content {
  grid-auto-flow:column;
  grid-auto-columns:0
 }
 @media (min-width:1107.42857143px) {
  .carousel-card__content.carousel-card__content--four-cards-max {
   grid-template-columns:repeat(4,1fr)
  }
 }
}
.carousel-card-container {
 display:inline-block;
 margin-bottom:12px;
 margin-right:12px;
 width:calc(25% - 12px)
}
@media (min-width:17px) and (max-width:479px) {
 .carousel-card-container {
  width:calc(33.33333% - 12px)
 }
}
@media (min-width:480px) and (max-width:639px) {
 .carousel-card-container {
  width:calc(33.33333% - 12px)
 }
}
@media (min-width:640px) and (max-width:1021.43333333px) {
 .carousel-card-container {
  width:calc(33.33333% - 12px)
 }
}
@media (min-width:1024px) and (max-width:1093.17857143px) {
 .carousel-card-container {
  width:calc(33.33333% - 12px)
 }
}
@media (min-width:17px) and (max-width:479px) {
 .carousel-card-container {
  width:calc(50% - 12px)
 }
}
@media (min-width:480px) and (max-width:639px) {
 .carousel-card-container {
  width:calc(50% - 12px)
 }
}
@media (min-width:640px) and (max-width:766.98888889px) {
 .carousel-card-container {
  width:calc(50% - 12px)
 }
}
@media (min-width:1024px) and (max-width:820.55952381px) {
 .carousel-card-container {
  width:calc(50% - 12px)
 }
}
@media (min-width:17px) and (max-width:479px) {
 .carousel-card-container {
  width:calc(100% - 12px)
 }
}
@media (min-width:480px) and (max-width:501.77173913px) {
 .carousel-card-container {
  width:calc(100% - 12px)
 }
}
@media (min-width:640px) and (max-width:512.54444444px) {
 .carousel-card-container {
  width:calc(100% - 12px)
 }
}
@media (min-width:1024px) and (max-width:547.94047619px) {
 .carousel-card-container {
  width:calc(100% - 12px)
 }
}
@supports (display:grid) {
 .carousel-card-container.carousel-card--desktop {
  width:auto
 }
}
@media (min-width:17px) and (max-width:479px) {
 .carousel-card-container.carousel-card--touch {
  width:calc(33.33333% - 18.66667px)
 }
}
@media (min-width:480px) and (max-width:639px) {
 .carousel-card-container.carousel-card--touch {
  width:calc(33.33333% - 18.66667px)
 }
}
@media (min-width:640px) and (max-width:1021.43333333px) {
 .carousel-card-container.carousel-card--touch {
  width:calc(33.33333% - 18.66667px)
 }
}
@media (min-width:1024px) and (max-width:1093.17857143px) {
 .carousel-card-container.carousel-card--touch {
  width:calc(33.33333% - 18.66667px)
 }
}
@media (min-width:17px) and (max-width:479px) {
 .carousel-card-container.carousel-card--touch {
  width:calc(50% - 22px)
 }
}
@media (min-width:480px) and (max-width:639px) {
 .carousel-card-container.carousel-card--touch {
  width:calc(50% - 22px)
 }
}
@media (min-width:640px) and (max-width:766.98888889px) {
 .carousel-card-container.carousel-card--touch {
  width:calc(50% - 22px)
 }
}
@media (min-width:1024px) and (max-width:820.55952381px) {
 .carousel-card-container.carousel-card--touch {
  width:calc(50% - 22px)
 }
}
@media (min-width:17px) and (max-width:479px) {
 .carousel-card-container.carousel-card--touch {
  width:calc(100% - 32px)
 }
}
@media (min-width:480px) and (max-width:501.77173913px) {
 .carousel-card-container.carousel-card--touch {
  width:calc(100% - 32px)
 }
}
@media (min-width:640px) and (max-width:512.54444444px) {
 .carousel-card-container.carousel-card--touch {
  width:calc(100% - 32px)
 }
}
@media (min-width:1024px) and (max-width:547.94047619px) {
 .carousel-card-container.carousel-card--touch {
  width:calc(100% - 32px)
 }
}
.carousel-card-container.carousel-card--virtual-touch {
 width:270px
}
@media (min-width:17px) and (max-width:479px) {
 .carousel-card-container.carousel-card--virtual-touch {
  width:calc(25.39683vw - 12px)
 }
}
@media (min-width:480px) and (max-width:639px) {
 .carousel-card-container.carousel-card--virtual-touch {
  width:calc(26.08696vw - 12px)
 }
}
@media (min-width:640px) and (max-width:1021.43333333px) {
 .carousel-card-container.carousel-card--virtual-touch {
  width:calc(25.39683vw - 12px)
 }
}
@media (min-width:1024px) and (max-width:1093.17857143px) {
 .carousel-card-container.carousel-card--virtual-touch {
  width:calc(23.12925vw - 12px)
 }
}
@media (min-width:17px) and (max-width:479px) {
 .carousel-card-container.carousel-card--virtual-touch {
  width:calc(35.55556vw - 12px)
 }
}
@media (min-width:480px) and (max-width:639px) {
 .carousel-card-container.carousel-card--virtual-touch {
  width:calc(36.52174vw - 12px)
 }
}
@media (min-width:640px) and (max-width:766.98888889px) {
 .carousel-card-container.carousel-card--virtual-touch {
  width:calc(35.55556vw - 12px)
 }
}
@media (min-width:1024px) and (max-width:820.55952381px) {
 .carousel-card-container.carousel-card--virtual-touch {
  width:calc(32.38095vw - 12px)
 }
}
@media (min-width:17px) and (max-width:479px) {
 .carousel-card-container.carousel-card--virtual-touch {
  width:calc(59.25926vw - 12px)
 }
}
@media (min-width:480px) and (max-width:501.77173913px) {
 .carousel-card-container.carousel-card--virtual-touch {
  width:calc(60.86957vw - 12px)
 }
}
@media (min-width:640px) and (max-width:512.54444444px) {
 .carousel-card-container.carousel-card--virtual-touch {
  width:calc(59.25926vw - 12px)
 }
}
@media (min-width:1024px) and (max-width:547.94047619px) {
 .carousel-card-container.carousel-card--virtual-touch {
  width:calc(53.96825vw - 12px)
 }
}
.carousel-card-container.carousel-card--peek {
 width:0
}
@media (min-width:17px) and (max-width:479px) {
 .carousel-card-container.carousel-card--peek {
  width:calc(25% - 25px)
 }
}
@media (min-width:480px) and (max-width:639px) {
 .carousel-card-container.carousel-card--peek {
  width:calc(25% - 25px)
 }
}
@media (min-width:640px) and (max-width:1023px) {
 .carousel-card-container.carousel-card--peek {
  width:calc(25% - 25px)
 }
}
@media (min-width:1024px) and (max-width:1359.85714286px) {
 .carousel-card-container.carousel-card--peek {
  width:calc(25% - 25px)
 }
}
@media (min-width:1359.85714286px) {
 .carousel-card-container.carousel-card--peek {
  width:calc(25% - 25px)
 }
}
@media (min-width:17px) and (max-width:479px) {
 .carousel-card-container.carousel-card--peek {
  width:calc(33.33333% - 29.33333px)
 }
}
@media (min-width:480px) and (max-width:639px) {
 .carousel-card-container.carousel-card--peek {
  width:calc(33.33333% - 29.33333px)
 }
}
@media (min-width:640px) and (max-width:1023px) {
 .carousel-card-container.carousel-card--peek {
  width:calc(33.33333% - 29.33333px)
 }
}
@media (min-width:1024px) and (max-width:1155.08333333px) {
 .carousel-card-container.carousel-card--peek {
  width:calc(33.33333% - 29.33333px)
 }
}
@media (min-width:17px) and (max-width:479px) {
 .carousel-card-container.carousel-card--peek {
  width:calc(50% - 38px)
 }
}
@media (min-width:480px) and (max-width:639px) {
 .carousel-card-container.carousel-card--peek {
  width:calc(50% - 38px)
 }
}
@media (min-width:640px) and (max-width:824.76666667px) {
 .carousel-card-container.carousel-card--peek {
  width:calc(50% - 38px)
 }
}
@media (min-width:1024px) and (max-width:882.46428571px) {
 .carousel-card-container.carousel-card--peek {
  width:calc(50% - 38px)
 }
}
@media (min-width:17px) and (max-width:479px) {
 .carousel-card-container.carousel-card--peek {
  width:calc(100% - 64px)
 }
}
@media (min-width:480px) and (max-width:558.29347826px) {
 .carousel-card-container.carousel-card--peek {
  width:calc(100% - 64px)
 }
}
@media (min-width:640px) and (max-width:570.32222222px) {
 .carousel-card-container.carousel-card--peek {
  width:calc(100% - 64px)
 }
}
@media (min-width:1024px) and (max-width:609.8452381px) {
 .carousel-card-container.carousel-card--peek {
  width:calc(100% - 64px)
 }
}
.carousel-card-container.carousel-card--hidden {
 visibility:hidden
}
.carousel-card-container.carousel-card--display-none {
 display:none
}
.carousel-card-container--fluent {
 display:inline-block;
 margin-bottom:12px;
 margin-right:20px;
 width:calc(25% - 20px)
}
@media (min-width:149px) and (max-width:1024px) {
 .carousel-card-container--fluent {
  width:calc(33.33333% - 20px)
 }
}
@media (min-width:1025px) and (max-width:1744.99px) {
 .carousel-card-container--fluent {
  width:calc(33.33333% - 20px)
 }
}
@media (min-width:149px) and (max-width:1024px) {
 .carousel-card-container--fluent {
  width:calc(50% - 20px)
 }
}
@media (min-width:1025px) and (max-width:1356.99px) {
 .carousel-card-container--fluent {
  width:calc(50% - 20px)
 }
}
@media (min-width:149px) and (max-width:904.99px) {
 .carousel-card-container--fluent {
  width:calc(100% - 20px)
 }
}
@media (min-width:1025px) and (max-width:968.99px) {
 .carousel-card-container--fluent {
  width:calc(100% - 20px)
 }
}
.carousel-card-container--fluent.carousel-card--hidden {
 visibility:hidden
}
.carousel-card-container--fluent.carousel-card--display-none {
 display:none
}
@media (min-width:17px) and (max-width:479px) {
 .actions-menu--left-nav {
  max-width:calc(25vw - 89px)
 }
}
@media (min-width:480px) and (max-width:639px) {
 .actions-menu--left-nav {
  max-width:calc(25vw - 89px)
 }
}
@media (min-width:640px) and (max-width:1023px) {
 .actions-menu--left-nav {
  max-width:calc(25vw - 89px)
 }
}
@media (min-width:1024px) and (max-width:1359.85714286px) {
 .actions-menu--left-nav {
  max-width:calc(25vw - 89px)
 }
}
@media (min-width:1359.85714286px) {
 .actions-menu--left-nav {
  max-width:calc(25vw - 89px)
 }
}
@media (min-width:17px) and (max-width:479px) {
 .actions-menu--left-nav {
  max-width:calc(33.33333vw - 93.33333px)
 }
}
@media (min-width:480px) and (max-width:639px) {
 .actions-menu--left-nav {
  max-width:calc(33.33333vw - 93.33333px)
 }
}
@media (min-width:640px) and (max-width:1023px) {
 .actions-menu--left-nav {
  max-width:calc(33.33333vw - 93.33333px)
 }
}
@media (min-width:1024px) and (max-width:1155.08333333px) {
 .actions-menu--left-nav {
  max-width:calc(33.33333vw - 93.33333px)
 }
}
@media (min-width:17px) and (max-width:479px) {
 .actions-menu--left-nav {
  max-width:calc(50vw - 102px)
 }
}
@media (min-width:480px) and (max-width:639px) {
 .actions-menu--left-nav {
  max-width:calc(50vw - 102px)
 }
}
@media (min-width:640px) and (max-width:824.76666667px) {
 .actions-menu--left-nav {
  max-width:calc(50vw - 102px)
 }
}
@media (min-width:1024px) and (max-width:882.46428571px) {
 .actions-menu--left-nav {
  max-width:calc(50vw - 102px)
 }
}
@media (min-width:17px) and (max-width:479px) {
 .actions-menu--left-nav {
  max-width:calc(100vw - 128px)
 }
}
@media (min-width:480px) and (max-width:558.29347826px) {
 .actions-menu--left-nav {
  max-width:calc(100vw - 128px)
 }
}
@media (min-width:640px) and (max-width:570.32222222px) {
 .actions-menu--left-nav {
  max-width:calc(100vw - 128px)
 }
}
@media (min-width:1024px) and (max-width:609.8452381px) {
 .actions-menu--left-nav {
  max-width:calc(100vw - 128px)
 }
}
.virtual-scroll-cards {
 overflow-y:hidden;
 height:263.875px
}
@media (min-width:17px) and (max-width:479px) {
 .virtual-scroll-cards {
  height:calc(12.5vw + 117.25px)
 }
}
@media (min-width:480px) and (max-width:639px) {
 .virtual-scroll-cards {
  height:calc(13.2764vw + 117.25px)
 }
}
@media (min-width:640px) and (max-width:1021.43333333px) {
 .virtual-scroll-cards {
  height:calc(12.5vw + 117.25px)
 }
}
@media (min-width:1024px) and (max-width:1093.17857143px) {
 .virtual-scroll-cards {
  height:calc(9.94898vw + 117.25px)
 }
}
@media (min-width:17px) and (max-width:479px) {
 .virtual-scroll-cards {
  height:calc(17.5vw + 117.25px)
 }
}
@media (min-width:480px) and (max-width:639px) {
 .virtual-scroll-cards {
  height:calc(18.58696vw + 117.25px)
 }
}
@media (min-width:640px) and (max-width:766.98888889px) {
 .virtual-scroll-cards {
  height:calc(17.5vw + 117.25px)
 }
}
@media (min-width:1024px) and (max-width:820.55952381px) {
 .virtual-scroll-cards {
  height:calc(13.92857vw + 117.25px)
 }
}
@media (min-width:17px) and (max-width:479px) {
 .virtual-scroll-cards {
  height:calc(29.16667vw + 117.25px)
 }
}
@media (min-width:480px) and (max-width:501.77173913px) {
 .virtual-scroll-cards {
  height:calc(30.97826vw + 117.25px)
 }
}
@media (min-width:640px) and (max-width:512.54444444px) {
 .virtual-scroll-cards {
  height:calc(29.16667vw + 117.25px)
 }
}
@media (min-width:1024px) and (max-width:547.94047619px) {
 .virtual-scroll-cards {
  height:calc(23.21429vw + 117.25px)
 }
}
@media (min-width:17px) and (max-width:479px) {
 .virtual-scroll-cards .cdk-virtual-scroll-content-wrapper {
  padding-left:5.55555556%;
  padding-right:5.55555556%
 }
}
@media (min-width:480px) and (max-width:639px) {
 .virtual-scroll-cards .cdk-virtual-scroll-content-wrapper {
  padding-left:4.34782609%;
  padding-right:4.34782609%
 }
}
@media (min-width:640px) and (max-width:1023px) {
 .virtual-scroll-cards .cdk-virtual-scroll-content-wrapper {
  padding-left:5.55555556%;
  padding-right:5.55555556%
 }
}
@media (min-width:1024px) and (max-width:1359.73809524px) {
 .virtual-scroll-cards .cdk-virtual-scroll-content-wrapper {
  padding-left:9.52380952%;
  padding-right:9.52380952%
 }
}
.carousel-card__top-spacer {
 padding-top:8px
}
.carousel-card__link {
 display:block
}
.carousel-card__link:focus,
.carousel-card__link:hover {
 text-decoration:none
}
.mru-list-item {
 display:block;
 position:static
}
.mru-list-item:focus,
.mru-list-item:hover {
 text-decoration:none
}
.mru-list-item__padding {
 padding:8px 12px
}
.mru-list-item__padding.mru-list-item__padding--mobile {
 padding-right:0
}
.mru-list-item__title--themed:hover {
 color:#106ebe
}
.mru-list-item__title--themed:active,
.mru-list-item__title--themed:focus {
 color:#004578
}
.mru-list-item__icon-in-preview {
 position:absolute;
 bottom:12px;
 left:12px
}
.mru-list-item__icon-in-preview.icon--suggested-actions {
 position:relative;
 bottom:0;
 left:0;
 top:50%;
 left:50%;
 -webkit-transform:translateY(-50%) translateX(-50%);
 transform:translateY(-50%) translateX(-50%)
}
.icon--suggested-actions--inner {
 margin:auto
}
.icon--suggested-actions--fallback {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 margin:auto;
 width:50px;
 height:50px
}
.icon--primary-action {
 margin-right:10px;
 margin-bottom:8px
}
.mru-list-item__document-icon-in-preview {
 width:16px;
 height:16px
}
.document-card__icon-container {
 position:absolute;
 bottom:12px;
 left:12px;
 height:32px;
 width:32px;
 text-align:center;
 background:#fff;
 box-shadow:0 1px 2px rgba(0,0,0,.14),0 0 2px rgba(0,0,0,.12);
 border-radius:2px
}
.generic-button.document-card__button--suggested-actions {
 border:1px solid #d1d1d1;
 border-radius:4px;
 line-height:32px;
 height:32px;
 background-color:var(--colorNeutralBackground1,#fff)
}
.generic-button.document-card__button--suggested-actions:hover {
 background-color:var(--colorNeutralBackground1Hover,#f5f5f5)
}
.generic-button.document-card__button--suggested-actions:active {
 background-color:var(--colorNeutralBackground1Pressed,#e0e0e0)
}
.document-card--suggested-actions--fallback-background {
 width:100%;
 height:100%;
 position:absolute;
 opacity:1%
}
.document-column--name {
 display:-webkit-flex;
 display:flex;
 -webkit-align-items:center;
 align-items:center
}
@media (min-width:1366px) {
 .document-column--name {
  -webkit-flex-grow:1;
  flex-grow:1
 }
}
@media (max-width:1365px) {
 .document-column--name {
  min-width:50%;
  max-width:50%
 }
}
@media (max-width:639px) {
 .document-column--name {
  min-width:66.66666667%;
  max-width:66.66666667%
 }
}
@media (max-width:479px) {
 .document-column--name {
  min-width:75%;
  max-width:75%
 }
}
@media (max-width:1365px) {
 .document-column--name.document-column--name-sway {
  min-width:33.33333333%;
  max-width:33.33333333%
 }
}
@media (max-width:1023px) {
 .document-column--name.document-column--name-sway {
  min-width:50%;
  max-width:50%
 }
}
@media (max-width:479px) {
 .document-column--name.document-column--name-mobile,
 .document-column--name.document-column--name-sway {
  -webkit-flex-grow:1;
  flex-grow:1;
  min-width:0;
  max-width:none
 }
}
.document-column--name--subset {
 display:-webkit-flex;
 display:flex;
 -webkit-align-items:center;
 align-items:center;
 -webkit-flex-grow:1;
 flex-grow:1
}
@media (max-width:1365px) and (min-width:480px) {
 .document-column--name--subset {
  min-width:50%;
  max-width:50%
 }
}
.document-column--last-opened {
 min-width:16.66666667%;
 max-width:16.66666667%
}
@media (max-width:1023px) {
 .document-column--last-opened {
  display:none
 }
}
@media (min-width:1366px) {
 .document-column--last-opened--subset {
  min-width:16.66666667%;
  max-width:16.66666667%
 }
}
@media (max-width:1365px) {
 .document-column--last-opened--subset {
  -webkit-flex-grow:1;
  flex-grow:1
 }
}
@media (max-width:479px) {
 .document-column--last-opened--subset {
  display:none
 }
}
@media (min-width:1366px) {
 .document-column--last-opened--right {
  min-width:50%;
  max-width:50%
 }
}
@media (max-width:1365px) {
 .document-column--last-opened--right {
  -webkit-flex-grow:1;
  flex-grow:1
 }
}
@media (max-width:479px) {
 .document-column--last-opened--right {
  display:none
 }
}
.document-column--responses-forms {
 min-width:16.66666667%;
 max-width:16.66666667%
}
@media (min-width:1366px) {
 .document-column--responses-forms {
  min-width:16.66666667%;
  max-width:16.66666667%
 }
}
@media (max-width:1365px) {
 .document-column--responses-forms {
  -webkit-flex-grow:1;
  flex-grow:1
 }
}
@media (max-width:479px) {
 .document-column--responses-forms {
  display:none
 }
}
.document-column--sharing--right {
 display:-webkit-flex;
 display:flex;
 -webkit-align-items:center;
 align-items:center;
 min-width:33.33333333%;
 max-width:33.33333333%
}
@media (max-width:1365px) {
 .document-column--sharing--right {
  display:none
 }
}
.document-column--sharing {
 display:-webkit-flex;
 display:flex;
 -webkit-align-items:center;
 align-items:center;
 min-width:8.33333333%;
 max-width:8.33333333%
}
@media (max-width:1365px) {
 .document-column--sharing {
  display:none
 }
}
.list-item-column.document-column--activity {
 padding-left:1px
}
@media (min-width:1366px) {
 .list-item-column.document-column--activity {
  min-width:25%;
  max-width:25%
 }
}
@media (max-width:1365px) {
 .list-item-column.document-column--activity {
  -webkit-flex-grow:1;
  flex-grow:1
 }
}
@media (max-width:639px) {
 .list-item-column.document-column--activity .activity-description,
 .list-item-column.document-column--activity.document-column--activity-hidden {
  display:none
 }
}
.list-item-column.document-column--analytics {
 padding-left:1px
}
@media (min-width:1366px) {
 .list-item-column.document-column--analytics {
  min-width:50%;
  max-width:50%
 }
}
@media (max-width:1365px) {
 .list-item-column.document-column--analytics {
  -webkit-flex-grow:1;
  flex-grow:1
 }
}
@media (max-width:479px) {
 .list-item-column.document-column--analytics {
  display:none
 }
}
.document-analytics-container {
 height:100%
}
.analytics-description__data-piece-label {
 display:block;
 width:100%;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden
}
.document-column--name__share-icon {
 display:none
}
@media (max-width:1365px) {
 .document-column--name__share-icon {
  display:block;
  width:40px;
  text-align:center
 }
 .document-column--name__share-icon.document-column--name__share-icon--mobile {
  width:auto;
  margin-left:4px
 }
}
.document-column--sharing__share-icon {
 margin-right:8px;
 margin-bottom:2px
}
.attribution-link {
 color:#605e5c
}
.attribution-link:hover {
 color:#106ebe;
 text-decoration:underline
}
.attribution-link:active,
.attribution-link:focus {
 color:#004578
}
.mru-attribution--no-recent {
 padding-top:0;
 float:right
}
.move-to-folder-iframe,
.share-iframe {
 border:none
}
.share-control {
 position:absolute
}
.mru-list-item__share-control {
 top:48px
}
.mru-list-item__share-control--columns {
 left:16.66666667%
}
.spinner-container {
 display:-webkit-flex;
 display:flex;
 -webkit-align-items:center;
 align-items:center;
 -webkit-justify-content:center;
 justify-content:center;
 height:205px;
 width:100%
}
.spinner-container.spinner-container--wh-100 {
 height:100%;
 width:100%
}
.move-to-folder-control__label,
.share-control__label {
 color:#0078d4;
 text-align:center;
 font-size:14px
}
.move-to-folder-control__spinner-label,
.share-control__spinner-label {
 margin-top:10px
}
.move-to-folder-control__error-label,
.share-control__error-label {
 padding:24px
}
.document-tile__icon {
 position:absolute;
 bottom:8px;
 left:8px
}
.document-tile__fallback-image-container {
 width:96px;
 height:96px;
 margin:auto;
 position:relative
}
.document-tile__fallback-image {
 position:absolute;
 height:64px;
 width:64px;
 top:50%;
 left:50%;
 -webkit-transform:translateY(-50%) translateX(-50%);
 transform:translateY(-50%) translateX(-50%)
}
.document-tile__description-wrapper {
 position:relative;
 height:17px;
 line-height:17px
}
.document-tile__description-container {
 display:inline-block;
 max-width:100%;
 position:absolute;
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}
.document-tile__description {
 display:-webkit-flex;
 display:flex
}
.document-tile__title {
 max-width:100%
}
.document-tile__title-and-icons {
 position:relative;
 display:inline-block;
 max-width:100%
}
.document-tile__attribution,
.document-tile__title {
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden
}
.document-tile__sharing {
 margin-right:4px
}
.document-tile__description__icon {
 display:block
}
.activity-description__container {
 display:-webkit-flex;
 display:flex;
 -webkit-align-items:center;
 align-items:center
}
.activity-description__container--mobile {
 line-height:16px
}
.activity-description {
 margin-left:8px;
 color:#605e5c;
 white-space:normal;
 max-height:36px
}
.activity-description.activity-description--clipped {
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden
}
.activity-description.activity-description--mobile {
 margin-left:4px
}
.activity-description.activity-description--card {
 margin-left:20px
}
.activity-description.activity-description--card--fluent {
 margin-left:12px;
 max-height:38px;
 font-size:var(--fontSizeBase300,14px);
 line-height:var(--lineHeightBase300,20px);
 font-weight:var(--fontWeightRegular,400);
 font-family:var(--fontFamilyBase,"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif)
}
.activity-description.activity-description--motion-padding {
 padding:0 12px 0 0
}
.activity-description__title--clipped {
 overflow:hidden;
 text-overflow:ellipsis
}
.activity-description--large {
 font-size:14px
}
.activity-description__date--fluent {
 font-size:var(--fontSizeBase200,12px);
 line-height:var(--lineHeightBase200,16px);
 font-weight:var(--fontWeightRegular,400);
 font-family:var(--fontFamilyBase,"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif)
}
.activity-deep-link .activity-deep-link__underlined,
.activity-description__date .activity-deep-link__underlined {
 text-decoration:underline
}
.activity-user-name {
 font-weight:700;
 color:#252423
}
.activity-user-name.sharing-column-name {
 text-overflow:ellipsis;
 overflow:hidden
}
.activity-user-name.activity-user-name--fluent {
 font-size:var(--fontSizeBase300,14px);
 line-height:var(--lineHeightBase300,20px);
 font-weight:var(--fontWeightSemibold,600);
 font-family:var(--fontFamilyBase,"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif)
}
.activity-icon {
 color:#0078d4;
 margin-bottom:2px
}
.generic-tile-container--doc-tile {
 -webkit-align-items:end;
 align-items:end
}
.recommended-container__motion {
 margin-bottom:-500px;
 padding-bottom:500px;
 margin-left:-100px;
 padding-left:100px;
 white-space:nowrap;
 overflow:hidden;
 position:relative
}
.recommended-container__motion.recommended-container__motion--hidden {
 margin-left:0;
 padding-left:0
}
.recommended-container__motion.recommended-container__motion--fluent {
 margin-left:-11px;
 padding-left:11px;
 margin-right:-10px;
 padding-right:10px
}
.recommended-container__motion.recommended-container__motion--fluent.recommended-container__motion--hidden {
 margin-left:0;
 padding-left:0;
 margin-right:0;
 padding-right:0
}
.recommended-container__gap {
 padding-top:12px
}
.recommended-inner__motion {
 margin-bottom:-500px;
 padding-bottom:500px;
 margin-right:-12px;
 position:relative
}
.recommended-inner__motion.recommended-inner__motion--fluent {
 margin-right:-20px
}
.document-card__header {
 line-height:16px;
 height:56px;
 margin:0 12px;
 padding:12px 0
}
.document-card__header.document-card__header--fluent {
 height:62px
}
.suggested-action--dismiss {
 position:absolute;
 right:15px;
 top:21px;
 height:20px;
 width:20px;
 opacity:0
}
.suggested-action--dismiss:focus {
 opacity:1;
 overflow:visible
}
.suggested-action--dismiss svg {
 fill:currentColor
}
.suggested-action--svg-icon svg {
 fill:currentColor;
 position:absolute;
 top:4px;
 left:0
}
.suggested-action--svg--teams {
 color:#6264a7
}
.suggested-action--svg-icon {
 height:20px;
 width:20px;
 margin-right:10px;
 position:relative;
 display:inline-block
}
.document-card__reason {
 margin-left:12px;
 line-height:normal;
 color:#323130
}
.document-card__reason__name {
 color:#000
}
.opacity-overlay {
 background-color:rgba(0,0,0,.02);
 top:0;
 bottom:0;
 left:0;
 right:0;
 position:absolute;
 z-index:1
}
@media screen and (-ms-high-contrast:active) {
 .opacity-overlay {
  background-color:transparent
 }
}
.document-card__thumbnail-placeholder {
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform:translateY(-50%) translateX(-50%);
 transform:translateY(-50%) translateX(-50%)
}
.document-card__menu--hidden {
 opacity:0;
 width:0;
 height:0;
 overflow:hidden
}
.document-card__menu {
 margin-left:8px
}
.document-card__menu.document-card__menu--hidden {
 margin-left:0
}
.menu.officeHome-callout.actions-menu--mobile {
 width:209px
}
.first-arrow {
 margin-right:4px
}
.is-new-icon {
 position:absolute;
 top:0;
 left:46px
}
[dir=rtl] .is-new-icon {
 -webkit-transform:scaleX(-1);
 transform:scaleX(-1)
}
.is-new-icon.is-new-icon--tile {
 top:-10px;
 left:-10px
}
.mru-item__body {
 position:relative
}
.sharing-column--text {
 overflow-wrap:break-word;
 white-space:normal;
 max-width:100%;
 max-height:40px
}
.sharing-column--text.sharing-column--text-shared {
 max-width:calc(100% - 28px)
}
.buttons-container--empty {
 text-align:center;
 margin-top:-37px;
 position:relative
}
@media (max-width:639px) {
 .buttons-container--empty {
  margin-top:-33px
 }
}
.recent-tab__height-restrictor {
 min-height:380.6px
}
@media (max-width:639px) {
 .recent-tab__height-restrictor {
  min-height:388px
 }
}
.mru-list-item-overlay {
 background-color:rgba(0,0,0,.5);
 width:100%;
 position:absolute;
 z-index:100;
 height:100%
}
.empty-state-image {
 height:180px
}
.title-announcement {
 top:-9999px;
 left:-9999px;
 position:absolute
}
.back-button {
 margin-bottom:5px;
 padding-right:6px
}
.back-button,
.back-button:hover {
 color:#fff
}
@media (max-width:640px) {
 .back-button {
  line-height:35px
 }
}
@media (min-width:640px) and (max-width:1023px) {
 .back-button {
  line-height:36px
 }
}
@media (min-width:1024px) and (max-width:1365px) {
 .back-button {
  line-height:35px
 }
}
@media (min-width:1366px) {
 .back-button {
  line-height:35px
 }
}
@media (max-width:639px) {
 .back-button {
  padding-top:0
 }
}
@media (min-width:1024px) {
 .back-button {
  position:absolute;
  top:0;
  left:0;
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)
 }
}
.back-button--fluent {
 height:var(--lineHeightBase500,28px);
 margin-bottom:4px;
 padding-right:6px
}
.back-button__icon {
 border:none;
 padding:0;
 background:none;
 color:inherit;
 cursor:pointer;
 margin:0;
 font-size:28px;
 line-height:30px;
 color:#0078d4
}
[dir=rtl] .back-button__icon {
 -webkit-transform:scaleX(-1);
 transform:scaleX(-1)
}
@media (max-width:639px) {
 .back-button__icon {
  line-height:18px
 }
}
@media (max-width:1023px) {
 .back-button__icon {
  padding-top:0
 }
}
.back-button__icon.back-button__icon--fluent {
 font-size:18px;
 line-height:18px
}
.create-location {
 display:-webkit-inline-flex;
 display:inline-flex;
 -webkit-align-items:center;
 align-items:center;
 max-width:100%;
 color:#605e5c
}
.create-location--fluent {
 font-size:var(--fontSizeBase200,12px);
 line-height:var(--lineHeightBase200,16px);
 font-weight:var(--fontWeightRegular,400);
 font-family:var(--fontFamilyBase,"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif)
}
.create-location--margin {
 margin-right:28px
}
.create-location-wrapper {
 display:inline-block;
 max-width:100%
}
.create-location__prompt {
 white-space:nowrap
}
.create-location__icon {
 margin:0 4px 4px 8px
}
.create-location__path {
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden
}
@media (max-width:1023px) {
 .create-location-wrapper--padded {
  padding-top:8px
 }
}
.welcome__title--consumer {
 font-family:SegoeUI-SemiBold,Helvetica,Arial,sans-serif;
 font-size:30px;
 padding:0;
 line-height:76px;
 color:#fff
}
.welcome__title,
.welcome__title--consumer {
 margin-right:64px;
 -webkit-flex-grow:1;
 flex-grow:1;
 -webkit-flex-shrink:0;
 flex-shrink:0
}
.welcome__title {
 color:#252423;
 letter-spacing:0;
 padding-bottom:0
}
@media (min-width:320px) and (max-width:479px) {
 .welcome__title {
  margin-right:0
 }
}
@media (max-width:479px) {
 .welcome__title {
  padding-top:0
 }
}
@media (max-width:639px) {
 .welcome__title.welcome__title--centered {
  margin-right:0
 }
}
.welcome__title--responsive {
 font-family:SegoeUI-SemiBold,Helvetica,Arial,sans-serif;
 line-height:42px;
 font-size:30px
}
@media (max-width:1023px) {
 .welcome__title--responsive {
  padding-bottom:16px
 }
}
@media (max-width:639px) {
 .welcome__title--responsive {
  font-size:26px;
  line-height:36px
 }
}
.welcome__title--fluent {
 font-size:var(--fontSizeBase500,20px);
 line-height:var(--lineHeightBase500,28px);
 font-weight:var(--fontWeightSemibold,600);
 font-family:var(--fontFamilyBase,"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif)
}
.welcome__title--small {
 font-size:24px;
 line-height:36px
}
@media (max-width:1023px) {
 .welcome__title--small {
  line-height:32px
 }
}
ohp-breadcrumb-box {
 -webkit-flex-grow:1;
 flex-grow:1;
 -webkit-flex-shrink:0;
 flex-shrink:0
}
ohp-breadcrumb-box h2 {
 line-height:42px;
 padding-top:2px!important;
 margin:0 64px 0 0!important;
 -webkit-flex-grow:1!important;
 flex-grow:1!important
}
@media (max-width:639px) {
 ohp-breadcrumb-box h2 {
  padding:0!important
 }
}
.hero__create-location {
 display:inline-block;
 padding-bottom:24px;
 max-width:100%
}
@media (min-width:640px) {
 .hero__create-location {
  padding-top:16px
 }
}
.hero__create-location .create-location-wrapper {
 height:auto
}
.hero-section {
 background-position:50%;
 background-size:cover;
 width:100%;
 position:relative;
 background-color:transparent
}
.hero-section--padded {
 padding-top:33px
}
.hero-section--padded.hero-section__homepage--padded {
 padding-bottom:24px
}
.hero-section--padded.hero-section__homepage--padded.hero-section-mobile--padded {
 padding-top:24px;
 padding-bottom:0
}
.hero-section__2dot0--padded {
 padding-top:48px
}
.hero-container {
 position:relative
}
.hero-image-container__overlay {
 position:absolute;
 bottom:0;
 left:0;
 right:0
}
.hero-image-container__overlay--consumer {
 z-index:2
}
@media (max-width:639px) {
 .hero-image-container__overlay--consumer {
  padding-bottom:4px
 }
}
.hero-image-container__overlay--consumer.hero-image-container__overlay--consumer--fluent {
 padding-bottom:20px
}
.hero-title-gradient {
 height:114px;
 position:absolute;
 bottom:0;
 left:0;
 right:0
}
@media (max-width:640px) {
 .hero-image-container {
  min-height:160px
 }
}
@media (min-width:640px) {
 .hero-image-container {
  min-height:250px
 }
 .hero-image-container.hero-image-container--fluent {
  min-height:192px
 }
 .hero-content {
  min-height:72px
 }
}
.hero-content--flex {
 display:-webkit-flex;
 display:flex;
 -webkit-flex-wrap:wrap;
 flex-wrap:wrap
}
@media (max-width:639px) {
 .hero-content--flex.hero-content--centered {
  display:block;
  text-align:center
 }
}
.hero-content--flex.hero-content--aligned {
 -webkit-align-items:center;
 align-items:center
}
.hero-content--flex.hero-content--end-aligned {
 -webkit-align-items:end;
 align-items:end
}
.hero-content--small {
 margin-bottom:18px;
 min-height:auto
}
.hero-content--small.hero-content--suggested-actions {
 margin-bottom:40px
}
.hero-background--full-bleed {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:-1
}
@media (min-width:1920px) {
 .hero-background--full-bleed {
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center
 }
}
.hero-background__image {
 height:100%;
 width:100%;
 background-position:100% 100%;
 background-size:contain
}
.hero-background__image.hero-background__image--cobrand {
 background-position-x:center
}
.hero-background__image.hero-background__image--pattern {
 background-position:top
}
.hero-background__image.hero-background__image--right {
 background-position:0 100%
}
.hero-background__image.hero-background__image--left,
.hero-background__image.hero-background__image--right {
 width:auto
}
.hero-background__image--center {
 background-repeat:no-repeat
}
@media (min-width:1920px) {
 .hero-background__image--center {
  max-width:1920px
 }
}
.hero-background__image--pattern {
 max-width:100%;
 background-repeat:repeat
}
.hero-background__image--cobrand {
 max-width:100%;
 background-repeat:repeat-x;
 background-size:auto 100%;
 opacity:.35
}
.hero-background__image--left,
.hero-background__image--right {
 display:none
}
@media (min-width:1920px) {
 .hero-background__image--left,
 .hero-background__image--right {
  display:block;
  -webkit-flex-grow:1;
  flex-grow:1;
  background-repeat:repeat-x
 }
}
.hero-create-menu-button {
 -webkit-flex-grow:1;
 flex-grow:1;
 -webkit-flex-shrink:0;
 flex-shrink:0
}
.hero__buttons-container {
 margin-top:0
}
.hero__buttons-container.hero-button-section--consumer--fluent {
 margin-top:12px
}
.hero__buttons-container-right {
 -webkit-justify-content:flex-end;
 justify-content:flex-end
}
.hero-button-section--consumer {
 -webkit-align-items:center;
 align-items:center;
 display:inherit
}
.my-account__link {
 line-height:36px;
 margin-right:24px;
 white-space:nowrap
}
.my-account__link:active,
.my-account__link:focus,
.my-account__link:hover {
 color:#fff;
 text-decoration:underline
}
.my-account__link_new {
 line-height:36px;
 white-space:nowrap
}
.my-account__link_new:active,
.my-account__link_new:focus,
.my-account__link_new:hover {
 color:#fff
}
.my-account__link_margin {
 margin-right:36px
}
my-account__link_new_hover_text_decoration:active,
my-account__link_new_hover_text_decoration:focus,
my-account__link_new_hover_text_decoration:hover {
 text-decoration:underline
}
.my-account__link_color {
 color:#fff
}
.hero-announcementMarkup {
 font-size:12px;
 font-family:SegoeUI-SemiBold,Helvetica,Arial,sans-serif;
 text-align:right;
 padding-bottom:10px
}
.bottom-tray-container {
 background-color:#f3f2f1;
 height:50px;
 width:100vw;
 position:fixed;
 bottom:0;
 display:-webkit-flex;
 display:flex;
 -webkit-align-content:center;
 align-content:center;
 box-shadow:0 -2px 10px rgba(0,0,0,.1)
}
.bottom-tray__tab-button {
 border:none;
 padding:0;
 background:none;
 color:inherit;
 cursor:pointer;
 font:inherit;
 outline:none;
 -webkit-flex:1;
 flex:1
}