UNPKG

office-ui-fabric-react

Version:

Reusable React components for building experiences for Office 365.

1,402 lines (1,132 loc) • 313 kB
@charset 'UTF-8'; /* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. */ /** * Office UI Fabric Core 9.3.0 * The front-end framework for building experiences for Office 365. **/ /* Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license */ @keyframes ms-slideRightIn10--v9-3-0 { from { transform: translate3d(-10px, 0px, 0px); } to { transform: translate3d(0px, 0px, 0px); } } @keyframes ms-slideRightIn20--v9-3-0 { from { transform: translate3d(-20px, 0px, 0px); } to { transform: translate3d(0px, 0px, 0px); } } @keyframes ms-slideRightIn40--v9-3-0 { from { transform: translate3d(-40px, 0px, 0px); } to { transform: translate3d(0px, 0px, 0px); } } @keyframes ms-slideRightIn400--v9-3-0 { from { transform: translate3d(-400px, 0px, 0px); } to { transform: translate3d(0px, 0px, 0px); } } @keyframes ms-slideRightOut40--v9-3-0 { from { transform: translate3d(0px, 0px, 0px); } to { transform: translate3d(40px, 0px, 0px); } } @keyframes ms-slideRightOut400--v9-3-0 { from { transform: translate3d(0, 0px, 0px); } to { transform: translate3d(400px, 0px, 0px); } } @keyframes ms-slideLeftIn10--v9-3-0 { from { transform: translate3d(10px, 0px, 0px); } to { transform: translate3d(0px, 0px, 0px); } } @keyframes ms-slideLeftIn20--v9-3-0 { from { transform: translate3d(20px, 0px, 0px); } to { transform: translate3d(0px, 0px, 0px); } } @keyframes ms-slideLeftIn40--v9-3-0 { from { transform: translate3d(40px, 0px, 0px); } to { transform: translate3d(0px, 0px, 0px); } } @keyframes ms-slideLeftIn400--v9-3-0 { from { transform: translate3d(400px, 0px, 0px); } to { transform: translate3d(0px, 0px, 0px); } } @keyframes ms-slideLeftOut40--v9-3-0 { from { transform: translate3d(0, 0px, 0px); } to { transform: translate3d(-40px, 0px, 0px); } } @keyframes ms-slideLeftOut400--v9-3-0 { from { transform: translate3d(0, 0px, 0px); } to { transform: translate3d(-400px, 0px, 0px); } } @keyframes ms-slideUpIn10--v9-3-0 { from { transform: translate3d(0px, 10px, 0px); } to { transform: translate3d(0px, 0px, 0px); } } @keyframes ms-slideUpIn20--v9-3-0 { from { transform: translate3d(0px, 20px, 0px); } to { transform: translate3d(0px, 0px, 0px); } } @keyframes ms-slideDownIn10--v9-3-0 { from { transform: translate3d(0px, -10px, 0px); } to { transform: translate3d(0px, 0px, 0px); } } @keyframes ms-slideDownIn20--v9-3-0 { from { transform: translate3d(0px, -20px, 0px); } to { transform: translate3d(0px, 0px, 0px); } } @keyframes ms-slideUpOut10--v9-3-0 { from { transform: translate3d(0px, 0, 0px); } to { transform: translate3d(0px, -10px, 0px); } } @keyframes ms-slideUpOut20--v9-3-0 { from { transform: translate3d(0px, 0, 0px); } to { transform: translate3d(0px, -20px, 0px); } } @keyframes ms-slideDownOut10--v9-3-0 { from { transform: translate3d(0px, 0, 0px); } to { transform: translate3d(0px, 10px, 0px); } } @keyframes ms-slideDownOut20--v9-3-0 { from { transform: translate3d(0px, 0, 0px); } to { transform: translate3d(0px, 20px, 0px); } } @keyframes ms-scaleUp100--v9-3-0 { from { transform: scale3d(0.98, 0.98, 1); } to { transform: scale3d(1, 1, 1); } } @keyframes ms-scaleUp103--v9-3-0 { from { transform: scale3d(1, 1, 1); } to { transform: scale3d(1.03, 1.03, 1); } } @keyframes ms-scaleDown98--v9-3-0 { from { transform: scale3d(1, 1, 1); } to { transform: scale3d(0.98, 0.98, 1); } } @keyframes ms-scaleDown100--v9-3-0 { from { transform: scale3d(1.03, 1.03, 1); } to { transform: scale3d(1, 1, 1); } } @keyframes ms-fadeIn--v9-3-0 { from { opacity: 0; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); } to { opacity: 1; } } @keyframes ms-fadeOut--v9-3-0 { from { opacity: 1; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); } to { opacity: 0; } } @keyframes ms-rotate90--v9-3-0 { from { transform: rotateZ(0deg); } to { transform: rotateZ(90deg); } } @keyframes ms-rotateN90--v9-3-0 { from { transform: rotateZ(90deg); } to { transform: rotateZ(0deg); } } @media (prefers-reduced-motion: no-preference) { [dir='ltr'] .ms-Fabric--v9-3-0 .ms-slideRightIn10 { animation-name: ms-fadeIn--v9-3-0, ms-slideRightIn10--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='rtl'] .ms-Fabric--v9-3-0 .ms-slideRightIn10 { animation-name: ms-fadeIn--v9-3-0, ms-slideLeftIn10--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='ltr'] .ms-Fabric--v9-3-0 .ms-slideRightIn20 { animation-name: ms-fadeIn--v9-3-0, ms-slideRightIn20--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='rtl'] .ms-Fabric--v9-3-0 .ms-slideRightIn20 { animation-name: ms-fadeIn--v9-3-0, ms-slideLeftIn20--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='ltr'] .ms-Fabric--v9-3-0 .ms-slideRightIn40 { animation-name: ms-fadeIn--v9-3-0, ms-slideRightIn40--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='rtl'] .ms-Fabric--v9-3-0 .ms-slideRightIn40 { animation-name: ms-fadeIn--v9-3-0, ms-slideLeftIn40--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='ltr'] .ms-Fabric--v9-3-0 .ms-slideRightIn400 { animation-name: ms-fadeIn--v9-3-0, ms-slideRightIn400--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='rtl'] .ms-Fabric--v9-3-0 .ms-slideRightIn400 { animation-name: ms-fadeIn--v9-3-0, ms-slideLeftIn400--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='ltr'] .ms-Fabric--v9-3-0 .ms-slideRightOut40 { animation-name: ms-fadeOut--v9-3-0, ms-slideRightOut40--v9-3-0; animation-duration: 0.167s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='rtl'] .ms-Fabric--v9-3-0 .ms-slideRightOut40 { animation-name: ms-fadeOut--v9-3-0, ms-slideLeftOut40--v9-3-0; animation-duration: 0.167s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='ltr'] .ms-Fabric--v9-3-0 .ms-slideRightOut400 { animation-name: ms-fadeOut--v9-3-0, ms-slideRightOut400--v9-3-0; animation-duration: 0.167s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='rtl'] .ms-Fabric--v9-3-0 .ms-slideRightOut400 { animation-name: ms-fadeOut--v9-3-0, ms-slideLeftOut400--v9-3-0; animation-duration: 0.167s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='ltr'] .ms-Fabric--v9-3-0 .ms-slideLeftIn10 { animation-name: ms-fadeIn--v9-3-0, ms-slideLeftIn10--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='rtl'] .ms-Fabric--v9-3-0 .ms-slideLeftIn10 { animation-name: ms-fadeIn--v9-3-0, ms-slideRightIn10--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='ltr'] .ms-Fabric--v9-3-0 .ms-slideLeftIn20 { animation-name: ms-fadeIn--v9-3-0, ms-slideLeftIn20--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='rtl'] .ms-Fabric--v9-3-0 .ms-slideLeftIn20 { animation-name: ms-fadeIn--v9-3-0, ms-slideRightIn20--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='ltr'] .ms-Fabric--v9-3-0 .ms-slideLeftIn40 { animation-name: ms-fadeIn--v9-3-0, ms-slideLeftIn40--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='rtl'] .ms-Fabric--v9-3-0 .ms-slideLeftIn40 { animation-name: ms-fadeIn--v9-3-0, ms-slideRightIn40--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='ltr'] .ms-Fabric--v9-3-0 .ms-slideLeftIn400 { animation-name: ms-fadeIn--v9-3-0, ms-slideLeftIn400--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='rtl'] .ms-Fabric--v9-3-0 .ms-slideLeftIn400 { animation-name: ms-fadeIn--v9-3-0, ms-slideRightIn400--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='ltr'] .ms-Fabric--v9-3-0 .ms-slideLeftOut40 { animation-name: ms-fadeOut--v9-3-0, ms-slideLeftOut40--v9-3-0; animation-duration: 0.167s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='rtl'] .ms-Fabric--v9-3-0 .ms-slideLeftOut40 { animation-name: ms-fadeOut--v9-3-0, ms-slideRightOut40--v9-3-0; animation-duration: 0.167s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='ltr'] .ms-Fabric--v9-3-0 .ms-slideLeftOut400 { animation-name: ms-fadeOut--v9-3-0, ms-slideLeftOut400--v9-3-0; animation-duration: 0.167s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='rtl'] .ms-Fabric--v9-3-0 .ms-slideLeftOut400 { animation-name: ms-fadeOut--v9-3-0, ms-slideRightOut400--v9-3-0; animation-duration: 0.167s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-slideUpIn10 { animation-name: ms-fadeIn--v9-3-0, ms-slideUpIn10--v9-3-0; animation-duration: 0.167s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-slideUpIn20 { animation-name: ms-fadeIn--v9-3-0, ms-slideUpIn20--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-slideDownIn10 { animation-name: ms-fadeIn--v9-3-0, ms-slideDownIn10--v9-3-0; animation-duration: 0.167s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-slideDownIn20 { animation-name: ms-fadeIn--v9-3-0, ms-slideDownIn20--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-slideUpOut10 { animation-name: ms-fadeOut--v9-3-0, ms-slideUpOut10--v9-3-0; animation-duration: 0.167s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-slideUpOut20 { animation-name: ms-fadeOut--v9-3-0, ms-slideUpOut20--v9-3-0; animation-duration: 0.167s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-slideDownOut10 { animation-name: ms-fadeOut--v9-3-0, ms-slideDownOut10--v9-3-0; animation-duration: 0.167s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-slideDownOut20 { animation-name: ms-fadeOut--v9-3-0, ms-slideDownOut20--v9-3-0; animation-duration: 0.167s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-scaleUpIn100 { animation-name: ms-fadeIn--v9-3-0, ms-scaleUp100--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-scaleUpOut103 { animation-name: ms-fadeOut--v9-3-0, ms-scaleUp103--v9-3-0; animation-duration: 0.167s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-scaleDownOut98 { animation-name: ms-fadeOut--v9-3-0, ms-scaleDown98--v9-3-0; animation-duration: 0.167s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-scaleDownIn100 { animation-name: ms-fadeIn--v9-3-0, ms-scaleDown100--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-fadeIn100 { animation-name: ms-fadeIn--v9-3-0; animation-duration: 0.167s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-fadeIn200 { animation-name: ms-fadeIn--v9-3-0; animation-duration: 0.267s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-fadeIn400 { animation-name: ms-fadeIn--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-fadeIn500 { animation-name: ms-fadeIn--v9-3-0; animation-duration: 0.467s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-fadeOut100 { animation-name: ms-fadeOut--v9-3-0; animation-duration: 0.1s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-fadeOut200 { animation-name: ms-fadeOut--v9-3-0; animation-duration: 0.167s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-fadeOut400 { animation-name: ms-fadeOut--v9-3-0; animation-duration: 0.367s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-fadeOut500 { animation-name: ms-fadeOut--v9-3-0; animation-duration: 0.467s; animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-expandCollapse100 { transition: height 0.1s cubic-bezier(0.1, 0.25, 0.75, 0.9); } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-expandCollapse200 { transition: height 0.167s cubic-bezier(0.1, 0.25, 0.75, 0.9); } } @media (prefers-reduced-motion: no-preference) { .ms-Fabric--v9-3-0 .ms-expandCollapse400 { transition: height 0.367s cubic-bezier(0.1, 0.25, 0.75, 0.9); } } .ms-Fabric--v9-3-0 .ms-delay100 { animation-delay: 0.167s; } .ms-Fabric--v9-3-0 .ms-delay200 { animation-delay: 0.267s; } @media (prefers-reduced-motion: no-preference) { [dir='ltr'] .ms-Fabric--v9-3-0 .ms-rotate90deg { animation-name: ms-rotate90--v9-3-0; animation-duration: 0.1s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='rtl'] .ms-Fabric--v9-3-0 .ms-rotate90deg { animation-name: ms-rotateN90--v9-3-0; animation-duration: 0.1s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='ltr'] .ms-Fabric--v9-3-0 .ms-rotateN90deg { animation-name: ms-rotateN90--v9-3-0; animation-duration: 0.1s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } @media (prefers-reduced-motion: no-preference) { [dir='rtl'] .ms-Fabric--v9-3-0 .ms-rotateN90deg { animation-name: ms-rotate90--v9-3-0; animation-duration: 0.1s; animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); animation-fill-mode: both; } } .ms-Fabric--v9-3-0 .ms-BrandIcon--access.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--access.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--access.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--excel.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--excel.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--excel.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--office.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--office.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--office.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--project.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--project.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--project.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--visio.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--visio.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--visio.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--word.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--word.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--word.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/accdb_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/accdb_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/accdb_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--csv.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/csv_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--csv.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/csv_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--csv.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/csv_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--docx.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/docx_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--docx.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/docx_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--docx.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/docx_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/dotx_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/dotx_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/dotx_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpp_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpp_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpp_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpt_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpt_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpt_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--odp.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odp_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--odp.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odp_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--odp.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odp_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--ods.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ods_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--ods.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ods_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--ods.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ods_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--odt.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odt_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--odt.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odt_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--odt.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/odt_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--one.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/one_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--one.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/one_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--one.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/one_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onepkg_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onepkg_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onepkg_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onetoc_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onetoc_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/onetoc_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--potx.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/potx_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--potx.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/potx_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--potx.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/potx_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ppsx_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ppsx_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/ppsx_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pptx_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pptx_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pptx_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--pub.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pub_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--pub.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pub_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--pub.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/pub_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vsdx_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vsdx_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vsdx_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vssx_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vssx_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vssx_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vstx_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vstx_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/vstx_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--xls.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xls_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--xls.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xls_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--xls.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xls_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xlsx_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xlsx_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xlsx_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xltx_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xltx_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xltx_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xsn_16x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xsn_48x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/xsn_96x1.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--icon16 { background-size: 100% 100%; width: 16px; height: 16px; } .ms-Fabric--v9-3-0 .ms-BrandIcon--icon48 { background-size: 100% 100%; width: 48px; height: 48px; } .ms-Fabric--v9-3-0 .ms-BrandIcon--icon96 { background-size: 100% 100%; width: 96px; height: 96px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .ms-Fabric--v9-3-0 .ms-BrandIcon--access.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--access.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--access.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--excel.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--excel.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--excel.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--office.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--office.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--office.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--project.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--project.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--project.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--visio.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--visio.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--visio.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--word.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--word.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--word.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/accdb_16x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/accdb_48x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/accdb_96x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--csv.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/csv_16x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--csv.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/csv_48x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--csv.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/csv_96x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--docx.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/docx_16x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--docx.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/docx_48x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--docx.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/docx_96x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/dotx_16x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/dotx_48x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/dotx_96x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpp_16x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpp_48x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpp_96x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon16 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpt_16x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon48 { background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png/mpt_48x1_5.png); } .ms-Fabric--v9-3-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon96 { background-image: url(https://static2.sharepointonline.com/files/fabr