.style-guide{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.style-guide__header{margin:0 0 48px;text-align:center}.style-guide__style-section h2{padding:12px;color:#fff;background-color:#1d3060}.style-guide__style-section .style-block{display:-webkit-box;display:-ms-flexbox;display:flex;padding:48px 12px;color:#1d3060}.style-guide__style-section .style-block:not(:last-child){border-bottom:dashed 1px #4a4a4a}.style-guide__style-section .style-block__left{width:25%;margin:0 5% 0 0}.style-guide__style-section .style-block__right{width:70%}.style-guide__style-section .color-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:48px 12px 24px;color:#1d3060}.style-guide__style-section .color-wrap:not(:last-child){border-bottom:dashed 1px #4a4a4a}.style-guide__style-section .color-wrap .color-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:20%;min-width:120px;margin-bottom:24px;text-align:center}.style-guide__style-section .color-wrap .color-block span{width:72px;height:72px;margin:0 0 12px;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box}.style-guide__style-section .color-wrap .color-block span.primary-light{background-color:#fff;border:solid 1px #4a4a4a}.style-guide__style-section .element-block{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:12px 0}.style-guide__style-section .element-block .light-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:distribute;justify-content:space-around;padding:48px 12px}.style-guide__style-section .element-block .dark-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:distribute;justify-content:space-around;padding:48px 12px;background-color:#1d3060}.style-guide__style-section .form__input{width:300px;max-width:calc(100% - calc(12px * 0.5))}