office-ui-fabric-core/dist/documentation/docs.min.css

The front-end framework for building experiences for Office 365.

/* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. */
/**
 * Office UI Fabric Core 11.1.0
 * The front-end framework for building experiences for Office 365.
 **/
h1,h2,h3,h4{font-weight:400;line-height:1.2;margin:30px 0 8px 0}h1{color:#605e5c;font-size:42px;font-weight:100}h2{font-weight:300;font-size:28px;color:#323130}h3{font-weight:400;font-size:21px;color:#201f1e!important}h4{font-weight:600;font-size:17px;color:#323130}p{font-weight:400;font-size:17px;color:#323130;margin-bottom:20px;line-height:1.5}p strong{font-weight:400;font-weight:600}code.hljs{display:block;overflow-x:auto;padding:.5em;background:#deecf9}#body-content a{text-decoration:none;cursor:pointer;position:relative;white-space:nowrap}#body-content a:focus{outline:0!important}@media screen and (-ms-high-contrast:active){#body-content a:focus::before{border:1px solid #fff}}@media screen and (-ms-high-contrast:black-on-white){#body-content a:focus::before{border:1px solid #37006e}}@media screen and (-ms-high-contrast:active){#body-content a{color:#0000c0}#body-content a:hover{color:#0000c0}}@media screen and (-ms-high-contrast:black-on-white){#body-content a{color:#0000c0}#body-content a:hover{color:#0000c0}}#body-content .docs-Header{position:fixed;top:0;height:50px;left:0;right:0;line-height:50px;padding:0 20px;background:#005a9e;overflow:hidden;white-space:nowrap;z-index:10;width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none}#body-content .docs-Header .Header-buttons{float:right}#body-content .docs-Header .Header-button{position:relative;text-decoration:none;background:0 0;color:#fff;border:none;padding:0;padding:0 10px;min-width:50px;height:50px;line-height:50px;margin:0 5px;text-transform:uppercase;display:inline-block;vertical-align:top;box-sizing:border-box}#body-content .docs-Header .Header-button:hover{background-color:#0078d4}#body-content .docs-Nav{display:none;margin:0 0 8px 0;width:100%}#body-content .docs-Nav .docs-MobileNav-item{display:inline-block;margin:0 12px 0 0;width:auto}#body-content .docs-Nav .docs-MobileNav-item i{display:none}#body-content .docs-Nav .docs-MobileNav-item a,#body-content .docs-Nav .docs-MobileNav-item a:active{font-size:14px;font-weight:400;color:#323130;display:block;height:100%;padding-bottom:8px;padding-top:16px;position:relative}@media screen and (-ms-high-contrast:active){#body-content .docs-Nav .docs-MobileNav-item a,#body-content .docs-Nav .docs-MobileNav-item a:active{color:#ff0}}@media screen and (-ms-high-contrast:black-on-white){#body-content .docs-Nav .docs-MobileNav-item a,#body-content .docs-Nav .docs-MobileNav-item a:active{color:#0000c0}}#body-content .docs-Nav .docs-MobileNav-item a:focus{outline:0!important}@media screen and (-ms-high-contrast:active){#body-content .docs-Nav .docs-MobileNav-item a:focus::before{border:1px solid #fff}}@media screen and (-ms-high-contrast:black-on-white){#body-content .docs-Nav .docs-MobileNav-item a:focus::before{border:1px solid #37006e}}#body-content .docs-Nav div.current a{border-bottom:2px solid #0078d4}@media (min-width:1024px){#body-content .docs-Nav{display:block}#body-content .docs-Nav div.docs-MobileNav-subMenu{display:none}}#body-content .docs-Styles-section{float:left}#body-content .docs-Table{margin-bottom:20px;max-width:1140px;width:100%}#body-content .docs-Table th{font-size:14px;font-weight:400;padding:10px;text-align:left;vertical-align:top}#body-content .docs-Table tr{border-bottom:1px solid #f3f2f1;padding:5px 10px}#body-content .docs-Table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;max-width:300px;font-size:14px;padding:10px}#body-content .docs-Table td.light-border{border-style:solid;border-width:2px}#body-content .docs-Table .docs-Table-visibleForScreenReaders{font-size:0}#body-content .docs-Table i.ms-Icon--CheckMark::before{font-size:17px}#body-content .docs-Table i.ms-Icon--Cancel::before{font-size:14px}#body-content .docs-Table--striped tbody tr:nth-child(odd){background:#faf9f8}#body-content .docs-ListTable li{list-style-type:none!important}#body-content ol.docs-ListTable,#body-content ul.docs-ListTable{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}#body-content ul.docs-ListTable,#body-content ul.docs-ListTable li{list-style-type:none!important}#body-content .docs-Page{margin:50px auto 50px auto;padding:0 20px;position:relative;overflow:hidden}#body-content .docs-Page--home{min-height:0}#body-content .docs-innerPage{float:left;position:relative;width:100%}#body-content .docs-Page-leftNav{display:none;position:fixed;top:50px;width:300px;height:100%;border-right:1px solid #eee}@media (min-width:1024px){#body-content .docs-Page.has-leftNav{padding-left:330px}#body-content .docs-Page.has-leftNav .docs-Page-leftNav{left:0;display:block}#body-content .docs-Page.has-rightNav{padding-right:300px}#body-content .docs-Page.has-rightNav .docs-Page-rightNav{right:0;display:block}}@keyframes ms-slideRightIn10{from{transform:translate3d(-10px,0,0)}to{transform:translate3d(0,0,0)}}@keyframes ms-slideRightIn20{from{transform:translate3d(-20px,0,0)}to{transform:translate3d(0,0,0)}}@keyframes ms-slideRightIn40{from{transform:translate3d(-40px,0,0)}to{transform:translate3d(0,0,0)}}@keyframes ms-slideRightIn400{from{transform:translate3d(-400px,0,0)}to{transform:translate3d(0,0,0)}}@keyframes ms-slideRightOut40{from{transform:translate3d(0,0,0)}to{transform:translate3d(40px,0,0)}}@keyframes ms-slideRightOut400{from{transform:translate3d(0,0,0)}to{transform:translate3d(400px,0,0)}}@keyframes ms-slideLeftIn10{from{transform:translate3d(10px,0,0)}to{transform:translate3d(0,0,0)}}@keyframes ms-slideLeftIn20{from{transform:translate3d(20px,0,0)}to{transform:translate3d(0,0,0)}}@keyframes ms-slideLeftIn40{from{transform:translate3d(40px,0,0)}to{transform:translate3d(0,0,0)}}@keyframes ms-slideLeftIn400{from{transform:translate3d(400px,0,0)}to{transform:translate3d(0,0,0)}}@keyframes ms-slideLeftOut40{from{transform:translate3d(0,0,0)}to{transform:translate3d(-40px,0,0)}}@keyframes ms-slideLeftOut400{from{transform:translate3d(0,0,0)}to{transform:translate3d(-400px,0,0)}}@keyframes ms-slideUpIn10{from{transform:translate3d(0,10px,0)}to{transform:translate3d(0,0,0)}}@keyframes ms-slideUpIn20{from{transform:translate3d(0,20px,0)}to{transform:translate3d(0,0,0)}}@keyframes ms-slideDownIn10{from{transform:translate3d(0,-10px,0)}to{transform:translate3d(0,0,0)}}@keyframes ms-slideDownIn20{from{transform:translate3d(0,-20px,0)}to{transform:translate3d(0,0,0)}}@keyframes ms-slideUpOut10{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-10px,0)}}@keyframes ms-slideUpOut20{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-20px,0)}}@keyframes ms-slideDownOut10{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,10px,0)}}@keyframes ms-slideDownOut20{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,20px,0)}}@keyframes ms-scaleUp100{from{transform:scale3d(.98,.98,1)}to{transform:scale3d(1,1,1)}}@keyframes ms-scaleUp103{from{transform:scale3d(1,1,1)}to{transform:scale3d(1.03,1.03,1)}}@keyframes ms-scaleDown98{from{transform:scale3d(1,1,1)}to{transform:scale3d(.98,.98,1)}}@keyframes ms-scaleDown100{from{transform:scale3d(1.03,1.03,1)}to{transform:scale3d(1,1,1)}}@keyframes ms-fadeIn{from{opacity:0;animation-timing-function:cubic-bezier(.1,.25,.75,.9)}to{opacity:1}}@keyframes ms-fadeOut{from{opacity:1;animation-timing-function:cubic-bezier(.1,.25,.75,.9)}to{opacity:0}}@keyframes ms-rotate90{from{transform:rotateZ(0)}to{transform:rotateZ(90deg)}}@keyframes ms-rotateN90{from{transform:rotateZ(90deg)}to{transform:rotateZ(0)}}[dir=ltr] .ms-slideRightIn10{animation-name:ms-fadeIn,ms-slideRightIn10;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideRightIn10{animation:none}}[dir=rtl] .ms-slideRightIn10{animation-name:ms-fadeIn,ms-slideLeftIn10;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideRightIn10{animation:none}}[dir=ltr] .ms-slideRightIn20{animation-name:ms-fadeIn,ms-slideRightIn20;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideRightIn20{animation:none}}[dir=rtl] .ms-slideRightIn20{animation-name:ms-fadeIn,ms-slideLeftIn20;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideRightIn20{animation:none}}[dir=ltr] .ms-slideRightIn40{animation-name:ms-fadeIn,ms-slideRightIn40;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideRightIn40{animation:none}}[dir=rtl] .ms-slideRightIn40{animation-name:ms-fadeIn,ms-slideLeftIn40;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideRightIn40{animation:none}}[dir=ltr] .ms-slideRightIn400{animation-name:ms-fadeIn,ms-slideRightIn400;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideRightIn400{animation:none}}[dir=rtl] .ms-slideRightIn400{animation-name:ms-fadeIn,ms-slideLeftIn400;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideRightIn400{animation:none}}[dir=ltr] .ms-slideRightOut40{animation-name:ms-fadeOut,ms-slideRightOut40;animation-duration:167ms;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideRightOut40{animation:none}}[dir=rtl] .ms-slideRightOut40{animation-name:ms-fadeOut,ms-slideLeftOut40;animation-duration:167ms;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideRightOut40{animation:none}}[dir=ltr] .ms-slideRightOut400{animation-name:ms-fadeOut,ms-slideRightOut400;animation-duration:167ms;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideRightOut400{animation:none}}[dir=rtl] .ms-slideRightOut400{animation-name:ms-fadeOut,ms-slideLeftOut400;animation-duration:167ms;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideRightOut400{animation:none}}[dir=ltr] .ms-slideLeftIn10{animation-name:ms-fadeIn,ms-slideLeftIn10;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideLeftIn10{animation:none}}[dir=rtl] .ms-slideLeftIn10{animation-name:ms-fadeIn,ms-slideRightIn10;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideLeftIn10{animation:none}}[dir=ltr] .ms-slideLeftIn20{animation-name:ms-fadeIn,ms-slideLeftIn20;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideLeftIn20{animation:none}}[dir=rtl] .ms-slideLeftIn20{animation-name:ms-fadeIn,ms-slideRightIn20;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideLeftIn20{animation:none}}[dir=ltr] .ms-slideLeftIn40{animation-name:ms-fadeIn,ms-slideLeftIn40;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideLeftIn40{animation:none}}[dir=rtl] .ms-slideLeftIn40{animation-name:ms-fadeIn,ms-slideRightIn40;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideLeftIn40{animation:none}}[dir=ltr] .ms-slideLeftIn400{animation-name:ms-fadeIn,ms-slideLeftIn400;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideLeftIn400{animation:none}}[dir=rtl] .ms-slideLeftIn400{animation-name:ms-fadeIn,ms-slideRightIn400;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideLeftIn400{animation:none}}[dir=ltr] .ms-slideLeftOut40{animation-name:ms-fadeOut,ms-slideLeftOut40;animation-duration:167ms;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideLeftOut40{animation:none}}[dir=rtl] .ms-slideLeftOut40{animation-name:ms-fadeOut,ms-slideRightOut40;animation-duration:167ms;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideLeftOut40{animation:none}}[dir=ltr] .ms-slideLeftOut400{animation-name:ms-fadeOut,ms-slideLeftOut400;animation-duration:167ms;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideLeftOut400{animation:none}}[dir=rtl] .ms-slideLeftOut400{animation-name:ms-fadeOut,ms-slideRightOut400;animation-duration:167ms;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideLeftOut400{animation:none}}.ms-slideUpIn10{animation-name:ms-fadeIn,ms-slideUpIn10;animation-duration:167ms;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideUpIn10{animation:none}}.ms-slideUpIn20{animation-name:ms-fadeIn,ms-slideUpIn20;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideUpIn20{animation:none}}.ms-slideDownIn10{animation-name:ms-fadeIn,ms-slideDownIn10;animation-duration:167ms;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideDownIn10{animation:none}}.ms-slideDownIn20{animation-name:ms-fadeIn,ms-slideDownIn20;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideDownIn20{animation:none}}.ms-slideUpOut10{animation-name:ms-fadeOut,ms-slideUpOut10;animation-duration:167ms;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideUpOut10{animation:none}}.ms-slideUpOut20{animation-name:ms-fadeOut,ms-slideUpOut20;animation-duration:167ms;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideUpOut20{animation:none}}.ms-slideDownOut10{animation-name:ms-fadeOut,ms-slideDownOut10;animation-duration:167ms;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideDownOut10{animation:none}}.ms-slideDownOut20{animation-name:ms-fadeOut,ms-slideDownOut20;animation-duration:167ms;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideDownOut20{animation:none}}.ms-scaleUpIn100{animation-name:ms-fadeIn,ms-scaleUp100;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-scaleUpIn100{animation:none}}.ms-scaleUpOut103{animation-name:ms-fadeOut,ms-scaleUp103;animation-duration:167ms;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-scaleUpOut103{animation:none}}.ms-scaleDownOut98{animation-name:ms-fadeOut,ms-scaleDown98;animation-duration:167ms;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-scaleDownOut98{animation:none}}.ms-scaleDownIn100{animation-name:ms-fadeIn,ms-scaleDown100;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-scaleDownIn100{animation:none}}.ms-fadeIn100{animation-name:ms-fadeIn;animation-duration:167ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-fadeIn100{animation:none}}.ms-fadeIn200{animation-name:ms-fadeIn;animation-duration:267ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-fadeIn200{animation:none}}.ms-fadeIn400{animation-name:ms-fadeIn;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-fadeIn400{animation:none}}.ms-fadeIn500{animation-name:ms-fadeIn;animation-duration:467ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-fadeIn500{animation:none}}.ms-fadeOut100{animation-name:ms-fadeOut;animation-duration:.1s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-fadeOut100{animation:none}}.ms-fadeOut200{animation-name:ms-fadeOut;animation-duration:167ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-fadeOut200{animation:none}}.ms-fadeOut400{animation-name:ms-fadeOut;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-fadeOut400{animation:none}}.ms-fadeOut500{animation-name:ms-fadeOut;animation-duration:467ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-fadeOut500{animation:none}}.ms-expandCollapse100{transition:height .1s cubic-bezier(.1,.25,.75,.9)}@media (prefers-reduced-motion:reduce){.ms-expandCollapse100{transition:none}}.ms-expandCollapse200{transition:height 167ms cubic-bezier(.1,.25,.75,.9)}@media (prefers-reduced-motion:reduce){.ms-expandCollapse200{transition:none}}.ms-expandCollapse400{transition:height 367ms cubic-bezier(.1,.25,.75,.9)}@media (prefers-reduced-motion:reduce){.ms-expandCollapse400{transition:none}}.ms-delay100{animation-delay:167ms}.ms-delay200{animation-delay:267ms}[dir=ltr] .ms-rotate90deg{animation-name:ms-rotate90;animation-duration:.1s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-rotate90deg{animation:none}}[dir=rtl] .ms-rotate90deg{animation-name:ms-rotateN90;animation-duration:.1s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-rotate90deg{animation:none}}[dir=ltr] .ms-rotateN90deg{animation-name:ms-rotateN90;animation-duration:.1s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-rotateN90deg{animation:none}}[dir=rtl] .ms-rotateN90deg{animation-name:ms-rotate90;animation-duration:.1s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-rotateN90deg{animation:none}}.docs-animationsTable-header{display:none}.docs-animationsTable-header .docs-animationExampleColumn{display:none}@media (min-width:480px){.docs-animationsTable-header{display:block}.docs-animationsTable-header .docs-animationExampleColumn{display:block}}.docs-animationsTable-body .docs-animationTimingColumn,.docs-animationsTable-header .docs-animationTimingColumn{display:none}.docs-animationsTable-body .docs-animationCubicColumn,.docs-animationsTable-header .docs-animationCubicColumn{display:none}.docs-animationsTable-body .docs-animationTimingColumn,.docs-animationsTable-header .docs-animationTimingColumn{display:none}.docs-animationsTable-body .docs-animationDescriptionColumn,.docs-animationsTable-header .docs-animationDescriptionColumn{margin-bottom:12px}.docs-animationsTable-body .docs-animationClassColumn,.docs-animationsTable-header .docs-animationClassColumn{margin-bottom:12px}.docs-animationsTable-body .docs-animationExampleColumn,.docs-animationsTable-header .docs-animationExampleColumn{margin-bottom:14px}@media (min-width:640px){.docs-animationsTable-body .docs-animationDescriptionColumn,.docs-animationsTable-header .docs-animationDescriptionColumn{margin-bottom:0}.docs-animationsTable-body .docs-animationClassColumn,.docs-animationsTable-header .docs-animationClassColumn{amrgin-bottom:0}.docs-animationsTable-body .docs-animationExampleColumn,.docs-animationsTable-header .docs-animationExampleColumn{margin-bottom:0}}@media (min-width:1024px){.docs-animationsTable-body .docs-animationCubicColumn,.docs-animationsTable-header .docs-animationCubicColumn{display:block}.docs-animationsTable-body .docs-animationTimingColumn,.docs-animationsTable-header .docs-animationTimingColumn{display:block}}.docs-animationsTable-body.ms-Grid-row{margin-top:12px}.docs-animationsTable-body.ms-Grid-row .ms-Grid-col{line-height:32px;min-height:30px}.docs-animationsTable-body.ms-Grid-row .ms-Grid-col .mobileText{font-weight:600}@media (min-width:480px){.docs-animationsTable-body.ms-Grid-row .ms-Grid-col{line-height:18px;vertical-align:middle}.docs-animationsTable-body.ms-Grid-row .ms-Grid-col .mobileText{display:none}}@media (min-width:1024px){.docs-animationsTable-body.ms-Grid-row .ms-Grid-col{min-height:90px;line-height:90px}}.AnimationExample{position:relative;width:100%;height:90px;overflow:hidden;display:inline-block;float:left}.AnimationExample-content{width:100%;height:100%;border:1px solid #666;padding:10px}.AnimationExample-content hr{margin-top:8px;margin-bottom:8px}.AnimationExample-panel{position:absolute;top:0;width:60px;height:100%;opacity:0;background-color:#0078d4}.AnimationExample-note{display:inline-block;float:left;margin-left:10px}.AnimationExample .ms-slideLeftIn40 .AnimationExample-panel{right:0}.AnimationExample .ms-slideDownIn20 .AnimationExample-panel,.AnimationExample .ms-slideUpIn20 .AnimationExample-panel{top:60px;height:30px;width:100%}.AnimationExample .ms-slideDownIn10 .AnimationExample-panel,.AnimationExample .ms-slideUpIn10 .AnimationExample-panel{top:60px;height:20px;width:60px;right:10px}.AnimationExample .ms-slideDownIn20 .AnimationExample-panel{top:0}.AnimationExample .ms-slideDownIn10 .AnimationExample-panel{top:10px}.docs-animationsTable-body .ms-fadeOut100,.docs-animationsTable-body .ms-fadeOut200,.docs-animationsTable-body .ms-fadeOut400,.docs-animationsTable-body .ms-fadeOut500,.docs-animationsTable-body .ms-scaleDownOut98,.docs-animationsTable-body .ms-scaleUpOut103,.docs-animationsTable-body .ms-slideDownOut10,.docs-animationsTable-body .ms-slideDownOut20,.docs-animationsTable-body .ms-slideLeftOut40,.docs-animationsTable-body .ms-slideRightOut40,.docs-animationsTable-body .ms-slideUpOut10,.docs-animationsTable-body .ms-slideUpOut20{animation-play-state:paused}.docs-animationsTable-body .ms-fadeOut100 .AnimationExample-panel,.docs-animationsTable-body .ms-fadeOut200 .AnimationExample-panel,.docs-animationsTable-body .ms-fadeOut400 .AnimationExample-panel,.docs-animationsTable-body .ms-fadeOut500 .AnimationExample-panel,.docs-animationsTable-body .ms-scaleDownOut98 .AnimationExample-panel,.docs-animationsTable-body .ms-scaleUpOut103 .AnimationExample-panel,.docs-animationsTable-body .ms-slideDownOut10 .AnimationExample-panel,.docs-animationsTable-body .ms-slideDownOut20 .AnimationExample-panel,.docs-animationsTable-body .ms-slideLeftOut40 .AnimationExample-panel,.docs-animationsTable-body .ms-slideRightOut40 .AnimationExample-panel,.docs-animationsTable-body .ms-slideUpOut10 .AnimationExample-panel,.docs-animationsTable-body .ms-slideUpOut20 .AnimationExample-panel{animation-play-state:running;opacity:1}.docs-animationsTable-body .ms-slideLeftOut40 .AnimationExample-panel,.docs-animationsTable-body .ms-slideRightOut40 .AnimationExample-panel{right:0}.docs-animationsTable-body .ms-slideLeftOut40 .AnimationExample-panel{left:0}.docs-animationsTable-body .ms-slideDownOut10 .AnimationExample-panel,.docs-animationsTable-body .ms-slideDownOut20 .AnimationExample-panel,.docs-animationsTable-body .ms-slideUpOut10 .AnimationExample-panel,.docs-animationsTable-body .ms-slideUpOut20 .AnimationExample-panel{width:100%;height:30px;top:0}.docs-animationsTable-body .ms-slideDownOut10 .AnimationExample-panel,.docs-animationsTable-body .ms-slideUpOut10 .AnimationExample-panel{width:60px;top:10px;right:10px;height:20px}.docs-animationsTable-body .ms-slideDownOut10 .AnimationExample-panel,.docs-animationsTable-body .ms-slideDownOut20 .AnimationExample-panel{top:60px}.docs-animationsTable-body .ms-scaleDownIn100,.docs-animationsTable-body .ms-scaleDownOut98,.docs-animationsTable-body .ms-scaleUpIn100,.docs-animationsTable-body .ms-scaleUpOut103{overflow:visible}.docs-animationsTable-body .ms-scaleDownIn100 .AnimationExample-panel,.docs-animationsTable-body .ms-scaleDownOut98 .AnimationExample-panel,.docs-animationsTable-body .ms-scaleUpIn100 .AnimationExample-panel,.docs-animationsTable-body .ms-scaleUpOut103 .AnimationExample-panel{height:100%;width:100%;top:0}@keyframes scaleUp100{from{transform:scale3d(.7,.7,1)}to{transform:scale3d(1,1,1)}}@keyframes scaleDown100{from{transform:scale3d(1.3,1.3,1)}to{transform:scale3d(1,1,1)}}@keyframes scaleUp103{from{transform:scale3d(1,1,1)}to{transform:scale3d(1.15,1.15,1)}}@keyframes scaleDown98{from{transform:scale3d(1,1,1)}to{transform:scale3d(.85,.85,1)}}.docs-animationsTable-body .ms-fadeIn100 .AnimationExample-panel,.docs-animationsTable-body .ms-fadeIn200 .AnimationExample-panel,.docs-animationsTable-body .ms-fadeIn400 .AnimationExample-panel,.docs-animationsTable-body .ms-fadeIn500 .AnimationExample-panel{height:100%;width:100%;top:0}.docs-animationsTable-body .ms-fadeOut100 .AnimationExample-panel,.docs-animationsTable-body .ms-fadeOut200 .AnimationExample-panel,.docs-animationsTable-body .ms-fadeOut400 .AnimationExample-panel,.docs-animationsTable-body .ms-fadeOut500 .AnimationExample-panel{height:100%;width:100%;top:0}.AnimationUsage{position:relative;width:150px;height:90px;overflow:hidden;float:left;display:inline-block;margin-bottom:20px}.AnimationUsage-content{width:100%;height:100%;padding:10px;border-style:solid;border-width:1px}.AnimationUsage-panel{position:absolute;top:0;width:60px;height:100%}.AnimationUsage-button{margin:30px 10px;float:left;display:inline-block}.docs-colorContainer{padding-left:9px;float:left;position:relative;width:100%}.docs-colorBox{height:65px;padding:18px;box-sizing:border-box}.docs-colorBox p{line-height:20px;font-size:12px;margin:0}.docs-colorBox .mobileText{font-weight:600}.docs-colorBoxBG{padding-top:11px}.docs-colorBoxBG span.ms-font-size-m{font-size:10px;line-height:14px}@media (min-width:640px){.docs-colorBoxBG span.ms-font-size-m{font-size:14px;line-height:20px}}.docs-colorBox.ms-lg4{line-height:7px}@media (min-width:640px){.docs-colorBox.ms-lg4{width:32.333333%;margin-right:1%}}.docs-colorBottomRow{margin-bottom:16px}.docs-colorBottomRow .docs-colorBox{width:100%;font-size:12px;padding-top:12px}@media (min-width:640px){.docs-colorBottomRow .docs-colorBox{width:32.333333%;font-size:14px}}.docs-colorBox-hasBg{background-color:#faf9f8}.docs-colorBox-hasBorder{border:1px solid #edebe9}.docs-colorBoxBorder{border-width:1px;border-style:solid}.docs-colorBox:last-child{margin-right:0}.Typography-infoButton,.Typography-toggleCodeButton{background:0 0;border:none;margin:0;padding:0;cursor:pointer;font-size:12px;padding:0 7px;height:30px;display:inline-block;outline:0;vertical-align:super;position:absolute;right:0;z-index:20;top:50%;transform:translateY(-50%)}.Typography-infoButton .ms-Icon,.Typography-toggleCodeButton .ms-Icon{color:#a19f9d}.Typography-infoButton img,.Typography-toggleCodeButton img{fill:#a19f9d}.Typography-infoButton:hover .ms-Icon,.Typography-infoButton:hover img,.Typography-toggleCodeButton:hover .ms-Icon,.Typography-toggleCodeButton:hover img{color:#605e5c;fill:#605e5c}.ms-Callout.docs-ColorSection-swatchCallout{position:absolute;width:290px;height:inherit;right:-14%;top:100%;z-index:110;display:none;pointer-events:none}.ms-Callout.docs-ColorSection-swatchCallout.ms-Callout--arrowTop:after{right:47px;left:auto}.ms-Callout.docs-ColorSection-swatchCallout.ms-Callout--arrowTop:before{right:47px;left:auto}.ms-Callout.docs-ColorSection-swatchCallout .ms-Callout-inner{width:100%}.ms-Callout.docs-ColorSection-swatchCallout .ms-Callout-header{background-color:#fff}.docs-colorBottomRow .Typography-infoButton:hover+.ms-Callout.docs-ColorSection-swatchCallout{display:block}.docs-ColorSection-contrastText{float:left;width:75%;padding:10px;text-overflow:ellipsis;overflow:hidden;margin-bottom:0;padding-top:14px;padding-bottom:14px}.docs-ColorSection-contrastRatio{float:right;width:25%;padding:10px;margin-bottom:0;padding-top:14px;padding-bottom:14px}.docs-ColorSection-palette{margin-bottom:20px}.docs-ColorSection-swatches{padding:10px;border:1px solid #edebe9;padding-bottom:0;padding-right:0}.ms-Callout-inner{position:relative}.docs-ColorSection-contrastCaptionLeft{float:left}.docs-ColorSection-contrastCaptionLeft h4{font-size:14px;font-weight:400}.docs-ColorSection-contrastCaptionRight{position:absolute;right:25px;top:0;color:#000;width:52px}.docs-ColorSection-contrastCaptionRight h4{font-size:14px;font-weight:400}.docs-ColorSection-contrastCaption{margin-bottom:10px;padding-left:7px;white-space:nowrap}.docs-ColorSection-swatchHeader{width:100%;height:50px;padding:10px;position:relative}.docs-ColorSection-swatchTitle{position:absolute;bottom:10px}.docs-ColorSection-swatchHex{position:absolute;right:10px;text-align:right}.docs-ColorSection-swatchBody{overflow:hidden;height:0}.docs-ColorSection-swatchCode{padding:5px;padding-right:0;margin-bottom:10px;white-space:nowrap;font-size:12px}.docs-ColorSection-swatchCode:last-child{margin-bottom:0}@media (min-width:600px){.docs-ColorSection-swatchBody{padding:10px;height:auto}.docs-ColorSection-swatch{width:calc('50% - 10px');display:inline-block;vertical-align:top;margin-right:10px;margin-bottom:10px;border:1px solid #edebe9}}@media (min-width:980px){.docs-ColorSection-swatch{width:calc('33.3% - 10px')}}@media (min-width:1200px){.docs-ColorSection-swatch{width:calc('25% - 10px')}}a,body,html,input{margin:0;padding:0}body{font-size:15px;font-weight:400}*,:after,:before{box-sizing:border-box}img{border:none;padding:0;margin:0}pre{font-family:Consolas,Monaco,'Ubuntu Mono',Courier,monospace;font-size:13px;padding:10px;background-color:#f3f2f1}.docs-u-fontCode,code{font-family:Consolas,Monaco,'Ubuntu Mono',Courier,monospace;font-weight:400;padding:2px;overflow:hidden;border:none}#body-content .docs-IconList ul{margin:0;margin-bottom:20px;display:flex;flex-wrap:wrap}#body-content .docs-IconList ul li{font-size:11px;color:#605e5c;text-align:center;width:33.3%;padding:10px;overflow:hidden;background-color:#faf9f8;width:49%;margin-right:1%;margin-bottom:1%;min-height:124px;list-style:none!important}@media (min-width:640px){#body-content .docs-IconList ul li{width:24%}}@media (min-width:1024px){#body-content .docs-IconList ul li{margin-right:1%;margin-bottom:1%;min-height:124px}}#body-content .docs-IconList ul li .ms-Icon{color:#323130;font-size:32px;margin:10px auto;width:100%;margin-top:.8em}#body-content .docs-IconList ul li span{display:inline-block;text-align:left;margin-top:10px;width:100%;font-size:12px}#body-content .LeftNav{width:210px;text-align:right;margin-top:42px;display:none}@media (min-width:967px){#body-content .LeftNav{display:block}}#body-content .LeftNav-links{margin:0}#body-content .LeftNav-item{display:block;text-align:left;margin:0}#body-content a.LeftNav-link{display:block;height:40px;font-size:14px;line-height:40px;padding:0 40px;border:none;cursor:pointer;color:#333;background:#fff;outline:transparent}#body-content a.LeftNav-link:hover{background:#f8f8f8;cursor:pointer}#body-content a.LeftNav-link:focus{color:#201f1e;outline:0!important;outline-style:none;box-shadow:none;border-color:transparent}#body-content a.LeftNav-link.is-selected{font-weight:600;color:#000;border-left-width:2px;border-left-style:solid}#body-content a.LeftNav-link.LeftNav-link--active{color:#0078d4;background-color:#f3f2f1;position:relative;color:#333}#body-content a.LeftNav-link.LeftNav-link--active:after{content:'';position:absolute;border-left:2px solid #000;top:0;left:0;right:0;bottom:0}#body-content a.LeftNav-link.LeftNav-link--active:active,#body-content a.LeftNav-link.LeftNav-link--active:visited{color:#0078d4}#body-content a:hover.LeftNav-link{color:#0078d4}#body-content .ms-font-xxl:first-child{margin-top:0}#body-content .ms-font-l{line-height:24px}#body-content .ms-font-m{line-height:20px}#body-content .ms-font-s{line-height:20px}#body-content a{text-decoration:none;cursor:pointer}#body-content pre{border-radius:0;padding:0;border:none;margin-bottom:20px}.docs-demoGrid{margin:0 -10px}.docs-demoGrid .ms-Grid-row{margin:0 -10px}.docs-demoGrid .block{background-color:#a19f9d;color:#fff;height:50px;line-height:50px;margin-bottom:20px;text-align:center}.docs-HelperClasses .ms-Grid-row{width:100%;float:left}.docs-HelperClasses .docs-HelperHeader{display:none}.docs-HelperClasses .ms-Grid-col p.font-size-m{margin-bottom:12px}@media (min-width:640px){.docs-HelperClasses .docs-HelperHeader{display:block}.docs-HelperClasses p.font-size-m{margin-bottom:0}}.full-width-container{margin-top:0!important;padding-top:0}.ms-slideRightIn80{animation-name:fadeIn,slideRightIn80;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideRightIn80{animation:none}}@keyframes slideRightIn80{from{transform:translate3d(-80px,0,0)}to{transform:translate3d(0,0,0)}}.ms-slideLeftIn80{animation-name:fadeIn,slideLeftIn80;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideLeftIn80{animation:none}}@keyframes slideLeftIn80{from{transform:translate3d(80px,0,0)}to{transform:translate3d(0,0,0)}}.ms-slideLeftOut80{animation-name:fadeOut,slideLeftOut80;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideLeftOut80{animation:none}}@keyframes slideLeftOut80{from{transform:translate3d(0,0,0)}to{transform:translate3d(-80px,0,0)}}.ms-slideRightOut80{animation-name:fadeOut,slideRightOut80;animation-duration:367ms;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideRightOut80{animation:none}}@keyframes slideRightOut80{from{transform:translate3d(0,0,0)}to{transform:translate3d(80px,0,0)}}.fabric-ie #layout-navigation{top:56px}.fabric-ie div.docs-showNavigation .tier-1{margin-top:57px}.widget-FabricStyleOverrides{display:none}@media (max-width:700px){.fabric-ie #layout-navigation{top:0}}