.app-gallery__workspaces-header {
 -webkit-align-items:center;
 align-items:center;
 display:-webkit-flex;
 display:flex
}
.app-gallery__workspaces-header .list-header__title {
 -webkit-flex-grow:1;
 flex-grow:1
}
.app-gallery__workspaces__padding {
 height:100vh
}
.app-gallery__workspace-tile-container--flag {
 grid-template-columns:repeat(auto-fill,minmax(294.4px,1fr))
}
.app-gallery__workspace-tile--flag {
 display:inline-block;
 margin-bottom:12px;
 margin-right:12px
}
@media (min-width:17px) and (max-width:479px) {
 .app-gallery__workspace-tile--flag {
  width:calc(25% - 12px)
 }
}
@media (min-width:480px) and (max-width:639px) {
 .app-gallery__workspace-tile--flag {
  width:calc(25% - 12px)
 }
}
@media (min-width:640px) and (max-width:1023px) {
 .app-gallery__workspace-tile--flag {
  width:calc(25% - 12px)
 }
}
@media (min-width:1024px) and (max-width:1359.85714286px) {
 .app-gallery__workspace-tile--flag {
  width:calc(25% - 12px)
 }
}
@media (min-width:1359.85714286px) {
 .app-gallery__workspace-tile--flag {
  width:calc(25% - 12px)
 }
}
@media (min-width:17px) and (max-width:479px) {
 .app-gallery__workspace-tile--flag {
  width:calc(33.33333% - 12px)
 }
}
@media (min-width:480px) and (max-width:639px) {
 .app-gallery__workspace-tile--flag {
  width:calc(33.33333% - 12px)
 }
}
@media (min-width:640px) and (max-width:1023px) {
 .app-gallery__workspace-tile--flag {
  width:calc(33.33333% - 12px)
 }
}
@media (min-width:1024px) and (max-width:1145.53571429px) {
 .app-gallery__workspace-tile--flag {
  width:calc(33.33333% - 12px)
 }
}
@media (min-width:17px) and (max-width:479px) {
 .app-gallery__workspace-tile--flag {
  width:calc(50% - 12px)
 }
}
@media (min-width:480px) and (max-width:639px) {
 .app-gallery__workspace-tile--flag {
  width:calc(50% - 12px)
 }
}
@media (min-width:640px) and (max-width:692.53333333px) {
 .app-gallery__workspace-tile--flag {
  width:calc(50% - 12px)
 }
}
@media (min-width:1024px) and (max-width:740.78571429px) {
 .app-gallery__workspace-tile--flag {
  width:calc(50% - 12px)
 }
}
@media (max-width:639px) {
 .app-gallery__workspace-tile--flag {
  width:100%
 }
}
@supports (display:grid) {
 .app-gallery__workspace-tile--flag {
  width:auto
 }
}
.app-gallery-item__workspace-item-holder {
 position:relative
}
.app-gallery-item__workspace-item-holder.app-gallery-item__workspace-item-holder--flag {
 height:70px
}
.app-gallery-item__workspace-item-holder.app-gallery-item__workspace-item-holder--flag:active .app-gallery-item__workspace-item__learn-more-link--flag,
.app-gallery-item__workspace-item-holder.app-gallery-item__workspace-item-holder--flag:focus .app-gallery-item__workspace-item__learn-more-link--flag,
.app-gallery-item__workspace-item-holder.app-gallery-item__workspace-item-holder--flag:hover .app-gallery-item__workspace-item__learn-more-link--flag {
 opacity:1
}
.app-gallery-item__workspace-item-holder.app-gallery-item__workspace-item-holder--tile {
 height:90px;
 text-align:center;
 width:100px
}
@media (min-width:640px) {
 .app-gallery-item__workspace-item-holder.app-gallery-item__workspace-item-holder--tile {
  height:110px;
  width:120px
 }
}
.app-gallery-item__workspace-item {
 display:-webkit-flex;
 display:flex;
 -webkit-flex-direction:column;
 flex-direction:column
}
.app-gallery-item__workspace-item:active,
.app-gallery-item__workspace-item:focus,
.app-gallery-item__workspace-item:hover,
.app-gallery-item__workspace-item:visited {
 text-decoration:none
}
.app-gallery-item__workspace-item.app-gallery-item__workspace-item--flag {
 -webkit-flex-direction:row;
 flex-direction:row;
 height:70px;
 overflow:hidden;
 padding:15px;
 text-align:left;
 transition:none;
 width:100%;
 border-radius: 10px;
}
.app-gallery-item__workspace-item.app-gallery-item__workspace-item--flag:active,
.app-gallery-item__workspace-item.app-gallery-item__workspace-item--flag:focus,
.app-gallery-item__workspace-item.app-gallery-item__workspace-item--flag:hover {
 height:auto;
 position:absolute;
 z-index:2
}
.app-gallery-item__workspace-item.app-gallery-item__workspace-item--flag:active .app-gallery-item__workspace-item__description--flag,
.app-gallery-item__workspace-item.app-gallery-item__workspace-item--flag:focus .app-gallery-item__workspace-item__description--flag,
.app-gallery-item__workspace-item.app-gallery-item__workspace-item--flag:hover .app-gallery-item__workspace-item__description--flag {
 white-space:normal
}
.app-gallery-item__workspace-item--tile {
 padding:10px 5px
}
@media (min-width:640px) {
 .app-gallery-item__workspace-item--tile {
  padding:20px 5px
 }
}
.app-gallery-item__workspace-item--tile.app-gallery-item__workspace-item--tile-expand:active,
.app-gallery-item__workspace-item--tile.app-gallery-item__workspace-item--tile-expand:focus,
.app-gallery-item__workspace-item--tile.app-gallery-item__workspace-item--tile-expand:hover {
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
 height:auto;
 max-width:320px;
 min-height:90px;
 min-width:100px;
 position:absolute;
 width:auto;
 z-index:2
}
@media (min-width:640px) {
 .app-gallery-item__workspace-item--tile.app-gallery-item__workspace-item--tile-expand:active,
 .app-gallery-item__workspace-item--tile.app-gallery-item__workspace-item--tile-expand:focus,
 .app-gallery-item__workspace-item--tile.app-gallery-item__workspace-item--tile-expand:hover {
  min-height:110px;
  min-width:120px
 }
}
.app-gallery-item__workspace-item__icon-holder.app-gallery-item__workspace-item__icon-holder--tile {
 margin-bottom:10px
}
.app-gallery-item__workspace-item__icon-holder.app-gallery-item__workspace-item__icon-holder--flag {
 margin-right:15px
}
@media (-ms-high-contrast) {
 .app-gallery-item__workspace-item__icon-holder {
  -ms-high-contrast-adjust:none;
  color:ButtonText!important
 }
}
.app-gallery__icon__fix:before {
 vertical-align:bottom
}
.app-gallery-item__workspace-item__image {
 height:40px;
 width:40px
}
.app-gallery-item__workspace-item__text {
 font-family:SegoeUI,Helvetica,Arial,sans-serif
}
.app-gallery-item__workspace-item__text.app-gallery-item__workspace-item__text--tile {
 padding:0 5px;
 max-width:100%
}
.app-gallery-item__workspace-item__text.app-gallery-item__workspace-item__text--flag {
 overflow:hidden
}
.app-gallery-item__workspace-item__title--tile {
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 font-size:14px;
 line-height:20px
}
.app-gallery-item__workspace-item__title--flag {
 font-size:16px;
 line-height:25px;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden
}
.app-gallery-item__workspace-item--flag:active .app-gallery-item__workspace-item__title--flag,
.app-gallery-item__workspace-item--flag:focus .app-gallery-item__workspace-item__title--flag,
.app-gallery-item__workspace-item--flag:hover .app-gallery-item__workspace-item__title--flag {
 text-overflow:clip;
 white-space:normal;
 overflow:visible
}
.app-gallery-item__workspace-item__description--flag {
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 font-size:12px;
 line-height:15px;
 width:100%
}
.app-gallery-item__workspace-item__learn-more-link--flag {
 color:#0078d4;
 padding:1px 5px 5px;
 position:absolute;
 right:0;
 top:0;
 opacity:0;
 z-index:1
}
@media (max-width:639px) {
 .app-gallery-item__workspace-item__learn-more-link--flag {
  opacity:1
 }
}
.app-gallery-item__workspace-item__learn-more-link--flag:active,
.app-gallery-item__workspace-item__learn-more-link--flag:focus,
.app-gallery-item__workspace-item__learn-more-link--flag:hover {
 background-color:#e1dfdd;
 opacity:1
}