UNPKG

nextgen-css-framework

Version:

A modern, lightweight, and flexible CSS framework for next-generation websites

40 lines 119 kB
/*! * NextGen CSS Framework v1.0.0 * License: MIT */:root{--ng-primary: #3b82f6;--ng-secondary: #64748b;--ng-success: #10b981;--ng-info: #06b6d4;--ng-warning: #f59e0b;--ng-danger: #ef4444;--ng-light: #f8fafc;--ng-dark: #0f172a;--ng-white: #ffffff;--ng-gray-100: #f1f5f9;--ng-gray-200: #e2e8f0;--ng-gray-300: #cbd5e1;--ng-gray-400: #94a3b8;--ng-gray-500: #64748b;--ng-gray-600: #475569;--ng-gray-700: #334155;--ng-gray-800: #1e293b;--ng-gray-900: #0f172a;--ng-black: #020617;--ng-body-bg: #ffffff;--ng-body-color: #0f172a;--ng-link-color: #3b82f6;--ng-link-hover-color: rgb(10.0317073171, 89.1707317073, 218.4682926829);--ng-border-color: #cbd5e1;--ng-card-bg: #ffffff;--ng-card-border: #e2e8f0;--ng-card-header-bg: #f1f5f9;--ng-card-header-border: #e2e8f0;--ng-card-footer-bg: #f1f5f9;--ng-card-footer-border: #e2e8f0;--ng-input-bg: #ffffff;--ng-input-border: #cbd5e1;--ng-input-disabled-bg: #f1f5f9;--ng-code-bg: #f1f5f9;--ng-box-shadow-sm: 0 1px 2px 0 rgba(2, 6, 23, 0.05);--ng-box-shadow: 0 1px 3px 0 rgba(2, 6, 23, 0.1), 0 1px 2px -1px rgba(2, 6, 23, 0.1);--ng-box-shadow-lg: 0 10px 15px -3px rgba(2, 6, 23, 0.1), 0 4px 6px -4px rgba(2, 6, 23, 0.1);--ng-box-shadow-xl: 0 20px 25px -5px rgba(2, 6, 23, 0.1), 0 8px 10px -6px rgba(2, 6, 23, 0.1)}@media(prefers-color-scheme: dark){:root{--ng-primary: rgb(107.7609756098, 161.0975609756, 248.2390243902);--ng-secondary: rgb(141.8807531381, 154.9016736402, 173.6192468619);--ng-success: rgb(20.0597014925, 231.9402985075, 161.7313432836);--ng-info: rgb(20.6330275229, 215.2018348624, 248.3669724771);--ng-warning: rgb(246.0039370079, 167.7381889764, 35.4960629921);--ng-danger: rgb(243.0197044335, 114.9802955665, 114.9802955665);--ng-light: rgb(42.9, 71.5, 100.1);--ng-dark: rgb(28.4210526316, 43.5789473684, 79.5789473684);--ng-white: #0f172a;--ng-black: #f1f5f9;--ng-gray-100: #1e293b;--ng-gray-200: #334155;--ng-gray-300: #475569;--ng-gray-400: #64748b;--ng-gray-500: #94a3b8;--ng-gray-600: #cbd5e1;--ng-gray-700: #e2e8f0;--ng-gray-800: #f1f5f9;--ng-gray-900: #f1f5f9;--ng-body-bg: #0f172a;--ng-body-color: #f1f5f9;--ng-link-color: rgb(132.1414634146, 176.6463414634, 249.3585365854);--ng-link-hover-color: rgb(180.9024390244, 207.743902439, 251.5975609756);--ng-border-color: #334155;--ng-card-bg: #1e293b;--ng-card-border: #334155;--ng-card-header-bg: #0f172a;--ng-card-header-border: #334155;--ng-card-footer-bg: #0f172a;--ng-card-footer-border: #334155;--ng-input-bg: #1e293b;--ng-input-border: #475569;--ng-input-disabled-bg: #0f172a;--ng-code-bg: #1e293b;--ng-box-shadow-sm: 0 1px 2px 0 rgba(2, 6, 23, 0.25);--ng-box-shadow: 0 1px 3px 0 rgba(2, 6, 23, 0.3), 0 1px 2px -1px rgba(2, 6, 23, 0.3);--ng-box-shadow-lg: 0 10px 15px -3px rgba(2, 6, 23, 0.3), 0 4px 6px -4px rgba(2, 6, 23, 0.3);--ng-box-shadow-xl: 0 20px 25px -5px rgba(2, 6, 23, 0.3), 0 8px 10px -6px rgba(2, 6, 23, 0.3)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.transition-base{transition:all .2s ease-in-out}.transition-fade{transition:opacity .15s linear}.transition-transform{transition:transform .3s ease-in-out}.transition-all{transition:all .3s ease-in-out}/*! * NextGen CSS Framework v1.0.0 * License: MIT */*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul,ol{margin:0;padding:0}html,body{font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:var(--ng-body-color);background-color:var(--ng-body-bg)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}a{color:var(--ng-link-color);text-decoration:none}a:hover{color:var(--ng-link-hover-color);text-decoration:none}img{max-width:100%;height:auto;vertical-align:middle}table{border-collapse:collapse}/*! * NextGen CSS Framework v1.0.0 * License: MIT */h1,.h1{margin-bottom:1rem;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:2.5rem;font-weight:600;line-height:1.2;color:var(--ng-body-color)}h2,.h2{margin-bottom:1rem;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:2rem;font-weight:600;line-height:1.2;color:var(--ng-body-color)}h3,.h3{margin-bottom:1rem;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:1.75rem;font-weight:600;line-height:1.2;color:var(--ng-body-color)}h4,.h4{margin-bottom:1rem;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.2;color:var(--ng-body-color)}h5,.h5{margin-bottom:1rem;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.2;color:var(--ng-body-color)}h6,.h6{margin-bottom:1rem;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:1rem;font-weight:600;line-height:1.2;color:var(--ng-body-color)}p{margin-top:0;margin-bottom:1rem}p:last-child{margin-bottom:0}.lead{font-size:1.125rem;font-weight:300;line-height:2}.fw-light{font-weight:300 !important}.fw-normal{font-weight:400 !important}.fw-medium{font-weight:500 !important}.fw-semibold{font-weight:600 !important}.fw-bold{font-weight:700 !important}.text-left{text-align:left !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-justify{text-align:justify !important}/*! * NextGen CSS Framework v1.0.0 * License: MIT */.container,.container-fluid{width:100%;padding-right:var(--ng-container-padding-x, calc(1.5rem / 2));padding-left:var(--ng-container-padding-x, calc(1.5rem / 2));margin-right:auto;margin-left:auto}.container-sm{width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);margin-right:auto;margin-left:auto}@media(min-width: 576px){.container-sm,.container{max-width:540px}}.container-md{width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);margin-right:auto;margin-left:auto}@media(min-width: 768px){.container-md,.container{max-width:720px}}.container-lg{width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);margin-right:auto;margin-left:auto}@media(min-width: 992px){.container-lg,.container{max-width:960px}}.container-xl{width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);margin-right:auto;margin-left:auto}@media(min-width: 1200px){.container-xl,.container{max-width:1140px}}.container-xxl{width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);margin-right:auto;margin-left:auto}@media(min-width: 1400px){.container-xxl,.container{max-width:1320px}}.row{display:flex;flex-wrap:wrap;margin-right:calc(-1.5rem/2);margin-left:calc(-1.5rem/2)}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters>.col,.row-no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex-basis:0;flex-grow:1;max-width:100%}.col-auto{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 auto;width:auto;max-width:100%}.col-1{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 25%;max-width:25%}.col-4{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 50%;max-width:50%}.col-7{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 75%;max-width:75%}.col-10{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 100%;max-width:100%}@media(min-width: 0){.col-xs{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex-basis:0;flex-grow:1;max-width:100%}.col-xs-auto{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 auto;width:auto;max-width:100%}.col-xs-1{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xs-2{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xs-3{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 25%;max-width:25%}.col-xs-4{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xs-5{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xs-6{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 50%;max-width:50%}.col-xs-7{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xs-8{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xs-9{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 75%;max-width:75%}.col-xs-10{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xs-11{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xs-12{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 100%;max-width:100%}}@media(min-width: 576px){.col-sm{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 25%;max-width:25%}.col-sm-4{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 50%;max-width:50%}.col-sm-7{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 75%;max-width:75%}.col-sm-10{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 100%;max-width:100%}}@media(min-width: 768px){.col-md{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 auto;width:auto;max-width:100%}.col-md-1{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 25%;max-width:25%}.col-md-4{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 50%;max-width:50%}.col-md-7{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 75%;max-width:75%}.col-md-10{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 100%;max-width:100%}}@media(min-width: 992px){.col-lg{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 25%;max-width:25%}.col-lg-4{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 50%;max-width:50%}.col-lg-7{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 75%;max-width:75%}.col-lg-10{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 100%;max-width:100%}}@media(min-width: 1200px){.col-xl{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xl-2{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-3{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 25%;max-width:25%}.col-xl-4{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xl-5{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xl-6{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 50%;max-width:50%}.col-xl-7{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xl-8{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xl-9{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 75%;max-width:75%}.col-xl-10{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xl-11{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xl-12{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 100%;max-width:100%}}@media(min-width: 1400px){.col-xxl{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex-basis:0;flex-grow:1;max-width:100%}.col-xxl-auto{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 auto;width:auto;max-width:100%}.col-xxl-1{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xxl-2{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xxl-3{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 25%;max-width:25%}.col-xxl-4{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xxl-5{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xxl-6{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 50%;max-width:50%}.col-xxl-7{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xxl-8{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xxl-9{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 75%;max-width:75%}.col-xxl-10{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xxl-11{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xxl-12{position:relative;width:100%;padding-right:calc(1.5rem/2);padding-left:calc(1.5rem/2);flex:0 0 100%;max-width:100%}}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.grid{display:grid;grid-template-columns:repeat(12, 1fr);grid-gap:1.5rem}.grid-gap-0{grid-gap:0}.grid-gap-1{grid-gap:.25rem}.grid-gap-2{grid-gap:.5rem}.grid-gap-3{grid-gap:1rem}.grid-gap-4{grid-gap:1.5rem}.grid-gap-5{grid-gap:3rem}/*! * NextGen CSS Framework v1.0.0 * License: MIT */.container,.container-skinny{width:100%;padding-right:var(--ng-container-padding-x, calc(1.5rem / 2));padding-left:var(--ng-container-padding-x, calc(1.5rem / 2));margin-right:auto;margin-left:auto}.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{width:100%;padding-right:var(--ng-container-padding-x, calc(1.5rem / 2));padding-left:var(--ng-container-padding-x, calc(1.5rem / 2));margin-right:auto;margin-left:auto}@media(min-width: 576px){.container-sm,.container,.container-skinny{max-width:540px}}@media(min-width: 768px){.container-md,.container,.container-skinny{max-width:720px}}@media(min-width: 992px){.container-lg,.container,.container-skinny{max-width:960px}}@media(min-width: 1200px){.container-xl,.container,.container-skinny{max-width:1140px}}@media(min-width: 1400px){.container-xxl,.container,.container-skinny{max-width:1320px}}@media(min-width: 576px){.container-skinny{max-width:95%}}@media(min-width: 768px){.container-skinny{max-width:85%}}@media(min-width: 992px){.container-skinny{max-width:75%}}@media(min-width: 1200px){.container-skinny{max-width:65%}}@media(min-width: 1400px){.container-skinny{max-width:60%}}.container-content{max-width:720px;margin-left:auto;margin-right:auto;padding-left:var(--ng-container-padding-x, calc(1.5rem / 2));padding-right:var(--ng-container-padding-x, calc(1.5rem / 2))}/*! * NextGen CSS Framework v1.0.0 * License: MIT */.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}.gap-0{gap:0 !important}.gap-1{gap:.25rem !important}.gap-2{gap:.5rem !important}.gap-3{gap:1rem !important}.gap-4{gap:1.5rem !important}.gap-5{gap:3rem !important}.row-gap-0{row-gap:0 !important}.row-gap-1{row-gap:.25rem !important}.row-gap-2{row-gap:.5rem !important}.row-gap-3{row-gap:1rem !important}.row-gap-4{row-gap:1.5rem !important}.row-gap-5{row-gap:3rem !important}.column-gap-0{column-gap:0 !important}.column-gap-1{column-gap:.25rem !important}.column-gap-2{column-gap:.5rem !important}.column-gap-3{column-gap:1rem !important}.column-gap-4{column-gap:1.5rem !important}.column-gap-5{column-gap:3rem !important}/*! * NextGen CSS Framework v1.0.0 * License: MIT */.btn{display:inline-block;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;border:1px solid rgba(0,0,0,0);padding:.5rem 1rem;font-size:1rem;line-height:1.5;border-radius:.375rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor:pointer}.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(var(--ng-primary), 0.25)}.btn:disabled,.btn.disabled{opacity:.65;pointer-events:none}.btn-primary{background-color:var(--ng-primary);border-color:var(--ng-primary);color:var(--ng-white)}.btn-primary:hover{background-color:rgb(22.4292682927,106.6768292683,244.3207317073);border-color:rgb(11.1512195122,99.1219512195,242.8487804878)}.btn-primary:focus,.btn-primary:active{background-color:rgb(11.1512195122,99.1219512195,242.8487804878);border-color:rgb(10.5914634146,94.1463414634,230.6585365854);box-shadow:0 0 0 .25rem rgba(59,130,246,.25)}.btn-secondary{background-color:var(--ng-secondary);border-color:var(--ng-secondary);color:var(--ng-white)}.btn-secondary:hover{background-color:rgb(83.9958158996,97.4351464435,116.7541841004);border-color:rgb(78.6610878661,91.2468619247,109.3389121339)}.btn-secondary:focus,.btn-secondary:active{background-color:rgb(78.6610878661,91.2468619247,109.3389121339);border-color:rgb(73.3263598326,85.0585774059,101.9236401674);box-shadow:0 0 0 .25rem rgba(100,116,139,.25)}.btn-success{background-color:var(--ng-success);border-color:var(--ng-success);color:var(--ng-white)}.btn-success:hover{background-color:hsl(160.1183431953,84.07960199%,31.9117647059%);border-color:rgb(11.9402985075,138.0597014925,96.2686567164)}.btn-success:focus,.btn-success:active{background-color:rgb(11.9402985075,138.0597014925,96.2686567164);border-color:rgb(10.9253731343,126.3246268657,88.0858208955);box-shadow:0 0 0 .25rem rgba(16,185,129,.25)}.btn-outline-primary{background-color:rgba(0,0,0,0);border-color:var(--ng-primary);color:var(--ng-primary)}.btn-outline-primary:hover{background-color:var(--ng-primary);color:var(--ng-white)}.btn-outline-primary:focus,.btn-outline-primary:active{background-color:var(--ng-primary);color:var(--ng-white);box-shadow:0 0 0 .25rem rgba(59,130,246,.25)}.btn-outline-secondary{background-color:rgba(0,0,0,0);border-color:var(--ng-secondary);color:var(--ng-secondary)}.btn-outline-secondary:hover{background-color:var(--ng-secondary);color:var(--ng-white)}.btn-outline-secondary:focus,.btn-outline-secondary:active{background-color:var(--ng-secondary);color:var(--ng-white);box-shadow:0 0 0 .25rem rgba(100,116,139,.25)}.btn-lg{padding:.75rem 1.5rem;font-size:1.125rem}.btn-sm{padding:.25rem .5rem;font-size:.875rem}.btn-block{display:block;width:100%}/*! * NextGen CSS Framework v1.0.0 * License: MIT */.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--ng-card-bg);background-clip:border-box;border:1px solid var(--ng-card-border);border-radius:.375rem;box-shadow:var(--ng-box-shadow-sm)}.card:hover{box-shadow:var(--ng-box-shadow);transition:box-shadow .3s ease}.card-body{flex:1 1 auto;padding:1.25rem;color:var(--ng-body-color)}.card-title{margin-bottom:.75rem;font-size:1.125rem;font-weight:600;color:var(--ng-body-color)}.card-subtitle{margin-top:-0.375rem;margin-bottom:0;font-size:1rem;color:var(--ng-gray-600)}.card-text{color:var(--ng-body-color)}.card-text:last-child{margin-bottom:0}.card-img-top{width:100%;border-top-left-radius:calc(.375rem - 1px);border-top-right-radius:calc(.375rem - 1px)}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:var(--ng-card-header-bg);border-bottom:1px solid var(--ng-card-header-border);color:var(--ng-body-color)}.card-header:first-child{border-top-left-radius:calc(.375rem - 1px);border-top-right-radius:calc(.375rem - 1px)}.card-footer{padding:.75rem 1.25rem;background-color:var(--ng-card-footer-bg);border-top:1px solid var(--ng-card-footer-border);color:var(--ng-body-color)}.card-footer:last-child{border-bottom-left-radius:calc(.375rem - 1px);border-bottom-right-radius:calc(.375rem - 1px)}.card-group{display:flex;flex-direction:column}.card-group>.card{margin-bottom:1rem}@media(min-width: 576px){.card-group{flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}}/*! * NextGen CSS Framework v1.0.0 * License: MIT */.form-control{display:block;width:100%;padding:.5rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--ng-body-color);background-color:var(--ng-input-bg);background-clip:padding-box;border:1px solid var(--ng-input-border);border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}.form-control:focus{color:var(--ng-body-color);background-color:var(--ng-input-bg);border-color:var(--ng-primary);outline:0;box-shadow:0 0 0 .25rem rgba(var(--ng-primary), 0.25)}.form-control::placeholder{color:var(--ng-gray-500);opacity:1}.form-control:disabled,.form-control[readonly]{background-color:var(--ng-input-disabled-bg);opacity:1}select.form-control{padding-right:2rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}.form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.125rem;border-radius:.5rem}.form-control-sm{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}.form-text{margin-top:.25rem;font-size:.875rem;color:var(--ng-gray-600)}.form-label{margin-bottom:.5rem;font-size:1rem;font-weight:500;color:var(--ng-body-color)}.form-check{display:block;min-height:1.5rem;padding-left:1.5rem;margin-bottom:.125rem}.form-check-input{width:1rem;height:1rem;margin-top:.25rem;margin-left:-1.5rem;background-color:var(--ng-input-bg);background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid var(--ng-input-border);appearance:none}.form-check-input[type=checkbox]{border-radius:.25rem}.form-check-input[type=checkbox]:checked{background-color:var(--ng-primary);border-color:var(--ng-primary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}.form-check-input[type=radio]{border-radius:50%}.form-check-input[type=radio]:checked{background-color:var(--ng-primary);border-color:var(--ng-primary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input:focus{border-color:var(--ng-primary);outline:0;box-shadow:0 0 0 .25rem rgba(var(--ng-primary), 0.25)}.is-valid{border-color:var(--ng-success)}.is-invalid{border-color:var(--ng-danger)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:85%;color:var(--ng-danger)}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:85%;color:var(--ng-success)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}/*! * NextGen CSS Framework v1.0.0 * License: MIT */.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background-color:var(--ng-card-bg);box-shadow:var(--ng-box-shadow-sm)}.navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.navbar-fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.navbar-sticky-top{position:sticky;top:0;z-index:1020}.navbar-brand{display:inline-flex;align-items:center;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.125rem;font-weight:600;color:var(--ng-body-color);text-decoration:none;white-space:nowrap}.navbar-brand:hover,.navbar-brand:focus{color:var(--ng-primary);text-decoration:none}.navbar-brand img{margin-right:.5rem}.navbar-toggler{padding:.25rem .75rem;font-size:1rem;line-height:1;background-color:rgba(0,0,0,0);border:1px solid var(--ng-border-color);border-radius:.375rem;cursor:pointer;color:var(--ng-body-color)}.navbar-toggler:focus{outline:0;box-shadow:0 0 0 .25rem rgba(59,130,246,.25)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding:.5rem 1rem;color:var(--ng-body-color);text-decoration:none;transition:color .15s ease-in-out}.navbar-nav .nav-link:hover,.navbar-nav .nav-link:focus{color:var(--ng-primary)}.navbar-nav .nav-item{margin-bottom:0}.navbar-nav .active{color:var(--ng-primary);font-weight:500}.navbar-nav .disabled{color:var(--ng-gray-400);pointer-events:none;cursor:default}@media(min-width: 768px){.navbar-nav{flex-direction:row}.navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;color:var(--ng-link-color);text-decoration:none;transition:color .15s ease-in-out}.nav-link:hover,.nav-link:focus{color:var(--ng-link-hover-color)}.nav-link.disabled{color:var(--ng-gray-400);pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid var(--ng-border-color)}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{margin-bottom:-1px;border:1px solid rgba(0,0,0,0);border-top-left-radius:.375rem;border-top-right-radius:.375rem}.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{border-color:var(--ng-gray-200) var(--ng-gray-200) var(--ng-border-color)}.nav-tabs .nav-link.disabled{color:var(--ng-gray-400);background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:var(--ng-primary);background-color:var(--ng-card-bg);border-color:var(--ng-border-color) var(--ng-border-color) var(--ng-card-bg)}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;color:var(--ng-primary);background-color:var(--ng-card-bg);border:1px solid var(--ng-border-color);text-decoration:none}.page-link:hover{z-index:2;color:var(--ng-link-hover-color);background-color:var(--ng-gray-100);border-color:var(--ng-border-color)}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .25rem rgba(59,130,246,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.page-item:last-child .page-link{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.page-item.active .page-link{z-index:3;color:var(--ng-white);background-color:var(--ng-primary);border-color:var(--ng-primary)}.page-item.disabled .page-link{color:var(--ng-gray-400);pointer-events:none;background-color:var(--ng-card-bg);border-color:var(--ng-border-color)}/*! * NextGen CSS Framework v1.0.0 * License: MIT */.text-primary{color:var(--ng-primary) !important}.text-secondary{color:var(--ng-secondary) !important}.text-success{color:var(--ng-success) !important}.text-info{color:var(--ng-info) !important}.text-warning{color:var(--ng-warning) !important}.text-danger{color:var(--ng-danger) !important}.text-light{color:var(--ng-light) !important}.text-dark{color:var(--ng-dark) !important}.text-white{color:var(--ng-white) !important}.text-black{color:var(--ng-black) !important}.text-gray-100{color:var(--ng-gray-100) !important}.text-gray-200{color:var(--ng-gray-200) !important}.text-gray-300{color:var(--ng-gray-300) !important}.text-gray-400{color:var(--ng-gray-400) !important}.text-gray-500{color:var(--ng-gray-500) !important}.text-gray-600{color:var(--ng-gray-600) !important}.text-gray-700{color:var(--ng-gray-700) !important}.text-gray-800{color:var(--ng-gray-800) !important}.text-gray-900{color:var(--ng-gray-900) !important}.text-opacity-25{opacity:.25 !important}.text-opacity-50{opacity:.5 !important}.text-opacity-75{opacity:.75 !important}.text-opacity-100{opacity:1 !important}.bg-primary{background-color:var(--ng-primary) !important}.bg-secondary{background-color:var(--ng-secondary) !important}.bg-success{background-color:var(--ng-success) !important}.bg-info{background-color:var(--ng-info) !important}.bg-warning{background-color:var(--ng-warning) !important}.bg-danger{background-color:var(--ng-danger) !important}.bg-light{background-color:var(--ng-light) !important}.bg-dark{background-color:var(--ng-dark) !important}.bg-white{background-color:var(--ng-white) !important}.bg-black{background-color:var(--ng-black) !important}.bg-transparent{background-color:rgba(0,0,0,0) !important}.bg-gray-100{background-color:var(--ng-gray-100) !important}.bg-gray-200{background-color:var(--ng-gray-200) !important}.bg-gray-300{background-color:var(--ng-gray-300) !important}.bg-gray-400{background-color:var(--ng-gray-400) !important}.bg-gray-500{background-color:var(--ng-gray-500) !important}.bg-gray-600{background-color:var(--ng-gray-600) !important}.bg-gray-700{background-color:var(--ng-gray-700) !important}.bg-gray-800{background-color:var(--ng-gray-800) !important}.bg-gray-900{background-color:var(--ng-gray-900) !important}.bg-opacity-10{--ng-bg-opacity: 0.1}.bg-opacity-25{--ng-bg-opacity: 0.25}.bg-opacity-50{--ng-bg-opacity: 0.5}.bg-opacity-75{--ng-bg-opacity: 0.75}.bg-opacity-100{--ng-bg-opacity: 1}[class*=bg-]{background-color:rgba(var(--ng-bg-rgb, 255, 255, 255), var(--ng-bg-opacity, 1)) !important}.bg-gradient{background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)) !important}.bg-gradient-primary{background:linear-gradient(45deg, var(--ng-primary), rgb(132.1414634146, 176.6463414634, 249.3585365854)) !important;color:var(--ng-white)}.bg-gradient-secondary{background:linear-gradient(45deg, var(--ng-secondary), rgb(141.8807531381, 154.9016736402, 173.6192468619)) !important;color:var(--ng-white)}.bg-gradient-success{background:linear-gradient(45deg, var(--ng-success), rgb(41.0074626866, 236.4925373134, 171.7164179104)) !important;color:var(--ng-white)}.bg-gradient-info{background:linear-gradient(45deg, var(--ng-info), rgb(45.4311926606, 219.4128440367, 249.0688073394)) !important;color:var(--ng-white)}.bg-gradient-warning{background:linear-gradient(45deg, var(--ng-warning), rgb(248.0118110236, 187.2145669291, 84.4881889764)) !important;color:var(--ng-black)}.bg-gradient-danger{background:linear-gradient(45deg, var(--ng-danger), rgb(245.0295566502, 138.4704433498, 138.4704433498)) !important;color:var(--ng-white)}.bg-gradient-light{background:linear-gradient(45deg, var(--ng-light), white) !important;color:var(--ng-dark)}.bg-gradient-dark{background:linear-gradient(45deg, var(--ng-dark), rgb(35.1315789474, 53.8684210526, 98.3684210526)) !important;color:var(--ng-white)}.border-primary{border-color:var(--ng-primary) !important}.border-secondary{border-color:var(--ng-secondary) !important}.border-success{border-color:var(--ng-success) !important}.border-info{border-color:var(--ng-info) !important}.border-warning{border-color:var(--ng-warning) !important}.border-danger{border-color:var(--ng-danger) !important}.border-light{border-color:var(--ng-light) !important}.border-dark{border-color:var(--ng-dark) !important}.border-white{border-color:var(--ng-white) !important}.border-black{border-color:var(--ng-black) !important}.border-gray-100{border-color:var(--ng-gray-100) !important}.border-gray-200{border-color:var(--ng-gray-200) !important}.border-gray-300{border-color:var(--ng-gray-300) !important}.border-gray-400{border-color:var(--ng-gray-400) !important}.border-gray-500{border-color:var(--ng-gray-500) !important}.border-gray-600{border-color:var(--ng-gray-600) !important}.border-gray-700{border-color:var(--ng-gray-700) !important}.border-gray-800{border-color:var(--ng-gray-800) !important}.border-gray-900{border-color:var(--ng-gray-900) !important}.border-0{border:0 !important}.border-1{border-width:1px !important}.border-2{border-width:2px !important}.border-3{border-width:3px !important}.border-4{border-width:4px !important}.border-5{border-width:5px !important}.border-top-0{border-top:0 !important}.border-end-0{border-right:0 !important}.border-bottom-0{border-bottom:0 !important}.border-start-0{border-left:0 !important}.border{border:1px solid var(--ng-border-color) !important}.border-top{border-top:1px solid var(--ng-border-color) !important}.border-end{border-right:1px solid var(--ng-border-color) !important}.border-bottom{border-bottom:1px solid var(--ng-border-color) !important}.border-start{border-left:1px solid var(--ng-border-color) !important}.border-solid{border-style:solid !important}.border-dashed{border-style:dashed !important}.border-dotted{border-style:dotted !important}.border-double{border-style:double !important}.border-hidden{border-style:hidden !important}.border-none{border-style:none !important}.rounded-0{border-radius:0 !important}.rounded-1{border-radius:.25rem !important}.rounded-2{border-radius:.375rem !important}.rounded-3{border-radius:.5rem !important}.rounded-4{border-radius:.75rem !important}.rounded-pill{border-radius:50rem !important}.rounded-circle{border-radius:50% !important}.rounded-top{border-top-left-radius:.375rem !important;border-top-right-radius:.375rem !important}.rounded-end{border-top-right-radius:.375rem !important;border-bottom-right-radius:.375rem !important}.rounded-bottom{border-bottom-right-radius:.375rem !important;border-bottom-left-radius:.375rem !important}.rounded-start{border-top-left-radius:.375rem !important;border-bottom-left-radius:.375rem !important}.shadow-none{box-shadow:none !important}.shadow-sm{box-shadow:0 1px 2px 0 rgba(2,6,23,.05) !important}.shadow{box-shadow:0 1px 3px 0 rgba(2,6,23,.1),0 1px 2px -1px rgba(2,6,23,.1) !important}.shadow-lg{box-shadow:0 10px 15px -3px rgba(2,6,23,.1),0 4px 6px -4px rgba(2,6,23,.1) !important}.shadow-xl{box-shadow:0 20px 25px -5px rgba(2,6,23,.1),0 8px 10px -6px rgba(2,6,23,.1) !important}/*! * NextGen CSS Framework v1.0.0 * License: MIT */.m-0{margin:0 !important}.mt-0{margin-top:0 !important}.mr-0{margin-right:0 !important}.mb-0{margin-bottom:0 !important}.ml-0{margin-left:0 !important}.mx-0{margin-right:0 !important;margin-left:0 !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.m-1{margin:.25rem !important}.mt-1{margin-top:.25rem !important}.mr-1{margin-right:.25rem !important}.mb-1{margin-bottom:.25rem !important}.ml-1{margin-left:.25rem !important}.mx-1{margin-right:.25rem !important;margin-left:.25rem !important}.my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.m-2{margin:.5rem !important}.mt-2{margin-top:.5rem !important}.mr-2{margin-right:.5rem !important}.mb-2{margin-bottom:.5rem !important}.ml-2{margin-left:.5rem !important}.mx-2{margin-right:.5rem !important;margin-left:.5rem !important}.my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-3{margin:1rem !important}.mt-3{margin-top:1rem !important}.mr-3{margin-right:1rem !important}.mb-3{margin-bottom:1rem !important}.ml-3{margin-left:1rem !important}.mx-3{margin-right:1rem !important;margin-left:1rem !important}.my-3{margin-top:1rem !important;margin-bottom:1rem !important}.m-4{margin:1.5rem !important}.mt-4{margin-top:1.5rem !important}.mr-4{margin-right:1.5rem !important}.mb-4{margin-bottom:1.5rem !important}.ml-4{margin-left:1.5rem !important}.mx-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-5{margin:3rem !important}.mt-5{margin-top:3rem !important}.mr-5{margin-right:3rem !important}.mb-5{margin-bottom:3rem !important}.ml-5{margin-left:3rem !important}.mx-5{margin-right:3rem !important;margin-left:3rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.m-n1{margin:-0.25rem !important}.mt-n1{margin-top:-0.25rem !important}.mr-n1{margin-right:-0.25rem !important}.mb-n1{margin-bottom:-0.25rem !important}.ml-n1{margin-left:-0.25rem !important}.mx-n1{margin-right:-0.25rem !important;margin-left:-0.25rem !important}.my-n1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.m-n2{margin:-0.5rem !important}.mt-n2{margin-top:-0.5rem !important}.mr-n2{margin-right:-0.5rem !important}.mb-n2{margin-bottom:-0.5rem !important}.ml-n2{margin-left:-0.5rem !important}.mx-n2{margin-right:-0.5rem !important;margin-left:-0.5rem !important}.my-n2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.m-n3{margin:-1rem !important}.mt-n3{margin-top:-1rem !important}.mr-n3{margin-right:-1rem !important}.mb-n3{margin-bottom:-1rem !important}.ml-n3{margin-left:-1rem !important}.mx-n3{margin-right:-1rem !important;margin-left:-1rem !important}.my-n3{margin-top:-1rem !important;margin-bottom:-1rem !important}.m-n4{margin:-1.5rem !important}.mt-n4{margin-top:-1.5rem !important}.mr-n4{margin-right:-1.5rem !important}.mb-n4{margin-bottom:-1.5rem !important}.ml-n4{margin-left:-1.5rem !important}.mx-n4{margin-right:-1.5rem !important;margin-left:-1.5rem !important}.my-n4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.m-n5{margin:-3rem !important}.mt-n5{margin-top:-3rem !important}.mr-n5{margin-right:-3rem !important}.mb-n5{margin-bottom:-3rem !important}.ml-n5{margin-left:-3rem !important}.mx-n5{margin-right:-3rem !important;margin-left:-3rem !important}.my-n5{margin-top:-3rem !important;margin-bottom:-3rem !important}.m-auto{margin:auto !important}.mt-auto{margin-top:auto !important}.mr-auto{margin-right:auto !important}.mb-auto{margin-bottom:auto !important}.ml-auto{margin-left:auto !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.p-0{padding:0 !important}.pt-0{padding-top:0 !important}.pr-0{padding-right:0 !important}.pb-0{padding-bottom:0 !important}.pl-0{padding-left:0 !important}.px-0{padding-right:0 !important;padding-left:0 !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.p-1{padding:.25rem !important}.pt-1{padding-top:.25rem !important}.pr-1{padding-right:.25rem !important}.pb-1{padding-bottom:.25rem !important}.pl-1{padding-left:.25rem !important}.px-1{padding-right:.25rem !important;padding-left:.25rem !important}.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-2{padding:.5rem !important}.pt-2{padding-top:.5rem !important}.pr-2{padding-right:.5rem !important}.pb-2{padding-bottom:.5rem !important}.pl-2{padding-left:.5rem !important}.px-2{padding-right:.5rem !important;padding-left:.5rem !important}.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-3{padding:1rem !important}.pt-3{padding-top:1rem !important}.pr-3{padding-right:1rem !important}.pb-3{padding-bottom:1rem !important}.pl-3{padding-left:1rem !important}.px-3{padding-right:1rem !important;padding-left:1rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-4{padding:1.5rem !important}.pt-4{padding-top:1.5rem !important}.pr-4{padding-right:1.5rem !important}.pb-4{padding-bottom:1.5rem !important}.pl-4{padding-left:1.5rem !important}.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-5{padding:3rem !important}.pt-5{padding-top:3rem !important}.pr-5{padding-right:3rem !important}.pb-5{padding-bottom:3rem !important}.pl-5{padding-left:3rem !important}.px-5{padding-right:3rem !important;padding-left:3rem !important}.py-5{padding-top:3rem !important;padding-bottom:3rem !important}.gap-0{gap:0 !important}.gap-row-0{row-gap:0 !important}.gap-col-0{column-gap:0 !important}.gap-1{gap:.25rem !important}.gap-row-1{row-gap:.25rem !important}.gap-col-1{column-gap:.25rem !important}.gap-2{gap:.5rem !important}.gap-row-2{row-gap:.5rem !important}.gap-col-2{column-gap:.5rem !important}.gap-3{gap:1rem !important}.gap-row-3{row-gap:1rem !important}.gap-col-3{column-gap:1rem !important}.gap-4{gap:1.5rem !important}.gap-row-4{row-gap:1.5rem !important}.gap-col-4{column-gap:1.5rem !important}.gap-5{gap:3rem !important}.gap-row-5{row-gap:3rem !important}.gap-col-5{column-gap:3rem !important}.spacer-y-1>*+*{margin-top:.25rem !important}.spacer-y-2>*+*{margin-top:.5rem !important}.spacer-y-3>*+*{margin-top:1rem !important}.spacer-y-4>*+*{margin-top:1.5rem !important}.spacer-y-5>*+*{margin-top:3rem !important}.spacer-x-1>*+*{margin-left:.25rem !important}.spacer-x-2>*+*{margin-left:.5rem !important}.spacer-x-3>*+*{margin-left:1rem !important}.spacer-x-4>*+*{margin-left:1.5rem !important}.spacer-x-5>*+*{margin-left:3rem !important}/*! * NextGen CSS Framework v1.0.0 * License: MIT */.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-tab