.sfPageEditor .style-guide-page-container{display:-webkit-box;display:-ms-flexbox;display:flex}.design-system-sidebar{overflow-y:auto;width:250px;height:100%;padding:50px 20px 20px;background-color:#eeeef2;position:fixed;z-index:2;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .25s;transition:all .25s}.sfPageEditor .design-system-sidebar{position:static;height:auto!important}.design-system-sidebar--open,.sfPageEditor .design-system-sidebar{-webkit-transform:translateX(0);transform:translateX(0)}.design-system-sidebar__toggle{width:50px;height:50px;background:#eeeef2;position:fixed;right:0;top:0;z-index:3;padding:0;border:0}.sfPageEditor .design-system-sidebar__toggle{position:static!important;display:block!important}.design-system-sidebar__header{margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #cacaca;font-family:Roboto,sans-serif}.design-system-content__title,.design-system-sidebar__header{color:#262d33;font-size:24px;line-height:30px;font-weight:300}.design-system-content__title{display:inline-block;font-family:Roboto,Arial,sans-serif;padding-top:30px}.design-system-section-header{margin-top:40px;margin-bottom:30px;padding-bottom:25px;border-bottom:5px solid #262d33}.design-system-section-header_dark{border-bottom:5px solid #6b7688;margin:0 10px}.design-system-section-header--dt{border-color:#8e97ad}.design-system-section-header__title{margin:0;display:inline-block;font-family:Roboto,Arial,sans-serif;font-size:16px;line-height:18px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#3da542}.design-system-sidebar-navigation{margin:0;padding:0;list-style:none}.design-system-sidebar-navigation__link{margin-top:10px;margin-bottom:10px;color:#262d33;font-size:16px;text-decoration:none;display:block}.design-system-sidebar-navigation__link--active{font-weight:700}.design-system-sidebar-navigation__sub-pages{margin-left:20px}.design-system-sidebar-navigation__sub-link{margin-top:10px;margin-bottom:10px;color:#262d33;font-size:14px;text-decoration:none;display:block;text-transform:capitalize}.design-system-usage-caption{font-size:12px;color:#69788c}.colour-group,.design-system-inline-block{display:inline-block}.colour-group{margin:0}.underheading{font-size:12px;margin-left:680px}.content-wrapper-secondary{margin-top:50px}.container-colour-palette{width:200px;height:100px;display:inline-block;margin-left:5px}.container-colour-palette p{font-size:12px;line-height:1;margin:0;padding:0}.container-colour-palette .colour-info{padding:10px}.container-colour-palette.primary1{background-color:#262d33;color:#fff}.container-colour-palette.primary2{background-color:#328636;color:#fff}.container-colour-palette.primary3{background-color:#fff;color:#000;border:1px solid #000}.container-colour-palette.link1{background-color:#0066db;color:#fff}.container-colour-palette.link2{background-color:#1682ff;color:#fff}.container-colour-palette.secondary1{background-color:#000;color:#fff}.container-colour-palette.secondary2{background-color:#328636;color:#fff}.container-colour-palette.secondary3{background-color:#4dac51;color:#fff}.container-colour-palette.secondary4{background-color:#78899f;color:#000}.container-colour-palette.secondary5{background-color:#f4eae7;color:#000}.container-colour-palette.ton1{background-color:#5e6d83;color:#fff}.container-colour-palette.ton2{background-color:#f2f2f8;color:#000}.container-colour-palette.ton3{background-color:#f8f8fa;color:#000}.design-guide-info{font-family:Open Sans,Arial,sans-serif;font-size:12px;font-style:italic}.container-colour-palette-rectangle{width:230px;height:140px;display:inline-block;margin-left:5px}.container-colour-palette-rectangle p{font-size:12px;line-height:1;margin:0;padding:0}.container-colour-palette-rectangle .colour-info{padding:10px}.container-colour-palette-rectangle.primary-light-black{background-color:#262d33;color:#fff}.container-colour-palette-rectangle.primary-light-green{background-color:#328636;color:#fff}.container-colour-palette-rectangle.primary-light-blue{background-color:#0066db;color:#fff}.container-colour-palette-rectangle.primary-light-beige{background-color:#f4eae7;color:#000}.container-colour-palette-rectangle.primary-dark-black{background-color:#07090a;color:#fff}.container-colour-palette-rectangle.primary-dark-green{background-color:#328636;color:#fff}.container-colour-palette-rectangle.primary-dark-blue{background-color:#0066db;color:#fff}.container-colour-palette-square{width:140px;height:140px;display:inline-block;margin-left:5px}.container-colour-palette-square p{font-size:12px;line-height:1;margin:0;padding:0}.container-colour-palette-square .colour-info{padding:10px}.container-colour-palette-square.secondary-light-black-1{background-color:#5e6d83;color:#fff}.container-colour-palette-square.secondary-light-black-2{background-color:#78899f;color:#fff}.container-colour-palette-square.secondary-light-black-3{background-color:#ced6e2;color:#000}.container-colour-palette-square.secondary-light-black-4{background-color:#f2f2f8;color:#000}.container-colour-palette-square.secondary-light-black-5{background-color:#f8f8fa;color:#000}.container-colour-palette-square.secondary-light-black-6{background-color:#fff;color:#000;border:1px solid #ced6e2}.container-colour-palette-square.secondary-light-green-1{background-color:#e9f4e9;color:#000}.container-colour-palette-square.secondary-light-green-2{background-color:#a6d6a9;color:#000}.container-colour-palette-square.secondary-light-green-3{background-color:#4dac51;color:#000}.container-colour-palette-square.secondary-light-green-4{background-color:#1b7d1f;color:#fff}.container-colour-palette-square.secondary-light-green-5{background-color:#156218;color:#fff}.container-colour-palette-square.secondary-light-green-6{background-color:#ebf7eb;color:#fff}.container-colour-palette-square.secondary-light-blue-1{background-color:#e2f0ff;color:#000}.container-colour-palette-square.secondary-light-blue-2{background-color:#8bc1ff;color:#fff}.container-colour-palette-square.secondary-light-blue-3{background-color:#1682ff;color:#fff}.container-colour-palette-square.secondary-light-blue-4{background-color:#0055b6;color:#fff}.container-colour-palette-square.secondary-light-blue-5{background-color:#00428f;color:#fff}.container-colour-palette-square.secondary-light-blue-6{background-color:#003878;color:#fff}.container-colour-palette-square.secondary-light-beige{background-color:#faf6f5;color:#000}.container-colour-palette-square.secondary-dark-black-1{background-color:#16191f;color:#fff}.container-colour-palette-square.secondary-dark-black-2{background-color:#262d33;color:#fff;border:1px solid #6b7688}.container-colour-palette-square.secondary-dark-black-3{background-color:#313a45;color:#fff}.container-colour-palette-square.secondary-dark-black-4{background-color:#6b7688;color:#fff}.container-colour-palette-square.secondary-dark-black-5{background-color:#93a0b3;color:#000}.container-colour-palette-square.secondary-dark-black-6{background-color:#f2f2f8;color:#000}.container-colour-palette-square.secondary-dark-green-1{background-color:#84c788;color:#000}.container-colour-palette-square.secondary-dark-green-2{background-color:#6ebb71;color:#000}.container-colour-palette-square.secondary-dark-green-3{background-color:#46a84a;color:#000}.container-colour-palette-square.secondary-dark-green-4{background-color:#1a791e;color:#fff}.container-colour-palette-square.secondary-dark-green-5{background-color:#0d3d10;color:#fff}.container-colour-palette-square.secondary-dark-green-6{background-color:#061e07;color:#fff}.container-colour-palette-square.secondary-dark-blue-1{background-color:#5fa9ff;color:#000}.container-colour-palette-square.secondary-dark-blue-2{background-color:#4299ff;color:#000}.container-colour-palette-square.secondary-dark-blue-3{background-color:#0d7dff;color:#000}.container-colour-palette-square.secondary-dark-blue-4{background-color:#0051af;color:#fff}.container-colour-palette-square.secondary-dark-blue-5{background-color:#002958;color:#fff}.container-colour-palette-square.secondary-dark-blue-6{background-color:#00142c;color:#fff}.text-group-1{text-align:center}.text-group-2{text-align:left}.text-group-2 .cta-temporary span{border:2px solid #328636;padding:10px 24px;text-align:center;color:#000;font-family:Roboto,Arial;font-weight:700;font-size:14px}.text-group-3{text-align:left}.text-group-3 .cta-temporary span{color:#0066db;font-family:Roboto,Arial;font-weight:700;font-size:14px}.box,.box-first,.box-large,.box-nested,.box-row{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:15px;min-height:1rem;margin-bottom:0;background:#328636;border:1px solid #fff;border-radius:2px;overflow:hidden;text-align:center;color:#fff}.grid-layout__box{background-color:#78899f}.color-row{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;gap:40px;-ms-flex-wrap:wrap;flex-wrap:wrap}.color-wrapper{width:20%}.color-box{width:100%;min-height:56px;border-radius:8px}@media (min-width:1540px){.style-guide-page-container{display:-webkit-box;display:-ms-flexbox;display:flex}.design-system-sidebar{position:static;height:auto;-webkit-transform:translateX(0);transform:translateX(0)}.design-system-sidebar__toggle{display:none}.design-system-content__title{padding-top:55px}}@media (min-width:768px){.design-system-sidebar-navigation__toggle{display:none}}@media only screen and (max-width:564px){.box,.box-first,.box-large,.box-nested,.box-row{background:#000}}@media only screen and (min-width:565px){.box,.box-first,.box-large,.box-nested,.box-row{background:#0066db}}@media only screen and (min-width:1104px){.box,.box-first,.box-large,.box-nested,.box-row{background:#328636}.color-row{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}@media only screen and (min-width:768px) and (max-width:991px){.grid-layout__box{background-color:#0055b6}}@media only screen and (min-width:992px){.grid-layout__box{background-color:#227c20}}