.ndpl-body,.ndpl-c-background{background-color:#FFF}.ndpl-body{-ms-overflow-style:-ms-autohiding-scrollbar;margin:0;padding:0}[class*=" ndpl-"],[class^=ndpl-]{box-sizing:border-box}.ndpl-disable-scrolling{overflow:hidden}.ndpl-body.nav-open{overflow-y:hidden}.ndpl-component__code-toggle,.ndpl-component__color,.ndpl-component__description,.ndpl-component__description h2,.ndpl-component__description h3,.ndpl-component__description h4,.ndpl-component__label,.ndpl-component__title,.ndpl-error,.ndpl-group__description,.ndpl-header,.ndpl-info,.ndpl-intro,.ndpl-library__title,.ndpl-loading__title,.ndpl-nav__title,.ndpl-page,.ndpl-sidebar,.ndpl-sidebar__title{font-family:"Open Sans"}.ndpl-library__title{font-size:27px;font-weight:600;line-height:36px}.ndpl-component__title{font-size:18px;font-weight:600;line-height:32px}.ndpl-component__description,.ndpl-group__description,.ndpl-intro,.ndpl-page{font-size:12px;line-height:24px}.ndpl-page h1{margin-bottom:24px;font-size:26px;font-weight:400;line-height:36px}.ndpl-page h2,.ndpl-page h3,.ndpl-page h4,.ndpl-page h5{font-weight:300}.ndpl-page h2,.ndpl-page h3,.ndpl-page h4,.ndpl-page h5,.ndpl-page h6{margin:24px 0 12px}.ndpl-page h2:first-child,.ndpl-page h3:first-child,.ndpl-page h4:first-child,.ndpl-page h5:first-child,.ndpl-page h6:first-child{margin-top:0}.ndpl-page h2{font-size:21px;line-height:36px}.ndpl-page h3{font-size:18px;line-height:32px}.ndpl-page h4{font-size:16px;line-height:27px}.ndpl-page h5,.ndpl-page h6{font-size:14px;line-height:24px}.ndpl-page h6{font-weight:400}.ndpl-component__description code,.ndpl-group__description code,.ndpl-page code{display:inline-block;color:#BABEC7;border:1px solid #E1E1E1;border-radius:3px;line-height:18px;padding:0 3px}.ndpl-c-brand-a:hover,.ndpl-c-brand-c{color:#FEA1AC}.ndpl-page a,.ndpl-page a[href]{text-decoration:none}.ndpl-page a:hover,.ndpl-page a[href]:hover{text-decoration:underline}.ndpl-page p{margin-bottom:24px}@media only screen and (min-width:60em){.ndpl-page h1{margin-bottom:48px}.ndpl-page h2,.ndpl-page h3,.ndpl-page h4,.ndpl-page h5,.ndpl-page h6{margin:48px 0 24px}.ndpl-library__title{font-size:36px;line-height:36px}.ndpl-component__title{font-size:21px;line-height:32px}.ndpl-component__description,.ndpl-group__description,.ndpl-intro,.ndpl-page{font-size:16px;line-height:21px}.ndpl-page h1{font-size:36px;line-height:36px}.ndpl-page h2{font-size:28px;line-height:36px}.ndpl-page h3{font-size:21px;line-height:32px}.ndpl-page h4{font-size:18px;line-height:27px}.ndpl-page h5,.ndpl-page h6{font-size:16px;line-height:24px}}.ndpl-c-border{border-color:#E0E6ED}.ndpl-c-highlight{background-color:#F9FAFC}.ndpl-c-brand-bg{background-color:#FEA1AC}.ndpl-c-brand-b{border-color:#FEA1AC}.ndpl-c-brand-ca a,.ndpl-c-brand-ca a:active,.ndpl-c-brand-ca a:focus,.ndpl-c-brand-ca a:visited,.ndpl-c-brand-ca a[href],.ndpl-c-brand-ca a[href]:active,.ndpl-c-brand-ca a[href]:focus,.ndpl-c-brand-ca a[href]:visited{color:#303637}.ndpl-c-brand-ca a:hover,.ndpl-c-brand-ca a[href]:hover,.ndpl-c-brand-cai a,.ndpl-c-brand-cai a:active,.ndpl-c-brand-cai a:focus,.ndpl-c-brand-cai a:visited,.ndpl-c-brand-cai a[href],.ndpl-c-brand-cai a[href]:active,.ndpl-c-brand-cai a[href]:focus,.ndpl-c-brand-cai a[href]:visited{color:#FEA1AC}.ndpl-c-brand-cai a:hover,.ndpl-c-brand-cai a[href]:hover{color:#303637!important}.ndpl-nsc,.ndpl-nsc:active,.ndpl-nsc:focus,.ndpl-nsc:hover,.ndpl-nsc:visited,.ndpl-nsc[href]:active,.ndpl-nsc[href]:focus,.ndpl-nsc[href]:hover,.ndpl-nsc[href]:visited{color:#303637!important;text-decoration:none;text-transform:capitalize}.ndpl-component__code-toggle,.ndpl-component__color div,.ndpl-nav__title{letter-spacing:1px;text-transform:uppercase}.ndpl-cf:after{content:"";display:block;clear:both}.ndpl-dark-text{color:#616367!important}.ndpl-light-text{color:#FFF!important}.ndpl-apply-border{border:1px solid #E0E6ED}.ndpl-apply-border+.ndpl-apply-border{border-top:none}.ndpl-loading__title{color:#303637;font-weight:300;margin:0 24px 24px;opacity:1;transition:opacity .5s ease}.wf-opensans-n4-active .ndpl-loading__title{opacity:1}.ndpl-container{opacity:0;transition:opacity .5s ease .5s}.ndpl-container.loaded{opacity:1}.ndpl-container.resizing{visibility:hidden}.ndpl-loading{left:-9999px;opacity:0;padding:96px 0;position:fixed;text-align:center;transition:opacity .5s ease;width:100%}.ndpl-loading.in-progress{left:0;opacity:1}.ndpl-loading__title{font-size:27px;padding-top:24px}@media only screen and (min-width:60em){.ndpl-loading__title{font-size:36px;padding-top:24px}}.ndpl-error,.ndpl-info{border-radius:6px;color:#FFF;display:inline-block;list-style:none;margin:0 12px;padding:24px;font-size:14px}.ndpl-header:after,.ndpl-header__title a{display:none}.ndpl-error{background-color:#f97d7d}.ndpl-info{background-color:#7da9f9}.ndpl-error code,.ndpl-info code{padding:0 3px}.ndpl-error code{background-color:#e07070}.ndpl-info code{background-color:#7098e0}.ndpl-error .ndpl-pre,.ndpl-info .ndpl-pre{margin-bottom:0}@media only screen and (min-width:60em){.ndpl-error,.ndpl-info{margin:0}}.ndpl-folding-cube{margin:20px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.ndpl-folding-cube .ndpl-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.ndpl-folding-cube .ndpl-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#303637;-webkit-animation:ndpl-foldCubeAngle 2.4s infinite linear both;animation:ndpl-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.ndpl-header,.ndpl-sidebar{background-color:#FFF;position:fixed;top:0;width:100%}.ndpl-folding-cube .ndpl-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.ndpl-folding-cube .ndpl-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.ndpl-folding-cube .ndpl-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.ndpl-folding-cube .ndpl-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.ndpl-folding-cube .ndpl-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.ndpl-folding-cube .ndpl-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes ndpl-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes ndpl-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}.ndpl-header{box-shadow:0 5px 10px -5px #999;padding:15px;z-index:9998;float:left}.ndpl-header__logo{float:left;height:28px;margin:0 10px 0 0}.ndpl-header__title{color:#303637;font-size:18px;font-weight:700;float:left;margin:0}.ndpl-header__title a,.ndpl-header__title a:hover{text-decoration:none!important}.ndpl-header__title small{font-size:14px;font-weight:400}@media only screen and (min-width:60em){.ndpl-header__title{margin-top:10px}.ndpl-header__title a{display:block}.ndpl-header__title small{display:none}.ndpl-header__logo{float:left;height:50px}}.ndpl-sidebar{bottom:0;height:100%;left:-100%;overflow-y:auto;overflow-x:hidden;padding:103px 0 24px;right:0;z-index:9997}.ndpl-mobile .ndpl-sidebar{transition:left .5s ease}.ndpl-sidebar.open{left:0}@media only screen and (min-width:60em){.ndpl-sidebar{background-color:#FFF;bottom:0;display:block;left:-264px;padding:0;position:fixed;top:80px;width:264px}.loaded .ndpl-sidebar{left:0}}.ndpl-copyright{display:block}.ndpl-copyright p{color:#B0B1B3;font-size:14px;font-weight:300;line-height:21px}.ndpl-copyright a{font-size:14px;text-decoration:none}.ndpl-copyright p:last-of-type{margin:0}.ndpl-nav__pages{display:none}@media only screen and (min-width:60em){.ndpl-nav__pages{float:right;display:block}.ndpl-nav__pages ul li{display:inline-block}.ndpl-nav__pages ul{margin:0}.ndpl-nav__pages a{border-bottom:6px solid transparent;cursor:pointer;display:block;font-weight:400;padding:6px 24px 6px 18px;position:relative;text-decoration:none}}.ndpl-nav__title{color:#303637;font-size:12px;font-weight:700;margin:0 0 21px;padding:0 24px}.ndpl-nav__child-items,.ndpl-nav__items{list-style:none;padding:0;font-size:14px}.ndpl-nav__items{border-top:1px solid transparent;border-right:1px solid transparent;font-weight:400;line-height:24px;margin:0 0 72px}.ndpl-nav__item{position:relative}.ndpl-nav__item.active .ndpl-nav__group{font-weight:700}.ndpl-nav__child-items{display:none;min-height:0;margin:0}.active .ndpl-nav__child-items{display:block}.ndpl-nav__child-item{border-bottom:1px solid transparent;border-radius:4px}.ndpl-nav__group,.ndpl-nav__page{border-bottom:1px solid #E0E6ED;font-weight:400;position:relative;text-decoration:none;display:block}.ndpl-nav__page{border-left:6px solid transparent;cursor:pointer;padding:6px 24px 6px 18px}.ndpl-nav__page.active,.ndpl-nav__page:hover{border-left-color:#FEA1AC}.ndpl-nav__group{padding:6px 24px}.ndpl-nav__group:after{background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgOSAxNSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbH MtMSB7CiAgICAgICAgZmlsbDogIzIzMWYyMDsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQ2MC40NDgsNDkxLjAwOUw0NjgsNDk4LjVsLTcuNTQ4LDcuNDkyTDQ1OSw1MDQuNTU3bDYuMS02LjA1NS02LjEtNi4wNTdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDU5IC00OTEpIi8+Cjwvc3ZnPgo=') center no-repeat;background-size:100% auto;content:"";display:block;height:8px;margin-top:-4px;position:absolute;right:24px;top:50%;transform:rotate(90deg);transition:transform .25s ease;width:5px}.active .ndpl-nav__group:after{transform:rotate(-90deg)}.ndpl-nav__component{border-left:6px solid transparent;color:#616367!important;display:block;font-size:14px;font-weight:300;padding:6px 24px 6px 30px;text-decoration:none}.ndpl-nav__component.active,.ndpl-nav__component:hover{border-left-color:#FEA1AC}.ndpl-nav__arrow{margin:-4px 0 0;opacity:.25;position:absolute;right:12px;top:18px;width:16px}.active .ndpl-nav__arrow{transform:rotate(180deg)}.ndpl-nav-handle{display:block;cursor:pointer;height:27px;overflow:hidden;position:fixed;right:0;transform:rotate(0);transition:.5s ease-in-out;top:15px;width:48px;z-index:9999}.ndpl-nav-handle.open{position:fixed}.ndpl-nav-handle__container{padding:12px 0 0}.ndpl-nav-handle span{background-color:#303637;display:block;height:3px;opacity:1;position:absolute;right:12px;transform:rotate(0);transition:.25s ease-in-out;width:27px}.ndpl-nav-handle span:nth-child(1){top:0}.ndpl-nav-handle span:nth-child(2){top:9px}.ndpl-nav-handle span:nth-child(3){top:18px}.ndpl-nav-handle.open span:nth-child(1){top:11px;transform:rotate(-45deg)}.ndpl-nav-handle.open span:nth-child(2){opacity:0;right:-60px}.ndpl-nav-handle.open span:nth-child(3){top:11px;transform:rotate(45deg)}.ndpl-library,.ndpl-page{padding-top:79px}.ndpl-page{color:#616367;padding-left:12px;padding-right:12px}.ndpl-page h1,.ndpl-page h2,.ndpl-page h3,.ndpl-page h4,.ndpl-page h5,.ndpl-page h6{color:#303637}.ndpl-preloaded{left:-9999px;position:absolute;top:-9999px}@media only screen and (min-width:35em){.ndpl-page{// max-width:580px;margin:0 auto}}@media only screen and (min-width:60em){.ndpl-nav-handle{display:none}.ndpl-library,.ndpl-page{margin:0 auto;padding:56px 0}.ndpl-library h1:first-child,.ndpl-library h2:first-child,.ndpl-library h3:first-child,.ndpl-library h4:first-child,.ndpl-library h5:first-child,.ndpl-library h6:first-child,.ndpl-page h1:first-child,.ndpl-page h2:first-child,.ndpl-page h3:first-child,.ndpl-page h4:first-child,.ndpl-page h5:first-child,.ndpl-page h6:first-child{margin-top:0}.ndpl-content{padding:80px 48px 36px 312px}}.ndpl-library__group{overflow:auto;zoom:1}.ndpl-library__title{color:#303637;padding-left:12px;padding-right:12px;margin-bottom:24px}@media only screen and (min-width:60em){.ndpl-library__title{padding-left:0;padding-right:0;margin-bottom:24px}}.ndpl-group__description{color:#616367;margin-bottom:48px;padding:0 12px}@media only screen and (min-width:60em){.ndpl-group__description{padding:0}}.ndpl-component{clear:both;margin-bottom:60px}.ndpl-component__description{padding:0 12px 24px}.ndpl-component__title{margin-bottom:12px}@media only screen and (min-width:60em){.ndpl-component__description,.ndpl-component__title{padding:0}.ndpl-components{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-left:-36px}.ndpl-component{padding-left:36px}.ndpl-component--half{-ms-flex-grow:2;-webkit-flex-grow:2;flex-grow:2;max-width:50%;width:50%}.ndpl-component--full{-ms-flex-grow:1;-webkit-flex-grow:1;flex-grow:1;width:100%}}.ndpl-component__colors{padding:0 12px}.ndpl-component__color-container{float:left;margin-top:24px;width:100%}.ndpl-component__color-container:first-of-type{margin-top:0}.ndpl-component__color-container:nth-child(even){margin-right:0}.ndpl-component__color{float:left;line-height:1;padding:24px 0;text-align:center;width:50%}.ndpl-component__color:first-of-type{border-radius:6px 0 0 6px}.ndpl-component__color:last-of-type{border-radius:0 6px 6px 0}.ndpl-component__color:first-of-type:last-of-type{border-radius:6px;width:100%}.ndpl-component__color div{border:1px solid #FFF;border-radius:3px;color:#FFF;display:inline-block;font-size:13px;line-height:13px;padding:6px 9px}.ndpl-component__color div.ndpl-dark-text{color:#B0B1B3!important;border-color:#B0B1B3}.ndpl-component__code,.ndpl-component__sample{border-bottom:1px solid #E0E6ED}@media only screen and (min-width:60em){.ndpl-component__colors{padding:0}.ndpl-component__color-container{margin-right:3%;width:17.5%}.ndpl-component__color-container:nth-child(even){margin-right:3%}.ndpl-component__color-container:nth-child(5n){margin-right:0}.ndpl-component__color-container:nth-child(-n+5){margin-top:0}.ndpl-component__color{padding:48px 0;width:100%}.ndpl-component__color:first-of-type{border-radius:6px 6px 0 0}.ndpl-component__color:last-of-type{border-radius:0 0 6px 6px}}.ndpl-component__sample{background-color:#FFF;border-top:1px solid #E0E6ED;padding:36px 12px;position:relative}.ndpl-component__sample:after{display:block;clear:both;content:""}.ndpl-component__sample--inverted{background-color:#333}.ndpl-component__sample-hidden,.ndpl-component__sample-missing{display:block;margin:0 12px;text-align:center}.ndpl-component__code .ndpl-pre{margin:0}.ndpl-component__code .ndpl-code,.ndpl-component__description pre code,.ndpl-page pre code{box-sizing:border-box;color:#616367;font-size:12px;line-height:18px;opacity:.75;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;padding:36px 12px;white-space:pre;width:100%}.ndpl-component__description pre code,.ndpl-page pre code{padding:12px}.ndpl-component__code-toggle{border-bottom:1px solid transparent;color:#B0B1B3;cursor:pointer;display:block;font-size:12px;padding:9px 12px;text-align:center}@media only screen and (min-width:60em){.ndpl-component__sample{border:1px solid #E0E6ED;border-radius:6px 6px 0 0;padding:36px}.ndpl-component__sample--disabled-code{border-radius:6px}.ndpl-component__sample-hidden,.ndpl-component__sample-missing{margin:0}.ndpl-component__code{border:1px solid #E0E6ED;border-top:none}.ndpl-component__code .ndpl-code,.ndpl-component__description pre code,.ndpl-page pre code{font-size:15px;line-height:21px;padding:36px}.ndpl-component__description pre code,.ndpl-page pre code{padding:12px}.ndpl-component__code-toggle{border-left:1px solid transparent;border-right:1px solid transparent;border-radius:0 0 6px 6px}}.cr-layout-demo .cr-layout__row--100,.cr-layout-demo .cr-layout__row--25-25-25-25,.cr-layout-demo .cr-layout__row--25-50-25,.cr-layout-demo .cr-layout__row--33-33-33,.cr-layout-demo .cr-layout__row--50-50,.cr-layout-demo .cr-layout__row--66-33,.cr-layout-demo .cr-layout__row--full{border:4px dotted #e3e3e3;padding:10px}.cr-breadcrumb-nav{padding:15px 0 5px}.cr-breadcrumb-nav .cr-breadcrumb__item{display:inline;margin:0 5px 0 0}.cr-breadcrumb-nav .cr-breadcrumb__item span{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 593 922'%3E%3Cpath fill='%23333333' d='M582 435L158 11a36 36 0 0 0-52 0l-95 95a36 36 0 0 0 0 51l304 304L11 764a36 36 0 0 0 0 52l95 95c14 14 37 14 52 0l424-424c14-15 14-38 0-52z'/%3E%3C/svg%3E") center center no-repeat;display:inline-block;width:15px;height:15px;margin-left:5px;background-size:40%}.cr-breadcrumb-nav .cr-breadcrumb__item:nth-child(1){margin-left:0}