body,html{height:100%;margin:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
html{background:#fff;color:#1f2041;font:400 14px Montserrat,Areal,sans-serif}
.page-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:100%}.page-content{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}
@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:local("Montserrat"),local("Montserrat-Regular"),url(../assets/fonts/Montserrat-Regular.woff2) format("woff2"),url(../assets/fonts/Montserrat-Regular.woff) format("woff"),url(../assets/fonts/Montserrat-Regular.ttf) format("truetype"),url(../assets/fonts/Montserrat-Regular-Latin.svg) format("svg");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd,U+20bd}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:local("Montserrat"),local("Montserrat-Regular"),url(../assets/fonts/Montserrat-Regular.woff2) format("woff2"),url(../assets/fonts/Montserrat-Regular.woff) format("woff"),url(../assets/fonts/Montserrat-Regular.ttf) format("truetype"),url(../assets/fonts/Montserrat-Regular-Cyrillic.svg) format("svg");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116,U+20bd}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:local("Montserrat"),local("Montserrat-Bold"),url(../assets/fonts/Montserrat-Bold.woff2) format("woff2"),url(../assets/fonts/Montserrat-Bold.woff) format("woff"),url(../assets/fonts/Montserrat-Bold.ttf) format("truetype"),url(../assets/fonts/Montserrat-Bold-Latin.svg) format("svg");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd,U+20bd}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:local("Montserrat"),local("Montserrat-Bold"),url(../assets/fonts/Montserrat-Bold.woff2) format("woff2"),url(../assets/fonts/Montserrat-Bold.woff) format("woff"),url(../assets/fonts/Montserrat-Bold.ttf) format("truetype"),url(../assets/fonts/Montserrat-Bold-Cyrillic.svg) format("svg");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116,U+20bd}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:local("Material Icons"),url(../assets/fonts/MaterialIcons-Regular.woff2) format("woff2"),url(../assets/fonts/MaterialIcons-Regular.woff) format("woff"),url(../assets/fonts/MaterialIcons-Regular.ttf) format("truetype"),url(../assets/fonts/MaterialIcons-Regular.svg) format("svg");unicode-range:e5cf,e5ce,e5c8,e5c4,e7f2,e7f3,e7f1,e80e,e87d,e87e,e5c8,e838,e83a}@font-face{font-display:block;font-family:Font Awesome;font-style:normal;font-weight:400;src:local("Font Awesome"),url(../assets/fonts/FontAwesome5Brands-Regular.woff2) format("woff2"),url(../assets/fonts/FontAwesome5Brands-Regular.woff) format("woff"),url(../assets/fonts/FontAwesome5Brands-Regular.ttf) format("truetype"),url(../assets/fonts/FontAwesome5Brands-Regular.svg) format("svg");unicode-range:f099,f082,f16d,f189}@font-face{font-display:block;font-family:Font Awesome solid;font-style:normal;font-weight:400;src:url(../assets/fonts/FontAwesome5Free-Solid.woff2) format("woff2"),url(../assets/fonts/FontAwesome5Free-Solid.woff) format("woff"),url(../assets/fonts/FontAwesome5Free-Solid.ttf) format("truetype"),url(../assets/fonts/FontAwesome5Free-Solid.svg) format("svg");unicode-range:f0b0}
.colors{margin:0;min-width:270px;padding:0 415px 0 10px}.colors__item{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start;margin-bottom:20px}.colors__preview{border-radius:6px;min-height:70px;min-width:70px}.colors__preview_color_darkest-gray{background:#1f2041}.colors__preview_color_dark-gray{background:rgba(31,32,65,.75)}.colors__preview_color_gray{background:rgba(31,32,65,.5)}.colors__preview_color_light-gray{background:rgba(31,32,65,.25)}.colors__preview_color_lightest-gray{background:rgba(31,32,65,.05)}.colors__preview_color_purple{background:#bc9cff}.colors__preview_color_green{background:#6fcf97}.colors__description{font:400 1.3571rem/29px montserrat,arial,sans-serif;max-width:300px;padding-left:40px}.colors__name{font-weight:700;margin:0}.colors__code{margin:0}
.type{margin:0;max-width:444px;min-width:403px;padding:0 8px 0 0}.type__h1{font:700 1.7143rem/29px montserrat,arial,sans-serif}.type__h1,.type__h2{color:#1f2041;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:52px}.type__h2{font:700 1.3571rem/23px montserrat,arial,sans-serif;margin-right:20px}.type__h3{color:#1f2041;font:700 .8571rem/15px montserrat,arial,sans-serif;margin-bottom:45px;text-transform:uppercase}.type__body,.type__h3{display:-webkit-box;display:-ms-flexbox;display:flex}.type__body{color:rgba(31,32,65,.75);font:400 1rem/24px montserrat,arial,sans-serif;margin-bottom:52px;margin-right:55px}.type__header{-webkit-box-pack:end;-ms-flex-pack:end;color:rgba(31,32,65,.25);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:montserrat,arial,sans-serif;font-weight:400;justify-content:flex-end;margin:0;max-width:50px;min-width:37px;padding:1px;text-transform:capitalize}.type__text{color:#1f2041;margin:0;padding-left:30px}
.logo__link{line-height:0}.logo__body_colorless{min-height:48px;min-width:48px}.logo__body_color{min-width:40px}.logo__body_color-with-text{min-width:106px}.logo__body_size_big{min-height:80px;min-width:200px}
.ui-kit-header{display:block;height:140px;max-width:100%;padding:30px 30px 0}.ui-kit-header_background_gray{background:#e5e5e5}
.ui-kit-footer{-webkit-box-align:center;-ms-flex-align:center;-ms-flex-pack:distribute;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around;max-width:100%;padding:30px 0}.ui-kit-footer_background_gray{background:#e5e5e5}.ui-kit-footer__link{color:rgba(31,32,65,.5);cursor:pointer;text-decoration:none}.ui-kit-footer__link:focus,.ui-kit-footer__link:hover{color:rgba(31,32,65,.75);outline:none}.ui-kit-footer__link:not(:first-child){margin-left:50px}
.colors-type-page__container{-webkit-box-sizing:content-box;box-sizing:content-box;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto 145px;max-width:1160px;padding-top:5px}