.guide{display:grid;font-size:1.1rem;grid-template-areas:"subnav" "content";grid-template-columns:100%;max-width:96rem;margin:0 auto}.guide__menu{display:flex;flex-flow:row wrap;margin:0;list-style:none}.guide__menu>li.is-active,.guide__menu>li:hover,.guide__menu>li:focus{background-color:#492365 !important;background-color:var(--primary-color) !important}.guide__menu>li.is-active>a,.guide__menu>li:hover>a,.guide__menu>li:focus>a{color:#fafafa !important;color:var(--light-text-color) !important}.guide__menu>li{outline:2px solid #492365;outline:2px solid var(--primary-color);position:relative;margin-top:2px;background-color:#efefef !important;transition:background-color .15s ease}.guide__menu>li>a{color:#492365 !important;color:var(--primary-color) !important;text-decoration:none !important;padding:.5rem;display:block;width:100%;height:100%;transition:color .15s ease}@media only screen and (min-width: 40em){.guide__menu{flex-flow:column nowrap}}.guide__subnav{grid-area:subnav}@media only screen and (min-width: 40em){.guide__subnav{padding:1rem 0 0}}.guide__content{grid-area:content;overflow:hidden}.guide__outline{grid-area:outline;display:none}@media only screen and (min-width: 64em){.guide__outline{display:initial;padding:1rem 0 0}}@media only screen and (min-width: 40em){.guide{grid-template-areas:"subnav content";grid-template-columns:13rem 1fr}}@media only screen and (min-width: 64em){.guide{grid-template-columns:13rem 1fr 13rem;grid-template-areas:"subnav content outline"}}main code{font-size:1.15rem !important}main .inline-hljs code{display:inline-block;padding:.25em;vertical-align:middle;margin:0 .25em;font-size:.95rem !important}main [data-magellan] a:hover,main [data-magellan] a:focus,main [data-magellan] a.is-active{border-left:2px solid #492365;border-left:2px solid var(--primary-color)}main [data-magellan] a{color:#492365;color:var(--primary-color);text-decoration:none !important;border-left:2px solid transparent}.example{margin:1rem auto;position:relative;background-color:#efefef;border:2px solid #492365;padding-top:1.5rem}.example__btn{position:absolute;right:0;top:0;border-right:0 !important;border-top:0 !important}.example.--has-btn{padding-top:2.25rem}.example.--no-bg{background-color:transparent}.example.--edge-to-edge{padding-left:0 !important;padding-right:0 !important}.example::before{content:"Example";position:absolute;display:block;height:2rem;left:0;top:0;padding:.25rem;background-color:#492365;color:#fafafa;line-height:1.25;width:6.5rem;-webkit-clip-path:polygon(0% 0%, 100% 0%, 85% 50%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 85% 50%, 100% 100%, 0% 100%);z-index:10}