.colour-example{width:2rem;height:2rem;display:inline-block;vertical-align:top;margin-bottom:-.3rem;margin-top:-.3rem;margin-right:.5rem}.note{border-left:2px solid currentColor;margin-bottom:2rem;border-color:var(--colour-primary);background:var(--colour-light);padding:1rem .25rem 1rem 1rem!important}.note+.note{margin-top:-3rem}.bg-muted{--bg-colour:var(--colour-muted);--bg-colour-tint:var(--colour-muted-tint);background-color:var(--colour-muted)!important}.bg-border{--bg-colour:var(--colour-border);--bg-colour-tint:var(--colour-border-tint);background-color:var(--colour-border)!important}.bg-link{--bg-colour:var(--colour-link);--bg-colour-tint:var(--colour-link-tint);background-color:var(--colour-link)!important}.bg-active{--bg-colour:var(--colour-active);--bg-colour-tint:var(--colour-active-tint);background-color:var(--colour-active)!important}.bg-accent{--bg-colour:var(--colour-accent);--bg-colour-tint:var(--colour-accent-tint);background-color:var(--colour-accent)!important}.bg-primary-light{--bg-colour:var(--colour-primary-light);--bg-colour-tint:var(--colour-primary-light-tint);background-color:var(--colour-primary-light)!important}.bg-primary-tint{--bg-colour:var(--colour-primary-tint);--bg-colour-tint:var(--colour-primary-tint-tint);background-color:var(--colour-primary-tint)!important}.bg-secondary-light{--bg-colour:var(--colour-secondary-light);--bg-colour-tint:var(--colour-secondary-light-tint);background-color:var(--colour-secondary-light)!important}.bg-secondary-tint{--bg-colour:var(--colour-secondary-tint);--bg-colour-tint:var(--colour-secondary-tint-tint);background-color:var(--colour-secondary-tint)!important}.bg-secondary-2-tint{--bg-colour:var(--colour-secondary-2-tint);--bg-colour-tint:var(--colour-secondary-2-tint-tint);background-color:var(--colour-secondary-2-tint)!important}.bg-secondary-3-tint{--bg-colour:var(--colour-secondary-3-tint);--bg-colour-tint:var(--colour-secondary-3-tint-tint);background-color:var(--colour-secondary-3-tint)!important}.bg-secondary-4-tint{--bg-colour:var(--colour-secondary-4-tint);--bg-colour-tint:var(--colour-secondary-4-tint-tint);background-color:var(--colour-secondary-4-tint)!important}.bg-dark-tint{--bg-colour:var(--colour-dark-tint);--bg-colour-tint:var(--colour-dark-tint-tint);background-color:var(--colour-dark-tint)!important}.bg-dark-2-tint{--bg-colour:var(--colour-dark-2-tint);--bg-colour-tint:var(--colour-dark-2-tint-tint);background-color:var(--colour-dark-2-tint)!important}.bg-faded-white{--bg-colour:var(--colour-faded-white);--bg-colour-tint:var(--colour-faded-white-tint);background-color:var(--colour-faded-white)!important}.bg-success-tint{--bg-colour:var(--colour-success-tint);--bg-colour-tint:var(--colour-success-tint-tint);background-color:var(--colour-success-tint)!important}.bg-success-dark{--bg-colour:var(--colour-success-dark);--bg-colour-tint:var(--colour-success-dark-tint);background-color:var(--colour-success-dark)!important}.colour-combination{padding:3rem 3rem 0 3rem;margin-bottom:2rem}.font--no-loop{font-family:var(--font-heading)!important}.pattern-example{height:10rem;width:50rem;stroke-width:var(--pattern-stroke-default);width:100%!important;max-width:100%!important}@media (min-width:36em){.pattern-example{height:15rem;width:75rem}}@media (min-width:62em){.pattern-example{height:20rem;width:100rem}}.pattern-example .pattern__inner{display:block}.pattern-example .pattern__inner svg{stroke:var(--colour-primary);left:0;transform:none;top:0;opacity:1}.pattern-example.text-body .pattern__inner svg{stroke:var(--colour-body)}.theme--business .pattern-example .pattern__inner svg{stroke:var(--colour-dark);opacity:1}.pattern-example.pattern--xs{height:3.3rem;width:16.5rem;stroke-width:var(--pattern-stroke-sm)}@media (min-width:36em){.pattern-example.pattern--xs{height:4.95rem;width:24.75rem}}@media (min-width:62em){.pattern-example.pattern--xs{height:6.6rem;width:33rem}}.pattern-example.pattern--sm{height:5rem;width:25rem;stroke-width:var(--pattern-stroke-sm)}@media (min-width:36em){.pattern-example.pattern--sm{height:7.5rem;width:37.5rem}}@media (min-width:62em){.pattern-example.pattern--sm{height:10rem;width:50rem}}.pattern-example.pattern--lg{height:20rem;width:100rem;stroke-width:var(--pattern-stroke-lg)}@media (min-width:36em){.pattern-example.pattern--lg{height:30rem;width:150rem}}@media (min-width:62em){.pattern-example.pattern--lg{height:40rem;width:200rem}}.pattern-example.pattern--xl{height:25rem;width:125rem;stroke-width:var(--pattern-stroke-xl)}@media (min-width:36em){.pattern-example.pattern--xl{height:37.5rem;width:187.5rem}}@media (min-width:62em){.pattern-example.pattern--xl{height:50rem;width:250rem}}.pattern-example.pattern--xxl{height:30rem;width:150rem;stroke-width:var(--pattern-stroke-xl)}@media (min-width:36em){.pattern-example.pattern--xxl{height:45rem;width:225rem}}@media (min-width:62em){.pattern-example.pattern--xxl{height:60rem;width:300rem}}.pattern-example-holder{height:30rem}.pattern-combo-example{height:25rem}@media (min-width:36em){.pattern-combo-example{height:40rem}}@media (min-width:62em){.pattern-combo-example{height:60rem}}.pattern-connected-example{height:15rem}@media (min-width:36em){.pattern-connected-example{height:25rem}}@media (min-width:62em){.pattern-connected-example{height:35rem}}.animation--fade-in.animate{animation:var(--animation-fade-in)}.animation--fade-out.animate{animation:var(--animation-fade-out)}.animation--fade-in-img.animate{animation:var(--animation-fade-in-img)}.animation--fade-out-img.animate{animation:var(--animation-fade-out-img)}.animation--slide-up.animate{animation:var(--animation-slide-up)}.animation--slide-right.animate{animation:var(--animation-slide-right)}.animation--slide-right-out.animate{animation:var(--animation-slide-right-out)}.animation--slide-down.animate{animation:var(--animation-slide-down)}.animation--slide-left.animate{animation:var(--animation-slide-left)}.animation--slide-left-out.animate{animation:var(--animation-slide-left-out)}.animation--fade-up.animate{animation:var(--animation-fade-up)}.animation--fade-right.animate{animation:var(--animation-fade-right)}.animation--fade-down.animate{animation:var(--animation-fade-down)}.animation--fade-left.animate{animation:var(--animation-fade-left)}.animation--draw-in.animate{animation:var(--animation-draw-in)}.animation--draw-out.animate{animation:var(--animation-draw-out)}.animation--fade-down,.animation--fade-in,.animation--fade-in-img,.animation--fade-left,.animation--fade-right,.animation--fade-up{opacity:0}.animation--slide-down,.animation--slide-left,.animation--slide-right,.animation--slide-up{transform:translate(10rem,10rem)}.animation-example{width:10rem;height:10rem;margin-bottom:1.5rem;overflow:hidden;background:var(--colour-info)}.animation-example>*{width:9rem;height:9rem;margin:.5rem;background:#fff;display:block;object-fit:cover}.animation-example.pattern .pattern__inner{width:10rem;height:10rem;background:0 0}.animation-example.pattern .pattern__inner svg{margin:0;width:10rem;height:10rem;stroke-width:10px;stroke:#fff;--pattern-offset:0;--pattern-length:376px}.animation-example.pattern .pattern__inner svg.animation--draw-in{stroke-dashoffset:calc(var(--pattern-length) - var(--pattern-offset));stroke-dasharray:var(--pattern-length)}.animation-example.pattern .pattern__inner svg.animation--draw-out{stroke-dashoffset:var(--pattern-offset);stroke-dasharray:var(--pattern-length)}.brand-example{height:12rem}@media (min-width:36em){.brand-example{height:15rem}}@media (min-width:62em){.brand-example{height:25rem}}.brand-example{height:12rem}@media (min-width:36em){.brand-example{height:15rem}}@media (min-width:62em){.brand-example{height:25rem}}.brand-sizing .icon-gutters{position:relative;display:inline-block;margin-bottom:2rem}.brand-sizing .icon-gutters:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:.5rem solid #add8e6}.brand-sizing .icon-gutters img{margin:0}@media (min-width:36em){.brand--stacked{min-height:6.5rem;min-width:7.4375rem;padding-top:.625rem;padding-bottom:.625rem}.brand--stacked svg{min-height:5.375rem;min-width:6.4375rem}}.brand--digital{min-height:3.75rem;min-width:3.5rem}.brand--digital svg{min-height:2.75rem;min-width:4.8125rem}.sg-icons{display:flex;flex-flow:wrap}.sg-icons .svg__wrapper{width:5.1rem;padding-left:.25rem;padding-right:.25rem;padding-bottom:2rem}@media (min-width:36em){.sg-icons .svg__wrapper{width:7rem;padding-bottom:3rem}}.sg-icons .svg__wrapper svg{background:var(--colour-light);border:1px solid currentColor;border-color:var(--colour-border);margin:0 auto .5rem;display:block;height:3rem;width:3rem}.sg-icons .svg__wrapper span{display:block;text-align:center;font-size:.8rem}.sg-icons .svg--social svg{stroke:none;fill:#fff}.sg-icons .svg--social-outline svg{fill:#000}.sg-icons .svg--social-outline svg .svg__bg{display:none}.sg-icons .sg-icons-container{margin-left:-2rem}.sg__colour{width:2rem;height:2rem;display:inline-block;vertical-align:top;margin-bottom:-.3rem;margin-top:-.3rem;margin-right:.5rem}.code-wrapper{display:block;overflow-x:auto;padding:2rem;background:#f0f0f0}span.highlight{color:#800}.system-stage{outline:.375rem solid #DFE3E6;max-width:90rem;display:block;margin:0 auto .375rem;overflow:hidden}.system-stage.nav-example{overflow:revert}.system-stage.overflow{overflow:visible!important}@media (min-width:62em){.navbar>.container-md:after{display:none}.navbar.PitchNav{z-index:100}}.system-stage__details{background:var(--colour-light);outline:.375rem solid #DFE3E6;max-width:90rem;display:block;margin:0 auto 3rem}.system-stage__details>.container{padding:1rem 2rem}@media(min-width:62em){.system-stage__details>.container{padding:1rem 7.5rem}}.system-stage__details .form-group{display:flex;margin-bottom:0;padding-bottom:0}.system-stage__details .form-group label{line-height:3.125rem;padding:0;padding-right:1rem;flex:1 1 0;margin-bottom:0!important}.system-stage__details [data-toggle]{line-height:3.125rem}.system-stage__details [data-toggle].active,.system-stage__details [data-toggle].focus,.system-stage__details [data-toggle].hover{border-color:currentColor}.system-stage__details [data-toggle]:not(.collapsed){border-color:currentColor}.system-stage__details .collapse,.system-stage__details .collapsing{transition:none}.system-stage__details .hljs,.system-stage__details .scroll{margin-top:.375rem;background:#fff;max-height:30rem;width:100%;overflow:auto;padding:2rem;margin-bottom:2rem}.system-stage__details .list-links>li>pre+a,.system-stage__details pre+.btn{margin-top:-1rem}.system-stage__details .btn--icon-right span.svg__wrapper{top:.8rem}.system-stage__label{display:block;font-size:.8rem;line-height:1.2rem;padding-bottom:1rem;text-transform:uppercase}system-stage__label:not(.bg-light){color:var(--colour-white)}system-stage__label:not(.bg-primary):not(.bg-secondary):not(.bg-dark):not(.bg-dark-2){color:var(--colour-muted)}.system-stage__desc{display:block;color:var(--colour-muted);font-size:1rem;line-height:1.5rem;margin-top:-.5rem;padding-bottom:1.5rem}.system-stage__details .btn-link[data-toggle]{margin-bottom:0}.system-stage__details .btn-link[data-toggle=collapse]:not([data-icon]):before{top:.8rem}.system-stage__details .btn-link .svg__wrapper{background:0 0!important}.system-stage__details [data-toggle]{line-height:3.125rem;display:inline-block;padding-left:1rem;padding-right:7rem;font-weight:700;margin-left:-3px}@media(min-width:36em){.system-stage__details [data-toggle]{padding-right:1rem;padding-bottom:.75rem}}.system-stage__details [data-toggle].active,.system-stage__details [data-toggle].focus,.system-stage__details [data-toggle].hover{border-color:currentColor}.system-stage__details [data-toggle]:not(.collapsed){border-color:currentColor}@media (min-width:62em){.system-stage.menu-example{height:70rem}}@media(min-width:62em){.list-columns-md-4{column-count:4;max-width:100%}}.pitch-panel{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:1;display:flex;flex-flow:row wrap;overflow:auto}.pitch-panel.first{z-index:2}.pitch-panel:target{z-index:3}.pitch-panel__content{align-self:center;content-visibility:visible;min-width:100%}.pitch-panel__controls{padding-top:0;padding-bottom:0;align-self:flex-end;min-width:100%}