.color-white{color:#fff}.color-carbon-gray{color:#444!important}.color-gray{color:#999!important}.color-primary{color:#34b6b3}.background-primary{background-color:#34b6b3}.background-white{background-color:#fff}@media (min-width:992px){.styleguide{padding-left:330px}}.styleguide .sg-logo{height:50px;display:block;margin:0 auto 10px}.styleguide .sg-sublogo{font-size:10px;text-transform:uppercase;letter-spacing:3px;color:#444;text-align:center}.styleguide .color{font-size:16px;margin-bottom:10px;width:100%;height:50px;text-transform:none}.styleguide .color:before{content:' ';display:block;width:50px;height:50px;border-radius:4px;float:left;margin-right:10px;border:1px solid #000}.styleguide .color.color-bkg-white:before{background:#fff}.styleguide .sg-h2{margin-top:0;margin-bottom:40px;color:#3ab4ff}.styleguide pre{padding:0 15px}.styleguide code{color:#3ab4ff}.sg-mobile-header{padding:20px 0;border-bottom:1px solid #eaeaea;background:#fff;position:fixed;top:0;left:0;width:100%;z-index:1;transform:translateX(0);transition:transform .4s;display:block}@media (min-width:992px){.sg-mobile-header{display:none}}.sg-mobile-header .sg-menu-burger{width:40px;height:40px;position:absolute;left:15px;top:50%;transform:translateY(-50%);padding:20px}.sg-mobile-header .sg-menu-burger span{display:block;height:2px;width:20px;background:#3ab4ff;border-radius:2px;position:absolute;left:10px;transition:transform .8s,opacity .2s}.sg-mobile-header .sg-menu-burger span:nth-child(1){top:21px;transform:translateY(-7px)}.sg-mobile-header .sg-menu-burger span:nth-child(2){top:21px}.sg-mobile-header .sg-menu-burger span:nth-child(3){top:21px;transform:translateY(7px)}.sg-mobile-header .sg-menu-burger:hover{cursor:pointer}.sg-mobile-header .sg-menu-burger:hover span{background:#0092ed}.sg-aside{border-right:1px solid #eaeaea;position:fixed;top:0;left:0;width:280px;height:100%;background:#fff;overflow:hidden}@media (min-width:992px){.sg-aside{width:30%;z-index:1}}@media (min-width:1200px){.sg-aside{width:20%}}.sg-aside .sg-aside__overflow{height:100%;overflow:auto}.sg-aside__header,.sg-aside__nav li a{padding:40px 0;border-bottom:1px solid #eaeaea;position:relative;display:none}@media (min-width:992px){.sg-aside__header{display:block}}.sg-aside__nav{padding:0;margin:0;list-style:none}.sg-aside__nav li a{padding:15px 40px 15px 15px;display:block;color:#444;font-size:20px}.sg-aside__nav li a .collapse-caret{fill:#888;position:absolute;right:30px;top:50%;transform:translateY(-50%) rotate(0);transition:transform .4s}.sg-aside__nav li a.open .collapse-caret{transform:translateY(-50%) rotate(-540deg)}.sg-aside__subnav{padding:0;list-style:none;background:#fafafa;border-bottom:1px solid #eaeaea}.sg-aside__subnav li a{padding:10px 40px;border:none;color:#888;font-size:16px}.sg-aside__subnav li a:hover{color:#626262}.sg-aside__subnav li.active a{color:#3ab4ff}.sg-main-content{min-height:100vh;background:#fff;transform:translateX(0);transition:transform .4s}.sg-main-content .sg-section{padding:125px 40px 40px}@media (min-width:992px){.sg-main-content .sg-section{padding:0 80px 80px}}.sg-menu-is-open{overflow:hidden}.sg-menu-is-open .sg-menu-burger span:nth-child(1){transform:translateY(0) rotate(45deg)}.sg-menu-is-open .sg-menu-burger span:nth-child(2){opacity:0}.sg-menu-is-open .sg-menu-burger span:nth-child(3){transform:translateY(0) rotate(-45deg)}.sg-menu-is-open .sg-main-content,.sg-menu-is-open .sg-mobile-header{transform:translateX(280px);overflow:hidden}.colors .color-panel{padding-left:55px;position:relative;line-height:50px;margin-bottom:10px}.colors .color-panel:before{position:absolute;content:"";width:50px;height:50px;left:0;border-radius:4px;border:1px solid #000}.colors .color-panel.bckg-black:before{background-color:#000}.colors .color-panel.bckg-carbon-gray:before{background-color:#444}.colors .color-panel.bckg-gray:before{background-color:#888}.colors .color-panel.bckg-icon-gray:before{background-color:#ccc}.colors .color-panel.bckg-light-gray:before{background-color:#aeaeae}.colors .color-panel.bckg-pearl-gray:before{background-color:#eaeaea}.colors .color-panel.bckg-brightest-gray:before{background-color:#fafafa}.colors .color-panel.bckg-white:before{background-color:#fff}.colors .color-panel.bckg-red:before{background-color:#eb5e57}.colors .color-panel.bckg-green-blue:before{background-color:#34b6b3}.colors .color-panel.bckg-true-blue:before{background-color:#53c5e1}.colors .color-panel.bckg-sky-blue:before{background-color:#71cfe7}.colors .color-panel.bckg-light-green-blue:before{background-color:#66c8c6}.colors .color-panel.bckg-black-blue:before{background-color:#34445b}.colors .color-panel.bckg-text-color:before{background-color:#999}