@kizmann/nano-ui 2.0.2 → 3.0.0

package/themes/default/root/vars/colors-dark.scss

@@ -6,7 +6,7 @@ $color-black:           #161616 !default;
 
 $color-text:            #E3E3E3 !default;
 $color-shadow:          #000000 !default;
-$color-tooltip:         #161616 !default;
+$color-tooltip:         #000000 !default;
 $color-popover:         #292929 !default;
 
 $color-foreground:      $color-white !default;
@@ -442,11 +442,17 @@ $color-list: (
 @mixin exports() {
 
     @each $name, $values in $color-list {
-        [class*="--#{$name}"] {
+        &.n-type-#{$name}, .n-type-#{$name} {
             @include css-remaps($values, '-color-dark-#{$name}', '-color-base');
         }
     }
 
+    @for $index from 0 through 20 {
+        &.n-color-#{$index}, .n-color-#{$index} {
+            --n-color-base-color: var(--n-color-dark-tag-#{$index});
+        }
+    }
+
     @include css-remaps($colors, '-color-dark', '-color');
 }
 

package/themes/default/root/vars/colors-light-bluish.scss

@@ -6,7 +6,7 @@ $color-black:           #1D1F24 !default;
 
 $color-text:            #1D1F24 !default;
 $color-shadow:          #000000 !default;
-$color-tooltip:         #161616 !default;
+$color-tooltip:         #000000 !default;
 $color-popover:         #ffffff !default;
 
 $color-foreground:      $color-black !default;
@@ -419,29 +419,6 @@ $color-base-info: (
         'color-bg-90': $color-info-bg-90,
 ) !default;
 
-$color-tags: (
-        0:  #D74242,  // red
-        1:  #D76342,  // red-orange
-        2:  #D78442,  // orange
-        3:  #D7A142,  // orange-yellow
-        4:  #C2A732,  // yellow
-        5:  #A2B02E,  // yellow-green
-        6:  #8BB531,  // green
-        7:  #5EBF36,  // green-cyan
-        8:  #3AC778,  // teal
-        9:  #39C498,  // cyan
-        10: #37BFBF,  // cyan-blue
-        11: #42B0D7,  // light blue
-        12: #428BD7,  // blue
-        13: #434AE5,  // blue-indigo
-        14: #5C42D7,  // blue-indigo
-        15: #7842D7,  // indigo
-        16: #9542D7,  // purple
-        17: #D742CD,  // magenta
-        18: #D74285,  // pink-purple
-        19: #D74260   // reddish-pin
-) !default;
-
 $color-list: (
         'neutral': $color-base-neutral,
         'primary': $color-base-primary,
@@ -464,11 +441,17 @@ $color-list: (
 @mixin exports() {
 
     @each $name, $values in $color-list {
-        [class*="--#{$name}"] {
+        &.n-type-#{$name}, .n-type-#{$name} {
             @include css-remaps($values, '-color-light-#{$name}', '-color-base');
         }
     }
 
+    @for $index from 0 through 20 {
+        &.n-color-#{$index}, .n-color-#{$index} {
+            --n-color-base-color: var(--n-color-light-tag-#{$index});
+        }
+    }
+
     @include css-remaps($colors, '-color-light', '-color');
 }
 

package/themes/default/root/vars/colors-light.scss

@@ -6,7 +6,7 @@ $color-black:           #090b10 !default;
 
 $color-text:            #212121 !default;
 $color-shadow:          #000000 !default;
-$color-tooltip:         #161616 !default;
+$color-tooltip:         #000000 !default;
 $color-popover:         #ffffff !default;
 
 $color-foreground:      $color-black !default;
@@ -419,29 +419,6 @@ $color-base-info: (
         'color-bg-90': $color-info-bg-90,
 ) !default;
 
-$color-tags: (
-        0:  #D74242,  // red
-        1:  #D76342,  // red-orange
-        2:  #D78442,  // orange
-        3:  #D7A142,  // orange-yellow
-        4:  #C2A732,  // yellow
-        5:  #A2B02E,  // yellow-green
-        6:  #8BB531,  // green
-        7:  #5EBF36,  // green-cyan
-        8:  #3AC778,  // teal
-        9:  #39C498,  // cyan
-        10: #37BFBF,  // cyan-blue
-        11: #42B0D7,  // light blue
-        12: #428BD7,  // blue
-        13: #434AE5,  // blue-indigo
-        14: #5C42D7,  // blue-indigo
-        15: #7842D7,  // indigo
-        16: #9542D7,  // purple
-        17: #D742CD,  // magenta
-        18: #D74285,  // pink-purple
-        19: #D74260   // reddish-pin
-) !default;
-
 $color-list: (
         'neutral': $color-base-neutral,
         'primary': $color-base-primary,
@@ -464,11 +441,17 @@ $color-list: (
 @mixin exports() {
 
     @each $name, $values in $color-list {
-        [class*="--#{$name}"] {
+        &.n-type-#{$name}, .n-type-#{$name} {
             @include css-remaps($values, '-color-light-#{$name}', '-color-base');
         }
     }
 
+    @for $index from 0 through 20 {
+        &.n-color-#{$index}, .n-color-#{$index} {
+            --n-color-base-color: var(--n-color-light-tag-#{$index});
+        }
+    }
+
     @include css-remaps($colors, '-color-light', '-color');
 }
 

package/themes/default/root/vars/sizes-default.scss

@@ -95,7 +95,7 @@ $size-list: (
 }
 
 @each $name, $values in $size-list {
-    [class*="--#{$name}"] {
+    .n-size-#{$name} {
         @include css-remaps($values, '-size-default-#{$name}', '-size-base');
     }
 }

package/themes/default/switch/src/switch/switch.scss

@@ -10,10 +10,10 @@
     box-shadow: 0 1px 2px color('shadow', 0.15);
 }
 
-.n-switch:not(.n-switch--default,.n-disabled) .n-switch__switch {
+.n-switch:not(.n-type-default,.n-disabled) .n-switch__switch {
     background: color('base-color');
 }
 
-.n-switch:not(.n-switch--default,.n-disabled) .n-switch__label {
+.n-switch:not(.n-type-default,.n-disabled) .n-switch__label {
     color: color('base-color');
 }

package/themes/default/table/src/table-column/table-column.scss

@@ -1,7 +1,7 @@
 @use "../../../root/helpers" as *;
 
-.n-table__header .n-table-column:not(:first-child) {
-    border-left: 1px solid color('gray-10');
+.n-table__header .n-table-column:not(:last-child) {
+    box-shadow: inset -1px 0 1px 0 color('gray-15');
 }
 
 .n-table-column.n-filtered .n-table-column__label {

package/themes/default/tabs/src/tabs-item/tabs-item.scss

@@ -1,23 +1,23 @@
 @use "../../../root/helpers" as *;
 
-.n-tabs__tab:not(.is-active) .n-tabs__tab-icon {
+.n-tabs-item__header:not(.is-active) .n-tabs-item__header-icon {
     opacity: 0.6;
 }
 
-.n-tabs:not(.n-float) .n-tabs__tab.n-active .n-tabs__tab-icon,
-.n-tabs:not(.n-float) .n-tabs__tab.n-active .n-tabs__tab-label {
+.n-tabs:not(.n-float) .n-tabs-item__header.n-active .n-tabs-item__icon,
+.n-tabs:not(.n-float) .n-tabs-item__header.n-active .n-tabs-item__label {
     color: color('base-color');
 }
 
-.n-tabs.n-float .n-tabs__tab {
+.n-tabs.n-float .n-tabs-item__header {
     background: color('gray-15', 0.5);
 }
 
-.n-tabs.n-float .n-tabs__tab.n-active {
+.n-tabs.n-float .n-tabs-item__header.n-active {
     background: color('base-color');
 }
 
-.n-tabs.n-float .n-tabs__tab.n-active .n-tabs__tab-icon,
-.n-tabs.n-float .n-tabs__tab.n-active .n-tabs__tab-label {
+.n-tabs.n-float .n-tabs-item__header.n-active .n-tabs-item__icon,
+.n-tabs.n-float .n-tabs-item__header.n-active .n-tabs-item__label {
     color: color('base-text');
 }

package/themes/default/tags/src/tags-item/tags-item.scss

@@ -1,17 +1,11 @@
 @use "../../../root/helpers" as *;
 
-.n-tags-item {
+.n-tag {
     color: color('base-color');
     background: color('base-color', 0.25);
 }
 
-.n-tags-item i {
+.n-tag i {
     opacity: 0.8;
 }
 
-@for $i from 0 through 20 {
-    .n-tags-item--color-#{$i} {
-        color: color('tag-#{$i}');
-        background: color('tag-#{$i}', 0.25);
-    }
-}

package/themes/default/transfer/src/transfer/transfer.scss

@@ -11,11 +11,10 @@
 }
 
 .n-transfer__search .n-input {
-    border-color: transparent;
     background: color('background');
-    box-shadow: 0 0 1px 1px color('shadow', 0.075);
+    //box-shadow: 0 0 1px 1px color('shadow', 0.075);
 }
 
-.n-transfer__item-count {
+.n-transfer__title span:last-child {
     color: color('gray-60');
 }

package/dist/themes/webservy.css

@@ -1 +0,0 @@
-.n-empty-icon__text{color:rgba(var(--n-color-text), 0.4)}.n-empty-icon__frame{background:rgba(var(--n-color-text), 0.8)}.n-empty-icon--default .n-empty-icon__frame{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='320' height='320' viewBox='0 0 320 320' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M99,191.8c1.7,0,3.3,1,3.9,2.6l6.8,15.7c1.7,3.9,5.6,6.5,9.9,6.5H204c4.3,0,8.2-2.5,9.9-6.5l6.8-15.7 c0.7-1.6,2.2-2.6,3.9-2.6h22.5v-82h-48.6c-14.8,0-26.7-12-26.7-26.7V34.5H94.3c-9.8,0-17.8,8-17.8,17.8v139.5H99z' fill-opacity='0.2'/%3E %3Cpath d='M198.5,109.8h48.6l-75.4-75.4v48.6C171.8,97.9,183.7,109.8,198.5,109.8z' fill-opacity='0.4'/%3E %3Cpath d='M141.8,107.4h-24.1c-3.8,0-7-3.1-7-7l0,0c0-3.8,3.1-7,7-7h24.1c3.8,0,7,3.1,7,7l0,0 C148.7,104.3,145.6,107.4,141.8,107.4z' fill-opacity='0.6'/%3E %3Cpath d='M210.9,152.2h-92.5c-4.2,0-7.6-3.4-7.6-7.6v0c0-4.2,3.4-7.6,7.6-7.6h92.5c4.2,0,7.6,3.4,7.6,7.6v0 C218.6,148.8,215.2,152.2,210.9,152.2z' fill-opacity='0.6'/%3E %3Cpath d='M210.9,188.6h-92.5c-4.2,0-7.6-3.4-7.6-7.6v0c0-4.2,3.4-7.6,7.6-7.6h92.5c4.2,0,7.6,3.4,7.6,7.6v0 C218.6,185.1,215.2,188.6,210.9,188.6z' fill-opacity='0.6'/%3E %3Cpath d='M220.7,194.4l-6.8,15.7c-1.7,3.9-5.6,6.5-9.9,6.5h-84.3c-4.3,0-8.2-2.5-9.9-6.5l-6.8-15.7 c-0.7-1.6-2.2-2.6-3.9-2.6H37V278c0,5.9,4.8,10.8,10.8,10.8h228.1c5.9,0,10.8-4.8,10.8-10.8v-86.1h-62 C222.9,191.8,221.4,192.8,220.7,194.4z' fill-opacity='0.5'/%3E %3Cpolygon points='76.5,142 37,191.8 76.5,191.8' fill-opacity='1'/%3E %3Cpolygon points='247.1,142 247.1,191.8 286.6,191.8' fill-opacity='1'/%3E %3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='320' height='320' viewBox='0 0 320 320' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M99,191.8c1.7,0,3.3,1,3.9,2.6l6.8,15.7c1.7,3.9,5.6,6.5,9.9,6.5H204c4.3,0,8.2-2.5,9.9-6.5l6.8-15.7 c0.7-1.6,2.2-2.6,3.9-2.6h22.5v-82h-48.6c-14.8,0-26.7-12-26.7-26.7V34.5H94.3c-9.8,0-17.8,8-17.8,17.8v139.5H99z' fill-opacity='0.2'/%3E %3Cpath d='M198.5,109.8h48.6l-75.4-75.4v48.6C171.8,97.9,183.7,109.8,198.5,109.8z' fill-opacity='0.4'/%3E %3Cpath d='M141.8,107.4h-24.1c-3.8,0-7-3.1-7-7l0,0c0-3.8,3.1-7,7-7h24.1c3.8,0,7,3.1,7,7l0,0 C148.7,104.3,145.6,107.4,141.8,107.4z' fill-opacity='0.6'/%3E %3Cpath d='M210.9,152.2h-92.5c-4.2,0-7.6-3.4-7.6-7.6v0c0-4.2,3.4-7.6,7.6-7.6h92.5c4.2,0,7.6,3.4,7.6,7.6v0 C218.6,148.8,215.2,152.2,210.9,152.2z' fill-opacity='0.6'/%3E %3Cpath d='M210.9,188.6h-92.5c-4.2,0-7.6-3.4-7.6-7.6v0c0-4.2,3.4-7.6,7.6-7.6h92.5c4.2,0,7.6,3.4,7.6,7.6v0 C218.6,185.1,215.2,188.6,210.9,188.6z' fill-opacity='0.6'/%3E %3Cpath d='M220.7,194.4l-6.8,15.7c-1.7,3.9-5.6,6.5-9.9,6.5h-84.3c-4.3,0-8.2-2.5-9.9-6.5l-6.8-15.7 c-0.7-1.6-2.2-2.6-3.9-2.6H37V278c0,5.9,4.8,10.8,10.8,10.8h228.1c5.9,0,10.8-4.8,10.8-10.8v-86.1h-62 C222.9,191.8,221.4,192.8,220.7,194.4z' fill-opacity='0.5'/%3E %3Cpolygon points='76.5,142 37,191.8 76.5,191.8' fill-opacity='1'/%3E %3Cpolygon points='247.1,142 247.1,191.8 286.6,191.8' fill-opacity='1'/%3E %3C/svg%3E") no-repeat center/contain}.n-empty-icon--ufo .n-empty-icon__frame{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='320' height='320' viewBox='0 0 320 320' xmlns='http://www.w3.org/2000/svg'%3E %3Cellipse cx='160.5' cy='270' rx='106.5' ry='32' fill-opacity='0.3'/%3E %3Cpath d='M216.8,94.2c0-8.7-25.2-15.8-56.3-15.8s-56.3,7.1-56.3,15.8l3.6,10c0-8.2,23.6-14.8,52.8-14.8 s52.8,6.6,52.8,14.8L216.8,94.2z' fill-opacity='0.7'/%3E %3Cpath d='M160.5,238c51.7,0,94.9,11.1,104.5,25.8l-51.7-159.6c0-8.2-23.6-14.8-52.8-14.8s-52.8,6.6-52.8,14.8L56,263.8 C65.6,249.1,108.8,238,160.5,238z' fill-opacity='0.15'/%3E %3Cpath d='M160.5,40c17.2,0,33.2,1.8,47.4,4.8c-5.2-14.9-24.4-26-47.4-26s-42.2,11.1-47.4,26 C127.3,41.9,143.3,40,160.5,40z' fill-opacity='0.6'/%3E %3Cpath d='M160.5,50.7C100,50.7,51,64,51,80.4c0,11.2,22.6,20.9,56,26l0.7-2.3l-3.6-10c0-8.7,25.2-15.8,56.3-15.8s56.3,7.1,56.3,15.8 l-3.6,10l0.7,2.3c33.4-5.1,56-14.8,56-26C270,64,221,50.7,160.5,50.7z' fill-opacity='1'/%3E %3Cpath d='M160.5,50.7C221,50.7,270,64,270,80.4C270,64,223.2,40,160.5,40S51,64,51,80.4C51,64,100,50.7,160.5,50.7z' fill-opacity='0.3'/%3E %3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='320' height='320' viewBox='0 0 320 320' xmlns='http://www.w3.org/2000/svg'%3E %3Cellipse cx='160.5' cy='270' rx='106.5' ry='32' fill-opacity='0.3'/%3E %3Cpath d='M216.8,94.2c0-8.7-25.2-15.8-56.3-15.8s-56.3,7.1-56.3,15.8l3.6,10c0-8.2,23.6-14.8,52.8-14.8 s52.8,6.6,52.8,14.8L216.8,94.2z' fill-opacity='0.7'/%3E %3Cpath d='M160.5,238c51.7,0,94.9,11.1,104.5,25.8l-51.7-159.6c0-8.2-23.6-14.8-52.8-14.8s-52.8,6.6-52.8,14.8L56,263.8 C65.6,249.1,108.8,238,160.5,238z' fill-opacity='0.15'/%3E %3Cpath d='M160.5,40c17.2,0,33.2,1.8,47.4,4.8c-5.2-14.9-24.4-26-47.4-26s-42.2,11.1-47.4,26 C127.3,41.9,143.3,40,160.5,40z' fill-opacity='0.6'/%3E %3Cpath d='M160.5,50.7C100,50.7,51,64,51,80.4c0,11.2,22.6,20.9,56,26l0.7-2.3l-3.6-10c0-8.7,25.2-15.8,56.3-15.8s56.3,7.1,56.3,15.8 l-3.6,10l0.7,2.3c33.4-5.1,56-14.8,56-26C270,64,221,50.7,160.5,50.7z' fill-opacity='1'/%3E %3Cpath d='M160.5,50.7C221,50.7,270,64,270,80.4C270,64,223.2,40,160.5,40S51,64,51,80.4C51,64,100,50.7,160.5,50.7z' fill-opacity='0.3'/%3E %3C/svg%3E") no-repeat center/contain}.n-alert{background:rgba(var(--n-color-shadow), 0.6);transition:opacity .3s}.n-alert:not(.n-ready){opacity:0}.n-alert-frame{background:rgba(var(--n-color-confirm), 1);transition:transform .3s;box-shadow:0 2px 20px rgba(var(--n-color-shadow), 0.1),0 0 2px rgba(var(--n-color-shadow), 0.15)}.n-alert:not(.n-ready) .n-alert-frame{transform:translateY(50px) scale(0.6)}.n-alert__text{color:rgba(var(--n-color-gray-40), 1)}.n-alert__icon{color:rgba(var(--n-color-base-color), 1)}.n-notification{background:rgba(var(--n-color-base-color), 1);box-shadow:0 1px 6px rgba(var(--n-color-shadow), 0.2),0 0 2px rgba(var(--n-color-shadow), 0.15)}.n-notification__icon,.n-notification__text{color:rgba(var(--n-color-base-text), 1)}.n-scrollbar-v:before,.n-scrollbar-h:before{background:rgba(var(--n-color-foreground), 0.4)}.n-resizer__handle:before{background:rgba(var(--n-color-base-color), 0.9)}.n-draggable__indicator{border-bottom:1px solid rgba(var(--n-color-primary-color), 1)}.n-draggable__counter{color:rgba(var(--n-color-primary-text), 1);background:rgba(var(--n-color-primary-color), 1)}.n-draggable__counter[class*=n-modify--]{color:rgba(var(--n-color-warning-text), 1);background:rgba(var(--n-color-warning-color), 1)}.n-draglist.n-dragover{box-shadow:inset 0 0 16px rgba(var(--n-color-base-color-fg-20), 0.1)}.n-draglist-item.n-current{background:rgba(var(--n-color-gray-35), 0.1)}.n-draglist-item.n-nodrop{background:rgba(var(--n-color-danger), 0.1)}.n-draglist-item .n-draglist-item__ellipsis{color:rgba(var(--n-color-gray-30), 1)}.n-draglist-item .n-draglist-item__expand{color:rgba(var(--n-color-gray-60), 1)}.n-draglist-item__checkbox{background:rgba(var(--n-color-form-input), 0.7)}.n-draglist-item.n-disabled .n-draglist-item__checkbox{background:rgba(var(--n-color-form-disabled), 0.7)}.n-draglist-item.n-dragover{background:rgba(var(--n-color-base-color), 0.075)}.n-draglist-item.n-highlight{animation:NDraglistItem 1s linear infinite}.n-draglist-item.n-selected .n-draglist-item__checkbox{color:rgba(var(--n-color-base-text), 1);background:rgba(var(--n-color-base-color), 1);border-color:rgba(var(--n-color-base-color), 1)}.n-draglist-item:not(.n-disabled,.n-selected) .n-draglist-item__checkbox:hover{background:rgba(var(--n-color-form-input), 0.8)}@keyframes NDraglistItem{0%{background:rgba(var(--n-color-base-color), 0)}50%{background:rgba(var(--n-color-base-color), 0.15)}100%{background:rgba(var(--n-color-base-color), 0)}}.n-draggrid.n-dragover{box-shadow:inset 0 0 16px rgba(var(--n-color-base-color), 0.3)}.n-draggrid-item.n-current{background:rgba(var(--n-color-gray-50), 0.15)}.n-draggrid-item.n-nodrop{background:rgba(var(--n-color-danger), 0.1)}.n-draggrid-item .n-draggrid-item__ellipsis{color:rgba(var(--n-color-gray-30), 1)}.n-draggrid-item__checkbox{background:rgba(var(--n-color-form-input), 0.7)}.n-draggrid-item.n-disabled .n-draggrid-item__checkbox{background:rgba(var(--n-color-form-disabled), 0.7)}.n-draggrid-item.n-dragover{background:rgba(var(--n-color-base-color), 0.075)}.n-draggrid-item.n-highlight{animation:NDraggridItem 1s linear infinite}.n-draggrid-item.n-selected .n-draggrid-item__checkbox{color:rgba(var(--n-color-base-text), 1);background:rgba(var(--n-color-base-color), 1);border-color:rgba(var(--n-color-base-color), 1)}.n-draggrid-item:not(.n-disabled,.n-selected) .n-draggrid-item__checkbox:hover{background:rgba(var(--n-color-form-input), 0.8)}@keyframes NDraggridItem{0%{background:rgba(var(--n-color-base-color), 0)}50%{background:rgba(var(--n-color-base-color), 0.15)}100%{background:rgba(var(--n-color-base-color), 0)}}.n-dropzone.n-dragover{box-shadow:inset 0 0 12px rgba(var(--n-color-base-color), 0.5)}.n-load:before{border:2px solid rgba(var(--n-color-base-color), 1)}.n-load:after{background:rgba(var(--n-color-background), 0.7)}.n-form-clear{color:rgba(var(--n-color-gray-60), 1)}.n-form-clear i{background:rgba(var(--n-color-foreground), 0.1)}.n-form-clear:hover i{background:rgba(var(--n-color-foreground), 0.15)}.n-form-angle{color:rgba(var(--n-color-gray-60), 1)}.n-form-group.n-form-group--fieldset.n-hidden:after{background:rgba(var(--n-color-gray-10), 1)}.n-form-group--fieldset .n-form-group__body{border:1px solid rgba(var(--n-color-gray-10), 1)}.n-form-group--fieldset.n-form-group--collapse.n-hidden{border-color:rgba(0,0,0,0)}.n-form-group--fieldset .n-form-group__legend{background:rgba(var(--n-color-base-color), 1)}.n-form-group--fieldset .n-form-group__label span,.n-form-group--fieldset .n-form-group__label i{color:rgba(var(--n-color-base-text), 1)}.n-form-group--fieldset .n-form-group__collapse{color:rgba(var(--n-color-base-text), 0.6)}.n-form-group--classic .n-form-group__label span{color:rgba(var(--n-color-text), 1)}.n-form-group--classic .n-form-group__label i{color:rgba(var(--n-color-base-color), 1)}.n-form-group--classic .n-form-group__collapse{color:rgba(var(--n-color-text), 0.6)}.n-form-group--fieldset .n-form-group__action{background:rgba(var(--n-color-background), 1)}.n-form-frame__menu:hover{background:rgba(var(--n-color-foreground), 0.075)}.n-form-frame__menu.is-star{background:rgba(var(--n-color-base-color), 0.15)}.n-form-frame__menu.on-search:before{background:rgba(var(--n-color-base-color), 1)}.n-form-frame__menu i{color:rgba(var(--n-color-base-color), 1)}.n-form-frame__menu span{color:rgba(var(--n-color-gray-80), 1)}.n-form-frame__menu.is-star span{color:rgba(var(--n-color-base-color), 1)}.n-form-item__condition span{color:rgba(var(--n-color-gray-50), 1)}.n-form-item.is-disabled .n-form-item__condition{background:rgba(var(--n-color-base-color), 0.15)}.n-form-item.is-disabled .n-form-item__condition span{color:rgba(var(--n-color-base-color-fg-10), 1)}.n-form-item.is-disabled .n-form-item__condition:hover{background:rgba(var(--n-color-base-color), 0.2)}.n-form-item__label label{color:rgba(var(--n-color-gray-60), 1)}.n-form-item__error{color:rgba(var(--n-color-danger-color-bg-20), 1)}.n-button{transition:opacity .2s,color .2s,background .2s}.n-button.n-disabled{color:rgba(var(--n-color-text), 0.7);opacity:.7}.n-button:not(.n-button--reset,.n-button--link,.n-button--glass){color:rgba(var(--n-color-base-text), 1);background:rgba(var(--n-color-base-color), 1);border-color:rgba(var(--n-color-base-color), 1)}.n-button:not(.n-button--reset,.n-button--link,.n-button--glass):hover{background:rgba(var(--n-color-base-color-bg-10), 1);border-color:rgba(var(--n-color-base-color-bg-10), 1)}.n-button:not(.n-button--reset,.n-button--link,.n-button--glass).n-disabled{background:rgba(var(--n-color-base-color), 1);border-color:rgba(var(--n-color-base-color), 1)}.n-button.n-disabled:not(.n-button--reset,.n-button--glass).n-button--link{color:rgba(var(--n-color-text), 1)}.n-button:not(.n-button--reset,.n-disabled,.n-button--glass).n-button--link{color:rgba(var(--n-color-base-color-fg-10), 1)}.n-button.n-button--neutral:not(.n-disabled,.n-button--glass).n-button--link{color:rgba(var(--n-color-base-color-fg-30), 1)}.n-button:not(.n-button--reset,.n-disabled,.n-button--glass).n-button--link:hover{color:rgba(var(--n-color-base-color), 1)}.n-button:not(.n-button--reset,.n-button--link).n-button--glass{color:rgba(var(--n-color-base-color-fg-30), 1)}.n-button:not(.n-button--reset,.n-disabled,.n-button--link).n-button--glass{background:rgba(var(--n-color-base-color), 0.25)}.n-button.n-button--neutral:not(.n-disabled,.n-button--link).n-button--glass{color:rgba(var(--n-color-base-color-fg-50), 1)}.n-button:not(.n-button--reset,.n-disabled,.n-button--link).n-button--glass:hover{background:rgba(var(--n-color-base-color), 0.3)}.n-button:not(.n-button--reset).n-button--link.n-button--glass{color:rgba(var(--n-color-base-color-fg-10), 1)}.n-button.n-button--neutral:not(.n-disabled).n-button--link.n-button--glass{color:rgba(var(--n-color-base-color-fg-20), 1)}.n-button:not(.n-button--reset,.n-disabled).n-button--link.n-button--glass:hover{background:rgba(var(--n-color-base-color), 0.3)}.n-input{color:rgba(var(--n-color-foreground), 1);background:rgba(var(--n-color-form-input), 0.7)}.n-input.n-disabled{background:rgba(var(--n-color-form-disabled), 0.7)}.n-input .n-button{color:rgba(var(--n-color-gray-60), 1)}.n-input:not(.n-disabled) .n-button:not(.n-disabled):hover{color:rgba(var(--n-color-base-color), 1)}.n-input:not(.n-disabled):hover,.n-input:not(.n-disabled).n-focus{background:rgba(var(--n-color-form-input), 0.8)}.n-input-number{background:rgba(var(--n-color-form-input), 0.7)}.n-input-number.n-disabled{background:rgba(var(--n-color-form-disabled), 0.7)}.n-input-number .n-button{color:rgba(var(--n-color-gray-60), 1)}.n-input-number:not(.n-disabled) .n-button{background:rgba(0,0,0,0)}.n-input-number:not(.n-disabled) .n-button:not(.n-disabled):hover{color:rgba(var(--n-color-base-color), 1)}.n-input-number:not(.n-disabled):hover,.n-input-number:not(.n-disabled).n-focus{background:rgba(var(--n-color-form-input), 0.8)}.n-textarea textarea{background:rgba(var(--n-color-form-input), 0.7)}.n-textarea.n-disabled textarea{background:rgba(var(--n-color-form-disabled), 0.7)}.n-textarea:not(.n-disabled):hover textarea,.n-textarea:not(.n-disabled) textarea:focus{background:rgba(var(--n-color-form-input), 0.8)}.n-switch__switch{background:rgba(var(--n-color-form), 0.7);box-shadow:inset 0 0 1px rgba(var(--n-color-shadow), 0.35)}.n-switch__switch span{background:rgba(var(--n-color-white), 1);box-shadow:0 1px 2px rgba(var(--n-color-shadow), 0.15)}.n-switch:not(.n-switch--default,.n-disabled) .n-switch__switch{background:rgba(var(--n-color-base-color), 1)}.n-switch:not(.n-switch--default,.n-disabled) .n-switch__label{color:rgba(var(--n-color-base-color), 1)}.n-checkbox__checkbox{color:rgba(var(--n-color-foreground), 1);background:rgba(var(--n-color-form-input), 0.7)}.n-checkbox.n-disabled .n-checkbox__checkbox{background:rgba(var(--n-color-form-disabled), 0.7)}.n-checkbox:not(.n-disabled):hover .n-checkbox__checkbox{background:rgba(var(--n-color-form-input), 0.8)}.n-checkbox.n-checked:not(.n-disabled) .n-checkbox__checkbox,.n-checkbox.n-intermediate:not(.n-disabled) .n-checkbox__checkbox{color:rgba(var(--n-color-base-text), 1);background:rgba(var(--n-color-base-color), 1);border-color:rgba(var(--n-color-base-color), 1)}.n-checkbox.n-checked:not(.n-disabled) .n-checkbox__label{color:rgba(var(--n-color-base-color), 1)}.n-radio__radio{color:rgba(var(--n-color-foreground), 1);background:rgba(var(--n-color-form-input), 0.7)}.n-radio.n-disabled .n-radio__radio{background:rgba(var(--n-color-form-disabled), 0.7)}.n-radio__radio span{background:rgba(var(--n-color-foreground), 1)}.n-radio:not(.n-disabled):hover .n-radio__radio{background:rgba(var(--n-color-form-input), 0.8)}.n-radio.n-checked:not(.n-disabled) .n-radio__radio{background:rgba(var(--n-color-base-color), 1);border-color:rgba(var(--n-color-base-color), 1)}.n-radio.n-checked:not(.n-disabled) .n-radio__radio span{background:rgba(var(--n-color-base-text), 1)}.n-radio.n-checked:not(.n-disabled) .n-radio__label{color:rgba(var(--n-color-base-color), 1)}.n-select{background:rgba(var(--n-color-form-input), 0.7)}.n-select.n-disabled{background:rgba(var(--n-color-form-disabled), 0.7)}.n-select__body,.n-select__empty{background:rgba(var(--n-color-popover), 1)}.n-select__empty{color:rgba(var(--n-color-gray-60), 1)}.n-select:not(.n-disabled):hover,.n-select:not(.n-disabled).n-focus{background:rgba(var(--n-color-form-input), 0.8)}.n-select .n-select__item{color:rgba(var(--n-color-base-color-fg-40), 1);background:rgba(var(--n-color-base-color), 0.25)}.n-cascader-panel{background:rgba(var(--n-color-background), 0.35)}.n-popover>.n-cascader-panel{background:rgba(var(--n-color-popover), 1)}div:not(.n-popover)>.n-cascader-panel{border:1px solid rgba(var(--n-color-gray-50), 0.15)}.n-cascader-panel .n-popover-option:not(.n-active) i{color:rgba(var(--n-color-gray-40), 1)}.n-cascader-panel__items:not(:first-child){border-left:1px solid rgba(var(--n-color-gray-50), 0.15)}.n-cascader{background:rgba(var(--n-color-form-input), 0.7)}.n-cascader:not(.n-disabled):hover,.n-cascader:not(.n-disabled).n-focus{background:rgba(var(--n-color-form-input), 0.8)}.n-cascader.n-disabled{background:rgba(var(--n-color-form-disabled), 0.7)}.n-cascader__placeholder{color:rgba(var(--n-color-foreground), 0.6)}.n-cascader__body,.n-cascader__empty{background:rgba(var(--n-color-popover), 1)}.n-cascader__empty{color:rgba(var(--n-color-gray-60), 1)}.n-datepicker-panel{background:rgba(var(--n-color-background), 0.35)}.n-popover>.n-datepicker-panel{background:rgba(var(--n-color-popover), 1)}div:not(.n-popover,.n-datetimepicker-panel)>.n-datepicker-panel{border:1px solid rgba(var(--n-color-gray-50), 0.15)}.n-datepicker-panel__header{border-bottom:1px solid rgba(var(--n-color-gray-50), 0.15)}.n-datepicker-panel__footer{border-top:1px solid rgba(var(--n-color-gray-50), 0.15)}.n-datepicker-panel__display .n-datepicker-panel__month:hover,.n-datepicker-panel__display .n-datepicker-panel__year:hover{background:rgba(var(--n-color-gray-50), 0.15)}.n-datepicker-panel .n-datepicker-panel__body .n-datepicker-panel__day.n-selected,.n-datepicker-panel .n-datepicker-panel__body .n-datepicker-panel__month.n-selected,.n-datepicker-panel .n-datepicker-panel__body .n-datepicker-panel__year.n-selected{color:rgba(var(--n-color-base-text), 1);background:rgba(var(--n-color-base-color), 1)}.n-datepicker-panel__dateview .n-datepicker-panel__day.n-arrive:not(.n-selected),.n-datepicker-panel__dateview .n-datepicker-panel__day.n-depart:not(.n-selected),.n-datepicker-panel__dateview .n-datepicker-panel__day.n-between:not(.n-selected){background:rgba(var(--n-color-gray-50), 0.15)}.n-datepicker-panel__body .n-datepicker-panel__day:not(.n-current){color:rgba(var(--n-color-gray-40), 1)}.n-datepicker{background:rgba(var(--n-color-form-input), 0.7)}.n-datepicker:not(.n-disabled):hover,.n-datepicker:not(.n-disabled).n-focus{background:rgba(var(--n-color-form-input), 0.8)}.n-datepicker.n-disabled{background:rgba(var(--n-color-form-disabled), 0.7)}.n-datepicker__seperator{color:rgba(var(--n-color-gray-60), 1)}.n-datepicker__clear,.n-datepicker__angle{color:rgba(var(--n-color-gray-60), 1)}.n-datepicker__clear i{background:rgba(var(--n-color-gray-50), 0.2)}.n-datepicker__placeholder{color:rgba(var(--n-color-foreground), 0.5)}.n-datepicker__body,.n-datepicker__empty{background:rgba(var(--n-color-popover), 1)}.n-datepicker__empty{color:rgba(var(--n-color-gray-60), 1)}.n-timepicker-panel{background:rgba(var(--n-color-background), 0.35)}.n-popover>.n-timepicker-panel{background:rgba(var(--n-color-popover), 1)}div:not(.n-popover,.n-datetimepicker-panel)>.n-timepicker-panel{border:1px solid rgba(var(--n-color-gray-50), 0.15)}.n-timepicker-panel__header{border-bottom:1px solid rgba(var(--n-color-gray-50), 0.15)}.n-timepicker-panel__panel:not(:last-child){border-right:1px solid rgba(var(--n-color-gray-50), 0.15)}.n-timepicker-panel__item.n-selected{color:rgba(var(--n-color-base-text), 1);background:rgba(var(--n-color-base-color), 1)}.n-timepicker{background:rgba(var(--n-color-form-input), 0.7)}.n-timepicker:not(.n-disabled):hover,.n-timepicker:not(.n-disabled).n-focus{background:rgba(var(--n-color-form-input), 0.8)}.n-timepicker.n-disabled{background:rgba(var(--n-color-form-disabled), 0.7)}.n-timepicker__seperator{color:rgba(var(--n-color-gray-60), 1)}.n-timepicker__clear,.n-timepicker__angle{color:rgba(var(--n-color-gray-60), 1)}.n-timepicker__clear i{background:rgba(var(--n-color-gray-50), 0.2)}.n-timepicker__placeholder{color:rgba(var(--n-color-foreground), 0.5)}.n-timepicker__body,.n-timepicker__empty{background:rgba(var(--n-color-form-input), 1)}.n-timepicker__empty{color:rgba(var(--n-color-gray-60), 1)}.n-datetimepicker{background:rgba(var(--n-color-form-input), 0.7)}.n-datetimepicker:not(.n-disabled):hover,.n-datetimepicker:not(.n-disabled).n-focus{background:rgba(var(--n-color-form-input), 0.8)}.n-datetimepicker.n-disabled{background:rgba(var(--n-color-form-disabled), 0.7)}.n-datetimepicker__seperator{color:rgba(var(--n-color-gray-60), 1)}.n-datetimepicker__clear,.n-datetimepicker__angle{color:rgba(var(--n-color-gray-60), 1)}.n-datetimepicker__clear i{background:rgba(var(--n-color-gray-50), 0.2)}.n-datetimepicker__placeholder{color:rgba(var(--n-color-gray-15), 0.5)}.n-datetimepicker-panel{background:rgba(var(--n-color-popover), 1)}.n-datetimepicker__date-panel.n-datepicker-panel{background:rgba(0,0,0,0)}.n-datetimepicker__time-panel.n-timepicker-panel{background:rgba(var(--n-color-foreground), 0.025)}.n-datetimepicker-panel .n-datetimepicker__date-panel{border-right:1px solid rgba(var(--n-color-gray-50), 0.15)}.n-durationpicker{background:rgba(var(--n-color-form-input), 0.7)}.n-durationpicker:not(.n-disabled):hover,.n-durationpicker:not(.n-disabled).n-focus{background:rgba(var(--n-color-form-input), 0.8)}.n-durationpicker.n-disabled{background:rgba(var(--n-color-form-disabled), 0.7)}.n-durationpicker__seperator{color:rgba(var(--n-color-gray-60), 1)}.n-durationpicker__clear,.n-durationpicker__angle{color:rgba(var(--n-color-gray-60), 1)}.n-durationpicker__clear i{background:rgba(var(--n-color-gray-50), 0.2)}.n-durationpicker__placeholder{color:rgba(var(--n-color-gray-15), 0.5)}.n-durationpicker-panel{background:rgba(var(--n-color-popover), 1)}.n-transfer__panel{background:rgba(var(--n-color-background), 0.35);border:1px solid rgba(var(--n-color-gray-50), 0.15)}.n-transfer__header{border-bottom:1px solid rgba(var(--n-color-gray-50), 0.15)}.n-transfer__search .n-input{border-color:rgba(0,0,0,0);background:rgba(var(--n-color-background), 0.7)}.n-transfer__item-count{color:rgba(var(--n-color-gray-60), 1)}.n-popover:before{background:rgba(var(--n-color-popover), 1)}.n-popover:after{background:rgba(var(--n-color-shadow), 0.2)}.n-popover[data-position^=top-]:before{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='8' viewBox='0 0 16 8' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1 0 L8 7 L15 0 Z' fill='%23000'/%3E %3C/svg%3E") no-repeat center 0/contain;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='8' viewBox='0 0 16 8' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1 0 L8 7 L15 0 Z' fill='%23000'/%3E %3C/svg%3E") no-repeat center 0/contain}.n-popover[data-position^=top-]:after{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='8' viewBox='0 0 16 8' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1 1 L8 8 L15 1 Z' fill='%23000'/%3E %3C/svg%3E") no-repeat center 0/contain;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='8' viewBox='0 0 16 8' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1 1 L8 8 L15 1 Z' fill='%23000'/%3E %3C/svg%3E") no-repeat center 0/contain}.n-popover[data-position^=bottom-]:before{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='8' viewBox='0 0 16 8' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1 8 L8 1 L15 8 Z' fill='%23000'/%3E %3C/svg%3E") no-repeat center 0/contain;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='8' viewBox='0 0 16 8' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1 8 L8 1 L15 8 Z' fill='%23000'/%3E %3C/svg%3E") no-repeat center 0/contain}.n-popover[data-position^=bottom-]:after{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='8' viewBox='0 0 16 8' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1 7 L8 0 L15 7 Z' fill='%23000'/%3E %3C/svg%3E") no-repeat center 0/contain;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='8' viewBox='0 0 16 8' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1 7 L8 0 L15 7 Z' fill='%23000'/%3E %3C/svg%3E") no-repeat center 0/contain}.n-popover[data-position^=left-]:before{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='16' viewBox='0 0 8 16' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0 15 L7 8 L0 1 Z' fill='%23000'/%3E %3C/svg%3E") no-repeat 0 center/contain;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='16' viewBox='0 0 8 16' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0 15 L7 8 L0 1 Z' fill='%23000'/%3E %3C/svg%3E") no-repeat 0 center/contain}.n-popover[data-position^=left-]:after{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='16' viewBox='0 0 8 16' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1 15 L8 8 L1 1 Z' fill='%23000'/%3E %3C/svg%3E") no-repeat 0 center/contain;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='16' viewBox='0 0 8 16' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1 15 L8 8 L1 1 Z' fill='%23000'/%3E %3C/svg%3E") no-repeat 0 center/contain}.n-popover[data-position^=right-]:before{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='16' viewBox='0 0 8 16' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8 15 L1 8 L8 1 Z' fill='%23000'/%3E %3C/svg%3E") no-repeat 0 center/contain;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='16' viewBox='0 0 8 16' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8 15 L1 8 L8 1 Z' fill='%23000'/%3E %3C/svg%3E") no-repeat 0 center/contain}.n-popover[data-position^=right-]:after{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='16' viewBox='0 0 8 16' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M7 15 L0 8 L7 1 Z' fill='%23000'/%3E %3C/svg%3E") no-repeat 0 center/contain;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='16' viewBox='0 0 8 16' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M7 15 L0 8 L7 1 Z' fill='%23000'/%3E %3C/svg%3E") no-repeat 0 center/contain}.n-popover__frame{background:rgba(var(--n-color-popover), 1)}.n-popover__frame,.n-popover-shadow{box-shadow:0 2px 10px rgba(var(--n-color-shadow), 0.3),0 0 2px rgba(var(--n-color-shadow), 0.15)}.n-popover-group{color:rgba(var(--n-color-gray-40), 1)}.n-popover-option{color:rgba(var(--n-color-text), 1)}.n-popover-option:not(.n-disabled,.n-active):hover{color:rgba(var(--n-color-text), 1)}.n-popover-option:not(.n-disabled).n-hover,.n-popover-option:not(.n-disabled).n-focus,.n-popover-option:not(.n-disabled):hover{background:rgba(var(--n-color-gray-50), 0.075)}.n-popover-option:not(.n-disabled).n-focus,.n-popover-option:not(.n-disabled).n-focus:hover{background:rgba(var(--n-color-gray-50), 0.15)}.n-popover-option .n-image{color:rgba(var(--n-color-gray-60), 1)}.n-popover-option .n-icon{color:rgba(var(--n-color-gray-60), 1)}.n-popover__frame{color:rgba(var(--n-color-text), 1);background:rgba(var(--n-color-popover), 1)}.n-popover__header{border-bottom:1px solid rgba(var(--n-color-gray-15), 1);background:rgba(var(--n-color-popover), 1)}.n-popover__footer{border-top:1px solid rgba(var(--n-color-gray-15), 1);background:rgba(var(--n-color-popover), 1)}.n-popover-option{color:rgba(var(--n-color-text), 1)}.n-popover-option.n-active,.n-popover-option .n-icon{color:rgba(var(--n-color-base-color-fg-20), 1)}.n-modal__backdrop{background:rgba(var(--n-color-shadow), 0.4)}.n-modal__frame{box-shadow:0 2px 20px rgba(var(--n-color-shadow), 0.1),0 0 2px rgba(var(--n-color-shadow), 0.15)}.n-modal__frame{color:rgba(var(--n-color-text), 1);background:rgba(var(--n-color-modal), 1)}.n-modal__header{border-bottom:1px solid rgba(var(--n-color-gray-50), 0.15)}.n-modal__footer{border-top:1px solid rgba(var(--n-color-gray-50), 0.15)}.n-confirm{background:rgba(var(--n-color-shadow), 0.6);transition:opacity .3s}.n-confirm:not(.n-ready){opacity:0}.n-confirm-frame{background:rgba(var(--n-color-confirm), 1);transition:transform .3s;box-shadow:0 2px 20px rgba(var(--n-color-shadow), 0.1),0 0 2px rgba(var(--n-color-shadow), 0.15)}.n-confirm:not(.n-ready) .n-confirm-frame{transform:translateY(50px) scale(0.6)}.n-confirm__text{color:rgba(var(--n-color-text), 1)}.n-confirm .n-button--reset{color:rgba(var(--n-color-foreground), 0.6);background:rgba(var(--n-color-gray-50), 0.2)}.n-confirm__icon i{color:rgba(var(--n-color-base-color), 1)}.n-table:before{border:1px solid rgba(var(--n-color-gray-15), 1)}.n-table .n-draglist-item{border-bottom:1px solid rgba(var(--n-color-gray-10), 1)}.n-table .n-table__header{border-bottom:1px solid rgba(var(--n-color-gray-15), 1);background:rgba(var(--n-color-form), 1)}.n-table__header .n-table-column:not(:first-child){border-left:1px solid rgba(var(--n-color-gray-10), 1)}.n-table-column.n-filtered .n-table-column__label{color:rgba(var(--n-color-base-color), 1)}.n-table-column .n-table-column__sort>i:before{border-top-color:rgba(var(--n-color-gray-50), 0.5)}.n-table-column.n-sorted.n-desc .n-table-column__sort>i:before{border-top-color:rgba(var(--n-color-base-color), 1)}.n-table-column .n-table-column__sort>i:after{border-bottom-color:rgba(var(--n-color-gray-50), 0.5)}.n-table-column.n-sorted.n-asc .n-table-column__sort>i:after{border-bottom-color:rgba(var(--n-color-base-color), 1)}.n-table .n-table-column .n-table-column__filter>i{color:rgba(var(--n-color-gray-60), 1);background:rgba(var(--n-color-gray-10), 1)}.n-table-cell.n-changed:before{content:" ";position:absolute;top:-3px;left:-3px;display:block;width:0;height:0;border:3px solid rgba(0,0,0,0);border-bottom-color:rgba(var(--n-color-danger-color), 1);transform:rotate(-45deg)}.n-table-cell--checkbox i{background:rgba(var(--n-color-form-input), 1);border:1px solid rgba(var(--n-color-gray-15), 1)}.n-table-cell--checkbox.n-disabled i{background:rgba(var(--n-color-form-disabled), 1)}.n-table-cell--checkbox.n-checked:not(.n-disabled) i,.n-table-cell--checkbox.n-checked:not(.n-uncheck) i{color:rgba(var(--n-color-base-text), 1);background:rgba(var(--n-color-base-color), 1);border-color:rgba(var(--n-color-base-color), 1)}.n-table-cell--checkbox:not(.n-disabled):hover i{border-color:rgba(var(--n-color-base-color-bg-30), 1)}.n-paginator{color:rgba(var(--n-color-gray-60), 1)}.n-tabs:not(.n-float)>.n-tabs__header:after{border-bottom:1px solid rgba(var(--n-color-gray-15), 1)}.n-tabs__indicator{background:rgba(var(--n-color-base-color), 1)}.n-tabs__tab:not(.is-active) .n-tabs__tab-icon{opacity:.6}.n-tabs:not(.n-float) .n-tabs__tab.n-active .n-tabs__tab-icon,.n-tabs:not(.n-float) .n-tabs__tab.n-active .n-tabs__tab-label{color:rgba(var(--n-color-base-color), 1)}.n-tabs.n-float .n-tabs__tab{background:rgba(var(--n-color-gray-15), 0.5)}.n-tabs.n-float .n-tabs__tab.n-active{background:rgba(var(--n-color-base-color), 1)}.n-tabs.n-float .n-tabs__tab.n-active .n-tabs__tab-icon,.n-tabs.n-float .n-tabs__tab.n-active .n-tabs__tab-label{color:rgba(var(--n-color-base-text), 1)}.n-tags-item{color:rgba(var(--n-color-base-color), 1);background:rgba(var(--n-color-base-color), 0.25)}.n-tags-item i{opacity:.8}.n-tags-item--color-0{color:rgba(var(--n-color-tag-0), 1);background:rgba(var(--n-color-tag-0), 0.25)}.n-tags-item--color-1{color:rgba(var(--n-color-tag-1), 1);background:rgba(var(--n-color-tag-1), 0.25)}.n-tags-item--color-2{color:rgba(var(--n-color-tag-2), 1);background:rgba(var(--n-color-tag-2), 0.25)}.n-tags-item--color-3{color:rgba(var(--n-color-tag-3), 1);background:rgba(var(--n-color-tag-3), 0.25)}.n-tags-item--color-4{color:rgba(var(--n-color-tag-4), 1);background:rgba(var(--n-color-tag-4), 0.25)}.n-tags-item--color-5{color:rgba(var(--n-color-tag-5), 1);background:rgba(var(--n-color-tag-5), 0.25)}.n-tags-item--color-6{color:rgba(var(--n-color-tag-6), 1);background:rgba(var(--n-color-tag-6), 0.25)}.n-tags-item--color-7{color:rgba(var(--n-color-tag-7), 1);background:rgba(var(--n-color-tag-7), 0.25)}.n-tags-item--color-8{color:rgba(var(--n-color-tag-8), 1);background:rgba(var(--n-color-tag-8), 0.25)}.n-tags-item--color-9{color:rgba(var(--n-color-tag-9), 1);background:rgba(var(--n-color-tag-9), 0.25)}.n-tags-item--color-10{color:rgba(var(--n-color-tag-10), 1);background:rgba(var(--n-color-tag-10), 0.25)}.n-tags-item--color-11{color:rgba(var(--n-color-tag-11), 1);background:rgba(var(--n-color-tag-11), 0.25)}.n-tags-item--color-12{color:rgba(var(--n-color-tag-12), 1);background:rgba(var(--n-color-tag-12), 0.25)}.n-tags-item--color-13{color:rgba(var(--n-color-tag-13), 1);background:rgba(var(--n-color-tag-13), 0.25)}.n-tags-item--color-14{color:rgba(var(--n-color-tag-14), 1);background:rgba(var(--n-color-tag-14), 0.25)}.n-tags-item--color-15{color:rgba(var(--n-color-tag-15), 1);background:rgba(var(--n-color-tag-15), 0.25)}.n-tags-item--color-16{color:rgba(var(--n-color-tag-16), 1);background:rgba(var(--n-color-tag-16), 0.25)}.n-tags-item--color-17{color:rgba(var(--n-color-tag-17), 1);background:rgba(var(--n-color-tag-17), 0.25)}.n-tags-item--color-18{color:rgba(var(--n-color-tag-18), 1);background:rgba(var(--n-color-tag-18), 0.25)}.n-tags-item--color-19{color:rgba(var(--n-color-tag-19), 1);background:rgba(var(--n-color-tag-19), 0.25)}.n-tags-item--color-20{color:rgba(var(--n-color-tag-20), 1);background:rgba(var(--n-color-tag-20), 0.25)}.n-collapse{border:1px solid rgba(var(--n-color-gray-15), 1)}.n-collapse__header{background:rgba(var(--n-color-form), 1);border-bottom:1px solid rgba(var(--n-color-gray-15), 1)}.n-collapse__body:not(.is-last){border-bottom:1px solid rgba(var(--n-color-gray-15), 1)}.n-collapse__header-icon,.n-collapse__header-angle{color:rgba(var(--n-color-gray-40), 1)}.n-collapse__header .n-collapse__header-icon{color:rgba(var(--n-color-base-color), 1)}.n-collapse__header.n-active .n-collapse__header-angle{color:rgba(var(--n-color-base-color), 1)}.n-info{border:1px solid rgba(var(--n-color-gray-15), 1)}.n-info-column{color:rgba(var(--n-color-gray-60), 1)}.n-info-field.n-info-field--image>div{background-color:rgba(var(--n-color-gray-50), 0.2)}.n-rating__stars span:before,.n-rating__stars span:after{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.891,0.561l4.097,8.408l9.16,1.348c0.815,0.12,1.14,1.135,0.551,1.717l-6.629,6.545l1.565,9.242 c0.139,0.822-0.713,1.449-1.442,1.061L15,24.519l-8.193,4.363c-0.729,0.388-1.581-0.239-1.442-1.061l1.565-9.242l-6.629-6.545 c-0.59-0.582-0.264-1.597,0.551-1.717l9.16-1.348l4.097-8.408C14.473-0.187,15.527-0.187,15.891,0.561z' fill='%23000'/%3E %3C/svg%3E") no-repeat 0 0/cover;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.891,0.561l4.097,8.408l9.16,1.348c0.815,0.12,1.14,1.135,0.551,1.717l-6.629,6.545l1.565,9.242 c0.139,0.822-0.713,1.449-1.442,1.061L15,24.519l-8.193,4.363c-0.729,0.388-1.581-0.239-1.442-1.061l1.565-9.242l-6.629-6.545 c-0.59-0.582-0.264-1.597,0.551-1.717l9.16-1.348l4.097-8.408C14.473-0.187,15.527-0.187,15.891,0.561z' fill='%23000'/%3E %3C/svg%3E") no-repeat 0 0/cover}.n-rating__stars span:after{background:rgba(var(--n-color-gray-20), 1)}.n-rating__stars span:before{background:rgba(var(--n-color-base-color), 1)}.n-slider__bar{background:rgba(var(--n-color-gray-10), 1)}.n-slider.n-disabled .n-slider__range{background:rgba(var(--n-color-gray-50), 1)}.n-slider__handle{box-shadow:0 0 6px rgba(var(--n-color-shadow), 0.25)}.n-slider.n-disabled .n-slider__handle{background:rgba(var(--n-color-gray-50), 1)}.n-slider:not(.n-disabled) .n-slider__range{background:rgba(var(--n-color-base-color), 1)}.n-slider:not(.n-disabled) .n-slider__handle{background:rgba(var(--n-color-base-color), 1)}.n-slider__handle span:before,.n-slider__handle span:after{background:rgba(var(--n-color-black), 0.4)}.n-drawer__backdrop{background:rgba(var(--n-color-shadow), 0.4)}.n-drawer__frame{box-shadow:0 2px 20px rgba(var(--n-color-shadow), 0.1),0 0 2px rgba(var(--n-color-shadow), 0.15)}.n-drawer__frame{color:rgba(var(--n-color-text), 1);background:rgba(var(--n-color-modal), 1)}.n-drawer__header{border-bottom:1px solid rgba(var(--n-color-gray-50), 0.15)}.n-drawer__footer{border-top:1px solid rgba(var(--n-color-gray-50), 0.15)}.n-preview-modal{background:rgba(var(--n-color-shadow), 0.95);transition:opacity .3s}.n-preview-modal__close,.n-preview-modal__prev,.n-preview-modal__next{border-radius:500px;transition:background .2s}.n-preview-modal__close{color:rgba(var(--n-color-base-text), 0.5);background:rgba(var(--n-color-base-text), 0.1)}.n-preview-modal__prev,.n-preview-modal__next{color:rgba(var(--n-color-base-color-fg-20), 1);background:rgba(var(--n-color-base-color), 0.3)}.n-preview-modal__close:hover{background:rgba(var(--n-color-base-text), 0.2)}.n-preview-modal__prev:hover,.n-preview-modal__next:hover{background:rgba(var(--n-color-base-color), 0.4)}.n-preview-modal .n-preview-frame{background:rgba(0,0,0,0) !important}.n-preview-plain{background:rgba(var(--n-color-gray-50), 0.2)}.n-preview-plain ul li{color:rgba(var(--n-color-gray-50), 0.6)}.n-preview-image{background:rgba(var(--n-color-gray-50), 0.2)}.n-preview-video{background:rgba(var(--n-color-gray-50), 0.2)}.n-chart-item--other,.n-chart-legend--other{--n-color-base-color: var(--n-color-gray-50)}.n-chart-item--color-0,.n-chart-legend--color-0{--n-color-base-color: var(--n-color-tag-0)}.n-chart-item--color-1,.n-chart-legend--color-1{--n-color-base-color: var(--n-color-tag-1)}.n-chart-item--color-2,.n-chart-legend--color-2{--n-color-base-color: var(--n-color-tag-2)}.n-chart-item--color-3,.n-chart-legend--color-3{--n-color-base-color: var(--n-color-tag-3)}.n-chart-item--color-4,.n-chart-legend--color-4{--n-color-base-color: var(--n-color-tag-4)}.n-chart-item--color-5,.n-chart-legend--color-5{--n-color-base-color: var(--n-color-tag-5)}.n-chart-item--color-6,.n-chart-legend--color-6{--n-color-base-color: var(--n-color-tag-6)}.n-chart-item--color-7,.n-chart-legend--color-7{--n-color-base-color: var(--n-color-tag-7)}.n-chart-item--color-8,.n-chart-legend--color-8{--n-color-base-color: var(--n-color-tag-8)}.n-chart-item--color-9,.n-chart-legend--color-9{--n-color-base-color: var(--n-color-tag-9)}.n-chart-item--color-10,.n-chart-legend--color-10{--n-color-base-color: var(--n-color-tag-10)}.n-chart-item--color-11,.n-chart-legend--color-11{--n-color-base-color: var(--n-color-tag-11)}.n-chart-item--color-12,.n-chart-legend--color-12{--n-color-base-color: var(--n-color-tag-12)}.n-chart-item--color-13,.n-chart-legend--color-13{--n-color-base-color: var(--n-color-tag-13)}.n-chart-item--color-14,.n-chart-legend--color-14{--n-color-base-color: var(--n-color-tag-14)}.n-chart-item--color-15,.n-chart-legend--color-15{--n-color-base-color: var(--n-color-tag-15)}.n-chart-item--color-16,.n-chart-legend--color-16{--n-color-base-color: var(--n-color-tag-16)}.n-chart-item--color-17,.n-chart-legend--color-17{--n-color-base-color: var(--n-color-tag-17)}.n-chart-item--color-18,.n-chart-legend--color-18{--n-color-base-color: var(--n-color-tag-18)}.n-chart-item--color-19,.n-chart-legend--color-19{--n-color-base-color: var(--n-color-tag-19)}.n-chart-item--color-20,.n-chart-legend--color-20{--n-color-base-color: var(--n-color-tag-20)}.n-chart-donut circle.n-chart-item{stroke:rgba(var(--n-color-base-color), 1);transition:opacity .2s}.n-chart-donut circle.n-chart-item--other{stroke:rgba(var(--n-color-foreground), 0.2)}circle.n-chart-hover:hover+circle.n-chart-item{opacity:.5}.n-chart-donut__text span:first-child{color:rgba(var(--n-color-text), 1)}.n-chart-donut__text span:last-child{color:rgba(var(--n-color-text), 0.5)}input,textarea{outline:none !important}[class*=n-] input,[class*=n-] textarea{outline:none;color:rgba(var(--n-color-foreground), 1)}[class*=n-] input::-moz-placeholder, [class*=n-] textarea::-moz-placeholder{color:rgba(var(--n-color-foreground), 1);opacity:.3}[class*=n-] input::placeholder,[class*=n-] textarea::placeholder{color:rgba(var(--n-color-foreground), 1);opacity:.3}:root{--grid-gap-h: 0;--grid-gap-v: 0}.n-demo.n-theme--dark #app{background:#181818}.n-demo.n-theme--light #app{background:#eee}.n-demo #app .app-container{background:rgba(var(--n-color-background), 1)}:root{--n-size-default-xs-hgt: 22px;--n-size-default-xs-hgt-inline: 14px;--n-size-default-xs-hgt-loader: 18px;--n-size-default-xs-pad: 6px;--n-size-default-xs-pad-vertical: 4px;--n-size-default-xs-fnt: 0.9rem;--n-size-default-xs-fnt-icon: 0.85em;--n-size-default-xs-fnt-label: 0.9em;--n-size-default-xs-fnt-inline: 0.7em;--n-size-default-xs-rad: 4px;--n-size-default-xs-rad-inline: 3px;--n-size-default-xs-rad-window: 8px;--n-size-default-xs-rad-circle: 500px;--n-size-default-sm-hgt: 26px;--n-size-default-sm-hgt-inline: 16px;--n-size-default-sm-hgt-loader: 28px;--n-size-default-sm-pad: 8px;--n-size-default-sm-pad-vertical: 6px;--n-size-default-sm-fnt: 0.95rem;--n-size-default-sm-fnt-icon: 0.825em;--n-size-default-sm-fnt-label: 0.9em;--n-size-default-sm-fnt-inline: 0.76em;--n-size-default-sm-rad: 5px;--n-size-default-sm-rad-inline: 4px;--n-size-default-sm-rad-window: 10px;--n-size-default-sm-rad-circle: 500px;--n-size-default-md-hgt: 32px;--n-size-default-md-hgt-inline: 18px;--n-size-default-md-hgt-loader: 36px;--n-size-default-md-pad: 10px;--n-size-default-md-pad-vertical: 8px;--n-size-default-md-fnt: 1rem;--n-size-default-md-fnt-icon: 0.8em;--n-size-default-md-fnt-label: 0.9em;--n-size-default-md-fnt-inline: 0.73em;--n-size-default-md-rad: 6px;--n-size-default-md-rad-inline: 4px;--n-size-default-md-rad-window: 12px;--n-size-default-md-rad-circle: 500px;--n-size-default-lg-hgt: 34px;--n-size-default-lg-hgt-inline: 20px;--n-size-default-lg-hgt-loader: 46px;--n-size-default-lg-pad: 11px;--n-size-default-lg-pad-vertical: 9px;--n-size-default-lg-fnt: 1.1rem;--n-size-default-lg-fnt-icon: 0.8em;--n-size-default-lg-fnt-label: 0.9em;--n-size-default-lg-fnt-inline: 0.76em;--n-size-default-lg-rad: 7px;--n-size-default-lg-rad-inline: 5px;--n-size-default-lg-rad-window: 16px;--n-size-default-lg-rad-circle: 500px;--n-size-default-xl-hgt: 36px;--n-size-default-xl-hgt-inline: 22px;--n-size-default-xl-hgt-loader: 60px;--n-size-default-xl-pad: 12px;--n-size-default-xl-pad-vertical: 10px;--n-size-default-xl-fnt: 1.2rem;--n-size-default-xl-fnt-icon: 0.8em;--n-size-default-xl-fnt-label: 0.9em;--n-size-default-xl-fnt-inline: 0.76em;--n-size-default-xl-rad: 7px;--n-size-default-xl-rad-inline: 5px;--n-size-default-xl-rad-window: 20px;--n-size-default-xl-rad-circle: 500px}[class*="--xs"]{--n-size-base-hgt: var(--n-size-default-xs-hgt);--n-size-base-hgt-inline: var(--n-size-default-xs-hgt-inline);--n-size-base-hgt-loader: var(--n-size-default-xs-hgt-loader);--n-size-base-pad: var(--n-size-default-xs-pad);--n-size-base-pad-vertical: var(--n-size-default-xs-pad-vertical);--n-size-base-fnt: var(--n-size-default-xs-fnt);--n-size-base-fnt-icon: var(--n-size-default-xs-fnt-icon);--n-size-base-fnt-label: var(--n-size-default-xs-fnt-label);--n-size-base-fnt-inline: var(--n-size-default-xs-fnt-inline);--n-size-base-rad: var(--n-size-default-xs-rad);--n-size-base-rad-inline: var(--n-size-default-xs-rad-inline);--n-size-base-rad-window: var(--n-size-default-xs-rad-window);--n-size-base-rad-circle: var(--n-size-default-xs-rad-circle)}[class*="--sm"]{--n-size-base-hgt: var(--n-size-default-sm-hgt);--n-size-base-hgt-inline: var(--n-size-default-sm-hgt-inline);--n-size-base-hgt-loader: var(--n-size-default-sm-hgt-loader);--n-size-base-pad: var(--n-size-default-sm-pad);--n-size-base-pad-vertical: var(--n-size-default-sm-pad-vertical);--n-size-base-fnt: var(--n-size-default-sm-fnt);--n-size-base-fnt-icon: var(--n-size-default-sm-fnt-icon);--n-size-base-fnt-label: var(--n-size-default-sm-fnt-label);--n-size-base-fnt-inline: var(--n-size-default-sm-fnt-inline);--n-size-base-rad: var(--n-size-default-sm-rad);--n-size-base-rad-inline: var(--n-size-default-sm-rad-inline);--n-size-base-rad-window: var(--n-size-default-sm-rad-window);--n-size-base-rad-circle: var(--n-size-default-sm-rad-circle)}[class*="--md"]{--n-size-base-hgt: var(--n-size-default-md-hgt);--n-size-base-hgt-inline: var(--n-size-default-md-hgt-inline);--n-size-base-hgt-loader: var(--n-size-default-md-hgt-loader);--n-size-base-pad: var(--n-size-default-md-pad);--n-size-base-pad-vertical: var(--n-size-default-md-pad-vertical);--n-size-base-fnt: var(--n-size-default-md-fnt);--n-size-base-fnt-icon: var(--n-size-default-md-fnt-icon);--n-size-base-fnt-label: var(--n-size-default-md-fnt-label);--n-size-base-fnt-inline: var(--n-size-default-md-fnt-inline);--n-size-base-rad: var(--n-size-default-md-rad);--n-size-base-rad-inline: var(--n-size-default-md-rad-inline);--n-size-base-rad-window: var(--n-size-default-md-rad-window);--n-size-base-rad-circle: var(--n-size-default-md-rad-circle)}[class*="--lg"]{--n-size-base-hgt: var(--n-size-default-lg-hgt);--n-size-base-hgt-inline: var(--n-size-default-lg-hgt-inline);--n-size-base-hgt-loader: var(--n-size-default-lg-hgt-loader);--n-size-base-pad: var(--n-size-default-lg-pad);--n-size-base-pad-vertical: var(--n-size-default-lg-pad-vertical);--n-size-base-fnt: var(--n-size-default-lg-fnt);--n-size-base-fnt-icon: var(--n-size-default-lg-fnt-icon);--n-size-base-fnt-label: var(--n-size-default-lg-fnt-label);--n-size-base-fnt-inline: var(--n-size-default-lg-fnt-inline);--n-size-base-rad: var(--n-size-default-lg-rad);--n-size-base-rad-inline: var(--n-size-default-lg-rad-inline);--n-size-base-rad-window: var(--n-size-default-lg-rad-window);--n-size-base-rad-circle: var(--n-size-default-lg-rad-circle)}[class*="--xl"]{--n-size-base-hgt: var(--n-size-default-xl-hgt);--n-size-base-hgt-inline: var(--n-size-default-xl-hgt-inline);--n-size-base-hgt-loader: var(--n-size-default-xl-hgt-loader);--n-size-base-pad: var(--n-size-default-xl-pad);--n-size-base-pad-vertical: var(--n-size-default-xl-pad-vertical);--n-size-base-fnt: var(--n-size-default-xl-fnt);--n-size-base-fnt-icon: var(--n-size-default-xl-fnt-icon);--n-size-base-fnt-label: var(--n-size-default-xl-fnt-label);--n-size-base-fnt-inline: var(--n-size-default-xl-fnt-inline);--n-size-base-rad: var(--n-size-default-xl-rad);--n-size-base-rad-inline: var(--n-size-default-xl-rad-inline);--n-size-base-rad-window: var(--n-size-default-xl-rad-window);--n-size-base-rad-circle: var(--n-size-default-xl-rad-circle)}:root{--n-color-light-neutral-text: 255, 255, 255;--n-color-light-neutral-color: 108, 112, 120;--n-color-light-neutral-color-fg-10: 100.1, 103.9, 111.6;--n-color-light-neutral-color-fg-20: 92.2, 95.8, 103.2;--n-color-light-neutral-color-fg-30: 84.3, 87.7, 94.8;--n-color-light-neutral-color-fg-40: 76.4, 79.6, 86.4;--n-color-light-neutral-color-fg-50: 68.5, 71.5, 78;--n-color-light-neutral-color-fg-60: 60.6, 63.4, 69.6;--n-color-light-neutral-color-fg-70: 52.7, 55.3, 61.2;--n-color-light-neutral-color-fg-80: 44.8, 47.2, 52.8;--n-color-light-neutral-color-fg-90: 36.9, 39.1, 44.4;--n-color-light-neutral-color-bg-10: 122.7, 126.3, 133.5;--n-color-light-neutral-color-bg-20: 137.4, 140.6, 147;--n-color-light-neutral-color-bg-30: 152.1, 154.9, 160.5;--n-color-light-neutral-color-bg-40: 166.8, 169.2, 174;--n-color-light-neutral-color-bg-50: 181.5, 183.5, 187.5;--n-color-light-neutral-color-bg-60: 196.2, 197.8, 201;--n-color-light-neutral-color-bg-70: 210.9, 212.1, 214.5;--n-color-light-neutral-color-bg-80: 225.6, 226.4, 228;--n-color-light-neutral-color-bg-90: 240.3, 240.7, 241.5;--n-color-light-primary-text: 255, 255, 255;--n-color-light-primary-color: 43, 112, 227;--n-color-light-primary-color-fg-10: 41.6, 103.9, 207.9;--n-color-light-primary-color-fg-20: 40.2, 95.8, 188.8;--n-color-light-primary-color-fg-30: 38.8, 87.7, 169.7;--n-color-light-primary-color-fg-40: 37.4, 79.6, 150.6;--n-color-light-primary-color-fg-50: 36, 71.5, 131.5;--n-color-light-primary-color-fg-60: 34.6, 63.4, 112.4;--n-color-light-primary-color-fg-70: 33.2, 55.3, 93.3;--n-color-light-primary-color-fg-80: 31.8, 47.2, 74.2;--n-color-light-primary-color-fg-90: 30.4, 39.1, 55.1;--n-color-light-primary-color-bg-10: 64.2, 126.3, 229.8;--n-color-light-primary-color-bg-20: 85.4, 140.6, 232.6;--n-color-light-primary-color-bg-30: 106.6, 154.9, 235.4;--n-color-light-primary-color-bg-40: 127.8, 169.2, 238.2;--n-color-light-primary-color-bg-50: 149, 183.5, 241;--n-color-light-primary-color-bg-60: 170.2, 197.8, 243.8;--n-color-light-primary-color-bg-70: 191.4, 212.1, 246.6;--n-color-light-primary-color-bg-80: 212.6, 226.4, 249.4;--n-color-light-primary-color-bg-90: 233.8, 240.7, 252.2;--n-color-light-secondary-text: 255, 255, 255;--n-color-light-secondary-color: 194, 51, 153;--n-color-light-secondary-color-fg-10: 177.5, 49, 141.3;--n-color-light-secondary-color-fg-20: 161, 47, 129.6;--n-color-light-secondary-color-fg-30: 144.5, 45, 117.9;--n-color-light-secondary-color-fg-40: 128, 43, 106.2;--n-color-light-secondary-color-fg-50: 111.5, 41, 94.5;--n-color-light-secondary-color-fg-60: 95, 39, 82.8;--n-color-light-secondary-color-fg-70: 78.5, 37, 71.1;--n-color-light-secondary-color-fg-80: 62, 35, 59.4;--n-color-light-secondary-color-fg-90: 45.5, 33, 47.7;--n-color-light-secondary-color-bg-10: 200.1, 71.4, 163.2;--n-color-light-secondary-color-bg-20: 206.2, 91.8, 173.4;--n-color-light-secondary-color-bg-30: 212.3, 112.2, 183.6;--n-color-light-secondary-color-bg-40: 218.4, 132.6, 193.8;--n-color-light-secondary-color-bg-50: 224.5, 153, 204;--n-color-light-secondary-color-bg-60: 230.6, 173.4, 214.2;--n-color-light-secondary-color-bg-70: 236.7, 193.8, 224.4;--n-color-light-secondary-color-bg-80: 242.8, 214.2, 234.6;--n-color-light-secondary-color-bg-90: 248.9, 234.6, 244.8;--n-color-light-success-text: 255, 255, 255;--n-color-light-success-color: 66, 189, 151;--n-color-light-success-color-fg-10: 62.3, 173.2, 139.5;--n-color-light-success-color-fg-20: 58.6, 157.4, 128;--n-color-light-success-color-fg-30: 54.9, 141.6, 116.5;--n-color-light-success-color-fg-40: 51.2, 125.8, 105;--n-color-light-success-color-fg-50: 47.5, 110, 93.5;--n-color-light-success-color-fg-60: 43.8, 94.2, 82;--n-color-light-success-color-fg-70: 40.1, 78.4, 70.5;--n-color-light-success-color-fg-80: 36.4, 62.6, 59;--n-color-light-success-color-fg-90: 32.7, 46.8, 47.5;--n-color-light-success-color-bg-10: 84.9, 195.6, 161.4;--n-color-light-success-color-bg-20: 103.8, 202.2, 171.8;--n-color-light-success-color-bg-30: 122.7, 208.8, 182.2;--n-color-light-success-color-bg-40: 141.6, 215.4, 192.6;--n-color-light-success-color-bg-50: 160.5, 222, 203;--n-color-light-success-color-bg-60: 179.4, 228.6, 213.4;--n-color-light-success-color-bg-70: 198.3, 235.2, 223.8;--n-color-light-success-color-bg-80: 217.2, 241.8, 234.2;--n-color-light-success-color-bg-90: 236.1, 248.4, 244.6;--n-color-light-warning-text: 255, 255, 255;--n-color-light-warning-color: 237, 158, 90;--n-color-light-warning-color-fg-10: 216.2, 145.3, 84.6;--n-color-light-warning-color-fg-20: 195.4, 132.6, 79.2;--n-color-light-warning-color-fg-30: 174.6, 119.9, 73.8;--n-color-light-warning-color-fg-40: 153.8, 107.2, 68.4;--n-color-light-warning-color-fg-50: 133, 94.5, 63;--n-color-light-warning-color-fg-60: 112.2, 81.8, 57.6;--n-color-light-warning-color-fg-70: 91.4, 69.1, 52.2;--n-color-light-warning-color-fg-80: 70.6, 56.4, 46.8;--n-color-light-warning-color-fg-90: 49.8, 43.7, 41.4;--n-color-light-warning-color-bg-10: 238.8, 167.7, 106.5;--n-color-light-warning-color-bg-20: 240.6, 177.4, 123;--n-color-light-warning-color-bg-30: 242.4, 187.1, 139.5;--n-color-light-warning-color-bg-40: 244.2, 196.8, 156;--n-color-light-warning-color-bg-50: 246, 206.5, 172.5;--n-color-light-warning-color-bg-60: 247.8, 216.2, 189;--n-color-light-warning-color-bg-70: 249.6, 225.9, 205.5;--n-color-light-warning-color-bg-80: 251.4, 235.6, 222;--n-color-light-warning-color-bg-90: 253.2, 245.3, 238.5;--n-color-light-danger-text: 255, 255, 255;--n-color-light-danger-color: 222, 67, 97;--n-color-light-danger-color-fg-10: 202.7, 63.4, 90.9;--n-color-light-danger-color-fg-20: 183.4, 59.8, 84.8;--n-color-light-danger-color-fg-30: 164.1, 56.2, 78.7;--n-color-light-danger-color-fg-40: 144.8, 52.6, 72.6;--n-color-light-danger-color-fg-50: 125.5, 49, 66.5;--n-color-light-danger-color-fg-60: 106.2, 45.4, 60.4;--n-color-light-danger-color-fg-70: 86.9, 41.8, 54.3;--n-color-light-danger-color-fg-80: 67.6, 38.2, 48.2;--n-color-light-danger-color-fg-90: 48.3, 34.6, 42.1;--n-color-light-danger-color-bg-10: 225.3, 85.8, 112.8;--n-color-light-danger-color-bg-20: 228.6, 104.6, 128.6;--n-color-light-danger-color-bg-30: 231.9, 123.4, 144.4;--n-color-light-danger-color-bg-40: 235.2, 142.2, 160.2;--n-color-light-danger-color-bg-50: 238.5, 161, 176;--n-color-light-danger-color-bg-60: 241.8, 179.8, 191.8;--n-color-light-danger-color-bg-70: 245.1, 198.6, 207.6;--n-color-light-danger-color-bg-80: 248.4, 217.4, 223.4;--n-color-light-danger-color-bg-90: 251.7, 236.2, 239.2;--n-color-light-info-text: 255, 255, 255;--n-color-light-info-color: 81, 189, 214;--n-color-light-info-color-fg-10: 75.8, 173.2, 196.2;--n-color-light-info-color-fg-20: 70.6, 157.4, 178.4;--n-color-light-info-color-fg-30: 65.4, 141.6, 160.6;--n-color-light-info-color-fg-40: 60.2, 125.8, 142.8;--n-color-light-info-color-fg-50: 55, 110, 125;--n-color-light-info-color-fg-60: 49.8, 94.2, 107.2;--n-color-light-info-color-fg-70: 44.6, 78.4, 89.4;--n-color-light-info-color-fg-80: 39.4, 62.6, 71.6;--n-color-light-info-color-fg-90: 34.2, 46.8, 53.8;--n-color-light-info-color-bg-10: 98.4, 195.6, 218.1;--n-color-light-info-color-bg-20: 115.8, 202.2, 222.2;--n-color-light-info-color-bg-30: 133.2, 208.8, 226.3;--n-color-light-info-color-bg-40: 150.6, 215.4, 230.4;--n-color-light-info-color-bg-50: 168, 222, 234.5;--n-color-light-info-color-bg-60: 185.4, 228.6, 238.6;--n-color-light-info-color-bg-70: 202.8, 235.2, 242.7;--n-color-light-info-color-bg-80: 220.2, 241.8, 246.8;--n-color-light-info-color-bg-90: 237.6, 248.4, 250.9;--n-color-light-white: 255, 255, 255;--n-color-light-black: 29, 31, 36;--n-color-light-text: 29, 31, 36;--n-color-light-shadow: 0, 0, 0;--n-color-light-tooltip: 22, 22, 22;--n-color-light-popover: 255, 255, 255;--n-color-light-modal: 208, 212, 217;--n-color-light-confirm: 15, 15, 15;--n-color-light-foreground: 29, 31, 36;--n-color-light-background: 255, 255, 255;--n-color-light-form: 243.7, 243.8, 244.05;--n-color-light-form-input: 255, 255, 255;--n-color-light-form-disabled: 255, 255, 255;--n-color-light-gray-05: 243.7, 243.8, 244.05;--n-color-light-gray-10: 232.4, 232.6, 233.1;--n-color-light-gray-15: 221.1, 221.4, 222.15;--n-color-light-gray-20: 209.8, 210.2, 211.2;--n-color-light-gray-25: 198.5, 199, 200.25;--n-color-light-gray-30: 187.2, 187.8, 189.3;--n-color-light-gray-35: 175.9, 176.6, 178.35;--n-color-light-gray-40: 164.6, 165.4, 167.4;--n-color-light-gray-45: 153.3, 154.2, 156.45;--n-color-light-gray-50: 142, 143, 145.5;--n-color-light-gray-55: 130.7, 131.8, 134.55;--n-color-light-gray-60: 119.4, 120.6, 123.6;--n-color-light-gray-65: 108.1, 109.4, 112.65;--n-color-light-gray-70: 96.8, 98.2, 101.7;--n-color-light-gray-75: 85.5, 87, 90.75;--n-color-light-gray-80: 74.2, 75.8, 79.8;--n-color-light-gray-85: 62.9, 64.6, 68.85;--n-color-light-gray-90: 51.6, 53.4, 57.9;--n-color-light-gray-95: 40.3, 42.2, 46.95;--n-color-light-tag-0: 215, 66, 66;--n-color-light-tag-1: 215, 99, 66;--n-color-light-tag-2: 215, 132, 66;--n-color-light-tag-3: 215, 161, 66;--n-color-light-tag-4: 194, 167, 50;--n-color-light-tag-5: 162, 176, 46;--n-color-light-tag-6: 139, 181, 49;--n-color-light-tag-7: 94, 191, 54;--n-color-light-tag-8: 58, 199, 120;--n-color-light-tag-9: 57, 196, 152;--n-color-light-tag-10: 55, 191, 191;--n-color-light-tag-11: 66, 176, 215;--n-color-light-tag-12: 66, 139, 215;--n-color-light-tag-13: 67, 74, 229;--n-color-light-tag-14: 92, 66, 215;--n-color-light-tag-15: 120, 66, 215;--n-color-light-tag-16: 149, 66, 215;--n-color-light-tag-17: 215, 66, 205;--n-color-light-tag-18: 215, 66, 133;--n-color-light-tag-19: 215, 66, 96}:root{--n-color-dark-neutral-text: 255, 255, 255;--n-color-dark-neutral-color: 108, 112, 120;--n-color-dark-neutral-color-fg-10: 122.7, 126.3, 133.5;--n-color-dark-neutral-color-fg-20: 137.4, 140.6, 147;--n-color-dark-neutral-color-fg-30: 152.1, 154.9, 160.5;--n-color-dark-neutral-color-fg-40: 166.8, 169.2, 174;--n-color-dark-neutral-color-fg-50: 181.5, 183.5, 187.5;--n-color-dark-neutral-color-fg-60: 196.2, 197.8, 201;--n-color-dark-neutral-color-fg-70: 210.9, 212.1, 214.5;--n-color-dark-neutral-color-fg-80: 225.6, 226.4, 228;--n-color-dark-neutral-color-fg-90: 240.3, 240.7, 241.5;--n-color-dark-neutral-color-bg-10: 100.1, 103.9, 111.6;--n-color-dark-neutral-color-bg-20: 92.2, 95.8, 103.2;--n-color-dark-neutral-color-bg-30: 84.3, 87.7, 94.8;--n-color-dark-neutral-color-bg-40: 76.4, 79.6, 86.4;--n-color-dark-neutral-color-bg-50: 68.5, 71.5, 78;--n-color-dark-neutral-color-bg-60: 60.6, 63.4, 69.6;--n-color-dark-neutral-color-bg-70: 52.7, 55.3, 61.2;--n-color-dark-neutral-color-bg-80: 44.8, 47.2, 52.8;--n-color-dark-neutral-color-bg-90: 36.9, 39.1, 44.4;--n-color-dark-primary-text: 255, 255, 255;--n-color-dark-primary-color: 43, 112, 227;--n-color-dark-primary-color-fg-10: 64.2, 126.3, 229.8;--n-color-dark-primary-color-fg-20: 85.4, 140.6, 232.6;--n-color-dark-primary-color-fg-30: 106.6, 154.9, 235.4;--n-color-dark-primary-color-fg-40: 127.8, 169.2, 238.2;--n-color-dark-primary-color-fg-50: 149, 183.5, 241;--n-color-dark-primary-color-fg-60: 170.2, 197.8, 243.8;--n-color-dark-primary-color-fg-70: 191.4, 212.1, 246.6;--n-color-dark-primary-color-fg-80: 212.6, 226.4, 249.4;--n-color-dark-primary-color-fg-90: 233.8, 240.7, 252.2;--n-color-dark-primary-color-bg-10: 41.6, 103.9, 207.9;--n-color-dark-primary-color-bg-20: 40.2, 95.8, 188.8;--n-color-dark-primary-color-bg-30: 38.8, 87.7, 169.7;--n-color-dark-primary-color-bg-40: 37.4, 79.6, 150.6;--n-color-dark-primary-color-bg-50: 36, 71.5, 131.5;--n-color-dark-primary-color-bg-60: 34.6, 63.4, 112.4;--n-color-dark-primary-color-bg-70: 33.2, 55.3, 93.3;--n-color-dark-primary-color-bg-80: 31.8, 47.2, 74.2;--n-color-dark-primary-color-bg-90: 30.4, 39.1, 55.1;--n-color-dark-secondary-text: 255, 255, 255;--n-color-dark-secondary-color: 194, 51, 153;--n-color-dark-secondary-color-fg-10: 200.1, 71.4, 163.2;--n-color-dark-secondary-color-fg-20: 206.2, 91.8, 173.4;--n-color-dark-secondary-color-fg-30: 212.3, 112.2, 183.6;--n-color-dark-secondary-color-fg-40: 218.4, 132.6, 193.8;--n-color-dark-secondary-color-fg-50: 224.5, 153, 204;--n-color-dark-secondary-color-fg-60: 230.6, 173.4, 214.2;--n-color-dark-secondary-color-fg-70: 236.7, 193.8, 224.4;--n-color-dark-secondary-color-fg-80: 242.8, 214.2, 234.6;--n-color-dark-secondary-color-fg-90: 248.9, 234.6, 244.8;--n-color-dark-secondary-color-bg-10: 177.5, 49, 141.3;--n-color-dark-secondary-color-bg-20: 161, 47, 129.6;--n-color-dark-secondary-color-bg-30: 144.5, 45, 117.9;--n-color-dark-secondary-color-bg-40: 128, 43, 106.2;--n-color-dark-secondary-color-bg-50: 111.5, 41, 94.5;--n-color-dark-secondary-color-bg-60: 95, 39, 82.8;--n-color-dark-secondary-color-bg-70: 78.5, 37, 71.1;--n-color-dark-secondary-color-bg-80: 62, 35, 59.4;--n-color-dark-secondary-color-bg-90: 45.5, 33, 47.7;--n-color-dark-success-text: 255, 255, 255;--n-color-dark-success-color: 66, 189, 151;--n-color-dark-success-color-fg-10: 84.9, 195.6, 161.4;--n-color-dark-success-color-fg-20: 103.8, 202.2, 171.8;--n-color-dark-success-color-fg-30: 122.7, 208.8, 182.2;--n-color-dark-success-color-fg-40: 141.6, 215.4, 192.6;--n-color-dark-success-color-fg-50: 160.5, 222, 203;--n-color-dark-success-color-fg-60: 179.4, 228.6, 213.4;--n-color-dark-success-color-fg-70: 198.3, 235.2, 223.8;--n-color-dark-success-color-fg-80: 217.2, 241.8, 234.2;--n-color-dark-success-color-fg-90: 236.1, 248.4, 244.6;--n-color-dark-success-color-bg-10: 62.3, 173.2, 139.5;--n-color-dark-success-color-bg-20: 58.6, 157.4, 128;--n-color-dark-success-color-bg-30: 54.9, 141.6, 116.5;--n-color-dark-success-color-bg-40: 51.2, 125.8, 105;--n-color-dark-success-color-bg-50: 47.5, 110, 93.5;--n-color-dark-success-color-bg-60: 43.8, 94.2, 82;--n-color-dark-success-color-bg-70: 40.1, 78.4, 70.5;--n-color-dark-success-color-bg-80: 36.4, 62.6, 59;--n-color-dark-success-color-bg-90: 32.7, 46.8, 47.5;--n-color-dark-warning-text: 255, 255, 255;--n-color-dark-warning-color: 237, 158, 90;--n-color-dark-warning-color-fg-10: 238.8, 167.7, 106.5;--n-color-dark-warning-color-fg-20: 240.6, 177.4, 123;--n-color-dark-warning-color-fg-30: 242.4, 187.1, 139.5;--n-color-dark-warning-color-fg-40: 244.2, 196.8, 156;--n-color-dark-warning-color-fg-50: 246, 206.5, 172.5;--n-color-dark-warning-color-fg-60: 247.8, 216.2, 189;--n-color-dark-warning-color-fg-70: 249.6, 225.9, 205.5;--n-color-dark-warning-color-fg-80: 251.4, 235.6, 222;--n-color-dark-warning-color-fg-90: 253.2, 245.3, 238.5;--n-color-dark-warning-color-bg-10: 216.2, 145.3, 84.6;--n-color-dark-warning-color-bg-20: 195.4, 132.6, 79.2;--n-color-dark-warning-color-bg-30: 174.6, 119.9, 73.8;--n-color-dark-warning-color-bg-40: 153.8, 107.2, 68.4;--n-color-dark-warning-color-bg-50: 133, 94.5, 63;--n-color-dark-warning-color-bg-60: 112.2, 81.8, 57.6;--n-color-dark-warning-color-bg-70: 91.4, 69.1, 52.2;--n-color-dark-warning-color-bg-80: 70.6, 56.4, 46.8;--n-color-dark-warning-color-bg-90: 49.8, 43.7, 41.4;--n-color-dark-danger-text: 255, 255, 255;--n-color-dark-danger-color: 222, 67, 97;--n-color-dark-danger-color-fg-10: 225.3, 85.8, 112.8;--n-color-dark-danger-color-fg-20: 228.6, 104.6, 128.6;--n-color-dark-danger-color-fg-30: 231.9, 123.4, 144.4;--n-color-dark-danger-color-fg-40: 235.2, 142.2, 160.2;--n-color-dark-danger-color-fg-50: 238.5, 161, 176;--n-color-dark-danger-color-fg-60: 241.8, 179.8, 191.8;--n-color-dark-danger-color-fg-70: 245.1, 198.6, 207.6;--n-color-dark-danger-color-fg-80: 248.4, 217.4, 223.4;--n-color-dark-danger-color-fg-90: 251.7, 236.2, 239.2;--n-color-dark-danger-color-bg-10: 202.7, 63.4, 90.9;--n-color-dark-danger-color-bg-20: 183.4, 59.8, 84.8;--n-color-dark-danger-color-bg-30: 164.1, 56.2, 78.7;--n-color-dark-danger-color-bg-40: 144.8, 52.6, 72.6;--n-color-dark-danger-color-bg-50: 125.5, 49, 66.5;--n-color-dark-danger-color-bg-60: 106.2, 45.4, 60.4;--n-color-dark-danger-color-bg-70: 86.9, 41.8, 54.3;--n-color-dark-danger-color-bg-80: 67.6, 38.2, 48.2;--n-color-dark-danger-color-bg-90: 48.3, 34.6, 42.1;--n-color-dark-info-text: 255, 255, 255;--n-color-dark-info-color: 81, 189, 214;--n-color-dark-info-color-fg-10: 98.4, 195.6, 218.1;--n-color-dark-info-color-fg-20: 115.8, 202.2, 222.2;--n-color-dark-info-color-fg-30: 133.2, 208.8, 226.3;--n-color-dark-info-color-fg-40: 150.6, 215.4, 230.4;--n-color-dark-info-color-fg-50: 168, 222, 234.5;--n-color-dark-info-color-fg-60: 185.4, 228.6, 238.6;--n-color-dark-info-color-fg-70: 202.8, 235.2, 242.7;--n-color-dark-info-color-fg-80: 220.2, 241.8, 246.8;--n-color-dark-info-color-fg-90: 237.6, 248.4, 250.9;--n-color-dark-info-color-bg-10: 75.8, 173.2, 196.2;--n-color-dark-info-color-bg-20: 70.6, 157.4, 178.4;--n-color-dark-info-color-bg-30: 65.4, 141.6, 160.6;--n-color-dark-info-color-bg-40: 60.2, 125.8, 142.8;--n-color-dark-info-color-bg-50: 55, 110, 125;--n-color-dark-info-color-bg-60: 49.8, 94.2, 107.2;--n-color-dark-info-color-bg-70: 44.6, 78.4, 89.4;--n-color-dark-info-color-bg-80: 39.4, 62.6, 71.6;--n-color-dark-info-color-bg-90: 34.2, 46.8, 53.8;--n-color-dark-white: 255, 255, 255;--n-color-dark-black: 29, 31, 36;--n-color-dark-text: 227, 227, 227;--n-color-dark-shadow: 0, 0, 0;--n-color-dark-tooltip: 22, 22, 22;--n-color-dark-popover: 29, 31, 36;--n-color-dark-modal: 12, 12, 18;--n-color-dark-confirm: 12, 12, 18;--n-color-dark-foreground: 255, 255, 255;--n-color-dark-background: 29, 31, 36;--n-color-dark-form: 40.3, 42.2, 46.95;--n-color-dark-form-input: 29, 31, 36;--n-color-dark-form-disabled: 29, 31, 36;--n-color-dark-gray-05: 40.3, 42.2, 46.95;--n-color-dark-gray-10: 51.6, 53.4, 57.9;--n-color-dark-gray-15: 62.9, 64.6, 68.85;--n-color-dark-gray-20: 74.2, 75.8, 79.8;--n-color-dark-gray-25: 85.5, 87, 90.75;--n-color-dark-gray-30: 96.8, 98.2, 101.7;--n-color-dark-gray-35: 108.1, 109.4, 112.65;--n-color-dark-gray-40: 119.4, 120.6, 123.6;--n-color-dark-gray-45: 130.7, 131.8, 134.55;--n-color-dark-gray-50: 142, 143, 145.5;--n-color-dark-gray-55: 153.3, 154.2, 156.45;--n-color-dark-gray-60: 164.6, 165.4, 167.4;--n-color-dark-gray-65: 175.9, 176.6, 178.35;--n-color-dark-gray-70: 187.2, 187.8, 189.3;--n-color-dark-gray-75: 198.5, 199, 200.25;--n-color-dark-gray-80: 209.8, 210.2, 211.2;--n-color-dark-gray-85: 221.1, 221.4, 222.15;--n-color-dark-gray-90: 232.4, 232.6, 233.1;--n-color-dark-gray-95: 243.7, 243.8, 244.05;--n-color-dark-tag-0: 215, 66, 66;--n-color-dark-tag-1: 215, 99, 66;--n-color-dark-tag-2: 215, 132, 66;--n-color-dark-tag-3: 215, 161, 66;--n-color-dark-tag-4: 194, 167, 50;--n-color-dark-tag-5: 162, 176, 46;--n-color-dark-tag-6: 139, 181, 49;--n-color-dark-tag-7: 94, 191, 54;--n-color-dark-tag-8: 58, 199, 120;--n-color-dark-tag-9: 57, 196, 152;--n-color-dark-tag-10: 55, 191, 191;--n-color-dark-tag-11: 66, 176, 215;--n-color-dark-tag-12: 66, 139, 215;--n-color-dark-tag-13: 67, 74, 229;--n-color-dark-tag-14: 92, 66, 215;--n-color-dark-tag-15: 120, 66, 215;--n-color-dark-tag-16: 149, 66, 215;--n-color-dark-tag-17: 215, 66, 205;--n-color-dark-tag-18: 215, 66, 133;--n-color-dark-tag-19: 215, 66, 96}[class*=n-theme--]{color:rgb(var(--n-color-text))}:root{--n-color-neutral-text: var(--n-color-dark-neutral-text);--n-color-neutral-color: var(--n-color-dark-neutral-color);--n-color-neutral-color-fg-10: var(--n-color-dark-neutral-color-fg-10);--n-color-neutral-color-fg-20: var(--n-color-dark-neutral-color-fg-20);--n-color-neutral-color-fg-30: var(--n-color-dark-neutral-color-fg-30);--n-color-neutral-color-fg-40: var(--n-color-dark-neutral-color-fg-40);--n-color-neutral-color-fg-50: var(--n-color-dark-neutral-color-fg-50);--n-color-neutral-color-fg-60: var(--n-color-dark-neutral-color-fg-60);--n-color-neutral-color-fg-70: var(--n-color-dark-neutral-color-fg-70);--n-color-neutral-color-fg-80: var(--n-color-dark-neutral-color-fg-80);--n-color-neutral-color-fg-90: var(--n-color-dark-neutral-color-fg-90);--n-color-neutral-color-bg-10: var(--n-color-dark-neutral-color-bg-10);--n-color-neutral-color-bg-20: var(--n-color-dark-neutral-color-bg-20);--n-color-neutral-color-bg-30: var(--n-color-dark-neutral-color-bg-30);--n-color-neutral-color-bg-40: var(--n-color-dark-neutral-color-bg-40);--n-color-neutral-color-bg-50: var(--n-color-dark-neutral-color-bg-50);--n-color-neutral-color-bg-60: var(--n-color-dark-neutral-color-bg-60);--n-color-neutral-color-bg-70: var(--n-color-dark-neutral-color-bg-70);--n-color-neutral-color-bg-80: var(--n-color-dark-neutral-color-bg-80);--n-color-neutral-color-bg-90: var(--n-color-dark-neutral-color-bg-90);--n-color-primary-text: var(--n-color-dark-primary-text);--n-color-primary-color: var(--n-color-dark-primary-color);--n-color-primary-color-fg-10: var(--n-color-dark-primary-color-fg-10);--n-color-primary-color-fg-20: var(--n-color-dark-primary-color-fg-20);--n-color-primary-color-fg-30: var(--n-color-dark-primary-color-fg-30);--n-color-primary-color-fg-40: var(--n-color-dark-primary-color-fg-40);--n-color-primary-color-fg-50: var(--n-color-dark-primary-color-fg-50);--n-color-primary-color-fg-60: var(--n-color-dark-primary-color-fg-60);--n-color-primary-color-fg-70: var(--n-color-dark-primary-color-fg-70);--n-color-primary-color-fg-80: var(--n-color-dark-primary-color-fg-80);--n-color-primary-color-fg-90: var(--n-color-dark-primary-color-fg-90);--n-color-primary-color-bg-10: var(--n-color-dark-primary-color-bg-10);--n-color-primary-color-bg-20: var(--n-color-dark-primary-color-bg-20);--n-color-primary-color-bg-30: var(--n-color-dark-primary-color-bg-30);--n-color-primary-color-bg-40: var(--n-color-dark-primary-color-bg-40);--n-color-primary-color-bg-50: var(--n-color-dark-primary-color-bg-50);--n-color-primary-color-bg-60: var(--n-color-dark-primary-color-bg-60);--n-color-primary-color-bg-70: var(--n-color-dark-primary-color-bg-70);--n-color-primary-color-bg-80: var(--n-color-dark-primary-color-bg-80);--n-color-primary-color-bg-90: var(--n-color-dark-primary-color-bg-90);--n-color-secondary-text: var(--n-color-dark-secondary-text);--n-color-secondary-color: var(--n-color-dark-secondary-color);--n-color-secondary-color-fg-10: var(--n-color-dark-secondary-color-fg-10);--n-color-secondary-color-fg-20: var(--n-color-dark-secondary-color-fg-20);--n-color-secondary-color-fg-30: var(--n-color-dark-secondary-color-fg-30);--n-color-secondary-color-fg-40: var(--n-color-dark-secondary-color-fg-40);--n-color-secondary-color-fg-50: var(--n-color-dark-secondary-color-fg-50);--n-color-secondary-color-fg-60: var(--n-color-dark-secondary-color-fg-60);--n-color-secondary-color-fg-70: var(--n-color-dark-secondary-color-fg-70);--n-color-secondary-color-fg-80: var(--n-color-dark-secondary-color-fg-80);--n-color-secondary-color-fg-90: var(--n-color-dark-secondary-color-fg-90);--n-color-secondary-color-bg-10: var(--n-color-dark-secondary-color-bg-10);--n-color-secondary-color-bg-20: var(--n-color-dark-secondary-color-bg-20);--n-color-secondary-color-bg-30: var(--n-color-dark-secondary-color-bg-30);--n-color-secondary-color-bg-40: var(--n-color-dark-secondary-color-bg-40);--n-color-secondary-color-bg-50: var(--n-color-dark-secondary-color-bg-50);--n-color-secondary-color-bg-60: var(--n-color-dark-secondary-color-bg-60);--n-color-secondary-color-bg-70: var(--n-color-dark-secondary-color-bg-70);--n-color-secondary-color-bg-80: var(--n-color-dark-secondary-color-bg-80);--n-color-secondary-color-bg-90: var(--n-color-dark-secondary-color-bg-90);--n-color-success-text: var(--n-color-dark-success-text);--n-color-success-color: var(--n-color-dark-success-color);--n-color-success-color-fg-10: var(--n-color-dark-success-color-fg-10);--n-color-success-color-fg-20: var(--n-color-dark-success-color-fg-20);--n-color-success-color-fg-30: var(--n-color-dark-success-color-fg-30);--n-color-success-color-fg-40: var(--n-color-dark-success-color-fg-40);--n-color-success-color-fg-50: var(--n-color-dark-success-color-fg-50);--n-color-success-color-fg-60: var(--n-color-dark-success-color-fg-60);--n-color-success-color-fg-70: var(--n-color-dark-success-color-fg-70);--n-color-success-color-fg-80: var(--n-color-dark-success-color-fg-80);--n-color-success-color-fg-90: var(--n-color-dark-success-color-fg-90);--n-color-success-color-bg-10: var(--n-color-dark-success-color-bg-10);--n-color-success-color-bg-20: var(--n-color-dark-success-color-bg-20);--n-color-success-color-bg-30: var(--n-color-dark-success-color-bg-30);--n-color-success-color-bg-40: var(--n-color-dark-success-color-bg-40);--n-color-success-color-bg-50: var(--n-color-dark-success-color-bg-50);--n-color-success-color-bg-60: var(--n-color-dark-success-color-bg-60);--n-color-success-color-bg-70: var(--n-color-dark-success-color-bg-70);--n-color-success-color-bg-80: var(--n-color-dark-success-color-bg-80);--n-color-success-color-bg-90: var(--n-color-dark-success-color-bg-90);--n-color-warning-text: var(--n-color-dark-warning-text);--n-color-warning-color: var(--n-color-dark-warning-color);--n-color-warning-color-fg-10: var(--n-color-dark-warning-color-fg-10);--n-color-warning-color-fg-20: var(--n-color-dark-warning-color-fg-20);--n-color-warning-color-fg-30: var(--n-color-dark-warning-color-fg-30);--n-color-warning-color-fg-40: var(--n-color-dark-warning-color-fg-40);--n-color-warning-color-fg-50: var(--n-color-dark-warning-color-fg-50);--n-color-warning-color-fg-60: var(--n-color-dark-warning-color-fg-60);--n-color-warning-color-fg-70: var(--n-color-dark-warning-color-fg-70);--n-color-warning-color-fg-80: var(--n-color-dark-warning-color-fg-80);--n-color-warning-color-fg-90: var(--n-color-dark-warning-color-fg-90);--n-color-warning-color-bg-10: var(--n-color-dark-warning-color-bg-10);--n-color-warning-color-bg-20: var(--n-color-dark-warning-color-bg-20);--n-color-warning-color-bg-30: var(--n-color-dark-warning-color-bg-30);--n-color-warning-color-bg-40: var(--n-color-dark-warning-color-bg-40);--n-color-warning-color-bg-50: var(--n-color-dark-warning-color-bg-50);--n-color-warning-color-bg-60: var(--n-color-dark-warning-color-bg-60);--n-color-warning-color-bg-70: var(--n-color-dark-warning-color-bg-70);--n-color-warning-color-bg-80: var(--n-color-dark-warning-color-bg-80);--n-color-warning-color-bg-90: var(--n-color-dark-warning-color-bg-90);--n-color-danger-text: var(--n-color-dark-danger-text);--n-color-danger-color: var(--n-color-dark-danger-color);--n-color-danger-color-fg-10: var(--n-color-dark-danger-color-fg-10);--n-color-danger-color-fg-20: var(--n-color-dark-danger-color-fg-20);--n-color-danger-color-fg-30: var(--n-color-dark-danger-color-fg-30);--n-color-danger-color-fg-40: var(--n-color-dark-danger-color-fg-40);--n-color-danger-color-fg-50: var(--n-color-dark-danger-color-fg-50);--n-color-danger-color-fg-60: var(--n-color-dark-danger-color-fg-60);--n-color-danger-color-fg-70: var(--n-color-dark-danger-color-fg-70);--n-color-danger-color-fg-80: var(--n-color-dark-danger-color-fg-80);--n-color-danger-color-fg-90: var(--n-color-dark-danger-color-fg-90);--n-color-danger-color-bg-10: var(--n-color-dark-danger-color-bg-10);--n-color-danger-color-bg-20: var(--n-color-dark-danger-color-bg-20);--n-color-danger-color-bg-30: var(--n-color-dark-danger-color-bg-30);--n-color-danger-color-bg-40: var(--n-color-dark-danger-color-bg-40);--n-color-danger-color-bg-50: var(--n-color-dark-danger-color-bg-50);--n-color-danger-color-bg-60: var(--n-color-dark-danger-color-bg-60);--n-color-danger-color-bg-70: var(--n-color-dark-danger-color-bg-70);--n-color-danger-color-bg-80: var(--n-color-dark-danger-color-bg-80);--n-color-danger-color-bg-90: var(--n-color-dark-danger-color-bg-90);--n-color-info-text: var(--n-color-dark-info-text);--n-color-info-color: var(--n-color-dark-info-color);--n-color-info-color-fg-10: var(--n-color-dark-info-color-fg-10);--n-color-info-color-fg-20: var(--n-color-dark-info-color-fg-20);--n-color-info-color-fg-30: var(--n-color-dark-info-color-fg-30);--n-color-info-color-fg-40: var(--n-color-dark-info-color-fg-40);--n-color-info-color-fg-50: var(--n-color-dark-info-color-fg-50);--n-color-info-color-fg-60: var(--n-color-dark-info-color-fg-60);--n-color-info-color-fg-70: var(--n-color-dark-info-color-fg-70);--n-color-info-color-fg-80: var(--n-color-dark-info-color-fg-80);--n-color-info-color-fg-90: var(--n-color-dark-info-color-fg-90);--n-color-info-color-bg-10: var(--n-color-dark-info-color-bg-10);--n-color-info-color-bg-20: var(--n-color-dark-info-color-bg-20);--n-color-info-color-bg-30: var(--n-color-dark-info-color-bg-30);--n-color-info-color-bg-40: var(--n-color-dark-info-color-bg-40);--n-color-info-color-bg-50: var(--n-color-dark-info-color-bg-50);--n-color-info-color-bg-60: var(--n-color-dark-info-color-bg-60);--n-color-info-color-bg-70: var(--n-color-dark-info-color-bg-70);--n-color-info-color-bg-80: var(--n-color-dark-info-color-bg-80);--n-color-info-color-bg-90: var(--n-color-dark-info-color-bg-90)}.n-theme--light [class*="--neutral"]{--n-color-base-text: var(--n-color-light-neutral-text);--n-color-base-color: var(--n-color-light-neutral-color);--n-color-base-color-fg-10: var(--n-color-light-neutral-color-fg-10);--n-color-base-color-fg-20: var(--n-color-light-neutral-color-fg-20);--n-color-base-color-fg-30: var(--n-color-light-neutral-color-fg-30);--n-color-base-color-fg-40: var(--n-color-light-neutral-color-fg-40);--n-color-base-color-fg-50: var(--n-color-light-neutral-color-fg-50);--n-color-base-color-fg-60: var(--n-color-light-neutral-color-fg-60);--n-color-base-color-fg-70: var(--n-color-light-neutral-color-fg-70);--n-color-base-color-fg-80: var(--n-color-light-neutral-color-fg-80);--n-color-base-color-fg-90: var(--n-color-light-neutral-color-fg-90);--n-color-base-color-bg-10: var(--n-color-light-neutral-color-bg-10);--n-color-base-color-bg-20: var(--n-color-light-neutral-color-bg-20);--n-color-base-color-bg-30: var(--n-color-light-neutral-color-bg-30);--n-color-base-color-bg-40: var(--n-color-light-neutral-color-bg-40);--n-color-base-color-bg-50: var(--n-color-light-neutral-color-bg-50);--n-color-base-color-bg-60: var(--n-color-light-neutral-color-bg-60);--n-color-base-color-bg-70: var(--n-color-light-neutral-color-bg-70);--n-color-base-color-bg-80: var(--n-color-light-neutral-color-bg-80);--n-color-base-color-bg-90: var(--n-color-light-neutral-color-bg-90)}.n-theme--light [class*="--primary"]{--n-color-base-text: var(--n-color-light-primary-text);--n-color-base-color: var(--n-color-light-primary-color);--n-color-base-color-fg-10: var(--n-color-light-primary-color-fg-10);--n-color-base-color-fg-20: var(--n-color-light-primary-color-fg-20);--n-color-base-color-fg-30: var(--n-color-light-primary-color-fg-30);--n-color-base-color-fg-40: var(--n-color-light-primary-color-fg-40);--n-color-base-color-fg-50: var(--n-color-light-primary-color-fg-50);--n-color-base-color-fg-60: var(--n-color-light-primary-color-fg-60);--n-color-base-color-fg-70: var(--n-color-light-primary-color-fg-70);--n-color-base-color-fg-80: var(--n-color-light-primary-color-fg-80);--n-color-base-color-fg-90: var(--n-color-light-primary-color-fg-90);--n-color-base-color-bg-10: var(--n-color-light-primary-color-bg-10);--n-color-base-color-bg-20: var(--n-color-light-primary-color-bg-20);--n-color-base-color-bg-30: var(--n-color-light-primary-color-bg-30);--n-color-base-color-bg-40: var(--n-color-light-primary-color-bg-40);--n-color-base-color-bg-50: var(--n-color-light-primary-color-bg-50);--n-color-base-color-bg-60: var(--n-color-light-primary-color-bg-60);--n-color-base-color-bg-70: var(--n-color-light-primary-color-bg-70);--n-color-base-color-bg-80: var(--n-color-light-primary-color-bg-80);--n-color-base-color-bg-90: var(--n-color-light-primary-color-bg-90)}.n-theme--light [class*="--secondary"]{--n-color-base-text: var(--n-color-light-secondary-text);--n-color-base-color: var(--n-color-light-secondary-color);--n-color-base-color-fg-10: var(--n-color-light-secondary-color-fg-10);--n-color-base-color-fg-20: var(--n-color-light-secondary-color-fg-20);--n-color-base-color-fg-30: var(--n-color-light-secondary-color-fg-30);--n-color-base-color-fg-40: var(--n-color-light-secondary-color-fg-40);--n-color-base-color-fg-50: var(--n-color-light-secondary-color-fg-50);--n-color-base-color-fg-60: var(--n-color-light-secondary-color-fg-60);--n-color-base-color-fg-70: var(--n-color-light-secondary-color-fg-70);--n-color-base-color-fg-80: var(--n-color-light-secondary-color-fg-80);--n-color-base-color-fg-90: var(--n-color-light-secondary-color-fg-90);--n-color-base-color-bg-10: var(--n-color-light-secondary-color-bg-10);--n-color-base-color-bg-20: var(--n-color-light-secondary-color-bg-20);--n-color-base-color-bg-30: var(--n-color-light-secondary-color-bg-30);--n-color-base-color-bg-40: var(--n-color-light-secondary-color-bg-40);--n-color-base-color-bg-50: var(--n-color-light-secondary-color-bg-50);--n-color-base-color-bg-60: var(--n-color-light-secondary-color-bg-60);--n-color-base-color-bg-70: var(--n-color-light-secondary-color-bg-70);--n-color-base-color-bg-80: var(--n-color-light-secondary-color-bg-80);--n-color-base-color-bg-90: var(--n-color-light-secondary-color-bg-90)}.n-theme--light [class*="--success"]{--n-color-base-text: var(--n-color-light-success-text);--n-color-base-color: var(--n-color-light-success-color);--n-color-base-color-fg-10: var(--n-color-light-success-color-fg-10);--n-color-base-color-fg-20: var(--n-color-light-success-color-fg-20);--n-color-base-color-fg-30: var(--n-color-light-success-color-fg-30);--n-color-base-color-fg-40: var(--n-color-light-success-color-fg-40);--n-color-base-color-fg-50: var(--n-color-light-success-color-fg-50);--n-color-base-color-fg-60: var(--n-color-light-success-color-fg-60);--n-color-base-color-fg-70: var(--n-color-light-success-color-fg-70);--n-color-base-color-fg-80: var(--n-color-light-success-color-fg-80);--n-color-base-color-fg-90: var(--n-color-light-success-color-fg-90);--n-color-base-color-bg-10: var(--n-color-light-success-color-bg-10);--n-color-base-color-bg-20: var(--n-color-light-success-color-bg-20);--n-color-base-color-bg-30: var(--n-color-light-success-color-bg-30);--n-color-base-color-bg-40: var(--n-color-light-success-color-bg-40);--n-color-base-color-bg-50: var(--n-color-light-success-color-bg-50);--n-color-base-color-bg-60: var(--n-color-light-success-color-bg-60);--n-color-base-color-bg-70: var(--n-color-light-success-color-bg-70);--n-color-base-color-bg-80: var(--n-color-light-success-color-bg-80);--n-color-base-color-bg-90: var(--n-color-light-success-color-bg-90)}.n-theme--light [class*="--warning"]{--n-color-base-text: var(--n-color-light-warning-text);--n-color-base-color: var(--n-color-light-warning-color);--n-color-base-color-fg-10: var(--n-color-light-warning-color-fg-10);--n-color-base-color-fg-20: var(--n-color-light-warning-color-fg-20);--n-color-base-color-fg-30: var(--n-color-light-warning-color-fg-30);--n-color-base-color-fg-40: var(--n-color-light-warning-color-fg-40);--n-color-base-color-fg-50: var(--n-color-light-warning-color-fg-50);--n-color-base-color-fg-60: var(--n-color-light-warning-color-fg-60);--n-color-base-color-fg-70: var(--n-color-light-warning-color-fg-70);--n-color-base-color-fg-80: var(--n-color-light-warning-color-fg-80);--n-color-base-color-fg-90: var(--n-color-light-warning-color-fg-90);--n-color-base-color-bg-10: var(--n-color-light-warning-color-bg-10);--n-color-base-color-bg-20: var(--n-color-light-warning-color-bg-20);--n-color-base-color-bg-30: var(--n-color-light-warning-color-bg-30);--n-color-base-color-bg-40: var(--n-color-light-warning-color-bg-40);--n-color-base-color-bg-50: var(--n-color-light-warning-color-bg-50);--n-color-base-color-bg-60: var(--n-color-light-warning-color-bg-60);--n-color-base-color-bg-70: var(--n-color-light-warning-color-bg-70);--n-color-base-color-bg-80: var(--n-color-light-warning-color-bg-80);--n-color-base-color-bg-90: var(--n-color-light-warning-color-bg-90)}.n-theme--light [class*="--danger"]{--n-color-base-text: var(--n-color-light-danger-text);--n-color-base-color: var(--n-color-light-danger-color);--n-color-base-color-fg-10: var(--n-color-light-danger-color-fg-10);--n-color-base-color-fg-20: var(--n-color-light-danger-color-fg-20);--n-color-base-color-fg-30: var(--n-color-light-danger-color-fg-30);--n-color-base-color-fg-40: var(--n-color-light-danger-color-fg-40);--n-color-base-color-fg-50: var(--n-color-light-danger-color-fg-50);--n-color-base-color-fg-60: var(--n-color-light-danger-color-fg-60);--n-color-base-color-fg-70: var(--n-color-light-danger-color-fg-70);--n-color-base-color-fg-80: var(--n-color-light-danger-color-fg-80);--n-color-base-color-fg-90: var(--n-color-light-danger-color-fg-90);--n-color-base-color-bg-10: var(--n-color-light-danger-color-bg-10);--n-color-base-color-bg-20: var(--n-color-light-danger-color-bg-20);--n-color-base-color-bg-30: var(--n-color-light-danger-color-bg-30);--n-color-base-color-bg-40: var(--n-color-light-danger-color-bg-40);--n-color-base-color-bg-50: var(--n-color-light-danger-color-bg-50);--n-color-base-color-bg-60: var(--n-color-light-danger-color-bg-60);--n-color-base-color-bg-70: var(--n-color-light-danger-color-bg-70);--n-color-base-color-bg-80: var(--n-color-light-danger-color-bg-80);--n-color-base-color-bg-90: var(--n-color-light-danger-color-bg-90)}.n-theme--light [class*="--info"]{--n-color-base-text: var(--n-color-light-info-text);--n-color-base-color: var(--n-color-light-info-color);--n-color-base-color-fg-10: var(--n-color-light-info-color-fg-10);--n-color-base-color-fg-20: var(--n-color-light-info-color-fg-20);--n-color-base-color-fg-30: var(--n-color-light-info-color-fg-30);--n-color-base-color-fg-40: var(--n-color-light-info-color-fg-40);--n-color-base-color-fg-50: var(--n-color-light-info-color-fg-50);--n-color-base-color-fg-60: var(--n-color-light-info-color-fg-60);--n-color-base-color-fg-70: var(--n-color-light-info-color-fg-70);--n-color-base-color-fg-80: var(--n-color-light-info-color-fg-80);--n-color-base-color-fg-90: var(--n-color-light-info-color-fg-90);--n-color-base-color-bg-10: var(--n-color-light-info-color-bg-10);--n-color-base-color-bg-20: var(--n-color-light-info-color-bg-20);--n-color-base-color-bg-30: var(--n-color-light-info-color-bg-30);--n-color-base-color-bg-40: var(--n-color-light-info-color-bg-40);--n-color-base-color-bg-50: var(--n-color-light-info-color-bg-50);--n-color-base-color-bg-60: var(--n-color-light-info-color-bg-60);--n-color-base-color-bg-70: var(--n-color-light-info-color-bg-70);--n-color-base-color-bg-80: var(--n-color-light-info-color-bg-80);--n-color-base-color-bg-90: var(--n-color-light-info-color-bg-90)}.n-theme--light{--n-color-white: var(--n-color-light-white);--n-color-black: var(--n-color-light-black);--n-color-text: var(--n-color-light-text);--n-color-shadow: var(--n-color-light-shadow);--n-color-tooltip: var(--n-color-light-tooltip);--n-color-popover: var(--n-color-light-popover);--n-color-modal: var(--n-color-light-modal);--n-color-confirm: var(--n-color-light-confirm);--n-color-foreground: var(--n-color-light-foreground);--n-color-background: var(--n-color-light-background);--n-color-form: var(--n-color-light-form);--n-color-form-input: var(--n-color-light-form-input);--n-color-form-disabled: var(--n-color-light-form-disabled);--n-color-gray-05: var(--n-color-light-gray-05);--n-color-gray-10: var(--n-color-light-gray-10);--n-color-gray-15: var(--n-color-light-gray-15);--n-color-gray-20: var(--n-color-light-gray-20);--n-color-gray-25: var(--n-color-light-gray-25);--n-color-gray-30: var(--n-color-light-gray-30);--n-color-gray-35: var(--n-color-light-gray-35);--n-color-gray-40: var(--n-color-light-gray-40);--n-color-gray-45: var(--n-color-light-gray-45);--n-color-gray-50: var(--n-color-light-gray-50);--n-color-gray-55: var(--n-color-light-gray-55);--n-color-gray-60: var(--n-color-light-gray-60);--n-color-gray-65: var(--n-color-light-gray-65);--n-color-gray-70: var(--n-color-light-gray-70);--n-color-gray-75: var(--n-color-light-gray-75);--n-color-gray-80: var(--n-color-light-gray-80);--n-color-gray-85: var(--n-color-light-gray-85);--n-color-gray-90: var(--n-color-light-gray-90);--n-color-gray-95: var(--n-color-light-gray-95);--n-color-tag-0: var(--n-color-light-tag-0);--n-color-tag-1: var(--n-color-light-tag-1);--n-color-tag-2: var(--n-color-light-tag-2);--n-color-tag-3: var(--n-color-light-tag-3);--n-color-tag-4: var(--n-color-light-tag-4);--n-color-tag-5: var(--n-color-light-tag-5);--n-color-tag-6: var(--n-color-light-tag-6);--n-color-tag-7: var(--n-color-light-tag-7);--n-color-tag-8: var(--n-color-light-tag-8);--n-color-tag-9: var(--n-color-light-tag-9);--n-color-tag-10: var(--n-color-light-tag-10);--n-color-tag-11: var(--n-color-light-tag-11);--n-color-tag-12: var(--n-color-light-tag-12);--n-color-tag-13: var(--n-color-light-tag-13);--n-color-tag-14: var(--n-color-light-tag-14);--n-color-tag-15: var(--n-color-light-tag-15);--n-color-tag-16: var(--n-color-light-tag-16);--n-color-tag-17: var(--n-color-light-tag-17);--n-color-tag-18: var(--n-color-light-tag-18);--n-color-tag-19: var(--n-color-light-tag-19)}.n-theme--dark [class*="--neutral"]{--n-color-base-text: var(--n-color-dark-neutral-text);--n-color-base-color: var(--n-color-dark-neutral-color);--n-color-base-color-fg-10: var(--n-color-dark-neutral-color-fg-10);--n-color-base-color-fg-20: var(--n-color-dark-neutral-color-fg-20);--n-color-base-color-fg-30: var(--n-color-dark-neutral-color-fg-30);--n-color-base-color-fg-40: var(--n-color-dark-neutral-color-fg-40);--n-color-base-color-fg-50: var(--n-color-dark-neutral-color-fg-50);--n-color-base-color-fg-60: var(--n-color-dark-neutral-color-fg-60);--n-color-base-color-fg-70: var(--n-color-dark-neutral-color-fg-70);--n-color-base-color-fg-80: var(--n-color-dark-neutral-color-fg-80);--n-color-base-color-fg-90: var(--n-color-dark-neutral-color-fg-90);--n-color-base-color-bg-10: var(--n-color-dark-neutral-color-bg-10);--n-color-base-color-bg-20: var(--n-color-dark-neutral-color-bg-20);--n-color-base-color-bg-30: var(--n-color-dark-neutral-color-bg-30);--n-color-base-color-bg-40: var(--n-color-dark-neutral-color-bg-40);--n-color-base-color-bg-50: var(--n-color-dark-neutral-color-bg-50);--n-color-base-color-bg-60: var(--n-color-dark-neutral-color-bg-60);--n-color-base-color-bg-70: var(--n-color-dark-neutral-color-bg-70);--n-color-base-color-bg-80: var(--n-color-dark-neutral-color-bg-80);--n-color-base-color-bg-90: var(--n-color-dark-neutral-color-bg-90)}.n-theme--dark [class*="--primary"]{--n-color-base-text: var(--n-color-dark-primary-text);--n-color-base-color: var(--n-color-dark-primary-color);--n-color-base-color-fg-10: var(--n-color-dark-primary-color-fg-10);--n-color-base-color-fg-20: var(--n-color-dark-primary-color-fg-20);--n-color-base-color-fg-30: var(--n-color-dark-primary-color-fg-30);--n-color-base-color-fg-40: var(--n-color-dark-primary-color-fg-40);--n-color-base-color-fg-50: var(--n-color-dark-primary-color-fg-50);--n-color-base-color-fg-60: var(--n-color-dark-primary-color-fg-60);--n-color-base-color-fg-70: var(--n-color-dark-primary-color-fg-70);--n-color-base-color-fg-80: var(--n-color-dark-primary-color-fg-80);--n-color-base-color-fg-90: var(--n-color-dark-primary-color-fg-90);--n-color-base-color-bg-10: var(--n-color-dark-primary-color-bg-10);--n-color-base-color-bg-20: var(--n-color-dark-primary-color-bg-20);--n-color-base-color-bg-30: var(--n-color-dark-primary-color-bg-30);--n-color-base-color-bg-40: var(--n-color-dark-primary-color-bg-40);--n-color-base-color-bg-50: var(--n-color-dark-primary-color-bg-50);--n-color-base-color-bg-60: var(--n-color-dark-primary-color-bg-60);--n-color-base-color-bg-70: var(--n-color-dark-primary-color-bg-70);--n-color-base-color-bg-80: var(--n-color-dark-primary-color-bg-80);--n-color-base-color-bg-90: var(--n-color-dark-primary-color-bg-90)}.n-theme--dark [class*="--secondary"]{--n-color-base-text: var(--n-color-dark-secondary-text);--n-color-base-color: var(--n-color-dark-secondary-color);--n-color-base-color-fg-10: var(--n-color-dark-secondary-color-fg-10);--n-color-base-color-fg-20: var(--n-color-dark-secondary-color-fg-20);--n-color-base-color-fg-30: var(--n-color-dark-secondary-color-fg-30);--n-color-base-color-fg-40: var(--n-color-dark-secondary-color-fg-40);--n-color-base-color-fg-50: var(--n-color-dark-secondary-color-fg-50);--n-color-base-color-fg-60: var(--n-color-dark-secondary-color-fg-60);--n-color-base-color-fg-70: var(--n-color-dark-secondary-color-fg-70);--n-color-base-color-fg-80: var(--n-color-dark-secondary-color-fg-80);--n-color-base-color-fg-90: var(--n-color-dark-secondary-color-fg-90);--n-color-base-color-bg-10: var(--n-color-dark-secondary-color-bg-10);--n-color-base-color-bg-20: var(--n-color-dark-secondary-color-bg-20);--n-color-base-color-bg-30: var(--n-color-dark-secondary-color-bg-30);--n-color-base-color-bg-40: var(--n-color-dark-secondary-color-bg-40);--n-color-base-color-bg-50: var(--n-color-dark-secondary-color-bg-50);--n-color-base-color-bg-60: var(--n-color-dark-secondary-color-bg-60);--n-color-base-color-bg-70: var(--n-color-dark-secondary-color-bg-70);--n-color-base-color-bg-80: var(--n-color-dark-secondary-color-bg-80);--n-color-base-color-bg-90: var(--n-color-dark-secondary-color-bg-90)}.n-theme--dark [class*="--success"]{--n-color-base-text: var(--n-color-dark-success-text);--n-color-base-color: var(--n-color-dark-success-color);--n-color-base-color-fg-10: var(--n-color-dark-success-color-fg-10);--n-color-base-color-fg-20: var(--n-color-dark-success-color-fg-20);--n-color-base-color-fg-30: var(--n-color-dark-success-color-fg-30);--n-color-base-color-fg-40: var(--n-color-dark-success-color-fg-40);--n-color-base-color-fg-50: var(--n-color-dark-success-color-fg-50);--n-color-base-color-fg-60: var(--n-color-dark-success-color-fg-60);--n-color-base-color-fg-70: var(--n-color-dark-success-color-fg-70);--n-color-base-color-fg-80: var(--n-color-dark-success-color-fg-80);--n-color-base-color-fg-90: var(--n-color-dark-success-color-fg-90);--n-color-base-color-bg-10: var(--n-color-dark-success-color-bg-10);--n-color-base-color-bg-20: var(--n-color-dark-success-color-bg-20);--n-color-base-color-bg-30: var(--n-color-dark-success-color-bg-30);--n-color-base-color-bg-40: var(--n-color-dark-success-color-bg-40);--n-color-base-color-bg-50: var(--n-color-dark-success-color-bg-50);--n-color-base-color-bg-60: var(--n-color-dark-success-color-bg-60);--n-color-base-color-bg-70: var(--n-color-dark-success-color-bg-70);--n-color-base-color-bg-80: var(--n-color-dark-success-color-bg-80);--n-color-base-color-bg-90: var(--n-color-dark-success-color-bg-90)}.n-theme--dark [class*="--warning"]{--n-color-base-text: var(--n-color-dark-warning-text);--n-color-base-color: var(--n-color-dark-warning-color);--n-color-base-color-fg-10: var(--n-color-dark-warning-color-fg-10);--n-color-base-color-fg-20: var(--n-color-dark-warning-color-fg-20);--n-color-base-color-fg-30: var(--n-color-dark-warning-color-fg-30);--n-color-base-color-fg-40: var(--n-color-dark-warning-color-fg-40);--n-color-base-color-fg-50: var(--n-color-dark-warning-color-fg-50);--n-color-base-color-fg-60: var(--n-color-dark-warning-color-fg-60);--n-color-base-color-fg-70: var(--n-color-dark-warning-color-fg-70);--n-color-base-color-fg-80: var(--n-color-dark-warning-color-fg-80);--n-color-base-color-fg-90: var(--n-color-dark-warning-color-fg-90);--n-color-base-color-bg-10: var(--n-color-dark-warning-color-bg-10);--n-color-base-color-bg-20: var(--n-color-dark-warning-color-bg-20);--n-color-base-color-bg-30: var(--n-color-dark-warning-color-bg-30);--n-color-base-color-bg-40: var(--n-color-dark-warning-color-bg-40);--n-color-base-color-bg-50: var(--n-color-dark-warning-color-bg-50);--n-color-base-color-bg-60: var(--n-color-dark-warning-color-bg-60);--n-color-base-color-bg-70: var(--n-color-dark-warning-color-bg-70);--n-color-base-color-bg-80: var(--n-color-dark-warning-color-bg-80);--n-color-base-color-bg-90: var(--n-color-dark-warning-color-bg-90)}.n-theme--dark [class*="--danger"]{--n-color-base-text: var(--n-color-dark-danger-text);--n-color-base-color: var(--n-color-dark-danger-color);--n-color-base-color-fg-10: var(--n-color-dark-danger-color-fg-10);--n-color-base-color-fg-20: var(--n-color-dark-danger-color-fg-20);--n-color-base-color-fg-30: var(--n-color-dark-danger-color-fg-30);--n-color-base-color-fg-40: var(--n-color-dark-danger-color-fg-40);--n-color-base-color-fg-50: var(--n-color-dark-danger-color-fg-50);--n-color-base-color-fg-60: var(--n-color-dark-danger-color-fg-60);--n-color-base-color-fg-70: var(--n-color-dark-danger-color-fg-70);--n-color-base-color-fg-80: var(--n-color-dark-danger-color-fg-80);--n-color-base-color-fg-90: var(--n-color-dark-danger-color-fg-90);--n-color-base-color-bg-10: var(--n-color-dark-danger-color-bg-10);--n-color-base-color-bg-20: var(--n-color-dark-danger-color-bg-20);--n-color-base-color-bg-30: var(--n-color-dark-danger-color-bg-30);--n-color-base-color-bg-40: var(--n-color-dark-danger-color-bg-40);--n-color-base-color-bg-50: var(--n-color-dark-danger-color-bg-50);--n-color-base-color-bg-60: var(--n-color-dark-danger-color-bg-60);--n-color-base-color-bg-70: var(--n-color-dark-danger-color-bg-70);--n-color-base-color-bg-80: var(--n-color-dark-danger-color-bg-80);--n-color-base-color-bg-90: var(--n-color-dark-danger-color-bg-90)}.n-theme--dark [class*="--info"]{--n-color-base-text: var(--n-color-dark-info-text);--n-color-base-color: var(--n-color-dark-info-color);--n-color-base-color-fg-10: var(--n-color-dark-info-color-fg-10);--n-color-base-color-fg-20: var(--n-color-dark-info-color-fg-20);--n-color-base-color-fg-30: var(--n-color-dark-info-color-fg-30);--n-color-base-color-fg-40: var(--n-color-dark-info-color-fg-40);--n-color-base-color-fg-50: var(--n-color-dark-info-color-fg-50);--n-color-base-color-fg-60: var(--n-color-dark-info-color-fg-60);--n-color-base-color-fg-70: var(--n-color-dark-info-color-fg-70);--n-color-base-color-fg-80: var(--n-color-dark-info-color-fg-80);--n-color-base-color-fg-90: var(--n-color-dark-info-color-fg-90);--n-color-base-color-bg-10: var(--n-color-dark-info-color-bg-10);--n-color-base-color-bg-20: var(--n-color-dark-info-color-bg-20);--n-color-base-color-bg-30: var(--n-color-dark-info-color-bg-30);--n-color-base-color-bg-40: var(--n-color-dark-info-color-bg-40);--n-color-base-color-bg-50: var(--n-color-dark-info-color-bg-50);--n-color-base-color-bg-60: var(--n-color-dark-info-color-bg-60);--n-color-base-color-bg-70: var(--n-color-dark-info-color-bg-70);--n-color-base-color-bg-80: var(--n-color-dark-info-color-bg-80);--n-color-base-color-bg-90: var(--n-color-dark-info-color-bg-90)}.n-theme--dark{--n-color-white: var(--n-color-dark-white);--n-color-black: var(--n-color-dark-black);--n-color-text: var(--n-color-dark-text);--n-color-shadow: var(--n-color-dark-shadow);--n-color-tooltip: var(--n-color-dark-tooltip);--n-color-popover: var(--n-color-dark-popover);--n-color-modal: var(--n-color-dark-modal);--n-color-confirm: var(--n-color-dark-confirm);--n-color-foreground: var(--n-color-dark-foreground);--n-color-background: var(--n-color-dark-background);--n-color-form: var(--n-color-dark-form);--n-color-form-input: var(--n-color-dark-form-input);--n-color-form-disabled: var(--n-color-dark-form-disabled);--n-color-gray-05: var(--n-color-dark-gray-05);--n-color-gray-10: var(--n-color-dark-gray-10);--n-color-gray-15: var(--n-color-dark-gray-15);--n-color-gray-20: var(--n-color-dark-gray-20);--n-color-gray-25: var(--n-color-dark-gray-25);--n-color-gray-30: var(--n-color-dark-gray-30);--n-color-gray-35: var(--n-color-dark-gray-35);--n-color-gray-40: var(--n-color-dark-gray-40);--n-color-gray-45: var(--n-color-dark-gray-45);--n-color-gray-50: var(--n-color-dark-gray-50);--n-color-gray-55: var(--n-color-dark-gray-55);--n-color-gray-60: var(--n-color-dark-gray-60);--n-color-gray-65: var(--n-color-dark-gray-65);--n-color-gray-70: var(--n-color-dark-gray-70);--n-color-gray-75: var(--n-color-dark-gray-75);--n-color-gray-80: var(--n-color-dark-gray-80);--n-color-gray-85: var(--n-color-dark-gray-85);--n-color-gray-90: var(--n-color-dark-gray-90);--n-color-gray-95: var(--n-color-dark-gray-95);--n-color-tag-0: var(--n-color-dark-tag-0);--n-color-tag-1: var(--n-color-dark-tag-1);--n-color-tag-2: var(--n-color-dark-tag-2);--n-color-tag-3: var(--n-color-dark-tag-3);--n-color-tag-4: var(--n-color-dark-tag-4);--n-color-tag-5: var(--n-color-dark-tag-5);--n-color-tag-6: var(--n-color-dark-tag-6);--n-color-tag-7: var(--n-color-dark-tag-7);--n-color-tag-8: var(--n-color-dark-tag-8);--n-color-tag-9: var(--n-color-dark-tag-9);--n-color-tag-10: var(--n-color-dark-tag-10);--n-color-tag-11: var(--n-color-dark-tag-11);--n-color-tag-12: var(--n-color-dark-tag-12);--n-color-tag-13: var(--n-color-dark-tag-13);--n-color-tag-14: var(--n-color-dark-tag-14);--n-color-tag-15: var(--n-color-dark-tag-15);--n-color-tag-16: var(--n-color-dark-tag-16);--n-color-tag-17: var(--n-color-dark-tag-17);--n-color-tag-18: var(--n-color-dark-tag-18);--n-color-tag-19: var(--n-color-dark-tag-19)}

package/src/alert/index.js

@@ -1,16 +0,0 @@
-import AlertHandler from "./src/alert/alert-handler.mjs";
-
-export default function (App) {
-
-    window.AlertIcons = pi.Obj.assign(window.nano.Icons,
-        window.AlertIcons || {});
-
-    let directives = [
-        AlertHandler
-    ];
-
-    pi.Arr.each(directives, (glob) => {
-        App.config.globalProperties[glob.alias] = window[glob.alias] = glob;
-    });
-
-}

package/src/alert/index.scss

@@ -1 +0,0 @@
-@forward "./src/alert/alert";

package/src/alert/src/alert/alert-handler.mjs

@@ -1,143 +0,0 @@
-import { Mix, Run, Obj, Dom, Locale, Arr, Hash } from "@kizmann/pico-js";
-
-
-export class AlertHandler
-{
-    static alias = 'Alert';
-
-    modal = null;
-
-    options = {
-        text: '', size: 'md', type: 'primary',
-    };
-
-    static make(text, type = 'primary', options = {})
-    {
-        options = {
-            text, type
-        };
-
-        return new AlertHandler(options).render();
-    }
-
-    constructor(options = {})
-    {
-        this.options = Obj.assign(this.options, options, {
-            uid: Hash.uuid(),
-        });
-    }
-
-    close()
-    {
-        this.unbindEvents();
-        this.modal.remove();
-
-        Dom.find(document.body).style({
-            'overflow': 'undefined'
-        });
-    }
-
-    renderIcon(el)
-    {
-        let icon = Obj.get(window.AlertIcons, this.options.type, 'fa fa-ghost');
-
-        let child = Dom.make('div', {
-            classList: 'n-alert__icon', innerHTML: `<i class="n-icon ${icon}"></i>`
-        });
-
-        child.appendTo(el);
-    }
-
-    renderText(el)
-    {
-        let child = Dom.make('div', {
-            classList: 'n-alert__text', innerHTML: `<p>${this.options.text}</p>`
-        });
-
-        child.appendTo(el);
-    }
-
-    bindEvents()
-    {
-        let { uid } = this.options;
-
-        Dom.find(window).on('keydown', (e) => {
-            if ( e.keyCode === 27 ) {
-                e.stopPropagation(); this.close();
-            }
-        }, { uid });
-
-        Dom.find(this.modal).on('click', (e) => {
-            if ( ! Dom.find(e.target).inside('.n-alert-frame') ) {
-                this.close();
-            }
-        }, { uid });
-
-        Run.delay(() => {
-            Dom.find(this.modal).addClass('n-ready');
-        });
-    }
-
-    unbindEvents()
-    {
-        let { uid } = this.options;
-
-        Dom.find(window).off('keydown', null, {
-            uid
-        });
-
-        Dom.find(this.modal).off('click', null, {
-            uid
-        });
-    }
-
-    render()
-    {
-        let cls = Obj.get(this.options, 'class', []);
-
-        if ( Mix.isString(cls) ) {
-            cls = cls.split(' ');
-        }
-
-        let classList = [
-            'n-alert',
-            'n-alert--' + this.options.size,
-            'n-alert--' + this.options.type,
-        ];
-
-        classList.push('n-theme--dark');
-
-        let modal = Dom.make('div', {
-            classList: Arr.merge(classList, cls).join(' ')
-        });
-
-        let frame = Dom.make('div', {
-            classList: ['n-alert-frame']
-        });
-
-        frame.appendTo(modal);
-
-        let body = Dom.make('div', {
-            classList: ['n-alert__body']
-        });
-
-        body.appendTo(frame);
-
-        this.renderIcon(body);
-        this.renderText(body);
-
-        Dom.find(document.body).style({
-            'overflow': 'hidden'
-        });
-
-        modal.appendTo(document.body);
-
-        requestAnimationFrame(() => {
-            this.bindEvents();
-        });
-
-        this.modal = modal.get(0);
-    }
-}
-
-export default AlertHandler;