.styleguide__template{direction:ltr}.styleguide__content-container{flex:1;width:100vw;padding-top:113px;transition:width .2s ease-in-out}@media (min-width:768px){.styleguide__content-container{padding-top:62px}}@media (min-width:768px){.style-guide__side-nav-wrapper.open+.styleguide__content-container{width:calc(100vw - 300px)}}.styleguide__main{display:flex;flex-flow:row;align-items:flex-start;justify-content:flex-start}[dir=rtl] .disable-rtl{direction:ltr}.hljs{display:block;overflow-x:auto;padding:.5em;color:#2f3337;background:#f6f6f6}.hljs-comment{color:#656e77}.hljs-attr,.hljs-doctag,.hljs-keyword,.hljs-meta,.hljs-meta-keyword,.hljs-section,.hljs-selector-class,.hljs-selector-pseudo,.hljs-selector-tag{color:#015692}.hljs-attribute{color:#803378}.hljs-built_in,.hljs-literal,.hljs-name,.hljs-number,.hljs-quote,.hljs-selector-id,.hljs-template-tag,.hljs-title,.hljs-type{color:#b75501}.hljs-link,.hljs-meta-string,.hljs-regexp,.hljs-selector-attr,.hljs-string,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#54790d}.hljs-bullet,.hljs-code{color:#535a60}.hljs-deletion{color:#c02d2e}.hljs-addition{color:#2f6f44}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}pre.hljs,pre.hljs code{font-size:1em;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.5;text-align:left;word-break:normal;word-spacing:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;white-space:pre;direction:ltr}.code-view__scene{max-width:100%;max-height:60vh;overflow:auto}.main-header{position:fixed;top:0;left:0;z-index:100}.main-header .canon-switch .canon-switch__label{margin:0}.navbar{position:relative;top:0;left:0}.navbar .navbar__wrapper{border-bottom:1px solid #d9dbdc}.navbar .navbar__logo{width:90px;height:50px}@media (min-width:768px){.navbar .navbar__list-wrapper,.navbar .navbar__search{border-right:1px solid #d9dbdc}.navbar .navbar__search{border-left:1px solid #d9dbdc}}.navbar .navbar__link.active{border-bottom:2px solid #c00}.styleguide__side-nav-collapse{display:inline-block;padding:10px;margin-right:1rem;margin-left:-10px}.styleguide__side-nav-collapse .bar1,.styleguide__side-nav-collapse .bar2,.styleguide__side-nav-collapse .bar3{display:block;width:20px;height:2px;margin:5px;background:#000;transition:all .2s ease-in-out}.styleguide__side-nav-collapse.open .bar1{margin:5px;transform:translate(-6px,3px) rotate(-45deg) scaleX(.6)}.styleguide__side-nav-collapse.open .bar3{margin:5px;transform:translate(-6px,-3px) rotate(45deg) scaleX(.6)}.styleguide__template .navbar__list{max-width:100%;overflow:auto}[dir=rtl] .styleguide__template .navbar__wrapper .canon-switch .canon-switch__input:checked+.canon-switch__switch:before{transform:translateX(17px)}[dir=rtl] .styleguide__template .navbar__wrapper .canon-switch .canon-switch__switch:before{right:auto;left:4px}.style-guide-side-nav{position:fixed;top:62px;left:0;z-index:101;width:100%;height:calc(100vh - 62px);padding:1rem 0;overflow:auto;background-color:#fff;border-right:1px solid #d9dbdc;transform:translateX(-100%)}@media (min-width:768px){.style-guide-side-nav{width:300px}}@media (min-width:768px){.style-guide__side-nav-wrapper:before{position:relative;display:block;width:0;height:0;content:""}}.style-guide__side-nav-wrapper.open .style-guide-side-nav{transform:translateX(0)}.style-guide__side-nav-wrapper.open:before{width:300px}.style-guide__side-nav-wrapper.animate .style-guide-side-nav{transition:transform .2s ease-in-out}.style-guide__side-nav-wrapper.animate:before{transition:width .2s ease-in-out}.styleguide__accordion-icon{float:right;transition:transform .3s ease}.styleguide__list-item{margin:0;color:#000}.styleguide__list-item span.dir{display:block;width:100%;padding:10px 0;font-weight:500;cursor:pointer}[dir=rtl] .styleguide__list-nested{margin:0}.styleguide__list-nested .styleguide__list-item{padding-left:12px}.styleguide__group-title{font-size:1rem;text-transform:uppercase}.styleguide__nav-accordion>.accordion__button{width:100%;text-align:left}.styleguide__nav-accordion.is-open>.accordion__button .styleguide__accordion-icon{transform:rotate(180deg)}.styleguide__group>.styleguide__list-nested>.styleguide__list-item{padding-left:0}.styleguide__list-item-action{position:relative;display:block;padding:1rem 1.25rem;color:#000}.styleguide__list-item-action:before{position:absolute;top:0;left:0;width:4px;height:100%;content:"";background-color:#c00;opacity:0;transition:opacity .2s ease-in-out}.styleguide__list-item-action.is-active,.styleguide__list-item-action:hover{font-weight:700;color:#000}.styleguide__list-item-action.is-active{background-color:#f5f6f6}.styleguide__list-item-action.is-active:before{opacity:1}.styleguide__level-1{border-bottom:1px solid #d9dbdc}.styleguide__level-1 .styleguide__group-title{padding:1rem 1.25rem}.styleguide__level-2 .styleguide__list-item{padding-left:0}.styleguide__level-2 .styleguide__list-nested .styleguide__list-item-action{padding:1rem 1.25rem 1rem calc(1.25rem + 12px)}.styleguide__level-2 .is-active,.styleguide__level-2 .is-open{background-color:#f5f6f6}.styleguide__level-3 .styleguide__list-nested .styleguide__list-item-action{padding:1rem 1.25rem 1rem calc(1.25rem + 24px)}.styleguide__level-3 .is-active,.styleguide__level-3 .is-open{background-color:#eceded}.active-item-ancestor>.styleguide__nav-accordion.is-open>.styleguide__item-button.is-active:before{opacity:0}.active-item-ancestor>.styleguide__nav-accordion>.styleguide__item-button.is-active:before{opacity:1}.accordion-init .accordion__collapsable{display:none}