/* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. */
/**
 * Office UI Fabric JS 1.5.0
 * The JavaScript front-end framework for building experiences for Office 365.
 **/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{color:#333;font-family:Segoe UI WestEuropean,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5}h2,h3,h4,h5{color:#000;font-weight:300;margin-bottom:16px}h2{font-size:24px;font-weight:100;margin-bottom:4px;margin-top:48px}h3{font-size:17px;margin:40px 0 8px}h4{color:#212121;font-weight:600;margin:8px 0}h4,ol,p,ul{font-size:14px}ol,p,ul{font-weight:400;margin-bottom:12px}ol{list-style-position:inside;list-style-type:decimal}a{color:#0078d7;text-decoration:none}em{font-style:italic}strong{font-weight:600}code{font-family:monospace}.od-Header{background-color:#000;height:50px;left:0;padding:0 8px;position:fixed;right:0;top:0;width:100%;z-index:4;box-sizing:border-box}.od-Header-banner{height:50px;position:relative;width:100%}@media (min-width:1300px){.od-Header-banner{width:1300px;margin:auto}}@media (min-width:1300px){[dir=ltr] .od-Header-logo{padding-left:8px}[dir=rtl] .od-Header-logo{padding-right:8px}}.od-Header-searchContainer{position:absolute;right:0;top:8px;width:330px;height:33px;display:none}@media screen and (min-width:1366px){.od-Header-searchContainer{display:block}}.od-Header-navigationContainer{position:absolute;left:0;right:0;height:50px;background-color:#000;display:none;padding-bottom:1px;box-sizing:content-box}.od-Header-navigationContainer.is-open{display:block}@media screen and (-ms-high-contrast:active){.od-Header-navigationContainer{border:1px solid #fff;border-top:0}}@media screen and (-ms-high-contrast:black-on-white){.od-Header-navigationContainer{border:1px solid #000;border-top:0}}.od-Header-hamburgerButton{position:absolute;right:14px;top:5px;width:40px;height:40px;font-size:30px;color:#fff;cursor:pointer;outline:none;text-align:center;display:none}.od-Header-hamburgerButton:focus{box-shadow:inset 0 0 0 1px #fff}@media screen and (-ms-high-contrast:active){.od-Header-hamburgerButton:focus{box-shadow:inset 0 0 0 1px #fff}}@media screen and (-ms-high-contrast:black-on-white){.od-Header-hamburgerButton:focus{box-shadow:inset 0 0 0 1px #37006e}}@media (min-width:1300px){.docs-showNavigation{display:block}}.nav{padding-top:20px;padding-bottom:60px}[dir=ltr] .nav{padding-right:12px}[dir=rtl] .nav{padding-left:12px}[dir=ltr] .nav{padding-left:36px}[dir=rtl] .nav{padding-right:36px}.link{font-size:17px;font-weight:100;line-height:1.5}.link a{color:#666;display:block;margin-bottom:12px}.link a:hover{color:#212121}.link.hasActiveChild,.link.isActive:not(.isHomePage),.link:hover:not(.isHomePage){color:#333;position:relative}.link.hasActiveChild:before,.link.isActive:not(.isHomePage):before,.link:hover:not(.isHomePage):before{content:"";width:2px;height:20px;background:#a6a6a6;position:absolute;top:3px}[dir=ltr] .link.hasActiveChild:before,[dir=ltr] .link.isActive:not(.isHomePage):before,[dir=ltr] .link:hover:not(.isHomePage):before{left:-16px}[dir=rtl] .link.hasActiveChild:before,[dir=rtl] .link.isActive:not(.isHomePage):before,[dir=rtl] .link:hover:not(.isHomePage):before{right:-16px}.link.hasActiveChild.fabricPage:before,.link.isActive:not(.isHomePage).fabricPage:before,.link:hover:not(.isHomePage).fabricPage:before{background-color:#0078d7}.link.hasActiveChild.getStartedPage:before,.link.isActive:not(.isHomePage).getStartedPage:before,.link:hover:not(.isHomePage).getStartedPage:before{background-color:#6b0036}.link.hasActiveChild.Components:before,.link.isActive:not(.isHomePage).Components:before,.link:hover:not(.isHomePage).Components:before{background-color:#394146}.link .links{display:none}.link.hasActiveChild a,.link.isActive a{color:#212121}.link.hasActiveChild>.links,.link.isActive>.links{display:block}.link.hideChildren>.links{display:none}.isHomePage.isActive a,.isHomePage a{font-size:21px;font-weight:600;color:#333}[dir=ltr] .isSubMenu{margin-left:8px}[dir=rtl] .isSubMenu{margin-right:8px}.isSubMenu .link a{color:#666;font-size:14px;font-weight:400}.isSubMenu .link a:hover{color:#333}.isSubMenu .link.isActive>a:first-child,.isSubMenu .link:hover>a:first-child{color:#333;font-weight:600}.isSubMenu .link.isActive:before,.isSubMenu .link:hover:before{display:none}.isSubMenu .link.hasActiveChild>a:first-child{color:#fff;font-weight:600}.isSubMenu .link.hasActiveChild:before{display:none}body{margin:0;padding:0;background:#000}.App{background-color:#fff;-ms-flex-pack:center;justify-content:center}.App .ms-Overlay{z-index:1}.App-wrapper{-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-width:1300px;padding-top:50px;box-sizing:border-box}.App-mobileNavBar,.App-wrapper{display:-ms-flexbox;display:flex}.App-mobileNavBar{padding:0 16px;background:#212121;color:#fff;height:48px;left:0;position:fixed;right:0;z-index:4}@media screen and (min-width:640px){.App-mobileNavBar{padding:0 32px}}@media screen and (min-width:1024px){.App-mobileNavBar{padding:0 40px}}.App-mobileNavBar .menuButton{background:transparent;color:#fff;font-size:24px;font-weight:400;height:48px;line-height:48px;padding:0;border:0}[dir=ltr] .App-mobileNavBar .menuButton{margin-right:12px}[dir=rtl] .App-mobileNavBar .menuButton{margin-left:12px}.App-mobileNavBar .menuButton:focus{outline:0}.App-mobileNavBar .siteTitle{font-size:24px;font-weight:100;line-height:46px}.App-nav{-webkit-overflow-scrolling:touch;bottom:0;position:fixed;top:98px;transition:.267s cubic-bezier(.1,.9,.2,1);width:208px;min-width:208px;overflow:auto}[dir=ltr] .App-nav{left:-208px}[dir=rtl] .App-nav{right:-208px}[dir=ltr] .App-nav{transition-property:left}[dir=rtl] .App-nav{transition-property:right}.App-content{padding:0 16px;background-color:#f4f4f4;-ms-flex-positive:1;flex-grow:1;left:0;margin-top:48px;position:relative;transition:all .267s cubic-bezier(.1,.9,.2,1);overflow-x:hidden}@media screen and (min-width:640px){.App-content{padding:0 32px}}@media screen and (min-width:1024px){.App-content{padding:0 40px}}@media screen and (-ms-high-contrast:active){.App-content{border-right:1px solid #fff;border-left:1px solid #fff;border-bottom:1px solid #fff}}@media screen and (-ms-high-contrast:black-on-white){.App-content{border-right:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000}}.App-mobileNavOverlay{display:none}@media screen and (max-width:1023px){.App.is-navOpen{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}[dir=ltr] .App.is-navOpen .App-mobileNavBar{padding-left:36px}[dir=rtl] .App.is-navOpen .App-mobileNavBar{padding-right:36px}.App.is-navOpen .App-mobileNavBar .siteTitle{display:none}.App.is-navOpen .App-mobileNavOverlay{background:transparent;bottom:0;display:block;position:absolute;top:0;z-index:2}[dir=ltr] .App.is-navOpen .App-mobileNavOverlay{left:208px}[dir=rtl] .App.is-navOpen .App-mobileNavOverlay{right:208px}[dir=ltr] .App.is-navOpen .App-mobileNavOverlay{right:0}[dir=ltr] .App.is-navOpen .App-nav,[dir=rtl] .App.is-navOpen .App-mobileNavOverlay{left:0}[dir=rtl] .App.is-navOpen .App-nav{right:0}.App.is-navOpen .App-content{opacity:.5}[dir=ltr] .App.is-navOpen .App-content{left:208px}[dir=rtl] .App.is-navOpen .App-content{right:208px}}@media screen and (min-width:1024px){.App-wrapper{-ms-flex-direction:row;flex-direction:row}.App-mobileNavBar{display:none}.App-nav{top:auto;position:relative}[dir=ltr] .App-nav{left:auto}[dir=rtl] .App-nav{right:auto}.App-content{margin-top:0;-ms-flex-positive:unset;flex-grow:unset;width:calc(100% - 208px)}[dir=ltr] .App.is-navOpen .App-nav{left:auto}[dir=rtl] .App.is-navOpen .App-nav{right:auto}[dir=ltr] .App.is-navOpen .App-content{left:auto}[dir=rtl] .App.is-navOpen .App-content{right:auto}}.od-Navigation{width:100%;max-width:1300px}@media (min-width:1300px){.od-Navigation{height:50px;margin:auto}}.od-Navigation-links{width:auto;height:100%;position:relative}.od-Navigation-linkContainer{position:relative;width:100%;height:100%;background-color:#000;vertical-align:top}.od-Navigation-linkContainer.is-open .od-Navigation-link{background-color:#3c3c3c}.od-Navigation-linkContainer.is-open .od-Navigation-subMenu{display:block}.od-Navigation-linkContainer.is-open .ms-Icon{transform:rotate(180deg)}@media (min-width:1300px){.od-Navigation-linkContainer{display:inline-block;width:auto}}.od-Navigation-subMenu{background-color:#3c3c3c;width:100vw;overflow:hidden;display:none}.od-Navigation-subMenu .ms-Grid,.od-Navigation-subMenu .ms-Grid-row{height:100%}.od-Navigation-subMenu .ms-Grid-col{padding-top:12px}@media (min-width:1300px){.od-Navigation-subMenu{position:fixed;top:50px;left:0;height:404px}}@media screen and (-ms-high-contrast:active){.od-Navigation-subMenu{border:1px solid #fff}}@media screen and (-ms-high-contrast:black-on-white){.od-Navigation-subMenu{border:1px solid #000}}.od-Navigation-subMenuItems{width:1300px;margin:auto;height:100%}.od-Navigation-subMenuItem{font-size:16px;line-height:32px;width:100%;display:block;color:#fff}.od-Navigation-subMenuItem:focus{box-shadow:inset 0 0 0 1px #fff;color:#fff}@media screen and (-ms-high-contrast:active){.od-Navigation-subMenuItem:focus{box-shadow:inset 0 0 0 1px #fff}}@media screen and (-ms-high-contrast:black-on-white){.od-Navigation-subMenuItem:focus{box-shadow:inset 0 0 0 1px #37006e}}.od-Navigation-subMenuItem:hover{color:#f4f4f4}.od-Navigation-subMenuItem i{font-size:16px;position:relative;width:22px;height:22px;margin-right:6px;display:inline-block;vertical-align:top;margin-top:5px}.od-Navigation-subMenuItem i:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.od-Navigation-menuFirstColumn{padding-left:30px;padding-bottom:12px}@media (min-width:1300px){.od-Navigation-menuFirstColumn{padding-bottom:0;padding-left:0}}.od-Navigation-menuSecondColumn{background-color:#666;height:100%;padding-left:30px}.od-Navigation-menuThirdColumn{background-color:#767676;height:100%;padding-left:30px}.od-Navigation-subMenuOverflowColor{background-color:#767676;height:100%;width:100vw;position:absolute;right:-100vw;top:0}.od-Navigation-searchContainer{width:100%;position:relative;padding:8px;padding-top:12px;padding-bottom:12px;background-color:#212121}@media (min-width:1300px){.od-Navigation-searchContainer{display:none}}.od-Navigation-socialButtons{position:absolute;right:0;height:100%}.od-Navigation-socialButton{display:inline-block;background-color:#212121}.od-Navigation-link{width:100%;height:50px;display:block;padding-left:16px;padding-right:16px;line-height:50px;color:#fff;font-size:16px}.od-Navigation-link:hover{color:#f4f4f4}.od-Navigation-link:focus{color:#fff;box-shadow:inset 0 0 0 1px #fff}@media screen and (-ms-high-contrast:active){.od-Navigation-link:focus{box-shadow:inset 0 0 0 1px #fff}}@media screen and (-ms-high-contrast:black-on-white){.od-Navigation-link:focus{box-shadow:inset 0 0 0 1px #37006e}}.od-Navigation-link.is-selected,.od-Navigation-link.is-selected .ms-Icon{color:#a6a6a6}.od-Navigation-link .ms-Icon{color:#fff;transition:transform .4s;margin-top:1px;line-height:40px;height:45px;vertical-align:bottom}[dir=ltr] .od-Navigation-link .ms-Icon{margin-left:6px}[dir=rtl] .od-Navigation-link .ms-Icon{margin-right:6px}@media screen and (-ms-high-contrast:active){.od-Navigation-link .ms-Icon{transition:none}}@media screen and (-ms-high-contrast:black-on-white){.od-Navigation-link .ms-Icon{transition:none}}@media (min-width:1300px){.od-Navigation-link{display:inline-block;width:auto}.od-Navigation-link.is-selected:before,.od-Navigation-link:hover:before{content:"";height:2px;left:0;right:0;position:absolute;bottom:0;background-color:#a6a6a6}}.od-SearchBox{background-color:#3c3c3c;width:100%;padding-right:33px;padding-left:8px;height:100%;position:relative;box-sizing:border-box}.od-SearchBox fieldset{border:0;height:auto;padding:0;margin:0}@media screen and (-ms-high-contrast:active){.od-SearchBox{border:1px solid #fff}}@media screen and (-ms-high-contrast:black-on-white){.od-SearchBox{border:1px solid #000}}.od-SearchBox-field{background-color:transparent;height:33px;width:100%;border:0;font-size:17px;color:#fff}.od-SearchBox-button{background:none;border:0;color:transparent;position:absolute;top:0;height:29px;width:33px;overflow:hidden;line-height:30px}[dir=ltr] .od-SearchBox-button{right:0}[dir=rtl] .od-SearchBox-button{left:0}.od-SearchBox-button.ms-Icon:before{font-size:21px;color:#fff;position:absolute}.codeBlock.isCollapsible{padding-top:28px;position:relative}.codeBlock.isCollapsible .code{max-height:1px;overflow:hidden;transition:max-height .3s ease}.codeBlock.isCollapsible .toggle{background:transparent;border:1px solid #212121;border-bottom-width:0;border-top-left-radius:4px;border-top-right-radius:4px;color:#000;font-family:monospace;font-size:14px;font-weight:400;height:28px;padding:0 8px;position:absolute;right:0;top:0;transition:all .167s ease}.codeBlock.isCollapsible.isOpen .code{max-height:400px}.codeBlock.isCollapsible.isOpen .toggle{background:#212121;color:#fff}.hljs{-webkit-overflow-scrolling:touch;font-family:monospace;line-height:1.4;padding:20px}.codeBlock.isDarkTheme .hljs{background:#212121;color:#fff}.codeBlock.isDarkTheme .hljs-comment,.codeBlock.isDarkTheme .hljs-quote{color:#777}.codeBlock.isDarkTheme .hljs-built_in,.codeBlock.isDarkTheme .hljs-builtin-name,.codeBlock.isDarkTheme .hljs-bullet,.codeBlock.isDarkTheme .hljs-deletion,.codeBlock.isDarkTheme .hljs-link,.codeBlock.isDarkTheme .hljs-literal,.codeBlock.isDarkTheme .hljs-meta,.codeBlock.isDarkTheme .hljs-number,.codeBlock.isDarkTheme .hljs-params,.codeBlock.isDarkTheme .hljs-regexp,.codeBlock.isDarkTheme .hljs-symbol,.codeBlock.isDarkTheme .hljs-tag,.codeBlock.isDarkTheme .hljs-template-variable,.codeBlock.isDarkTheme .hljs-variable{color:#ab875d}.codeBlock.isDarkTheme .hljs-attribute,.codeBlock.isDarkTheme .hljs-name,.codeBlock.isDarkTheme .hljs-section,.codeBlock.isDarkTheme .hljs-selector-class,.codeBlock.isDarkTheme .hljs-selector-id,.codeBlock.isDarkTheme .hljs-title,.codeBlock.isDarkTheme .hljs-type{color:#9b869b}.codeBlock.isDarkTheme .hljs-addition,.codeBlock.isDarkTheme .hljs-keyword,.codeBlock.isDarkTheme .hljs-selector-tag,.codeBlock.isDarkTheme .hljs-string{color:#8f9c6c}.codeBlock.isDarkTheme .hljs-emphasis{font-style:italic}.codeBlock.isDarkTheme .hljs-strong{font-weight:700}.codeBlock.isLightTheme .hljs{background:#fff}.codeBlock.isLightTheme .hljs,.codeBlock.isLightTheme .hljs-subst{color:#434f54}.codeBlock.isLightTheme .hljs-attribute,.codeBlock.isLightTheme .hljs-doctag,.codeBlock.isLightTheme .hljs-keyword,.codeBlock.isLightTheme .hljs-name,.codeBlock.isLightTheme .hljs-selector-tag{color:#00979d}.codeBlock.isLightTheme .hljs-addition,.codeBlock.isLightTheme .hljs-built_in,.codeBlock.isLightTheme .hljs-bullet,.codeBlock.isLightTheme .hljs-code,.codeBlock.isLightTheme .hljs-literal{color:#d35400}.codeBlock.isLightTheme .hljs-link,.codeBlock.isLightTheme .hljs-regexp,.codeBlock.isLightTheme .hljs-selector-attr,.codeBlock.isLightTheme .hljs-selector-pseudo,.codeBlock.isLightTheme .hljs-symbol,.codeBlock.isLightTheme .hljs-template-variable,.codeBlock.isLightTheme .hljs-variable{color:#00979d}.codeBlock.isLightTheme .hljs-deletion,.codeBlock.isLightTheme .hljs-quote,.codeBlock.isLightTheme .hljs-selector-class,.codeBlock.isLightTheme .hljs-selector-id,.codeBlock.isLightTheme .hljs-string,.codeBlock.isLightTheme .hljs-template-tag,.codeBlock.isLightTheme .hljs-type{color:#005c5f}.codeBlock.isLightTheme .hljs-section,.codeBlock.isLightTheme .hljs-title{color:#800;font-weight:700}.codeBlock.isLightTheme .hljs-comment{color:hsla(184,9%,62%,.8)}.codeBlock.isLightTheme .hljs-meta-keyword{color:#728e00}.codeBlock.isLightTheme .hljs-meta{color:#728e00;color:#434f54}.codeBlock.isLightTheme .hljs-emphasis{font-style:italic}.codeBlock.isLightTheme .hljs-strong{font-weight:700}.codeBlock.isLightTheme .hljs-function{color:#728e00}.codeBlock.isLightTheme .hljs-number{color:#8a7b52}.button{border-radius:3px;border:1px solid #b3dbf2;color:#b3dbf2;letter-spacing:.03em;padding:8px 20px 10px;transition:all .267s cubic-bezier(.1,.9,.2,1);-ms-flex-negative:0;flex-shrink:0;font-size:17px}.button:hover{background-color:#b3dbf2;color:#004e8c}.hero{padding:48px 16px 80px;margin-left:-16px;margin-right:-16px;position:relative;-ms-flex-align:center;align-items:center;background-image:url(images/home-background.svg);background-repeat:no-repeat;background-size:cover;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:640px){.hero{padding:48px 32px 80px}}@media screen and (min-width:1024px){.hero{padding:48px 40px 80px}}@media screen and (min-width:640px){.hero{margin-left:-32px;margin-right:-32px}}@media screen and (min-width:1024px){.hero{margin-left:-40px;margin-right:-40px}}.hero:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 0 395 25'%3E%3Cpath fill='%23333' d='M0 25V0l200 21L400 0v25z'/%3E%3C/svg%3E");background-position:bottom;background-repeat:no-repeat;background-size:contain;bottom:-10px;content:"";height:70px;left:-10px;position:absolute;right:-10px}.title{color:#fff;font-size:42px;font-weight:100;line-height:1;margin-bottom:8px}.tagline{color:#fff;font-size:17px;font-weight:300;line-height:1.5;margin-bottom:36px;max-width:33em;text-align:center}.primaryButton{border-radius:3px;border:1px solid #fff;color:#fff;letter-spacing:.03em;padding:8px 20px 10px;transition:all .267s cubic-bezier(.1,.9,.2,1);background-color:#fff;color:#038387}.primaryButton:hover{background-color:#fff;color:#004e8c;background-color:#eaeaea}.version{color:#fff;font-size:11px;font-weight:400;margin-top:16px}@media screen and (min-width:640px){.hero{padding-bottom:120px}.title{font-size:72px}}@media screen and (min-width:1024px){.hero{padding-top:140px}}.flavors{padding:62px 16px 0;margin-left:-16px;margin-right:-16px;background:#333;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-direction:row;flex-direction:row;padding-bottom:72px}@media screen and (min-width:640px){.flavors{padding:62px 32px 0}}@media screen and (min-width:1024px){.flavors{padding:62px 40px 0}}@media screen and (min-width:640px){.flavors{margin-left:-32px;margin-right:-32px}}@media screen and (min-width:1024px){.flavors{margin-left:-40px;margin-right:-40px}}.flavor{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:60px;-ms-flex-order:-1;order:-1;position:relative;top:-110px}.flavor img{margin-bottom:12px}.flavor a{color:#b3dbf2;font-size:14px;transition:color .267s cubic-bezier(.1,.9,.2,1)}.flavor a:hover{color:#fff}.flavor .button{border-radius:3px;border:1px solid #30c6cc;color:#30c6cc;letter-spacing:.03em;padding:8px 20px 10px;transition:all .267s cubic-bezier(.1,.9,.2,1);font-size:14px}.flavor .button:hover{background-color:#30c6cc;color:#3c3c3c}.flavorDescription,.flavorTitle{color:#fff;line-height:1.5}.flavorTitle{font-size:21px;font-weight:300;text-align:center}.flavorDescription{max-width:43em;font-size:14px;margin-bottom:12px;text-align:center}@media screen and (min-width:640px){.flavors{-ms-flex-direction:row;flex-direction:row;padding-bottom:72px;padding-top:62px}.flavor{margin-bottom:0;-ms-flex-order:0;order:0}}.product{padding:20px 16px 40px;margin-left:-16px;margin-right:-16px;-ms-flex-align:center;align-items:center;color:#333;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;font-weight:300}@media screen and (min-width:640px){.product{padding:20px 32px 40px}}@media screen and (min-width:1024px){.product{padding:20px 40px 40px}}@media screen and (min-width:640px){.product{margin-left:-32px;margin-right:-32px}}@media screen and (min-width:1024px){.product{margin-left:-40px;margin-right:-40px}}@media screen and (-ms-high-contrast:active){.product{border-top:1px solid #fff;border-bottom:1px solid #fff}}@media screen and (-ms-high-contrast:black-on-white){.product{border-top:1px solid #000;border-bottom:1px solid #000}}.productImage{height:auto;margin-bottom:20px;width:100%}.productTitle{display:block;font-size:24px;margin-bottom:8px}.productDescription{font-size:17px}.productDescription a,.productDescription a:visited{color:#0078d7;transition:color .267s cubic-bezier(.1,.9,.2,1)}.productDescription a:active,.productDescription a:hover{color:#004e8c}.productSharepoint{background-color:#f4f4f4}.productAddins{background-color:#eaeaea}@media screen and (min-width:640px){.product{-ms-flex-direction:row;flex-direction:row;padding-bottom:60px;padding-top:40px}.productAddins{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.productAddins .productImage{margin-left:0;margin-right:32px}.productImage{margin-bottom:0;margin-left:32px;width:40%}}@media screen and (min-width:1024px){.productImage{width:50%}}.featured{padding:40px 16px;margin-bottom:-100px;margin-left:-16px;margin-right:-16px;background-color:#333}@media screen and (min-width:640px){.featured{padding:40px 32px}}@media screen and (min-width:1024px){.featured{padding:40px}}@media screen and (min-width:640px){.featured{margin-left:-32px;margin-right:-32px}}@media screen and (min-width:1024px){.featured{margin-left:-40px;margin-right:-40px}}.featuredDescription,.featuredTitle{display:block;font-weight:300}.featuredTitle{color:#eaeaea;font-size:24px;margin-bottom:12px}.featuredDescription{color:#a6a6a6;font-size:17px;line-height:1.5;margin-bottom:28px;max-width:26em}.featureList{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.featureList li{margin-bottom:28px}.featureList li img{width:100%;height:auto}.featureList li span{color:#eaeaea;display:block;font-size:17px;transition:color .267s cubic-bezier(.1,.9,.2,1)}.featureList li:hover span{color:#fff}.trademark{color:#a6a6a6;display:block;font-size:12px;margin-top:32px}@media screen and (min-width:640px){.featureList{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.featureList li{width:48%}}@media screen and (min-width:1024px){.featureList li{width:23%}.trademark{margin-top:72px}}.pageHeader{margin-left:-16px;margin-right:-16px;position:relative;z-index:3}@media screen and (min-width:640px){.pageHeader{margin-left:-32px;margin-right:-32px}}@media screen and (min-width:1024px){.pageHeader{margin-left:-40px;margin-right:-40px}}.content{padding:0 16px;margin-bottom:2px}@media screen and (min-width:640px){.content{padding:0 32px}}@media screen and (min-width:1024px){.content{padding:0 40px}}@media screen and (-ms-high-contrast:active){.content{border-bottom:1px solid #fff}}@media screen and (-ms-high-contrast:black-on-white){.content{border-bottom:1px solid #000}}.pageTitle{-ms-flex-align:center;align-items:center;color:#f8f8f8;display:-ms-flexbox;display:flex;font-size:48px;font-weight:100;line-height:1;padding:40px 0}.pageNav{display:none}@media screen and (max-width:639px){.pageHeader{margin-bottom:-2px}}@media screen and (min-width:640px){.pageHeader{height:236px}.pageHeader.isAttached .content{box-shadow:0 10px 30px -10px rgba(0,0,0,.2);max-width:1092px;position:fixed;top:98px;width:100%;z-index:2;height:128px}}@media screen and (min-width:640px) and (-ms-high-contrast:active){[dir=ltr] .pageHeader.isAttached .content{border-right:1px solid #fff}[dir=rtl] .pageHeader.isAttached .content{border-left:1px solid #fff}}@media screen and (min-width:640px) and (-ms-high-contrast:black-on-white){[dir=ltr] .pageHeader.isAttached .content{border-right:1px solid #000}[dir=rtl] .pageHeader.isAttached .content{border-left:1px solid #000}}@media screen and (min-width:640px){.pageHeader.isAttached .pageTitle{font-size:24px;font-weight:400;padding-top:32px;transition:font-size .167s cubic-bezier(.1,.9,.2,1)}.content{height:236px;transition:box-shadow .267s cubic-bezier(.1,.9,.2,1);position:relative}.pageTitle{font-size:72px;padding-top:94px}.pageNav{display:block;height:48px;position:absolute;bottom:0;margin-bottom:1px}.pageNav ul{display:-ms-flexbox;display:flex}.pageNav ul li a{color:#fff;display:inline-block;font-size:17px;font-weight:300;height:48px;line-height:48px;text-decoration:none;text-align:center}[dir=ltr] .pageNav ul li a{margin-right:28px}[dir=rtl] .pageNav ul li a{margin-left:28px}.pageNav ul li a.active,.pageNav ul li a:hover{font-weight:600}.pageNav ul li a:after{color:transparent;content:attr(data-sectionname);display:block;font-weight:700;height:1px;overflow:hidden;visibility:hidden}}@media screen and (min-width:1024px){.pageHeader.isAttached .content{top:50px;box-sizing:border-box}}#design .content,#design .pageHeader{background-color:#6b0036}.designSection,.instructionsSection,.structureSection{margin-left:-16px;margin-right:-16px;padding:20px 16px 40px}@media screen and (min-width:640px){.designSection,.instructionsSection,.structureSection{margin-left:-32px;margin-right:-32px}}@media screen and (min-width:1024px){.designSection,.instructionsSection,.structureSection{margin-left:-40px;margin-right:-40px}}@media screen and (min-width:640px){.designSection,.instructionsSection,.structureSection{padding:20px 32px 40px}}@media screen and (min-width:1024px){.designSection,.instructionsSection,.structureSection{padding:20px 40px 40px}}.designSection h2,.structureSection h2{color:#f4f4f4;font-size:28px;font-weight:100;line-height:1.2;margin-bottom:48px;margin-top:0;max-width:12em}@media screen and (min-width:640px){.designSection,.instructionsSection,.structureSection{padding-top:60px;padding-bottom:120px}.designSection h2,.structureSection h2{font-size:36px}}.designSection{position:relative;background-color:#6b0036;color:#f4f4f4}.designSection:after{bottom:0;content:"";height:70px;left:-10px;pointer-events:none;position:absolute;right:-10px;background-repeat:no-repeat;background-position:bottom,top;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 0 395 42'%3E%3Cpath fill='%23333' d='M400 50V0L0 42v8z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 42'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' y1='20%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-opacity='0'/%3E%3Cstop offset='100%25' stop-opacity='.04'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0l400 42V0z'/%3E%3C/svg%3E")}@media screen and (min-width:640px){.designSection:after{height:140px}}.feature{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:32px}.feature img{height:100%;margin-bottom:8px;width:80%}.feature .title{font-size:24px;font-weight:300;margin-bottom:20px;width:100%}.feature .description{font-weight:300;font-size:17px;line-height:1.5;color:#eaeaea;max-width:100%}@media screen and (max-width:639px){.designSection .feature{float:none}}@media screen and (min-width:640px){img{margin-bottom:20px}}.structureSection{color:#f4f4f4;background-color:#333}.instructionsSection{max-width:60em}.instructionsSection h2:not(:first-child){margin-top:120px}.instructionsSection h2+p{font-size:17px}.instructionsSection a{color:#00188f}.steps{counter-reset:a;max-width:65em;margin:60px auto}[dir=ltr] .steps{margin-right:0}[dir=rtl] .steps{margin-left:0}.steps li{list-style:none;position:relative;padding-bottom:24px;padding-top:56px}.steps li:not(:last-child){border-bottom:1px solid #c8c8c8;margin-bottom:48px}.steps li:before{color:#721481;content:counter(a);counter-increment:a;font-size:48px;font-weight:100;line-height:38px;position:absolute;top:0}.steps code{margin:16px 0}@media screen and (min-width:640px){.steps li{padding-top:0}[dir=ltr] .steps li{padding-left:56px}[dir=rtl] .steps li{padding-right:56px}[dir=ltr] .steps li:before{left:0}[dir=rtl] .steps li:before{right:0}}.ComponentPageWrapper .content{background-color:#394146}.ComponentPageWrapper .ms-Table .nowrap{white-space:nowrap;width:1%}.ComponentPageWrapper .ms-Table p{margin-bottom:0;line-height:24px}.ComponentPage{margin-left:-16px;margin-right:-16px}@media screen and (min-width:640px){.ComponentPage{margin-left:-32px;margin-right:-32px}}@media screen and (min-width:1024px){.ComponentPage{margin-left:-40px;margin-right:-40px}}.ComponentPage{background-color:#fff}.ComponentPage-title{font-size:28px;font-size:82px;line-height:94px;color:#fff;display:inline-block;width:100%;margin-top:50px;margin-bottom:50px}.ComponentPage-subHeading,.ComponentPage-title{font-family:Segoe UI WestEuropean,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;font-weight:100}.ComponentPage-subHeading{font-size:28px;font-size:36px;margin-top:10px;margin-bottom:24px}.ComponentPage-smallSubHeading{font-family:Segoe UI WestEuropean,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;font-size:17px;font-weight:300;line-height:21px;margin-bottom:18px}.ComponentPage-overviewSectionContent{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}@media (min-width:1024px){.ComponentPage-overviewSectionContent{-ms-flex-direction:row;flex-direction:row}}.ComponentPage-overview{font-size:14px;line-height:1.5;max-width:50em;margin-bottom:-6px;box-sizing:border-box}[dir=ltr] .ComponentPage-overview{padding-right:60px}[dir=rtl] .ComponentPage-overview{padding-left:60px}.ComponentPage-overview p{margin:0;padding:16px 0}[dir=ltr] .ComponentPage-overview ul{padding-left:18px}[dir=rtl] .ComponentPage-overview ul{padding-right:18px}.ComponentPage-overview li{font-family:Segoe UI WestEuropean,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:400;list-style:disc;margin-bottom:16px}.ComponentPage-related{min-width:200px}.ComponentPage-related .ComponentPage-relatedTitle{color:#666;display:block;font-size:17px;font-weight:600;margin-bottom:12px}.ComponentPage-related a,.ComponentPage-related a:visited{font-family:Segoe UI WestEuropean,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;font-size:17px;font-weight:300;text-decoration:none}.ComponentPage-implementationSection,.ComponentPage-methodsSection,.ComponentPage-overviewSection,.ComponentPage-statesSection,.ComponentPage-usingSection,.ComponentPage-variantsSection{padding:50px}.ComponentPage-navigation{width:100%}.ComponentPage-navLink{display:inline-block}[dir=ltr] .ComponentPage-navLink{margin-right:40px}[dir=rtl] .ComponentPage-navLink{margin-left:40px}.ComponentPage-navLink .ms-Link{text-decoration:none;font-family:Segoe UI WestEuropean,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;font-size:17px;font-weight:300;color:#fff}.ComponentPage-navLink .ms-Link:hover{color:#eaeaea}.ComponentPage-usingSection{background-color:#f8f8f8}.ComponentPage-usingSection .steps{max-width:100%}.ComponentPage-doSection{width:100%;box-sizing:border-box;display:inline-block;vertical-align:top;margin-bottom:20px}.ComponentPage-doSection h3{margin:16px 0 40px;font-family:Segoe UI WestEuropean,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;font-size:21px;font-weight:100}.ComponentPage-doSection h3:after{background-color:#a4cf0c;border-radius:3px;content:"";display:block;height:8px;margin:12px 0}[dir=ltr] .ComponentPage-doSection ul{padding-left:18px}[dir=rtl] .ComponentPage-doSection ul{padding-right:18px}.ComponentPage-doSection li{list-style:disc;margin-bottom:20px}[dir=ltr] .ComponentPage-doSection:first-child{margin-right:116px}[dir=rtl] .ComponentPage-doSection:first-child{margin-left:116px}.ComponentPage-doSection--dont h3:after{background-color:#e74856}@media screen and (min-width:640px){.ComponentPage-doSection{margin-bottom:-10px;width:calc(50% - 60px)}}.ComponentPage-implementationSection,.ComponentPage-methodsSection,.ComponentPage-overviewSection,.ComponentPage-statesSection,.ComponentPage-usingSection,.ComponentPage-variantsSection{padding:50px 16px}@media screen and (min-width:640px){.ComponentPage-implementationSection,.ComponentPage-methodsSection,.ComponentPage-overviewSection,.ComponentPage-statesSection,.ComponentPage-usingSection,.ComponentPage-variantsSection{padding:50px 32px}}@media screen and (min-width:1024px){.ComponentPage-implementationSection,.ComponentPage-methodsSection,.ComponentPage-overviewSection,.ComponentPage-statesSection,.ComponentPage-usingSection,.ComponentPage-variantsSection{padding:50px 40px}}.ComponentPage-methodsSection,.ComponentPage-statesSection{overflow:auto}.ms-TableData tbody td{line-height:2}.ms-Table .tableMinWidth div{min-width:200px;max-width:350px}.ExampleCard{margin-bottom:20px}.ExampleCard-header{border-bottom:1px solid #a6a6a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.ExampleCard-title{margin-bottom:7px;display:inline-block}.ExampleCard-toggleButtons{display:block}[dir=ltr] .ExampleCard-toggleButtons{float:right}[dir=rtl] .ExampleCard-toggleButtons{float:left}.ExampleCard-toggleButtons .ms-Button.ExampleCard-codeButton{background:none;border:1px solid #a6a6a6;border-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;line-height:1;padding:4px 12px;min-width:100px;transition:border .367s cubic-bezier(.1,.9,.2,1)}[dir=ltr] .ExampleCard-toggleButtons .ms-Button.ExampleCard-codeButton{margin-right:0}[dir=rtl] .ExampleCard-toggleButtons .ms-Button.ExampleCard-codeButton{margin-left:0}.ExampleCard-toggleButtons .ms-Button.ExampleCard-codeButton .ms-Button-icon{display:inline-block;position:relative;top:3px}.ExampleCard-toggleButtons .ms-Button.ExampleCard-codeButton .ms-Button-icon .ms-Icon{font-size:17px;padding:0}[dir=ltr] .ExampleCard-toggleButtons .ms-Button.ExampleCard-codeButton .ms-Button-icon .ms-Icon{margin-right:8px}[dir=rtl] .ExampleCard-toggleButtons .ms-Button.ExampleCard-codeButton .ms-Button-icon .ms-Icon{margin-left:8px}.ExampleCard-toggleButtons .ms-Button.ExampleCard-codeButton .ms-Button-label{color:#212121;display:inline-block;padding-bottom:6px}.ExampleCard-toggleButtons .ms-Button.ExampleCard-codeButton .hideSpan{display:none}.ExampleCard-toggleButtons .ms-Button.ExampleCard-codeButton.is-active,.ExampleCard-toggleButtons .ms-Button.ExampleCard-codeButton:hover{background-color:#212121;border-color:#212121}.ExampleCard-toggleButtons .ms-Button.ExampleCard-codeButton.is-active .ms-Button-icon,.ExampleCard-toggleButtons .ms-Button.ExampleCard-codeButton.is-active .ms-Button-label,.ExampleCard-toggleButtons .ms-Button.ExampleCard-codeButton:hover .ms-Button-icon,.ExampleCard-toggleButtons .ms-Button.ExampleCard-codeButton:hover .ms-Button-label{color:#fff}.ExampleCard-example{-webkit-overflow-scrolling:touch;padding:20px 0}[dir=ltr] .ExampleCard-example.is-right-aligned{text-align:right}[dir=rtl] .ExampleCard-example.is-right-aligned{text-align:left}.ExampleCard-code{background-color:#212121;overflow:hidden}.ExampleCard-code pre{margin:0;max-height:0;padding:0;overflow:hidden;transition:all .367s cubic-bezier(.1,.9,.2,1)}.ExampleCard-code code{display:block;margin:12px}.ExampleCard.is-codeVisible .ExampleCard-header{border-color:#212121}.ExampleCard.is-codeVisible .ExampleCard-code pre{max-height:480px;border:1px solid #212121;border-top:0;overflow:auto}.ExampleCard.is-codeVisible .ExampleCard-codeButton{background-color:#212121}.ExampleCard.is-codeVisible .ExampleCard-codeButton .ms-Button-icon,.ExampleCard.is-codeVisible .ExampleCard-codeButton .ms-Button-label{color:#fff}.ExampleCard.is-codeVisible .ExampleCard-codeButton .hideSpan{display:inline}.ExampleCard.is-codeVisible .ExampleCard-codeButton .showSpan{display:none}.ExampleCard.is-codeVisible .ExampleCard-code{display:block;margin-bottom:20px}.ExampleCard-dosAndDonts{width:100%}.ExampleCard-dos{width:calc(50% - 50px);display:inline-block}[dir=ltr] .ExampleCard-dos{margin-right:50px}[dir=rtl] .ExampleCard-dos{margin-left:50px}.ExampleCard-dos h4{font-family:Segoe UI WestEuropean,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;font-size:17px;font-weight:300;color:#177d3e}.ExampleCard-donts{width:50%;display:inline-block}.ExampleCard-donts h4{font-family:Segoe UI WestEuropean,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;font-size:17px;font-weight:300;color:#a61e22}.hljs{display:block;overflow-x:auto;padding:.5em;background:#f0f0f0}.hljs,.hljs-subst{color:#444}.hljs-comment{color:#888}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#bc6060}.hljs-literal{color:#78a960}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.od-OfficeFooter{background:#000;color:#fff;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-weight:400;font-size:14px;padding:32px 20px;position:relative;z-index:3}.od-OfficeFooter li,.od-OfficeFooter ul{list-style:none}[dir=ltr] .od-OfficeFooter li,[dir=ltr] .od-OfficeFooter ul{margin-left:0}[dir=rtl] .od-OfficeFooter li,[dir=rtl] .od-OfficeFooter ul{margin-right:0}[dir=ltr] .od-OfficeFooter li,[dir=ltr] .od-OfficeFooter ul{padding-left:0}[dir=rtl] .od-OfficeFooter li,[dir=rtl] .od-OfficeFooter ul{padding-right:0}.od-OfficeFooter-primary,.od-OfficeFooter-secondary{display:-ms-flexbox;display:flex;margin:0 auto;max-width:1300px}.od-OfficeFooter-primary{-ms-flex-direction:column;flex-direction:column;position:relative}.od-OfficeFooter-secondary{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:justify;justify-content:space-between}.od-OfficeFooter-heading{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-weight:600;font-size:17px;white-space:nowrap}.od-OfficeFooter-linkList{margin-bottom:40px}.od-OfficeFooter-list li{margin:16px 0;padding:4px 0}.od-OfficeFooter-list li a{color:#fff;display:block}.od-OfficeFooter-list--secondary{margin-bottom:0}.od-OfficeFooter-list--secondary li{margin:4px 0}.od-OfficeFooter-microsoft{margin-bottom:8px}[dir=ltr] .od-OfficeFooter-microsoft{margin-left:8px}[dir=rtl] .od-OfficeFooter-microsoft{margin-right:8px}[dir=ltr] .od-OfficeFooter-microsoft{text-align:right}[dir=rtl] .od-OfficeFooter-microsoft{text-align:left}.od-OfficeFooter-microsoft img{margin-bottom:12px}@media (min-width:480px){.od-OfficeFooter-primary{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}.od-OfficeFooter-linkList{margin-bottom:0}[dir=ltr] .od-OfficeFooter-linkList{padding-right:40px}[dir=rtl] .od-OfficeFooter-linkList{padding-left:40px}.od-OfficeFooter-list--secondary{margin-bottom:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}[dir=ltr] .od-OfficeFooter-list--secondary li{margin-left:20px}[dir=rtl] .od-OfficeFooter-list--secondary li{margin-right:20px}}@media (min-width:640px){.od-OfficeFooter-primary{-ms-flex-pack:start;justify-content:flex-start}[dir=ltr] .od-OfficeFooter-linkList{margin-right:120px}[dir=rtl] .od-OfficeFooter-linkList{margin-left:120px}}