npm - novo-elements - Versions diffs - 6.0.0-next.9 → 6.0.0 - Mend

novo-elements 6.0.0-next.9 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

package/elements/category-dropdown/CategoryDropdown.scss CHANGED Viewed

@@ -65,7 +65,7 @@ novo-category-dropdown {
       i.bhi-search,
       i.bhi-times {
         position: absolute;
-        bottom: 8px;
+        bottom: 15px;
         right: 5px;
         color: #aaaaaa;
         font-size: 1.2rem;

package/elements/chips/Chips.scss CHANGED Viewed

@@ -265,6 +265,9 @@ novo-row-chips {
         min-height: 1em;
       }
     }
+    i.bhi-delete-o {
+      color: $negative;
+    }
   }
   .novo-chip.novo-row-chip {
     padding: 0;

package/elements/form/ControlGroup.scss CHANGED Viewed

@@ -128,7 +128,7 @@ novo-control-group {
         }
       }
     }
-    > .novo-control-group-row {
+    .novo-control-group-row {
       .novo-control-group-control {
         display: flex;
       }
@@ -159,7 +159,8 @@ novo-control-group {
           align-items: center;
         }
       }
-      button.control-group-action[theme="icon"] {
+      button[theme="icon"],
+      novo-button[theme="icon"] {
         padding: 3px;
         height: 3rem;
         width: 3rem;

package/elements/header/Header.scss CHANGED Viewed

@@ -63,13 +63,6 @@
         text-overflow: ellipsis;
         padding-right: 20px;
       }
-      header-spacer {
-        display: inline-block;
-        height: 1.8em;
-        width: 2px;
-        margin: 0 0.6em;
-        background-color: rgba(0, 0, 0, 0.25);
-      }
     }
     > section {
       flex: 2 2 250px;
@@ -146,3 +139,11 @@
     flex-flow: row nowrap;
   }
 }
+header-spacer {
+  display: inline-block;
+  height: 1.8em;
+  width: 2px;
+  margin: 0 0.6em;
+  background-color: rgba(0, 0, 0, 0.25);
+}

package/elements/modal/modal.component.scss CHANGED Viewed

@@ -4,6 +4,7 @@
   & > header {
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
+    overflow: hidden;
     h1,
     h2 {

package/elements/picker/Picker.scss CHANGED Viewed

@@ -199,6 +199,7 @@ entity-picker-result.active {
     .novo-item-content {
       margin-top: $spacing-sm;
       margin-left: 1.8rem;
+      row-gap: 1rem;
       .novo-text {
         white-space: nowrap;
         text-overflow: ellipsis;
@@ -262,6 +263,7 @@ novo-picker {
 }
 entity-picker-results {
+  min-width: 250px;
   novo-list {
     max-height: 49vh;
     overflow: auto;
@@ -329,10 +331,6 @@ picker-results {
   }
 }
-entity-picker-results {
-  min-width: 250px;
-}
 // Shared specialty picker styles
 workers-comp-codes-picker-results,
 distribution-list-picker-results {

package/elements/tabbed-group-picker/TabbedGroupPicker.scss CHANGED Viewed

@@ -120,9 +120,6 @@
             padding: 0.5em 1.75em;
             border-bottom: none;
           }
-          novo-list-item:last-of-type {
-            padding-bottom: 1em;
-          }
         }
       }
       novo-optgroup {
@@ -132,29 +129,12 @@
           @media (max-height: 720px) {
             height: 18em;
           }
+        }
-          novo-list-item {
-            font-size: 1.2em;
-            padding: 0.75em 1.75em;
-            cursor: pointer;
-            border-bottom: none;
-            align-items: center;
-            &:focus,
-            &:hover {
-              background: lighten($light, 10%);
-              color: darken($light, 55%);
-            }
-            novo-checkbox .check-box-group {
-              margin-right: 0;
-              label span {
-                white-space: nowrap;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                width: 16.23em;
-              }
-            }
+        novo-option {
+          &:hover.novo-option-inert {
+            background: var(--background-main, rgba($ocean, 0.1));
+            color: var(--text-bright, $dark);
           }
         }
       }

package/elements/table/Table.scss CHANGED Viewed

@@ -160,9 +160,12 @@ novo-table {
       flex-direction: row;
       align-items: center;
       novo-dropdown.column-filters {
-        .novo-button.filtered {
-          i {
-            color: $positive;
+        .novo-button {
+          -webkit-appearance: none;
+          &.filtered {
+            i {
+              color: $positive;
+            }
           }
         }
       }

package/esm2015/src/elements/avatar/Avatar.js CHANGED Viewed

@@ -175,7 +175,7 @@ NovoAvatarElement.decorators = [
     { type: Component, args: [{
                 selector: 'novo-avatar',
                 template: '<img *ngIf="src" [src]="src"/>',
-                styles: [":host{background-color:var(--background-muted);background-position:50%;background-size:cover;display:inline-block;height:30px;overflow:hidden;position:relative;width:30px}:host img{border-radius:inherit;height:inherit;width:inherit}:host.avatar-size-small{height:20px;width:20px}:host.avatar-size-large{height:40px;width:40px}:host.avatar-shape-round{border-radius:2em}:host.avatar-shape-square{border-radius:.4em}:host.avatar-color-black{background-color:#000;color:#fff}:host.avatar-color-white{background-color:#fff;color:#3d464d}:host.avatar-color-gray,:host.avatar-color-grey{background-color:#9e9e9e;color:#3d464d}:host.avatar-color-bright,:host.avatar-color-offWhite{background-color:#f7f7f7;color:#3d464d}:host.avatar-color-light{background-color:#dbdbdb;color:#3d464d}:host.avatar-color-neutral{background-color:#4f5361;color:#fff}:host.avatar-color-dark{background-color:#3d464d;color:#fff}:host.avatar-color-orange{background-color:#ff6900;color:#3d464d}:host.avatar-color-navigation{background-color:#202945;color:#fff}:host.avatar-color-skyBlue{background-color:#009bdf;color:#fff}:host.avatar-color-steel{background-color:#5b6770;color:#fff}:host.avatar-color-metal{background-color:#637893;color:#fff}:host.avatar-color-sand{background-color:#f4f4f4;color:#3d464d}:host.avatar-color-silver{background-color:#e2e2e2;color:#3d464d}:host.avatar-color-stone{background-color:#bebebe;color:#3d464d}:host.avatar-color-ash{background-color:#a0a0a0;color:#3d464d}:host.avatar-color-slate{background-color:#707070;color:#fff}:host.avatar-color-onyx{background-color:#526980;color:#fff}:host.avatar-color-charcoal{background-color:#282828;color:#fff}:host.avatar-color-moonlight{background-color:#1a242f;color:#fff}:host.avatar-color-midnight{background-color:#202945;color:#fff}:host.avatar-color-darkness{background-color:#161f27;color:#fff}:host.avatar-color-navy{background-color:#0d2d42;color:#fff}:host.avatar-color-aqua{background-color:#3bafda;color:#3d464d}:host.avatar-color-ocean{background-color:#4a89dc;color:#fff}:host.avatar-color-mint{background-color:#37bc9b;color:#3d464d}:host.avatar-color-grass{background-color:#8cc152;color:#fff}:host.avatar-color-sunflower{background-color:#f6b042;color:#fff}:host.avatar-color-bittersweet{background-color:#eb6845;color:#fff}:host.avatar-color-grapefruit{background-color:#da4453;color:#fff}:host.avatar-color-carnation{background-color:#d770ad;color:#fff}:host.avatar-color-lavender{background-color:#967adc;color:#fff}:host.avatar-color-mountain{background-color:#9678b6;color:#fff}:host.avatar-color-info,:host.avatar-color-positive{background-color:#4a89dc;color:#fff}:host.avatar-color-success{background-color:#8cc152;color:#fff}:host.avatar-color-danger,:host.avatar-color-error,:host.avatar-color-negative{background-color:#da4453;color:#fff}:host.avatar-color-warning{background-color:#f6b042;color:#fff}:host.avatar-color-empty{background-color:#cccdcc;color:#3d464d}:host.avatar-color-disabled{background-color:#bebebe;color:#3d464d}:host.avatar-color-background{background-color:#f7f7f7;color:#3d464d}:host.avatar-color-backgroundDark{background-color:#e2e2e2;color:#3d464d}:host.avatar-color-presentation{background-color:#5b6770;color:#fff}:host.avatar-color-bullhorn{background-color:#ff6900;color:#3d464d}:host.avatar-color-pulse{background-color:#3bafda;color:#3d464d}:host.avatar-color-company{background-color:#39d;color:#fff}:host.avatar-color-candidate{background-color:#4b7;color:#fff}:host.avatar-color-lead{background-color:#a69;color:#fff}:host.avatar-color-contact{background-color:#fa4;color:#fff}:host.avatar-color-opportunity{background-color:#625;color:#fff}:host.avatar-color-job{background-color:#b56;color:#fff}:host.avatar-color-submission{background-color:#a9adbb;color:#3d464d}:host.avatar-color-sendout{background-color:#747884;color:#fff}:host.avatar-color-placement{background-color:#0b344f;color:#fff}:host.avatar-color-note{background-color:#747884;color:#fff}:host.avatar-color-contract{background-color:#454ea0;color:#fff}:host.avatar-color-billableCharge,:host.avatar-color-corporateUser,:host.avatar-color-credential,:host.avatar-color-distributionList,:host.avatar-color-earnCode,:host.avatar-color-invoiceStatement,:host.avatar-color-jobCode,:host.avatar-color-payableCharge,:host.avatar-color-person,:host.avatar-color-user{background-color:#696d79;color:#fff}:host(.menu-active){box-shadow:0 0 4px 1px var(--selection)}"]
+                styles: [":host{background-color:var(--background-muted);background-position:50%;background-size:cover;display:inline-block;height:30px;overflow:hidden;position:relative;width:30px}:host img{border-radius:inherit;height:inherit;width:inherit}:host.avatar-size-small{height:20px;width:20px}:host.avatar-size-large{height:40px;width:40px}:host.avatar-shape-round{border-radius:2em}:host.avatar-shape-square{border-radius:.4em}:host.avatar-color-black{background-color:#000;color:#fff}:host.avatar-color-white{background-color:#fff;color:#3d464d}:host.avatar-color-gray,:host.avatar-color-grey{background-color:#9e9e9e;color:#3d464d}:host.avatar-color-bright,:host.avatar-color-offWhite{background-color:#f7f7f7;color:#3d464d}:host.avatar-color-light{background-color:#dbdbdb;color:#3d464d}:host.avatar-color-neutral{background-color:#4f5361;color:#fff}:host.avatar-color-dark{background-color:#3d464d;color:#fff}:host.avatar-color-orange{background-color:#ff6900;color:#3d464d}:host.avatar-color-navigation{background-color:#202945;color:#fff}:host.avatar-color-skyBlue{background-color:#009bdf;color:#fff}:host.avatar-color-steel{background-color:#5b6770;color:#fff}:host.avatar-color-metal{background-color:#637893;color:#fff}:host.avatar-color-sand{background-color:#f4f4f4;color:#3d464d}:host.avatar-color-silver{background-color:#e2e2e2;color:#3d464d}:host.avatar-color-stone{background-color:#bebebe;color:#3d464d}:host.avatar-color-ash{background-color:#a0a0a0;color:#3d464d}:host.avatar-color-slate{background-color:#707070;color:#fff}:host.avatar-color-onyx{background-color:#526980;color:#fff}:host.avatar-color-charcoal{background-color:#282828;color:#fff}:host.avatar-color-moonlight{background-color:#1a242f;color:#fff}:host.avatar-color-midnight{background-color:#202945;color:#fff}:host.avatar-color-darkness{background-color:#161f27;color:#fff}:host.avatar-color-navy{background-color:#0d2d42;color:#fff}:host.avatar-color-aqua{background-color:#3bafda;color:#3d464d}:host.avatar-color-ocean{background-color:#4a89dc;color:#fff}:host.avatar-color-mint{background-color:#37bc9b;color:#3d464d}:host.avatar-color-grass{background-color:#8cc152;color:#fff}:host.avatar-color-sunflower{background-color:#f6b042;color:#fff}:host.avatar-color-bittersweet{background-color:#eb6845;color:#fff}:host.avatar-color-grapefruit{background-color:#da4453;color:#fff}:host.avatar-color-carnation{background-color:#d770ad;color:#fff}:host.avatar-color-lavender{background-color:#967adc;color:#fff}:host.avatar-color-mountain{background-color:#9678b6;color:#fff}:host.avatar-color-info,:host.avatar-color-positive{background-color:#4a89dc;color:#fff}:host.avatar-color-success{background-color:#8cc152;color:#fff}:host.avatar-color-danger,:host.avatar-color-error,:host.avatar-color-negative{background-color:#da4453;color:#fff}:host.avatar-color-warning{background-color:#f6b042;color:#fff}:host.avatar-color-empty{background-color:#cccdcc;color:#3d464d}:host.avatar-color-disabled{background-color:#bebebe;color:#3d464d}:host.avatar-color-background{background-color:#f7f7f7;color:#3d464d}:host.avatar-color-backgroundDark{background-color:#e2e2e2;color:#3d464d}:host.avatar-color-presentation{background-color:#5b6770;color:#fff}:host.avatar-color-bullhorn{background-color:#ff6900;color:#3d464d}:host.avatar-color-pulse{background-color:#3bafda;color:#3d464d}:host.avatar-color-company{background-color:#39d;color:#fff}:host.avatar-color-candidate{background-color:#4b7;color:#fff}:host.avatar-color-lead{background-color:#a69;color:#fff}:host.avatar-color-clientcontact,:host.avatar-color-contact{background-color:#fa4;color:#fff}:host.avatar-color-opportunity{background-color:#625;color:#fff}:host.avatar-color-job,:host.avatar-color-joborder{background-color:#b56;color:#fff}:host.avatar-color-submission{background-color:#a9adbb;color:#3d464d}:host.avatar-color-sendout{background-color:#747884;color:#fff}:host.avatar-color-placement{background-color:#0b344f;color:#fff}:host.avatar-color-note{background-color:#747884;color:#fff}:host.avatar-color-contract{background-color:#454ea0;color:#fff}:host.avatar-color-billableCharge,:host.avatar-color-corporateUser,:host.avatar-color-credential,:host.avatar-color-distributionList,:host.avatar-color-earnCode,:host.avatar-color-invoiceStatement,:host.avatar-color-jobCode,:host.avatar-color-payableCharge,:host.avatar-color-person,:host.avatar-color-user{background-color:#696d79;color:#fff}:host(.menu-active){box-shadow:0 0 4px 1px var(--selection)}"]
             },] }
 ];
 NovoAvatarElement.ctorParameters = () => [

package/esm2015/src/elements/breadcrumbs/breadcrumb-item/BreadcrumbItem.js CHANGED Viewed

@@ -30,7 +30,7 @@ BreadcrumbItemElement.decorators = [
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 selector: 'novo-breadcrumb-item',
                 template: "<ng-container *ngIf=\"showMenu; else breadcrumbContentTpl\">\n  <span [ngClass]=\"{ 'novo-breadcrumb-item-active': isOpen }\" #origin\n    class=\"novo-dropdown-no-border novo-dropdown-origin novo-breadcrumb-dropdown-origin\">\n    <ng-template [ngTemplateOutlet]=\"breadcrumbContentTpl\"></ng-template>\n    <novo-dropdown>\n      <novo-button theme=\"icon\" icon=\"collapse\" size=\"small\"></novo-button>\n      <novo-optgroup class=\"novo-breadcrumb-dropdown-menu\">\n        <div *ngIf=\"isSearch\" class=\"dropdown-search-container\">\n          <novo-search alwaysOpen=\"true\" (searchFn)=\"searchEvent($event)\" [class]=\"'search-in-dropdown'\"></novo-search>\n        </div>\n        <novo-option *ngFor=\"let item of menuListDisplay\" title=\"{{ item.name }}\">\n          <a *ngIf=\"!item.linkType || item.linkType === 'hrefLink'\" [href]=\"item.link\" rel=\"noopener\"\n            [target]=\"item.target ? item.target : '_self'\">{{ item.name }}</a>\n          <a *ngIf=\"item.linkType === 'routerLink'\" rel=\"noopener\" [target]=\"item.target\" [href]=\"item.link\"\n            (click)=\"navigateTo($event, item)\">{{ item.name }}</a>\n        </novo-option>\n      </novo-optgroup>\n    </novo-dropdown>\n  </span>\n</ng-container>\n\n<ng-template #breadcrumbContentTpl>\n  <span class=\"novo-breadcrumb-item\">\n    <ng-content></ng-content>\n  </span>\n</ng-template>\n\n<ng-template #dropDownMenuTpl>\n  <div>test</div>\n\n</ng-template>\n\n<span class=\"novo-breadcrumb-separator\">\n  <ng-template\n    [ngTemplateOutlet]=\"breadcrumbComponent.separatorIcon ? breadcrumbComponent.separatorIcon : defaultSeparator\"\n    [ngTemplateOutletContext]=\"{\n    $implicit: this\n  }\">\n  </ng-template>\n</span>\n\n<ng-template #defaultSeparator>\n  <span class=\"novo-breadcrumb-separator\">\n    /\n  </span>\n</ng-template>",
-                styles: [".novo-breadcrumb-font-style,:host .novo-breadcrumb-item,:host .novo-breadcrumb-item ::ng-deep a,:host .novo-breadcrumb-separator{color:inherit;display:inline;font-size:var(--font-size-text);font-weight:400;transition:.2s ease-out;transition-property:color,opacity;vertical-align:middle}.novo-breadcrumb-font-style.text-nowrap,:host .novo-breadcrumb-item ::ng-deep a.text-nowrap,:host .text-nowrap.novo-breadcrumb-item,:host .text-nowrap.novo-breadcrumb-separator{white-space:nowrap}.novo-breadcrumb-font-style.text-ellipsis,:host .novo-breadcrumb-item ::ng-deep a.text-ellipsis,:host .text-ellipsis.novo-breadcrumb-item,:host .text-ellipsis.novo-breadcrumb-separator{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.novo-breadcrumb-font-style.text-size-default,:host .novo-breadcrumb-item ::ng-deep a.text-size-default,:host .text-size-default.novo-breadcrumb-item,:host .text-size-default.novo-breadcrumb-separator{font-size:inherit}.novo-breadcrumb-font-style.text-size-body,:host .novo-breadcrumb-item ::ng-deep a.text-size-body,:host .text-size-body.novo-breadcrumb-item,:host .text-size-body.novo-breadcrumb-separator{font-size:1.3rem}.novo-breadcrumb-font-style.text-size-xs,:host .novo-breadcrumb-item ::ng-deep a.text-size-xs,:host .text-size-xs.novo-breadcrumb-item,:host .text-size-xs.novo-breadcrumb-separator{font-size:1rem}.novo-breadcrumb-font-style.text-size-sm,:host .novo-breadcrumb-item ::ng-deep a.text-size-sm,:host .text-size-sm.novo-breadcrumb-item,:host .text-size-sm.novo-breadcrumb-separator{font-size:1.2rem}.novo-breadcrumb-font-style.text-size-md,:host .novo-breadcrumb-item ::ng-deep a.text-size-md,:host .text-size-md.novo-breadcrumb-item,:host .text-size-md.novo-breadcrumb-separator{font-size:1.3rem}.novo-breadcrumb-font-style.text-size-lg,:host .novo-breadcrumb-item ::ng-deep a.text-size-lg,:host .text-size-lg.novo-breadcrumb-item,:host .text-size-lg.novo-breadcrumb-separator{font-size:1.6rem}.novo-breadcrumb-font-style.text-size-xl,:host .novo-breadcrumb-item ::ng-deep a.text-size-xl,:host .text-size-xl.novo-breadcrumb-item,:host .text-size-xl.novo-breadcrumb-separator{font-size:2rem}.novo-breadcrumb-font-style.text-size-2xl,:host .novo-breadcrumb-item ::ng-deep a.text-size-2xl,:host .text-size-2xl.novo-breadcrumb-item,:host .text-size-2xl.novo-breadcrumb-separator{font-size:2.6rem}.novo-breadcrumb-font-style.text-size-3xl,:host .novo-breadcrumb-item ::ng-deep a.text-size-3xl,:host .text-size-3xl.novo-breadcrumb-item,:host .text-size-3xl.novo-breadcrumb-separator{font-size:3.2rem}.novo-breadcrumb-font-style.text-size-smaller,:host .novo-breadcrumb-item ::ng-deep a.text-size-smaller,:host .text-size-smaller.novo-breadcrumb-item,:host .text-size-smaller.novo-breadcrumb-separator{font-size:.8em}.novo-breadcrumb-font-style.text-size-larger,:host .novo-breadcrumb-item ::ng-deep a.text-size-larger,:host .text-size-larger.novo-breadcrumb-item,:host .text-size-larger.novo-breadcrumb-separator{font-size:1.2em}.novo-breadcrumb-font-style.text-color-black,:host .novo-breadcrumb-item ::ng-deep a.text-color-black,:host .text-color-black.novo-breadcrumb-item,:host .text-color-black.novo-breadcrumb-separator{color:#000}.novo-breadcrumb-font-style.text-color-white,:host .novo-breadcrumb-item ::ng-deep a.text-color-white,:host .text-color-white.novo-breadcrumb-item,:host .text-color-white.novo-breadcrumb-separator{color:#fff}.novo-breadcrumb-font-style.text-color-gray,.novo-breadcrumb-font-style.text-color-grey,:host .novo-breadcrumb-item ::ng-deep a.text-color-gray,:host .novo-breadcrumb-item ::ng-deep a.text-color-grey,:host .text-color-gray.novo-breadcrumb-item,:host .text-color-gray.novo-breadcrumb-separator,:host .text-color-grey.novo-breadcrumb-item,:host .text-color-grey.novo-breadcrumb-separator{color:#9e9e9e}.novo-breadcrumb-font-style.text-color-bright,.novo-breadcrumb-font-style.text-color-offWhite,:host .novo-breadcrumb-item ::ng-deep a.text-color-bright,:host .novo-breadcrumb-item ::ng-deep a.text-color-offWhite,:host .text-color-bright.novo-breadcrumb-item,:host .text-color-bright.novo-breadcrumb-separator,:host .text-color-offWhite.novo-breadcrumb-item,:host .text-color-offWhite.novo-breadcrumb-separator{color:#f7f7f7}.novo-breadcrumb-font-style.text-color-light,:host .novo-breadcrumb-item ::ng-deep a.text-color-light,:host .text-color-light.novo-breadcrumb-item,:host .text-color-light.novo-breadcrumb-separator{color:#dbdbdb}.novo-breadcrumb-font-style.text-color-neutral,:host .novo-breadcrumb-item ::ng-deep a.text-color-neutral,:host .text-color-neutral.novo-breadcrumb-item,:host .text-color-neutral.novo-breadcrumb-separator{color:#4f5361}.novo-breadcrumb-font-style.text-color-dark,:host .novo-breadcrumb-item ::ng-deep a.text-color-dark,:host .text-color-dark.novo-breadcrumb-item,:host .text-color-dark.novo-breadcrumb-separator{color:#3d464d}.novo-breadcrumb-font-style.text-color-orange,:host .novo-breadcrumb-item ::ng-deep a.text-color-orange,:host .text-color-orange.novo-breadcrumb-item,:host .text-color-orange.novo-breadcrumb-separator{color:#ff6900}.novo-breadcrumb-font-style.text-color-navigation,:host .novo-breadcrumb-item ::ng-deep a.text-color-navigation,:host .text-color-navigation.novo-breadcrumb-item,:host .text-color-navigation.novo-breadcrumb-separator{color:#202945}.novo-breadcrumb-font-style.text-color-skyBlue,:host .novo-breadcrumb-item ::ng-deep a.text-color-skyBlue,:host .text-color-skyBlue.novo-breadcrumb-item,:host .text-color-skyBlue.novo-breadcrumb-separator{color:#009bdf}.novo-breadcrumb-font-style.text-color-steel,:host .novo-breadcrumb-item ::ng-deep a.text-color-steel,:host .text-color-steel.novo-breadcrumb-item,:host .text-color-steel.novo-breadcrumb-separator{color:#5b6770}.novo-breadcrumb-font-style.text-color-metal,:host .novo-breadcrumb-item ::ng-deep a.text-color-metal,:host .text-color-metal.novo-breadcrumb-item,:host .text-color-metal.novo-breadcrumb-separator{color:#637893}.novo-breadcrumb-font-style.text-color-sand,:host .novo-breadcrumb-item ::ng-deep a.text-color-sand,:host .text-color-sand.novo-breadcrumb-item,:host .text-color-sand.novo-breadcrumb-separator{color:#f4f4f4}.novo-breadcrumb-font-style.text-color-silver,:host .novo-breadcrumb-item ::ng-deep a.text-color-silver,:host .text-color-silver.novo-breadcrumb-item,:host .text-color-silver.novo-breadcrumb-separator{color:#e2e2e2}.novo-breadcrumb-font-style.text-color-stone,:host .novo-breadcrumb-item ::ng-deep a.text-color-stone,:host .text-color-stone.novo-breadcrumb-item,:host .text-color-stone.novo-breadcrumb-separator{color:#bebebe}.novo-breadcrumb-font-style.text-color-ash,:host .novo-breadcrumb-item ::ng-deep a.text-color-ash,:host .text-color-ash.novo-breadcrumb-item,:host .text-color-ash.novo-breadcrumb-separator{color:#a0a0a0}.novo-breadcrumb-font-style.text-color-slate,:host .novo-breadcrumb-item ::ng-deep a.text-color-slate,:host .text-color-slate.novo-breadcrumb-item,:host .text-color-slate.novo-breadcrumb-separator{color:#707070}.novo-breadcrumb-font-style.text-color-onyx,:host .novo-breadcrumb-item ::ng-deep a.text-color-onyx,:host .text-color-onyx.novo-breadcrumb-item,:host .text-color-onyx.novo-breadcrumb-separator{color:#526980}.novo-breadcrumb-font-style.text-color-charcoal,:host .novo-breadcrumb-item ::ng-deep a.text-color-charcoal,:host .text-color-charcoal.novo-breadcrumb-item,:host .text-color-charcoal.novo-breadcrumb-separator{color:#282828}.novo-breadcrumb-font-style.text-color-moonlight,:host .novo-breadcrumb-item ::ng-deep a.text-color-moonlight,:host .text-color-moonlight.novo-breadcrumb-item,:host .text-color-moonlight.novo-breadcrumb-separator{color:#1a242f}.novo-breadcrumb-font-style.text-color-midnight,:host .novo-breadcrumb-item ::ng-deep a.text-color-midnight,:host .text-color-midnight.novo-breadcrumb-item,:host .text-color-midnight.novo-breadcrumb-separator{color:#202945}.novo-breadcrumb-font-style.text-color-darkness,:host .novo-breadcrumb-item ::ng-deep a.text-color-darkness,:host .text-color-darkness.novo-breadcrumb-item,:host .text-color-darkness.novo-breadcrumb-separator{color:#161f27}.novo-breadcrumb-font-style.text-color-navy,:host .novo-breadcrumb-item ::ng-deep a.text-color-navy,:host .text-color-navy.novo-breadcrumb-item,:host .text-color-navy.novo-breadcrumb-separator{color:#0d2d42}.novo-breadcrumb-font-style.text-color-aqua,:host .novo-breadcrumb-item ::ng-deep a.text-color-aqua,:host .text-color-aqua.novo-breadcrumb-item,:host .text-color-aqua.novo-breadcrumb-separator{color:#3bafda}.novo-breadcrumb-font-style.text-color-ocean,:host .novo-breadcrumb-item ::ng-deep a.text-color-ocean,:host .text-color-ocean.novo-breadcrumb-item,:host .text-color-ocean.novo-breadcrumb-separator{color:#4a89dc}.novo-breadcrumb-font-style.text-color-mint,:host .novo-breadcrumb-item ::ng-deep a.text-color-mint,:host .text-color-mint.novo-breadcrumb-item,:host .text-color-mint.novo-breadcrumb-separator{color:#37bc9b}.novo-breadcrumb-font-style.text-color-grass,:host .novo-breadcrumb-item ::ng-deep a.text-color-grass,:host .text-color-grass.novo-breadcrumb-item,:host .text-color-grass.novo-breadcrumb-separator{color:#8cc152}.novo-breadcrumb-font-style.text-color-sunflower,:host .novo-breadcrumb-item ::ng-deep a.text-color-sunflower,:host .text-color-sunflower.novo-breadcrumb-item,:host .text-color-sunflower.novo-breadcrumb-separator{color:#f6b042}.novo-breadcrumb-font-style.text-color-bittersweet,:host .novo-breadcrumb-item ::ng-deep a.text-color-bittersweet,:host .text-color-bittersweet.novo-breadcrumb-item,:host .text-color-bittersweet.novo-breadcrumb-separator{color:#eb6845}.novo-breadcrumb-font-style.text-color-grapefruit,:host .novo-breadcrumb-item ::ng-deep a.text-color-grapefruit,:host .text-color-grapefruit.novo-breadcrumb-item,:host .text-color-grapefruit.novo-breadcrumb-separator{color:#da4453}.novo-breadcrumb-font-style.text-color-carnation,:host .novo-breadcrumb-item ::ng-deep a.text-color-carnation,:host .text-color-carnation.novo-breadcrumb-item,:host .text-color-carnation.novo-breadcrumb-separator{color:#d770ad}.novo-breadcrumb-font-style.text-color-lavender,:host .novo-breadcrumb-item ::ng-deep a.text-color-lavender,:host .text-color-lavender.novo-breadcrumb-item,:host .text-color-lavender.novo-breadcrumb-separator{color:#967adc}.novo-breadcrumb-font-style.text-color-mountain,:host .novo-breadcrumb-item ::ng-deep a.text-color-mountain,:host .text-color-mountain.novo-breadcrumb-item,:host .text-color-mountain.novo-breadcrumb-separator{color:#9678b6}.novo-breadcrumb-font-style.text-color-info,.novo-breadcrumb-font-style.text-color-positive,:host .novo-breadcrumb-item ::ng-deep a.text-color-info,:host .novo-breadcrumb-item ::ng-deep a.text-color-positive,:host .text-color-info.novo-breadcrumb-item,:host .text-color-info.novo-breadcrumb-separator,:host .text-color-positive.novo-breadcrumb-item,:host .text-color-positive.novo-breadcrumb-separator{color:#4a89dc}.novo-breadcrumb-font-style.text-color-success,:host .novo-breadcrumb-item ::ng-deep a.text-color-success,:host .text-color-success.novo-breadcrumb-item,:host .text-color-success.novo-breadcrumb-separator{color:#8cc152}.novo-breadcrumb-font-style.text-color-danger,.novo-breadcrumb-font-style.text-color-error,.novo-breadcrumb-font-style.text-color-negative,:host .novo-breadcrumb-item ::ng-deep a.text-color-danger,:host .novo-breadcrumb-item ::ng-deep a.text-color-error,:host .novo-breadcrumb-item ::ng-deep a.text-color-negative,:host .text-color-danger.novo-breadcrumb-item,:host .text-color-danger.novo-breadcrumb-separator,:host .text-color-error.novo-breadcrumb-item,:host .text-color-error.novo-breadcrumb-separator,:host .text-color-negative.novo-breadcrumb-item,:host .text-color-negative.novo-breadcrumb-separator{color:#da4453}.novo-breadcrumb-font-style.text-color-warning,:host .novo-breadcrumb-item ::ng-deep a.text-color-warning,:host .text-color-warning.novo-breadcrumb-item,:host .text-color-warning.novo-breadcrumb-separator{color:#f6b042}.novo-breadcrumb-font-style.text-color-empty,:host .novo-breadcrumb-item ::ng-deep a.text-color-empty,:host .text-color-empty.novo-breadcrumb-item,:host .text-color-empty.novo-breadcrumb-separator{color:#cccdcc}.novo-breadcrumb-font-style.text-color-disabled,:host .novo-breadcrumb-item ::ng-deep a.text-color-disabled,:host .text-color-disabled.novo-breadcrumb-item,:host .text-color-disabled.novo-breadcrumb-separator{color:#bebebe}.novo-breadcrumb-font-style.text-color-background,:host .novo-breadcrumb-item ::ng-deep a.text-color-background,:host .text-color-background.novo-breadcrumb-item,:host .text-color-background.novo-breadcrumb-separator{color:#f7f7f7}.novo-breadcrumb-font-style.text-color-backgroundDark,:host .novo-breadcrumb-item ::ng-deep a.text-color-backgroundDark,:host .text-color-backgroundDark.novo-breadcrumb-item,:host .text-color-backgroundDark.novo-breadcrumb-separator{color:#e2e2e2}.novo-breadcrumb-font-style.text-color-presentation,:host .novo-breadcrumb-item ::ng-deep a.text-color-presentation,:host .text-color-presentation.novo-breadcrumb-item,:host .text-color-presentation.novo-breadcrumb-separator{color:#5b6770}.novo-breadcrumb-font-style.text-color-bullhorn,:host .novo-breadcrumb-item ::ng-deep a.text-color-bullhorn,:host .text-color-bullhorn.novo-breadcrumb-item,:host .text-color-bullhorn.novo-breadcrumb-separator{color:#ff6900}.novo-breadcrumb-font-style.text-color-pulse,:host .novo-breadcrumb-item ::ng-deep a.text-color-pulse,:host .text-color-pulse.novo-breadcrumb-item,:host .text-color-pulse.novo-breadcrumb-separator{color:#3bafda}.novo-breadcrumb-font-style.text-color-company,:host .novo-breadcrumb-item ::ng-deep a.text-color-company,:host .text-color-company.novo-breadcrumb-item,:host .text-color-company.novo-breadcrumb-separator{color:#39d}.novo-breadcrumb-font-style.text-color-candidate,:host .novo-breadcrumb-item ::ng-deep a.text-color-candidate,:host .text-color-candidate.novo-breadcrumb-item,:host .text-color-candidate.novo-breadcrumb-separator{color:#4b7}.novo-breadcrumb-font-style.text-color-lead,:host .novo-breadcrumb-item ::ng-deep a.text-color-lead,:host .text-color-lead.novo-breadcrumb-item,:host .text-color-lead.novo-breadcrumb-separator{color:#a69}.novo-breadcrumb-font-style.text-color-contact,:host .novo-breadcrumb-item ::ng-deep a.text-color-contact,:host .text-color-contact.novo-breadcrumb-item,:host .text-color-contact.novo-breadcrumb-separator{color:#fa4}.novo-breadcrumb-font-style.text-color-opportunity,:host .novo-breadcrumb-item ::ng-deep a.text-color-opportunity,:host .text-color-opportunity.novo-breadcrumb-item,:host .text-color-opportunity.novo-breadcrumb-separator{color:#625}.novo-breadcrumb-font-style.text-color-job,:host .novo-breadcrumb-item ::ng-deep a.text-color-job,:host .text-color-job.novo-breadcrumb-item,:host .text-color-job.novo-breadcrumb-separator{color:#b56}.novo-breadcrumb-font-style.text-color-submission,:host .novo-breadcrumb-item ::ng-deep a.text-color-submission,:host .text-color-submission.novo-breadcrumb-item,:host .text-color-submission.novo-breadcrumb-separator{color:#a9adbb}.novo-breadcrumb-font-style.text-color-sendout,:host .novo-breadcrumb-item ::ng-deep a.text-color-sendout,:host .text-color-sendout.novo-breadcrumb-item,:host .text-color-sendout.novo-breadcrumb-separator{color:#747884}.novo-breadcrumb-font-style.text-color-placement,:host .novo-breadcrumb-item ::ng-deep a.text-color-placement,:host .text-color-placement.novo-breadcrumb-item,:host .text-color-placement.novo-breadcrumb-separator{color:#0b344f}.novo-breadcrumb-font-style.text-color-note,:host .novo-breadcrumb-item ::ng-deep a.text-color-note,:host .text-color-note.novo-breadcrumb-item,:host .text-color-note.novo-breadcrumb-separator{color:#747884}.novo-breadcrumb-font-style.text-color-contract,:host .novo-breadcrumb-item ::ng-deep a.text-color-contract,:host .text-color-contract.novo-breadcrumb-item,:host .text-color-contract.novo-breadcrumb-separator{color:#454ea0}.novo-breadcrumb-font-style.text-color-billableCharge,.novo-breadcrumb-font-style.text-color-corporateUser,.novo-breadcrumb-font-style.text-color-credential,.novo-breadcrumb-font-style.text-color-distributionList,.novo-breadcrumb-font-style.text-color-earnCode,.novo-breadcrumb-font-style.text-color-invoiceStatement,.novo-breadcrumb-font-style.text-color-jobCode,.novo-breadcrumb-font-style.text-color-payableCharge,.novo-breadcrumb-font-style.text-color-person,.novo-breadcrumb-font-style.text-color-user,:host .novo-breadcrumb-item ::ng-deep a.text-color-billableCharge,:host .novo-breadcrumb-item ::ng-deep a.text-color-corporateUser,:host .novo-breadcrumb-item ::ng-deep a.text-color-credential,:host .novo-breadcrumb-item ::ng-deep a.text-color-distributionList,:host .novo-breadcrumb-item ::ng-deep a.text-color-earnCode,:host .novo-breadcrumb-item ::ng-deep a.text-color-invoiceStatement,:host .novo-breadcrumb-item ::ng-deep a.text-color-jobCode,:host .novo-breadcrumb-item ::ng-deep a.text-color-payableCharge,:host .novo-breadcrumb-item ::ng-deep a.text-color-person,:host .novo-breadcrumb-item ::ng-deep a.text-color-user,:host .text-color-billableCharge.novo-breadcrumb-item,:host .text-color-billableCharge.novo-breadcrumb-separator,:host .text-color-corporateUser.novo-breadcrumb-item,:host .text-color-corporateUser.novo-breadcrumb-separator,:host .text-color-credential.novo-breadcrumb-item,:host .text-color-credential.novo-breadcrumb-separator,:host .text-color-distributionList.novo-breadcrumb-item,:host .text-color-distributionList.novo-breadcrumb-separator,:host .text-color-earnCode.novo-breadcrumb-item,:host .text-color-earnCode.novo-breadcrumb-separator,:host .text-color-invoiceStatement.novo-breadcrumb-item,:host .text-color-invoiceStatement.novo-breadcrumb-separator,:host .text-color-jobCode.novo-breadcrumb-item,:host .text-color-jobCode.novo-breadcrumb-separator,:host .text-color-payableCharge.novo-breadcrumb-item,:host .text-color-payableCharge.novo-breadcrumb-separator,:host .text-color-person.novo-breadcrumb-item,:host .text-color-person.novo-breadcrumb-separator,:host .text-color-user.novo-breadcrumb-item,:host .text-color-user.novo-breadcrumb-separator{color:#696d79}.novo-breadcrumb-font-style.margin-before,:host .margin-before.novo-breadcrumb-item,:host .margin-before.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.margin-before{margin-top:.4rem}.novo-breadcrumb-font-style.margin-after,:host .margin-after.novo-breadcrumb-item,:host .margin-after.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.margin-after{margin-bottom:.8rem}.novo-breadcrumb-font-style.text-length-small,:host .novo-breadcrumb-item ::ng-deep a.text-length-small,:host .text-length-small.novo-breadcrumb-item,:host .text-length-small.novo-breadcrumb-separator{max-width:40ch}.novo-breadcrumb-font-style.text-length-medium,:host .novo-breadcrumb-item ::ng-deep a.text-length-medium,:host .text-length-medium.novo-breadcrumb-item,:host .text-length-medium.novo-breadcrumb-separator{max-width:55ch}.novo-breadcrumb-font-style.text-length-large,:host .novo-breadcrumb-item ::ng-deep a.text-length-large,:host .text-length-large.novo-breadcrumb-item,:host .text-length-large.novo-breadcrumb-separator{max-width:70ch}.novo-breadcrumb-font-style.text-weight-hairline,:host .novo-breadcrumb-item ::ng-deep a.text-weight-hairline,:host .text-weight-hairline.novo-breadcrumb-item,:host .text-weight-hairline.novo-breadcrumb-separator{font-weight:100}.novo-breadcrumb-font-style.text-weight-thin,:host .novo-breadcrumb-item ::ng-deep a.text-weight-thin,:host .text-weight-thin.novo-breadcrumb-item,:host .text-weight-thin.novo-breadcrumb-separator{font-weight:200}.novo-breadcrumb-font-style.text-weight-light,:host .novo-breadcrumb-item ::ng-deep a.text-weight-light,:host .text-weight-light.novo-breadcrumb-item,:host .text-weight-light.novo-breadcrumb-separator{font-weight:300}.novo-breadcrumb-font-style.text-weight-normal,:host .novo-breadcrumb-item ::ng-deep a.text-weight-normal,:host .text-weight-normal.novo-breadcrumb-item,:host .text-weight-normal.novo-breadcrumb-separator{font-weight:400}.novo-breadcrumb-font-style.text-weight-medium,:host .novo-breadcrumb-item ::ng-deep a.text-weight-medium,:host .text-weight-medium.novo-breadcrumb-item,:host .text-weight-medium.novo-breadcrumb-separator{font-weight:500}.novo-breadcrumb-font-style.text-weight-semibold,:host .novo-breadcrumb-item ::ng-deep a.text-weight-semibold,:host .text-weight-semibold.novo-breadcrumb-item,:host .text-weight-semibold.novo-breadcrumb-separator{font-weight:600}.novo-breadcrumb-font-style.text-weight-bold,:host .novo-breadcrumb-item ::ng-deep a.text-weight-bold,:host .text-weight-bold.novo-breadcrumb-item,:host .text-weight-bold.novo-breadcrumb-separator{font-weight:700}.novo-breadcrumb-font-style.text-weight-extrabold,:host .novo-breadcrumb-item ::ng-deep a.text-weight-extrabold,:host .text-weight-extrabold.novo-breadcrumb-item,:host .text-weight-extrabold.novo-breadcrumb-separator{font-weight:800}.novo-breadcrumb-font-style.text-weight-heavy,:host .novo-breadcrumb-item ::ng-deep a.text-weight-heavy,:host .text-weight-heavy.novo-breadcrumb-item,:host .text-weight-heavy.novo-breadcrumb-separator{font-weight:900}.novo-breadcrumb-font-style.text-weight-lighter,:host .novo-breadcrumb-item ::ng-deep a.text-weight-lighter,:host .text-weight-lighter.novo-breadcrumb-item,:host .text-weight-lighter.novo-breadcrumb-separator{font-weight:lighter}.novo-breadcrumb-font-style.text-weight-bolder,:host .novo-breadcrumb-item ::ng-deep a.text-weight-bolder,:host .text-weight-bolder.novo-breadcrumb-item,:host .text-weight-bolder.novo-breadcrumb-separator{font-weight:bolder}:host,:host .novo-breadcrumb-item{align-items:center;display:flex;flex-flow:row nowrap}:host .novo-breadcrumb-item{cursor:auto}:host .novo-breadcrumb-item ::ng-deep a:hover{text-decoration:none}:host .novo-breadcrumb-item ::ng-deep a{color:#4a89dc;cursor:pointer}:host .novo-breadcrumb-item ::ng-deep a:focus{text-decoration:none}:host .novo-breadcrumb-down-icon{cursor:pointer;display:inline-block;height:16px;margin-right:-5px;outline:none;text-align:center;vertical-align:middle;width:16px}:host .novo-breadcrumb-down-icon:hover svg g polygon{fill:var(--text-main,#3d464d)}:host .novo-breadcrumb-item-active{color:var(--text-main,#3d464d)}:host .novo-breadcrumb-item-active ::ng-deep a{color:var(--text-main,#3d464d);text-decoration:none}:host .novo-breadcrumb-item-active svg g polygon{fill:var(--text-main,#3d464d)}:host .novo-breadcrumb-item-active span{color:var(--text-main,#3d464d)}:host .novo-breadcrumb-separator{margin:0 3px}:host .novo-breadcrumb-dropdown-menu{max-width:200px;padding:10px 0}:host .novo-breadcrumb-dropdown-menu li{cursor:pointer;font-size:12px;line-height:36px;overflow:hidden;padding:0 15px;text-overflow:ellipsis;white-space:nowrap;width:200px}:host .novo-breadcrumb-dropdown-menu li a{color:#3d464d;display:inline-block;line-height:36px;width:170px}:host .novo-breadcrumb-dropdown-menu li a:focus{text-decoration:none}:host .novo-breadcrumb-dropdown-menu li:hover{background:#dbdbdb}:host .novo-breadcrumb-dropdown-menu li:hover a{text-decoration:none}:host .novo-search-container{max-width:200px}:host span.novo-breadcrumb-dropdown-origin{display:inline-flex;min-width:unset;padding:0}:host novo-search{width:100%}"]
+                styles: [".novo-breadcrumb-font-style,:host .novo-breadcrumb-item,:host .novo-breadcrumb-item ::ng-deep a,:host .novo-breadcrumb-separator{color:inherit;display:inline;font-size:var(--font-size-text);font-weight:400;transition:.2s ease-out;transition-property:color,opacity;vertical-align:middle}.novo-breadcrumb-font-style.text-nowrap,:host .novo-breadcrumb-item ::ng-deep a.text-nowrap,:host .text-nowrap.novo-breadcrumb-item,:host .text-nowrap.novo-breadcrumb-separator{white-space:nowrap}.novo-breadcrumb-font-style.text-ellipsis,:host .novo-breadcrumb-item ::ng-deep a.text-ellipsis,:host .text-ellipsis.novo-breadcrumb-item,:host .text-ellipsis.novo-breadcrumb-separator{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.novo-breadcrumb-font-style.text-size-default,:host .novo-breadcrumb-item ::ng-deep a.text-size-default,:host .text-size-default.novo-breadcrumb-item,:host .text-size-default.novo-breadcrumb-separator{font-size:inherit}.novo-breadcrumb-font-style.text-size-body,:host .novo-breadcrumb-item ::ng-deep a.text-size-body,:host .text-size-body.novo-breadcrumb-item,:host .text-size-body.novo-breadcrumb-separator{font-size:1.3rem}.novo-breadcrumb-font-style.text-size-xs,:host .novo-breadcrumb-item ::ng-deep a.text-size-xs,:host .text-size-xs.novo-breadcrumb-item,:host .text-size-xs.novo-breadcrumb-separator{font-size:1rem}.novo-breadcrumb-font-style.text-size-sm,:host .novo-breadcrumb-item ::ng-deep a.text-size-sm,:host .text-size-sm.novo-breadcrumb-item,:host .text-size-sm.novo-breadcrumb-separator{font-size:1.2rem}.novo-breadcrumb-font-style.text-size-md,:host .novo-breadcrumb-item ::ng-deep a.text-size-md,:host .text-size-md.novo-breadcrumb-item,:host .text-size-md.novo-breadcrumb-separator{font-size:1.3rem}.novo-breadcrumb-font-style.text-size-lg,:host .novo-breadcrumb-item ::ng-deep a.text-size-lg,:host .text-size-lg.novo-breadcrumb-item,:host .text-size-lg.novo-breadcrumb-separator{font-size:1.6rem}.novo-breadcrumb-font-style.text-size-xl,:host .novo-breadcrumb-item ::ng-deep a.text-size-xl,:host .text-size-xl.novo-breadcrumb-item,:host .text-size-xl.novo-breadcrumb-separator{font-size:2rem}.novo-breadcrumb-font-style.text-size-2xl,:host .novo-breadcrumb-item ::ng-deep a.text-size-2xl,:host .text-size-2xl.novo-breadcrumb-item,:host .text-size-2xl.novo-breadcrumb-separator{font-size:2.6rem}.novo-breadcrumb-font-style.text-size-3xl,:host .novo-breadcrumb-item ::ng-deep a.text-size-3xl,:host .text-size-3xl.novo-breadcrumb-item,:host .text-size-3xl.novo-breadcrumb-separator{font-size:3.2rem}.novo-breadcrumb-font-style.text-size-smaller,:host .novo-breadcrumb-item ::ng-deep a.text-size-smaller,:host .text-size-smaller.novo-breadcrumb-item,:host .text-size-smaller.novo-breadcrumb-separator{font-size:.8em}.novo-breadcrumb-font-style.text-size-larger,:host .novo-breadcrumb-item ::ng-deep a.text-size-larger,:host .text-size-larger.novo-breadcrumb-item,:host .text-size-larger.novo-breadcrumb-separator{font-size:1.2em}.novo-breadcrumb-font-style.text-color-black,:host .novo-breadcrumb-item ::ng-deep a.text-color-black,:host .text-color-black.novo-breadcrumb-item,:host .text-color-black.novo-breadcrumb-separator{color:#000}.novo-breadcrumb-font-style.text-color-white,:host .novo-breadcrumb-item ::ng-deep a.text-color-white,:host .text-color-white.novo-breadcrumb-item,:host .text-color-white.novo-breadcrumb-separator{color:#fff}.novo-breadcrumb-font-style.text-color-gray,.novo-breadcrumb-font-style.text-color-grey,:host .novo-breadcrumb-item ::ng-deep a.text-color-gray,:host .novo-breadcrumb-item ::ng-deep a.text-color-grey,:host .text-color-gray.novo-breadcrumb-item,:host .text-color-gray.novo-breadcrumb-separator,:host .text-color-grey.novo-breadcrumb-item,:host .text-color-grey.novo-breadcrumb-separator{color:#9e9e9e}.novo-breadcrumb-font-style.text-color-bright,.novo-breadcrumb-font-style.text-color-offWhite,:host .novo-breadcrumb-item ::ng-deep a.text-color-bright,:host .novo-breadcrumb-item ::ng-deep a.text-color-offWhite,:host .text-color-bright.novo-breadcrumb-item,:host .text-color-bright.novo-breadcrumb-separator,:host .text-color-offWhite.novo-breadcrumb-item,:host .text-color-offWhite.novo-breadcrumb-separator{color:#f7f7f7}.novo-breadcrumb-font-style.text-color-light,:host .novo-breadcrumb-item ::ng-deep a.text-color-light,:host .text-color-light.novo-breadcrumb-item,:host .text-color-light.novo-breadcrumb-separator{color:#dbdbdb}.novo-breadcrumb-font-style.text-color-neutral,:host .novo-breadcrumb-item ::ng-deep a.text-color-neutral,:host .text-color-neutral.novo-breadcrumb-item,:host .text-color-neutral.novo-breadcrumb-separator{color:#4f5361}.novo-breadcrumb-font-style.text-color-dark,:host .novo-breadcrumb-item ::ng-deep a.text-color-dark,:host .text-color-dark.novo-breadcrumb-item,:host .text-color-dark.novo-breadcrumb-separator{color:#3d464d}.novo-breadcrumb-font-style.text-color-orange,:host .novo-breadcrumb-item ::ng-deep a.text-color-orange,:host .text-color-orange.novo-breadcrumb-item,:host .text-color-orange.novo-breadcrumb-separator{color:#ff6900}.novo-breadcrumb-font-style.text-color-navigation,:host .novo-breadcrumb-item ::ng-deep a.text-color-navigation,:host .text-color-navigation.novo-breadcrumb-item,:host .text-color-navigation.novo-breadcrumb-separator{color:#202945}.novo-breadcrumb-font-style.text-color-skyBlue,:host .novo-breadcrumb-item ::ng-deep a.text-color-skyBlue,:host .text-color-skyBlue.novo-breadcrumb-item,:host .text-color-skyBlue.novo-breadcrumb-separator{color:#009bdf}.novo-breadcrumb-font-style.text-color-steel,:host .novo-breadcrumb-item ::ng-deep a.text-color-steel,:host .text-color-steel.novo-breadcrumb-item,:host .text-color-steel.novo-breadcrumb-separator{color:#5b6770}.novo-breadcrumb-font-style.text-color-metal,:host .novo-breadcrumb-item ::ng-deep a.text-color-metal,:host .text-color-metal.novo-breadcrumb-item,:host .text-color-metal.novo-breadcrumb-separator{color:#637893}.novo-breadcrumb-font-style.text-color-sand,:host .novo-breadcrumb-item ::ng-deep a.text-color-sand,:host .text-color-sand.novo-breadcrumb-item,:host .text-color-sand.novo-breadcrumb-separator{color:#f4f4f4}.novo-breadcrumb-font-style.text-color-silver,:host .novo-breadcrumb-item ::ng-deep a.text-color-silver,:host .text-color-silver.novo-breadcrumb-item,:host .text-color-silver.novo-breadcrumb-separator{color:#e2e2e2}.novo-breadcrumb-font-style.text-color-stone,:host .novo-breadcrumb-item ::ng-deep a.text-color-stone,:host .text-color-stone.novo-breadcrumb-item,:host .text-color-stone.novo-breadcrumb-separator{color:#bebebe}.novo-breadcrumb-font-style.text-color-ash,:host .novo-breadcrumb-item ::ng-deep a.text-color-ash,:host .text-color-ash.novo-breadcrumb-item,:host .text-color-ash.novo-breadcrumb-separator{color:#a0a0a0}.novo-breadcrumb-font-style.text-color-slate,:host .novo-breadcrumb-item ::ng-deep a.text-color-slate,:host .text-color-slate.novo-breadcrumb-item,:host .text-color-slate.novo-breadcrumb-separator{color:#707070}.novo-breadcrumb-font-style.text-color-onyx,:host .novo-breadcrumb-item ::ng-deep a.text-color-onyx,:host .text-color-onyx.novo-breadcrumb-item,:host .text-color-onyx.novo-breadcrumb-separator{color:#526980}.novo-breadcrumb-font-style.text-color-charcoal,:host .novo-breadcrumb-item ::ng-deep a.text-color-charcoal,:host .text-color-charcoal.novo-breadcrumb-item,:host .text-color-charcoal.novo-breadcrumb-separator{color:#282828}.novo-breadcrumb-font-style.text-color-moonlight,:host .novo-breadcrumb-item ::ng-deep a.text-color-moonlight,:host .text-color-moonlight.novo-breadcrumb-item,:host .text-color-moonlight.novo-breadcrumb-separator{color:#1a242f}.novo-breadcrumb-font-style.text-color-midnight,:host .novo-breadcrumb-item ::ng-deep a.text-color-midnight,:host .text-color-midnight.novo-breadcrumb-item,:host .text-color-midnight.novo-breadcrumb-separator{color:#202945}.novo-breadcrumb-font-style.text-color-darkness,:host .novo-breadcrumb-item ::ng-deep a.text-color-darkness,:host .text-color-darkness.novo-breadcrumb-item,:host .text-color-darkness.novo-breadcrumb-separator{color:#161f27}.novo-breadcrumb-font-style.text-color-navy,:host .novo-breadcrumb-item ::ng-deep a.text-color-navy,:host .text-color-navy.novo-breadcrumb-item,:host .text-color-navy.novo-breadcrumb-separator{color:#0d2d42}.novo-breadcrumb-font-style.text-color-aqua,:host .novo-breadcrumb-item ::ng-deep a.text-color-aqua,:host .text-color-aqua.novo-breadcrumb-item,:host .text-color-aqua.novo-breadcrumb-separator{color:#3bafda}.novo-breadcrumb-font-style.text-color-ocean,:host .novo-breadcrumb-item ::ng-deep a.text-color-ocean,:host .text-color-ocean.novo-breadcrumb-item,:host .text-color-ocean.novo-breadcrumb-separator{color:#4a89dc}.novo-breadcrumb-font-style.text-color-mint,:host .novo-breadcrumb-item ::ng-deep a.text-color-mint,:host .text-color-mint.novo-breadcrumb-item,:host .text-color-mint.novo-breadcrumb-separator{color:#37bc9b}.novo-breadcrumb-font-style.text-color-grass,:host .novo-breadcrumb-item ::ng-deep a.text-color-grass,:host .text-color-grass.novo-breadcrumb-item,:host .text-color-grass.novo-breadcrumb-separator{color:#8cc152}.novo-breadcrumb-font-style.text-color-sunflower,:host .novo-breadcrumb-item ::ng-deep a.text-color-sunflower,:host .text-color-sunflower.novo-breadcrumb-item,:host .text-color-sunflower.novo-breadcrumb-separator{color:#f6b042}.novo-breadcrumb-font-style.text-color-bittersweet,:host .novo-breadcrumb-item ::ng-deep a.text-color-bittersweet,:host .text-color-bittersweet.novo-breadcrumb-item,:host .text-color-bittersweet.novo-breadcrumb-separator{color:#eb6845}.novo-breadcrumb-font-style.text-color-grapefruit,:host .novo-breadcrumb-item ::ng-deep a.text-color-grapefruit,:host .text-color-grapefruit.novo-breadcrumb-item,:host .text-color-grapefruit.novo-breadcrumb-separator{color:#da4453}.novo-breadcrumb-font-style.text-color-carnation,:host .novo-breadcrumb-item ::ng-deep a.text-color-carnation,:host .text-color-carnation.novo-breadcrumb-item,:host .text-color-carnation.novo-breadcrumb-separator{color:#d770ad}.novo-breadcrumb-font-style.text-color-lavender,:host .novo-breadcrumb-item ::ng-deep a.text-color-lavender,:host .text-color-lavender.novo-breadcrumb-item,:host .text-color-lavender.novo-breadcrumb-separator{color:#967adc}.novo-breadcrumb-font-style.text-color-mountain,:host .novo-breadcrumb-item ::ng-deep a.text-color-mountain,:host .text-color-mountain.novo-breadcrumb-item,:host .text-color-mountain.novo-breadcrumb-separator{color:#9678b6}.novo-breadcrumb-font-style.text-color-info,.novo-breadcrumb-font-style.text-color-positive,:host .novo-breadcrumb-item ::ng-deep a.text-color-info,:host .novo-breadcrumb-item ::ng-deep a.text-color-positive,:host .text-color-info.novo-breadcrumb-item,:host .text-color-info.novo-breadcrumb-separator,:host .text-color-positive.novo-breadcrumb-item,:host .text-color-positive.novo-breadcrumb-separator{color:#4a89dc}.novo-breadcrumb-font-style.text-color-success,:host .novo-breadcrumb-item ::ng-deep a.text-color-success,:host .text-color-success.novo-breadcrumb-item,:host .text-color-success.novo-breadcrumb-separator{color:#8cc152}.novo-breadcrumb-font-style.text-color-danger,.novo-breadcrumb-font-style.text-color-error,.novo-breadcrumb-font-style.text-color-negative,:host .novo-breadcrumb-item ::ng-deep a.text-color-danger,:host .novo-breadcrumb-item ::ng-deep a.text-color-error,:host .novo-breadcrumb-item ::ng-deep a.text-color-negative,:host .text-color-danger.novo-breadcrumb-item,:host .text-color-danger.novo-breadcrumb-separator,:host .text-color-error.novo-breadcrumb-item,:host .text-color-error.novo-breadcrumb-separator,:host .text-color-negative.novo-breadcrumb-item,:host .text-color-negative.novo-breadcrumb-separator{color:#da4453}.novo-breadcrumb-font-style.text-color-warning,:host .novo-breadcrumb-item ::ng-deep a.text-color-warning,:host .text-color-warning.novo-breadcrumb-item,:host .text-color-warning.novo-breadcrumb-separator{color:#f6b042}.novo-breadcrumb-font-style.text-color-empty,:host .novo-breadcrumb-item ::ng-deep a.text-color-empty,:host .text-color-empty.novo-breadcrumb-item,:host .text-color-empty.novo-breadcrumb-separator{color:#cccdcc}.novo-breadcrumb-font-style.text-color-disabled,:host .novo-breadcrumb-item ::ng-deep a.text-color-disabled,:host .text-color-disabled.novo-breadcrumb-item,:host .text-color-disabled.novo-breadcrumb-separator{color:#bebebe}.novo-breadcrumb-font-style.text-color-background,:host .novo-breadcrumb-item ::ng-deep a.text-color-background,:host .text-color-background.novo-breadcrumb-item,:host .text-color-background.novo-breadcrumb-separator{color:#f7f7f7}.novo-breadcrumb-font-style.text-color-backgroundDark,:host .novo-breadcrumb-item ::ng-deep a.text-color-backgroundDark,:host .text-color-backgroundDark.novo-breadcrumb-item,:host .text-color-backgroundDark.novo-breadcrumb-separator{color:#e2e2e2}.novo-breadcrumb-font-style.text-color-presentation,:host .novo-breadcrumb-item ::ng-deep a.text-color-presentation,:host .text-color-presentation.novo-breadcrumb-item,:host .text-color-presentation.novo-breadcrumb-separator{color:#5b6770}.novo-breadcrumb-font-style.text-color-bullhorn,:host .novo-breadcrumb-item ::ng-deep a.text-color-bullhorn,:host .text-color-bullhorn.novo-breadcrumb-item,:host .text-color-bullhorn.novo-breadcrumb-separator{color:#ff6900}.novo-breadcrumb-font-style.text-color-pulse,:host .novo-breadcrumb-item ::ng-deep a.text-color-pulse,:host .text-color-pulse.novo-breadcrumb-item,:host .text-color-pulse.novo-breadcrumb-separator{color:#3bafda}.novo-breadcrumb-font-style.text-color-company,:host .novo-breadcrumb-item ::ng-deep a.text-color-company,:host .text-color-company.novo-breadcrumb-item,:host .text-color-company.novo-breadcrumb-separator{color:#39d}.novo-breadcrumb-font-style.text-color-candidate,:host .novo-breadcrumb-item ::ng-deep a.text-color-candidate,:host .text-color-candidate.novo-breadcrumb-item,:host .text-color-candidate.novo-breadcrumb-separator{color:#4b7}.novo-breadcrumb-font-style.text-color-lead,:host .novo-breadcrumb-item ::ng-deep a.text-color-lead,:host .text-color-lead.novo-breadcrumb-item,:host .text-color-lead.novo-breadcrumb-separator{color:#a69}.novo-breadcrumb-font-style.text-color-clientcontact,.novo-breadcrumb-font-style.text-color-contact,:host .novo-breadcrumb-item ::ng-deep a.text-color-clientcontact,:host .novo-breadcrumb-item ::ng-deep a.text-color-contact,:host .text-color-clientcontact.novo-breadcrumb-item,:host .text-color-clientcontact.novo-breadcrumb-separator,:host .text-color-contact.novo-breadcrumb-item,:host .text-color-contact.novo-breadcrumb-separator{color:#fa4}.novo-breadcrumb-font-style.text-color-opportunity,:host .novo-breadcrumb-item ::ng-deep a.text-color-opportunity,:host .text-color-opportunity.novo-breadcrumb-item,:host .text-color-opportunity.novo-breadcrumb-separator{color:#625}.novo-breadcrumb-font-style.text-color-job,.novo-breadcrumb-font-style.text-color-joborder,:host .novo-breadcrumb-item ::ng-deep a.text-color-job,:host .novo-breadcrumb-item ::ng-deep a.text-color-joborder,:host .text-color-job.novo-breadcrumb-item,:host .text-color-job.novo-breadcrumb-separator,:host .text-color-joborder.novo-breadcrumb-item,:host .text-color-joborder.novo-breadcrumb-separator{color:#b56}.novo-breadcrumb-font-style.text-color-submission,:host .novo-breadcrumb-item ::ng-deep a.text-color-submission,:host .text-color-submission.novo-breadcrumb-item,:host .text-color-submission.novo-breadcrumb-separator{color:#a9adbb}.novo-breadcrumb-font-style.text-color-sendout,:host .novo-breadcrumb-item ::ng-deep a.text-color-sendout,:host .text-color-sendout.novo-breadcrumb-item,:host .text-color-sendout.novo-breadcrumb-separator{color:#747884}.novo-breadcrumb-font-style.text-color-placement,:host .novo-breadcrumb-item ::ng-deep a.text-color-placement,:host .text-color-placement.novo-breadcrumb-item,:host .text-color-placement.novo-breadcrumb-separator{color:#0b344f}.novo-breadcrumb-font-style.text-color-note,:host .novo-breadcrumb-item ::ng-deep a.text-color-note,:host .text-color-note.novo-breadcrumb-item,:host .text-color-note.novo-breadcrumb-separator{color:#747884}.novo-breadcrumb-font-style.text-color-contract,:host .novo-breadcrumb-item ::ng-deep a.text-color-contract,:host .text-color-contract.novo-breadcrumb-item,:host .text-color-contract.novo-breadcrumb-separator{color:#454ea0}.novo-breadcrumb-font-style.text-color-billableCharge,.novo-breadcrumb-font-style.text-color-corporateUser,.novo-breadcrumb-font-style.text-color-credential,.novo-breadcrumb-font-style.text-color-distributionList,.novo-breadcrumb-font-style.text-color-earnCode,.novo-breadcrumb-font-style.text-color-invoiceStatement,.novo-breadcrumb-font-style.text-color-jobCode,.novo-breadcrumb-font-style.text-color-payableCharge,.novo-breadcrumb-font-style.text-color-person,.novo-breadcrumb-font-style.text-color-user,:host .novo-breadcrumb-item ::ng-deep a.text-color-billableCharge,:host .novo-breadcrumb-item ::ng-deep a.text-color-corporateUser,:host .novo-breadcrumb-item ::ng-deep a.text-color-credential,:host .novo-breadcrumb-item ::ng-deep a.text-color-distributionList,:host .novo-breadcrumb-item ::ng-deep a.text-color-earnCode,:host .novo-breadcrumb-item ::ng-deep a.text-color-invoiceStatement,:host .novo-breadcrumb-item ::ng-deep a.text-color-jobCode,:host .novo-breadcrumb-item ::ng-deep a.text-color-payableCharge,:host .novo-breadcrumb-item ::ng-deep a.text-color-person,:host .novo-breadcrumb-item ::ng-deep a.text-color-user,:host .text-color-billableCharge.novo-breadcrumb-item,:host .text-color-billableCharge.novo-breadcrumb-separator,:host .text-color-corporateUser.novo-breadcrumb-item,:host .text-color-corporateUser.novo-breadcrumb-separator,:host .text-color-credential.novo-breadcrumb-item,:host .text-color-credential.novo-breadcrumb-separator,:host .text-color-distributionList.novo-breadcrumb-item,:host .text-color-distributionList.novo-breadcrumb-separator,:host .text-color-earnCode.novo-breadcrumb-item,:host .text-color-earnCode.novo-breadcrumb-separator,:host .text-color-invoiceStatement.novo-breadcrumb-item,:host .text-color-invoiceStatement.novo-breadcrumb-separator,:host .text-color-jobCode.novo-breadcrumb-item,:host .text-color-jobCode.novo-breadcrumb-separator,:host .text-color-payableCharge.novo-breadcrumb-item,:host .text-color-payableCharge.novo-breadcrumb-separator,:host .text-color-person.novo-breadcrumb-item,:host .text-color-person.novo-breadcrumb-separator,:host .text-color-user.novo-breadcrumb-item,:host .text-color-user.novo-breadcrumb-separator{color:#696d79}.novo-breadcrumb-font-style.margin-before,:host .margin-before.novo-breadcrumb-item,:host .margin-before.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.margin-before{margin-top:.4rem}.novo-breadcrumb-font-style.margin-after,:host .margin-after.novo-breadcrumb-item,:host .margin-after.novo-breadcrumb-separator,:host .novo-breadcrumb-item ::ng-deep a.margin-after{margin-bottom:.8rem}.novo-breadcrumb-font-style.text-length-small,:host .novo-breadcrumb-item ::ng-deep a.text-length-small,:host .text-length-small.novo-breadcrumb-item,:host .text-length-small.novo-breadcrumb-separator{max-width:40ch}.novo-breadcrumb-font-style.text-length-medium,:host .novo-breadcrumb-item ::ng-deep a.text-length-medium,:host .text-length-medium.novo-breadcrumb-item,:host .text-length-medium.novo-breadcrumb-separator{max-width:55ch}.novo-breadcrumb-font-style.text-length-large,:host .novo-breadcrumb-item ::ng-deep a.text-length-large,:host .text-length-large.novo-breadcrumb-item,:host .text-length-large.novo-breadcrumb-separator{max-width:70ch}.novo-breadcrumb-font-style.text-weight-hairline,:host .novo-breadcrumb-item ::ng-deep a.text-weight-hairline,:host .text-weight-hairline.novo-breadcrumb-item,:host .text-weight-hairline.novo-breadcrumb-separator{font-weight:100}.novo-breadcrumb-font-style.text-weight-thin,:host .novo-breadcrumb-item ::ng-deep a.text-weight-thin,:host .text-weight-thin.novo-breadcrumb-item,:host .text-weight-thin.novo-breadcrumb-separator{font-weight:200}.novo-breadcrumb-font-style.text-weight-light,:host .novo-breadcrumb-item ::ng-deep a.text-weight-light,:host .text-weight-light.novo-breadcrumb-item,:host .text-weight-light.novo-breadcrumb-separator{font-weight:300}.novo-breadcrumb-font-style.text-weight-normal,:host .novo-breadcrumb-item ::ng-deep a.text-weight-normal,:host .text-weight-normal.novo-breadcrumb-item,:host .text-weight-normal.novo-breadcrumb-separator{font-weight:400}.novo-breadcrumb-font-style.text-weight-medium,:host .novo-breadcrumb-item ::ng-deep a.text-weight-medium,:host .text-weight-medium.novo-breadcrumb-item,:host .text-weight-medium.novo-breadcrumb-separator{font-weight:500}.novo-breadcrumb-font-style.text-weight-semibold,:host .novo-breadcrumb-item ::ng-deep a.text-weight-semibold,:host .text-weight-semibold.novo-breadcrumb-item,:host .text-weight-semibold.novo-breadcrumb-separator{font-weight:600}.novo-breadcrumb-font-style.text-weight-bold,:host .novo-breadcrumb-item ::ng-deep a.text-weight-bold,:host .text-weight-bold.novo-breadcrumb-item,:host .text-weight-bold.novo-breadcrumb-separator{font-weight:700}.novo-breadcrumb-font-style.text-weight-extrabold,:host .novo-breadcrumb-item ::ng-deep a.text-weight-extrabold,:host .text-weight-extrabold.novo-breadcrumb-item,:host .text-weight-extrabold.novo-breadcrumb-separator{font-weight:800}.novo-breadcrumb-font-style.text-weight-heavy,:host .novo-breadcrumb-item ::ng-deep a.text-weight-heavy,:host .text-weight-heavy.novo-breadcrumb-item,:host .text-weight-heavy.novo-breadcrumb-separator{font-weight:900}.novo-breadcrumb-font-style.text-weight-lighter,:host .novo-breadcrumb-item ::ng-deep a.text-weight-lighter,:host .text-weight-lighter.novo-breadcrumb-item,:host .text-weight-lighter.novo-breadcrumb-separator{font-weight:lighter}.novo-breadcrumb-font-style.text-weight-bolder,:host .novo-breadcrumb-item ::ng-deep a.text-weight-bolder,:host .text-weight-bolder.novo-breadcrumb-item,:host .text-weight-bolder.novo-breadcrumb-separator{font-weight:bolder}:host,:host .novo-breadcrumb-item{align-items:center;display:flex;flex-flow:row nowrap}:host .novo-breadcrumb-item{cursor:auto}:host .novo-breadcrumb-item ::ng-deep a:hover{text-decoration:none}:host .novo-breadcrumb-item ::ng-deep a{color:#4a89dc;cursor:pointer}:host .novo-breadcrumb-item ::ng-deep a:focus{text-decoration:none}:host .novo-breadcrumb-down-icon{cursor:pointer;display:inline-block;height:16px;margin-right:-5px;outline:none;text-align:center;vertical-align:middle;width:16px}:host .novo-breadcrumb-down-icon:hover svg g polygon{fill:var(--text-main,#3d464d)}:host .novo-breadcrumb-item-active{color:var(--text-main,#3d464d)}:host .novo-breadcrumb-item-active ::ng-deep a{color:var(--text-main,#3d464d);text-decoration:none}:host .novo-breadcrumb-item-active svg g polygon{fill:var(--text-main,#3d464d)}:host .novo-breadcrumb-item-active span{color:var(--text-main,#3d464d)}:host .novo-breadcrumb-separator{margin:0 3px}:host .novo-breadcrumb-dropdown-menu{max-width:200px;padding:10px 0}:host .novo-breadcrumb-dropdown-menu li{cursor:pointer;font-size:12px;line-height:36px;overflow:hidden;padding:0 15px;text-overflow:ellipsis;white-space:nowrap;width:200px}:host .novo-breadcrumb-dropdown-menu li a{color:#3d464d;display:inline-block;line-height:36px;width:170px}:host .novo-breadcrumb-dropdown-menu li a:focus{text-decoration:none}:host .novo-breadcrumb-dropdown-menu li:hover{background:#dbdbdb}:host .novo-breadcrumb-dropdown-menu li:hover a{text-decoration:none}:host .novo-search-container{max-width:200px}:host span.novo-breadcrumb-dropdown-origin{display:inline-flex;min-width:unset;padding:0}:host novo-search{width:100%}"]
             },] }
 ];
 BreadcrumbItemElement.ctorParameters = () => [

package/esm2015/src/elements/button/Button.js CHANGED Viewed

@@ -86,7 +86,7 @@ NovoButtonElement.decorators = [
     </i>
   `,
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{-moz-user-select:none;-webkit-user-select:none;background:transparent;border:none;border-radius:3px;color:var(--text-main,#3d464d);cursor:pointer;flex:0 0 auto;flex-direction:row;font-size:var(--font-size-button);gap:1rem;height:3rem;justify-content:center;overflow:hidden;padding:0 1rem;text-overflow:clip;transition:all .2s ease-in-out;user-select:none;white-space:nowrap}:host,:host .button-contents{align-items:center;display:inline-flex;text-transform:uppercase}:host .button-contents{color:inherit}:host .button-contents,:host i{font-size:inherit;height:var(--font-size-button);line-height:1}:host[size=small]{font-size:1rem;gap:.5rem;height:2.4rem;padding:0 1rem}:host[size=small] .button-contents,:host[size=small] i{height:1rem}:host[size=large]{font-size:1.6rem;gap:1.25rem;height:3.6rem;padding:0 1.25rem}:host[size=large] .button-contents,:host[size=large] i{height:1.6rem}:host:focus{outline:none}:host.novo-button-disabled,:host[disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}:host[disabled=false]{cursor:pointer;opacity:1;pointer-events:auto}:host[loading=true]{cursor:not-allowed;opacity:.5;pointer-events:none}:host[loading=true] i.loading{-webkit-animation:rotate 1.2s linear infinite;align-items:center;animation:rotate 1.2s linear infinite;display:flex;justify-content:center}:host[loading=true] i.loading svg{height:100%;max-height:15px;max-width:15px;width:100%}:host[loading=true] i.loading svg .spinner{fill:currentColor}@-webkit-keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}", ":host[theme=standard]{background:var(--button-background);color:var(--button-text)}:host[theme=standard][color=black]{background:#000;color:#fff}:host[theme=standard][color=white]{background:#fff;color:#3d464d}:host[theme=standard][color=gray],:host[theme=standard][color=grey]{background:#9e9e9e;color:#3d464d}:host[theme=standard][color=bright],:host[theme=standard][color=offWhite]{background:#f7f7f7;color:#3d464d}:host[theme=standard][color=light]{background:#dbdbdb;color:#3d464d}:host[theme=standard][color=neutral]{background:#4f5361;color:#fff}:host[theme=standard][color=dark]{background:#3d464d;color:#fff}:host[theme=standard][color=orange]{background:#ff6900;color:#3d464d}:host[theme=standard][color=navigation]{background:#202945;color:#fff}:host[theme=standard][color=skyBlue]{background:#009bdf;color:#fff}:host[theme=standard][color=steel]{background:#5b6770;color:#fff}:host[theme=standard][color=metal]{background:#637893;color:#fff}:host[theme=standard][color=sand]{background:#f4f4f4;color:#3d464d}:host[theme=standard][color=silver]{background:#e2e2e2;color:#3d464d}:host[theme=standard][color=stone]{background:#bebebe;color:#3d464d}:host[theme=standard][color=ash]{background:#a0a0a0;color:#3d464d}:host[theme=standard][color=slate]{background:#707070;color:#fff}:host[theme=standard][color=onyx]{background:#526980;color:#fff}:host[theme=standard][color=charcoal]{background:#282828;color:#fff}:host[theme=standard][color=moonlight]{background:#1a242f;color:#fff}:host[theme=standard][color=midnight]{background:#202945;color:#fff}:host[theme=standard][color=darkness]{background:#161f27;color:#fff}:host[theme=standard][color=navy]{background:#0d2d42;color:#fff}:host[theme=standard][color=aqua]{background:#3bafda;color:#3d464d}:host[theme=standard][color=ocean]{background:#4a89dc;color:#fff}:host[theme=standard][color=mint]{background:#37bc9b;color:#3d464d}:host[theme=standard][color=grass]{background:#8cc152;color:#fff}:host[theme=standard][color=sunflower]{background:#f6b042;color:#fff}:host[theme=standard][color=bittersweet]{background:#eb6845;color:#fff}:host[theme=standard][color=grapefruit]{background:#da4453;color:#fff}:host[theme=standard][color=carnation]{background:#d770ad;color:#fff}:host[theme=standard][color=lavender]{background:#967adc;color:#fff}:host[theme=standard][color=mountain]{background:#9678b6;color:#fff}:host[theme=standard][color=info],:host[theme=standard][color=positive]{background:#4a89dc;color:#fff}:host[theme=standard][color=success]{background:#8cc152;color:#fff}:host[theme=standard][color=danger],:host[theme=standard][color=error],:host[theme=standard][color=negative]{background:#da4453;color:#fff}:host[theme=standard][color=warning]{background:#f6b042;color:#fff}:host[theme=standard][color=empty]{background:#cccdcc;color:#3d464d}:host[theme=standard][color=disabled]{background:#bebebe;color:#3d464d}:host[theme=standard][color=background]{background:#f7f7f7;color:#3d464d}:host[theme=standard][color=backgroundDark]{background:#e2e2e2;color:#3d464d}:host[theme=standard][color=presentation]{background:#5b6770;color:#fff}:host[theme=standard][color=bullhorn]{background:#ff6900;color:#3d464d}:host[theme=standard][color=pulse]{background:#3bafda;color:#3d464d}:host[theme=standard][color=company]{background:#39d;color:#fff}:host[theme=standard][color=candidate]{background:#4b7;color:#fff}:host[theme=standard][color=lead]{background:#a69;color:#fff}:host[theme=standard][color=contact]{background:#fa4;color:#fff}:host[theme=standard][color=opportunity]{background:#625;color:#fff}:host[theme=standard][color=job]{background:#b56;color:#fff}:host[theme=standard][color=submission]{background:#a9adbb;color:#3d464d}:host[theme=standard][color=sendout]{background:#747884;color:#fff}:host[theme=standard][color=placement]{background:#0b344f;color:#fff}:host[theme=standard][color=note]{background:#747884;color:#fff}:host[theme=standard][color=contract]{background:#454ea0;color:#fff}:host[theme=standard][color=billableCharge],:host[theme=standard][color=corporateUser],:host[theme=standard][color=credential],:host[theme=standard][color=distributionList],:host[theme=standard][color=earnCode],:host[theme=standard][color=invoiceStatement],:host[theme=standard][color=jobCode],:host[theme=standard][color=payableCharge],:host[theme=standard][color=person],:host[theme=standard][color=user]{background:#696d79;color:#fff}:host[theme=standard]:focus,:host[theme=standard]:hover{box-shadow:0 3px 7px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.15)}:host[theme=standard]:active{box-shadow:0 1px 2px rgba(0,0,0,.15)}", ":host[theme=primary]{background:#4a89dc;color:#fff;text-align:left}:host[theme=primary][color=black]{background:#000;color:#fff}:host[theme=primary][color=white]{color:#3d464d}:host[theme=primary][color=gray],:host[theme=primary][color=grey]{background:#9e9e9e;color:#3d464d}:host[theme=primary][color=bright],:host[theme=primary][color=offWhite]{background:#f7f7f7;color:#3d464d}:host[theme=primary][color=light]{background:#dbdbdb;color:#3d464d}:host[theme=primary][color=neutral]{background:#4f5361;color:#fff}:host[theme=primary][color=dark]{background:#3d464d;color:#fff}:host[theme=primary][color=orange]{background:#ff6900;color:#3d464d}:host[theme=primary][color=navigation]{background:#202945;color:#fff}:host[theme=primary][color=skyBlue]{background:#009bdf;color:#fff}:host[theme=primary][color=steel]{background:#5b6770;color:#fff}:host[theme=primary][color=metal]{background:#637893;color:#fff}:host[theme=primary][color=sand]{background:#f4f4f4;color:#3d464d}:host[theme=primary][color=silver]{background:#e2e2e2;color:#3d464d}:host[theme=primary][color=stone]{background:#bebebe;color:#3d464d}:host[theme=primary][color=ash]{background:#a0a0a0;color:#3d464d}:host[theme=primary][color=slate]{background:#707070;color:#fff}:host[theme=primary][color=onyx]{background:#526980;color:#fff}:host[theme=primary][color=charcoal]{background:#282828;color:#fff}:host[theme=primary][color=moonlight]{background:#1a242f;color:#fff}:host[theme=primary][color=midnight]{background:#202945;color:#fff}:host[theme=primary][color=darkness]{background:#161f27;color:#fff}:host[theme=primary][color=navy]{background:#0d2d42;color:#fff}:host[theme=primary][color=aqua]{background:#3bafda;color:#3d464d}:host[theme=primary][color=ocean]{background:#4a89dc;color:#fff}:host[theme=primary][color=mint]{background:#37bc9b;color:#3d464d}:host[theme=primary][color=grass]{background:#8cc152;color:#fff}:host[theme=primary][color=sunflower]{background:#f6b042;color:#fff}:host[theme=primary][color=bittersweet]{background:#eb6845;color:#fff}:host[theme=primary][color=grapefruit]{background:#da4453;color:#fff}:host[theme=primary][color=carnation]{background:#d770ad;color:#fff}:host[theme=primary][color=lavender]{background:#967adc;color:#fff}:host[theme=primary][color=mountain]{background:#9678b6;color:#fff}:host[theme=primary][color=info],:host[theme=primary][color=positive]{background:#4a89dc;color:#fff}:host[theme=primary][color=success]{background:#8cc152;color:#fff}:host[theme=primary][color=danger],:host[theme=primary][color=error],:host[theme=primary][color=negative]{background:#da4453;color:#fff}:host[theme=primary][color=warning]{background:#f6b042;color:#fff}:host[theme=primary][color=empty]{background:#cccdcc;color:#3d464d}:host[theme=primary][color=disabled]{background:#bebebe;color:#3d464d}:host[theme=primary][color=background]{background:#f7f7f7;color:#3d464d}:host[theme=primary][color=backgroundDark]{background:#e2e2e2;color:#3d464d}:host[theme=primary][color=presentation]{background:#5b6770;color:#fff}:host[theme=primary][color=bullhorn]{background:#ff6900;color:#3d464d}:host[theme=primary][color=pulse]{background:#3bafda;color:#3d464d}:host[theme=primary][color=company]{background:#39d;color:#fff}:host[theme=primary][color=candidate]{background:#4b7;color:#fff}:host[theme=primary][color=lead]{background:#a69;color:#fff}:host[theme=primary][color=contact]{background:#fa4;color:#fff}:host[theme=primary][color=opportunity]{background:#625;color:#fff}:host[theme=primary][color=job]{background:#b56;color:#fff}:host[theme=primary][color=submission]{background:#a9adbb;color:#3d464d}:host[theme=primary][color=sendout]{background:#747884;color:#fff}:host[theme=primary][color=placement]{background:#0b344f;color:#fff}:host[theme=primary][color=note]{background:#747884;color:#fff}:host[theme=primary][color=contract]{background:#454ea0;color:#fff}:host[theme=primary][color=billableCharge],:host[theme=primary][color=corporateUser],:host[theme=primary][color=credential],:host[theme=primary][color=distributionList],:host[theme=primary][color=earnCode],:host[theme=primary][color=invoiceStatement],:host[theme=primary][color=jobCode],:host[theme=primary][color=payableCharge],:host[theme=primary][color=person],:host[theme=primary][color=user]{background:#696d79;color:#fff}:host[theme=primary]:focus,:host[theme=primary]:hover{box-shadow:0 3px 7px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.15);filter:brightness(1.15)}:host[theme=primary]:active{box-shadow:0 1px 2px rgba(0,0,0,.15);filter:brightness(.85)}:host[theme=primary][color=white]{background:#fff;color:#4a89dc}:host[theme=primary][color=white]:focus,:host[theme=primary][color=white]:hover{background:#f7f7f7}:host[theme=primary][color=white]:active{background:#eaeaea}:host[theme=primary][color=white] i{background:rgba(0,0,0,.05)}:host[theme=primary][size=large] i{margin-left:3px}", ":host[theme=secondary]{align-items:center;background:#fff;border:1px solid #4a89dc;color:#4a89dc;padding:0 calc(1rem - 1px);text-align:left}:host[theme=secondary][color=black],:host[theme=secondary][color=black] i{color:#000}:host[theme=secondary][color=white],:host[theme=secondary][color=white] i{color:#fff}:host[theme=secondary][color=gray],:host[theme=secondary][color=gray] i,:host[theme=secondary][color=grey],:host[theme=secondary][color=grey] i{color:#9e9e9e}:host[theme=secondary][color=bright],:host[theme=secondary][color=bright] i,:host[theme=secondary][color=offWhite],:host[theme=secondary][color=offWhite] i{color:#f7f7f7}:host[theme=secondary][color=light],:host[theme=secondary][color=light] i{color:#dbdbdb}:host[theme=secondary][color=neutral],:host[theme=secondary][color=neutral] i{color:#4f5361}:host[theme=secondary][color=dark],:host[theme=secondary][color=dark] i{color:#3d464d}:host[theme=secondary][color=orange],:host[theme=secondary][color=orange] i{color:#ff6900}:host[theme=secondary][color=navigation],:host[theme=secondary][color=navigation] i{color:#202945}:host[theme=secondary][color=skyBlue],:host[theme=secondary][color=skyBlue] i{color:#009bdf}:host[theme=secondary][color=steel],:host[theme=secondary][color=steel] i{color:#5b6770}:host[theme=secondary][color=metal],:host[theme=secondary][color=metal] i{color:#637893}:host[theme=secondary][color=sand],:host[theme=secondary][color=sand] i{color:#f4f4f4}:host[theme=secondary][color=silver],:host[theme=secondary][color=silver] i{color:#e2e2e2}:host[theme=secondary][color=stone],:host[theme=secondary][color=stone] i{color:#bebebe}:host[theme=secondary][color=ash],:host[theme=secondary][color=ash] i{color:#a0a0a0}:host[theme=secondary][color=slate],:host[theme=secondary][color=slate] i{color:#707070}:host[theme=secondary][color=onyx],:host[theme=secondary][color=onyx] i{color:#526980}:host[theme=secondary][color=charcoal],:host[theme=secondary][color=charcoal] i{color:#282828}:host[theme=secondary][color=moonlight],:host[theme=secondary][color=moonlight] i{color:#1a242f}:host[theme=secondary][color=midnight],:host[theme=secondary][color=midnight] i{color:#202945}:host[theme=secondary][color=darkness],:host[theme=secondary][color=darkness] i{color:#161f27}:host[theme=secondary][color=navy],:host[theme=secondary][color=navy] i{color:#0d2d42}:host[theme=secondary][color=aqua],:host[theme=secondary][color=aqua] i{color:#3bafda}:host[theme=secondary][color=ocean],:host[theme=secondary][color=ocean] i{color:#4a89dc}:host[theme=secondary][color=mint],:host[theme=secondary][color=mint] i{color:#37bc9b}:host[theme=secondary][color=grass],:host[theme=secondary][color=grass] i{color:#8cc152}:host[theme=secondary][color=sunflower],:host[theme=secondary][color=sunflower] i{color:#f6b042}:host[theme=secondary][color=bittersweet],:host[theme=secondary][color=bittersweet] i{color:#eb6845}:host[theme=secondary][color=grapefruit],:host[theme=secondary][color=grapefruit] i{color:#da4453}:host[theme=secondary][color=carnation],:host[theme=secondary][color=carnation] i{color:#d770ad}:host[theme=secondary][color=lavender],:host[theme=secondary][color=lavender] i{color:#967adc}:host[theme=secondary][color=mountain],:host[theme=secondary][color=mountain] i{color:#9678b6}:host[theme=secondary][color=info],:host[theme=secondary][color=info] i,:host[theme=secondary][color=positive],:host[theme=secondary][color=positive] i{color:#4a89dc}:host[theme=secondary][color=success],:host[theme=secondary][color=success] i{color:#8cc152}:host[theme=secondary][color=danger],:host[theme=secondary][color=danger] i,:host[theme=secondary][color=error],:host[theme=secondary][color=error] i,:host[theme=secondary][color=negative],:host[theme=secondary][color=negative] i{color:#da4453}:host[theme=secondary][color=warning],:host[theme=secondary][color=warning] i{color:#f6b042}:host[theme=secondary][color=empty],:host[theme=secondary][color=empty] i{color:#cccdcc}:host[theme=secondary][color=disabled],:host[theme=secondary][color=disabled] i{color:#bebebe}:host[theme=secondary][color=background],:host[theme=secondary][color=background] i{color:#f7f7f7}:host[theme=secondary][color=backgroundDark],:host[theme=secondary][color=backgroundDark] i{color:#e2e2e2}:host[theme=secondary][color=presentation],:host[theme=secondary][color=presentation] i{color:#5b6770}:host[theme=secondary][color=bullhorn],:host[theme=secondary][color=bullhorn] i{color:#ff6900}:host[theme=secondary][color=pulse],:host[theme=secondary][color=pulse] i{color:#3bafda}:host[theme=secondary][color=company],:host[theme=secondary][color=company] i{color:#39d}:host[theme=secondary][color=candidate],:host[theme=secondary][color=candidate] i{color:#4b7}:host[theme=secondary][color=lead],:host[theme=secondary][color=lead] i{color:#a69}:host[theme=secondary][color=contact],:host[theme=secondary][color=contact] i{color:#fa4}:host[theme=secondary][color=opportunity],:host[theme=secondary][color=opportunity] i{color:#625}:host[theme=secondary][color=job],:host[theme=secondary][color=job] i{color:#b56}:host[theme=secondary][color=submission],:host[theme=secondary][color=submission] i{color:#a9adbb}:host[theme=secondary][color=sendout],:host[theme=secondary][color=sendout] i{color:#747884}:host[theme=secondary][color=placement],:host[theme=secondary][color=placement] i{color:#0b344f}:host[theme=secondary][color=note],:host[theme=secondary][color=note] i{color:#747884}:host[theme=secondary][color=contract],:host[theme=secondary][color=contract] i{color:#454ea0}:host[theme=secondary][color=billableCharge],:host[theme=secondary][color=billableCharge] i,:host[theme=secondary][color=corporateUser],:host[theme=secondary][color=corporateUser] i,:host[theme=secondary][color=credential],:host[theme=secondary][color=credential] i,:host[theme=secondary][color=distributionList],:host[theme=secondary][color=distributionList] i,:host[theme=secondary][color=earnCode],:host[theme=secondary][color=earnCode] i,:host[theme=secondary][color=invoiceStatement],:host[theme=secondary][color=invoiceStatement] i,:host[theme=secondary][color=jobCode],:host[theme=secondary][color=jobCode] i,:host[theme=secondary][color=payableCharge],:host[theme=secondary][color=payableCharge] i,:host[theme=secondary][color=person],:host[theme=secondary][color=person] i,:host[theme=secondary][color=user],:host[theme=secondary][color=user] i{color:#696d79}:host[theme=secondary][color=black]{border:1px solid #000}:host[theme=secondary][color=white]{border:1px solid #fff}:host[theme=secondary][color=gray],:host[theme=secondary][color=grey]{border:1px solid #9e9e9e}:host[theme=secondary][color=bright],:host[theme=secondary][color=offWhite]{border:1px solid #f7f7f7}:host[theme=secondary][color=light]{border:1px solid #dbdbdb}:host[theme=secondary][color=neutral]{border:1px solid #4f5361}:host[theme=secondary][color=dark]{border:1px solid #3d464d}:host[theme=secondary][color=orange]{border:1px solid #ff6900}:host[theme=secondary][color=navigation]{border:1px solid #202945}:host[theme=secondary][color=skyBlue]{border:1px solid #009bdf}:host[theme=secondary][color=steel]{border:1px solid #5b6770}:host[theme=secondary][color=metal]{border:1px solid #637893}:host[theme=secondary][color=sand]{border:1px solid #f4f4f4}:host[theme=secondary][color=silver]{border:1px solid #e2e2e2}:host[theme=secondary][color=stone]{border:1px solid #bebebe}:host[theme=secondary][color=ash]{border:1px solid #a0a0a0}:host[theme=secondary][color=slate]{border:1px solid #707070}:host[theme=secondary][color=onyx]{border:1px solid #526980}:host[theme=secondary][color=charcoal]{border:1px solid #282828}:host[theme=secondary][color=moonlight]{border:1px solid #1a242f}:host[theme=secondary][color=midnight]{border:1px solid #202945}:host[theme=secondary][color=darkness]{border:1px solid #161f27}:host[theme=secondary][color=navy]{border:1px solid #0d2d42}:host[theme=secondary][color=aqua]{border:1px solid #3bafda}:host[theme=secondary][color=ocean]{border:1px solid #4a89dc}:host[theme=secondary][color=mint]{border:1px solid #37bc9b}:host[theme=secondary][color=grass]{border:1px solid #8cc152}:host[theme=secondary][color=sunflower]{border:1px solid #f6b042}:host[theme=secondary][color=bittersweet]{border:1px solid #eb6845}:host[theme=secondary][color=grapefruit]{border:1px solid #da4453}:host[theme=secondary][color=carnation]{border:1px solid #d770ad}:host[theme=secondary][color=lavender]{border:1px solid #967adc}:host[theme=secondary][color=mountain]{border:1px solid #9678b6}:host[theme=secondary][color=info],:host[theme=secondary][color=positive]{border:1px solid #4a89dc}:host[theme=secondary][color=success]{border:1px solid #8cc152}:host[theme=secondary][color=danger],:host[theme=secondary][color=error],:host[theme=secondary][color=negative]{border:1px solid #da4453}:host[theme=secondary][color=warning]{border:1px solid #f6b042}:host[theme=secondary][color=empty]{border:1px solid #cccdcc}:host[theme=secondary][color=disabled]{border:1px solid #bebebe}:host[theme=secondary][color=background]{border:1px solid #f7f7f7}:host[theme=secondary][color=backgroundDark]{border:1px solid #e2e2e2}:host[theme=secondary][color=presentation]{border:1px solid #5b6770}:host[theme=secondary][color=bullhorn]{border:1px solid #ff6900}:host[theme=secondary][color=pulse]{border:1px solid #3bafda}:host[theme=secondary][color=company]{border:1px solid #39d}:host[theme=secondary][color=candidate]{border:1px solid #4b7}:host[theme=secondary][color=lead]{border:1px solid #a69}:host[theme=secondary][color=contact]{border:1px solid #fa4}:host[theme=secondary][color=opportunity]{border:1px solid #625}:host[theme=secondary][color=job]{border:1px solid #b56}:host[theme=secondary][color=submission]{border:1px solid #a9adbb}:host[theme=secondary][color=sendout]{border:1px solid #747884}:host[theme=secondary][color=placement]{border:1px solid #0b344f}:host[theme=secondary][color=note]{border:1px solid #747884}:host[theme=secondary][color=contract]{border:1px solid #454ea0}:host[theme=secondary][color=billableCharge],:host[theme=secondary][color=corporateUser],:host[theme=secondary][color=credential],:host[theme=secondary][color=distributionList],:host[theme=secondary][color=earnCode],:host[theme=secondary][color=invoiceStatement],:host[theme=secondary][color=jobCode],:host[theme=secondary][color=payableCharge],:host[theme=secondary][color=person],:host[theme=secondary][color=user]{border:1px solid #696d79}:host[theme=secondary] i.loading{margin-left:.8rem}:host[theme=secondary] i.loading svg .spinner{fill:#4a89dc}:host[theme=secondary]:focus,:host[theme=secondary]:hover{background:#fff;box-shadow:0 3px 7px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.15)}:host[theme=secondary]:active{box-shadow:0 1px 2px rgba(0,0,0,.15)}:host[theme=secondary][inverse]{background:rgba(0,0,0,.25);border:1px solid #fff;color:#fff}:host[theme=secondary][inverse]:focus,:host[theme=secondary][inverse]:hover{background:rgba(0,0,0,.35)}:host[theme=secondary][inverse]:active{background:rgba(0,0,0,.45)}:host[theme=secondary][inverse] i.loading svg .spinner{fill:#fff}", ":host[theme=fab]{align-items:center;border-radius:50%!important;display:inline-flex;font-size:1.2rem;height:3.2rem;justify-content:center;padding:0;width:3.2rem}:host[theme=fab][color=black]{background:#000;color:#fff}:host[theme=fab][color=white]{background:#fff;color:#3d464d}:host[theme=fab][color=gray],:host[theme=fab][color=grey]{background:#9e9e9e;color:#3d464d}:host[theme=fab][color=bright],:host[theme=fab][color=offWhite]{background:#f7f7f7;color:#3d464d}:host[theme=fab][color=light]{background:#dbdbdb;color:#3d464d}:host[theme=fab][color=neutral]{background:#4f5361;color:#fff}:host[theme=fab][color=dark]{background:#3d464d;color:#fff}:host[theme=fab][color=orange]{background:#ff6900;color:#3d464d}:host[theme=fab][color=navigation]{background:#202945;color:#fff}:host[theme=fab][color=skyBlue]{background:#009bdf;color:#fff}:host[theme=fab][color=steel]{background:#5b6770;color:#fff}:host[theme=fab][color=metal]{background:#637893;color:#fff}:host[theme=fab][color=sand]{background:#f4f4f4;color:#3d464d}:host[theme=fab][color=silver]{background:#e2e2e2;color:#3d464d}:host[theme=fab][color=stone]{background:#bebebe;color:#3d464d}:host[theme=fab][color=ash]{background:#a0a0a0;color:#3d464d}:host[theme=fab][color=slate]{background:#707070;color:#fff}:host[theme=fab][color=onyx]{background:#526980;color:#fff}:host[theme=fab][color=charcoal]{background:#282828;color:#fff}:host[theme=fab][color=moonlight]{background:#1a242f;color:#fff}:host[theme=fab][color=midnight]{background:#202945;color:#fff}:host[theme=fab][color=darkness]{background:#161f27;color:#fff}:host[theme=fab][color=navy]{background:#0d2d42;color:#fff}:host[theme=fab][color=aqua]{background:#3bafda;color:#3d464d}:host[theme=fab][color=ocean]{background:#4a89dc;color:#fff}:host[theme=fab][color=mint]{background:#37bc9b;color:#3d464d}:host[theme=fab][color=grass]{background:#8cc152;color:#fff}:host[theme=fab][color=sunflower]{background:#f6b042;color:#fff}:host[theme=fab][color=bittersweet]{background:#eb6845;color:#fff}:host[theme=fab][color=grapefruit]{background:#da4453;color:#fff}:host[theme=fab][color=carnation]{background:#d770ad;color:#fff}:host[theme=fab][color=lavender]{background:#967adc;color:#fff}:host[theme=fab][color=mountain]{background:#9678b6;color:#fff}:host[theme=fab][color=info],:host[theme=fab][color=positive]{background:#4a89dc;color:#fff}:host[theme=fab][color=success]{background:#8cc152;color:#fff}:host[theme=fab][color=danger],:host[theme=fab][color=error],:host[theme=fab][color=negative]{background:#da4453;color:#fff}:host[theme=fab][color=warning]{background:#f6b042;color:#fff}:host[theme=fab][color=empty]{background:#cccdcc;color:#3d464d}:host[theme=fab][color=disabled]{background:#bebebe;color:#3d464d}:host[theme=fab][color=background]{background:#f7f7f7;color:#3d464d}:host[theme=fab][color=backgroundDark]{background:#e2e2e2;color:#3d464d}:host[theme=fab][color=presentation]{background:#5b6770;color:#fff}:host[theme=fab][color=bullhorn]{background:#ff6900;color:#3d464d}:host[theme=fab][color=pulse]{background:#3bafda;color:#3d464d}:host[theme=fab][color=company]{background:#39d;color:#fff}:host[theme=fab][color=candidate]{background:#4b7;color:#fff}:host[theme=fab][color=lead]{background:#a69;color:#fff}:host[theme=fab][color=contact]{background:#fa4;color:#fff}:host[theme=fab][color=opportunity]{background:#625;color:#fff}:host[theme=fab][color=job]{background:#b56;color:#fff}:host[theme=fab][color=submission]{background:#a9adbb;color:#3d464d}:host[theme=fab][color=sendout]{background:#747884;color:#fff}:host[theme=fab][color=placement]{background:#0b344f;color:#fff}:host[theme=fab][color=note]{background:#747884;color:#fff}:host[theme=fab][color=contract]{background:#454ea0;color:#fff}:host[theme=fab][color=billableCharge],:host[theme=fab][color=corporateUser],:host[theme=fab][color=credential],:host[theme=fab][color=distributionList],:host[theme=fab][color=earnCode],:host[theme=fab][color=invoiceStatement],:host[theme=fab][color=jobCode],:host[theme=fab][color=payableCharge],:host[theme=fab][color=person],:host[theme=fab][color=user]{background:#696d79;color:#fff}:host[theme=fab][inverse]{color:#fff}:host[theme=fab]:active,:host[theme=fab]:focus,:host[theme=fab]:hover{box-shadow:0 1px 2px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}:host[theme=fab] .button-contents{display:contents}:host[theme=fab] i{margin:0;padding:0}:host[theme=fab] i:before{display:block}", ":host[theme=icon]{font-size:1.4rem;height:2.4rem;padding:.5rem}:host[theme=icon][color=black],:host[theme=icon][color=black] i{color:#000}:host[theme=icon][color=white],:host[theme=icon][color=white] i{color:#fff}:host[theme=icon][color=gray],:host[theme=icon][color=gray] i,:host[theme=icon][color=grey],:host[theme=icon][color=grey] i{color:#9e9e9e}:host[theme=icon][color=bright],:host[theme=icon][color=bright] i,:host[theme=icon][color=offWhite],:host[theme=icon][color=offWhite] i{color:#f7f7f7}:host[theme=icon][color=light],:host[theme=icon][color=light] i{color:#dbdbdb}:host[theme=icon][color=neutral],:host[theme=icon][color=neutral] i{color:#4f5361}:host[theme=icon][color=dark],:host[theme=icon][color=dark] i{color:#3d464d}:host[theme=icon][color=orange],:host[theme=icon][color=orange] i{color:#ff6900}:host[theme=icon][color=navigation],:host[theme=icon][color=navigation] i{color:#202945}:host[theme=icon][color=skyBlue],:host[theme=icon][color=skyBlue] i{color:#009bdf}:host[theme=icon][color=steel],:host[theme=icon][color=steel] i{color:#5b6770}:host[theme=icon][color=metal],:host[theme=icon][color=metal] i{color:#637893}:host[theme=icon][color=sand],:host[theme=icon][color=sand] i{color:#f4f4f4}:host[theme=icon][color=silver],:host[theme=icon][color=silver] i{color:#e2e2e2}:host[theme=icon][color=stone],:host[theme=icon][color=stone] i{color:#bebebe}:host[theme=icon][color=ash],:host[theme=icon][color=ash] i{color:#a0a0a0}:host[theme=icon][color=slate],:host[theme=icon][color=slate] i{color:#707070}:host[theme=icon][color=onyx],:host[theme=icon][color=onyx] i{color:#526980}:host[theme=icon][color=charcoal],:host[theme=icon][color=charcoal] i{color:#282828}:host[theme=icon][color=moonlight],:host[theme=icon][color=moonlight] i{color:#1a242f}:host[theme=icon][color=midnight],:host[theme=icon][color=midnight] i{color:#202945}:host[theme=icon][color=darkness],:host[theme=icon][color=darkness] i{color:#161f27}:host[theme=icon][color=navy],:host[theme=icon][color=navy] i{color:#0d2d42}:host[theme=icon][color=aqua],:host[theme=icon][color=aqua] i{color:#3bafda}:host[theme=icon][color=ocean],:host[theme=icon][color=ocean] i{color:#4a89dc}:host[theme=icon][color=mint],:host[theme=icon][color=mint] i{color:#37bc9b}:host[theme=icon][color=grass],:host[theme=icon][color=grass] i{color:#8cc152}:host[theme=icon][color=sunflower],:host[theme=icon][color=sunflower] i{color:#f6b042}:host[theme=icon][color=bittersweet],:host[theme=icon][color=bittersweet] i{color:#eb6845}:host[theme=icon][color=grapefruit],:host[theme=icon][color=grapefruit] i{color:#da4453}:host[theme=icon][color=carnation],:host[theme=icon][color=carnation] i{color:#d770ad}:host[theme=icon][color=lavender],:host[theme=icon][color=lavender] i{color:#967adc}:host[theme=icon][color=mountain],:host[theme=icon][color=mountain] i{color:#9678b6}:host[theme=icon][color=info],:host[theme=icon][color=info] i,:host[theme=icon][color=positive],:host[theme=icon][color=positive] i{color:#4a89dc}:host[theme=icon][color=success],:host[theme=icon][color=success] i{color:#8cc152}:host[theme=icon][color=danger],:host[theme=icon][color=danger] i,:host[theme=icon][color=error],:host[theme=icon][color=error] i,:host[theme=icon][color=negative],:host[theme=icon][color=negative] i{color:#da4453}:host[theme=icon][color=warning],:host[theme=icon][color=warning] i{color:#f6b042}:host[theme=icon][color=empty],:host[theme=icon][color=empty] i{color:#cccdcc}:host[theme=icon][color=disabled],:host[theme=icon][color=disabled] i{color:#bebebe}:host[theme=icon][color=background],:host[theme=icon][color=background] i{color:#f7f7f7}:host[theme=icon][color=backgroundDark],:host[theme=icon][color=backgroundDark] i{color:#e2e2e2}:host[theme=icon][color=presentation],:host[theme=icon][color=presentation] i{color:#5b6770}:host[theme=icon][color=bullhorn],:host[theme=icon][color=bullhorn] i{color:#ff6900}:host[theme=icon][color=pulse],:host[theme=icon][color=pulse] i{color:#3bafda}:host[theme=icon][color=company],:host[theme=icon][color=company] i{color:#39d}:host[theme=icon][color=candidate],:host[theme=icon][color=candidate] i{color:#4b7}:host[theme=icon][color=lead],:host[theme=icon][color=lead] i{color:#a69}:host[theme=icon][color=contact],:host[theme=icon][color=contact] i{color:#fa4}:host[theme=icon][color=opportunity],:host[theme=icon][color=opportunity] i{color:#625}:host[theme=icon][color=job],:host[theme=icon][color=job] i{color:#b56}:host[theme=icon][color=submission],:host[theme=icon][color=submission] i{color:#a9adbb}:host[theme=icon][color=sendout],:host[theme=icon][color=sendout] i{color:#747884}:host[theme=icon][color=placement],:host[theme=icon][color=placement] i{color:#0b344f}:host[theme=icon][color=note],:host[theme=icon][color=note] i{color:#747884}:host[theme=icon][color=contract],:host[theme=icon][color=contract] i{color:#454ea0}:host[theme=icon][color=billableCharge],:host[theme=icon][color=billableCharge] i,:host[theme=icon][color=corporateUser],:host[theme=icon][color=corporateUser] i,:host[theme=icon][color=credential],:host[theme=icon][color=credential] i,:host[theme=icon][color=distributionList],:host[theme=icon][color=distributionList] i,:host[theme=icon][color=earnCode],:host[theme=icon][color=earnCode] i,:host[theme=icon][color=invoiceStatement],:host[theme=icon][color=invoiceStatement] i,:host[theme=icon][color=jobCode],:host[theme=icon][color=jobCode] i,:host[theme=icon][color=payableCharge],:host[theme=icon][color=payableCharge] i,:host[theme=icon][color=person],:host[theme=icon][color=person] i,:host[theme=icon][color=user],:host[theme=icon][color=user] i{color:#696d79}:host[theme=icon][inverse]{color:#fff}:host[theme=icon] i{display:contents;margin:0!important}:host[theme=icon]:focus,:host[theme=icon]:hover{background:rgba(0,0,0,.1)}:host[theme=icon]:active{background:rgba(0,0,0,.25)}:host[theme=icon] .button-contents{display:contents}:host[theme=icon][size=small]{font-size:1.2rem;height:2rem;padding:.5rem}:host[theme=icon][size=large]{font-size:2rem;height:2.8rem;padding:1rem}", ":host[theme=dialogue]{background:transparent;color:#4a89dc}:host[theme=dialogue][color=black],:host[theme=dialogue][color=black] i{color:#000}:host[theme=dialogue][color=white],:host[theme=dialogue][color=white] i{color:#fff}:host[theme=dialogue][color=gray],:host[theme=dialogue][color=gray] i,:host[theme=dialogue][color=grey],:host[theme=dialogue][color=grey] i{color:#9e9e9e}:host[theme=dialogue][color=bright],:host[theme=dialogue][color=bright] i,:host[theme=dialogue][color=offWhite],:host[theme=dialogue][color=offWhite] i{color:#f7f7f7}:host[theme=dialogue][color=light],:host[theme=dialogue][color=light] i{color:#dbdbdb}:host[theme=dialogue][color=neutral],:host[theme=dialogue][color=neutral] i{color:#4f5361}:host[theme=dialogue][color=dark],:host[theme=dialogue][color=dark] i{color:#3d464d}:host[theme=dialogue][color=orange],:host[theme=dialogue][color=orange] i{color:#ff6900}:host[theme=dialogue][color=navigation],:host[theme=dialogue][color=navigation] i{color:#202945}:host[theme=dialogue][color=skyBlue],:host[theme=dialogue][color=skyBlue] i{color:#009bdf}:host[theme=dialogue][color=steel],:host[theme=dialogue][color=steel] i{color:#5b6770}:host[theme=dialogue][color=metal],:host[theme=dialogue][color=metal] i{color:#637893}:host[theme=dialogue][color=sand],:host[theme=dialogue][color=sand] i{color:#f4f4f4}:host[theme=dialogue][color=silver],:host[theme=dialogue][color=silver] i{color:#e2e2e2}:host[theme=dialogue][color=stone],:host[theme=dialogue][color=stone] i{color:#bebebe}:host[theme=dialogue][color=ash],:host[theme=dialogue][color=ash] i{color:#a0a0a0}:host[theme=dialogue][color=slate],:host[theme=dialogue][color=slate] i{color:#707070}:host[theme=dialogue][color=onyx],:host[theme=dialogue][color=onyx] i{color:#526980}:host[theme=dialogue][color=charcoal],:host[theme=dialogue][color=charcoal] i{color:#282828}:host[theme=dialogue][color=moonlight],:host[theme=dialogue][color=moonlight] i{color:#1a242f}:host[theme=dialogue][color=midnight],:host[theme=dialogue][color=midnight] i{color:#202945}:host[theme=dialogue][color=darkness],:host[theme=dialogue][color=darkness] i{color:#161f27}:host[theme=dialogue][color=navy],:host[theme=dialogue][color=navy] i{color:#0d2d42}:host[theme=dialogue][color=aqua],:host[theme=dialogue][color=aqua] i{color:#3bafda}:host[theme=dialogue][color=ocean],:host[theme=dialogue][color=ocean] i{color:#4a89dc}:host[theme=dialogue][color=mint],:host[theme=dialogue][color=mint] i{color:#37bc9b}:host[theme=dialogue][color=grass],:host[theme=dialogue][color=grass] i{color:#8cc152}:host[theme=dialogue][color=sunflower],:host[theme=dialogue][color=sunflower] i{color:#f6b042}:host[theme=dialogue][color=bittersweet],:host[theme=dialogue][color=bittersweet] i{color:#eb6845}:host[theme=dialogue][color=grapefruit],:host[theme=dialogue][color=grapefruit] i{color:#da4453}:host[theme=dialogue][color=carnation],:host[theme=dialogue][color=carnation] i{color:#d770ad}:host[theme=dialogue][color=lavender],:host[theme=dialogue][color=lavender] i{color:#967adc}:host[theme=dialogue][color=mountain],:host[theme=dialogue][color=mountain] i{color:#9678b6}:host[theme=dialogue][color=info],:host[theme=dialogue][color=info] i,:host[theme=dialogue][color=positive],:host[theme=dialogue][color=positive] i{color:#4a89dc}:host[theme=dialogue][color=success],:host[theme=dialogue][color=success] i{color:#8cc152}:host[theme=dialogue][color=danger],:host[theme=dialogue][color=danger] i,:host[theme=dialogue][color=error],:host[theme=dialogue][color=error] i,:host[theme=dialogue][color=negative],:host[theme=dialogue][color=negative] i{color:#da4453}:host[theme=dialogue][color=warning],:host[theme=dialogue][color=warning] i{color:#f6b042}:host[theme=dialogue][color=empty],:host[theme=dialogue][color=empty] i{color:#cccdcc}:host[theme=dialogue][color=disabled],:host[theme=dialogue][color=disabled] i{color:#bebebe}:host[theme=dialogue][color=background],:host[theme=dialogue][color=background] i{color:#f7f7f7}:host[theme=dialogue][color=backgroundDark],:host[theme=dialogue][color=backgroundDark] i{color:#e2e2e2}:host[theme=dialogue][color=presentation],:host[theme=dialogue][color=presentation] i{color:#5b6770}:host[theme=dialogue][color=bullhorn],:host[theme=dialogue][color=bullhorn] i{color:#ff6900}:host[theme=dialogue][color=pulse],:host[theme=dialogue][color=pulse] i{color:#3bafda}:host[theme=dialogue][color=company],:host[theme=dialogue][color=company] i{color:#39d}:host[theme=dialogue][color=candidate],:host[theme=dialogue][color=candidate] i{color:#4b7}:host[theme=dialogue][color=lead],:host[theme=dialogue][color=lead] i{color:#a69}:host[theme=dialogue][color=contact],:host[theme=dialogue][color=contact] i{color:#fa4}:host[theme=dialogue][color=opportunity],:host[theme=dialogue][color=opportunity] i{color:#625}:host[theme=dialogue][color=job],:host[theme=dialogue][color=job] i{color:#b56}:host[theme=dialogue][color=submission],:host[theme=dialogue][color=submission] i{color:#a9adbb}:host[theme=dialogue][color=sendout],:host[theme=dialogue][color=sendout] i{color:#747884}:host[theme=dialogue][color=placement],:host[theme=dialogue][color=placement] i{color:#0b344f}:host[theme=dialogue][color=note],:host[theme=dialogue][color=note] i{color:#747884}:host[theme=dialogue][color=contract],:host[theme=dialogue][color=contract] i{color:#454ea0}:host[theme=dialogue][color=billableCharge],:host[theme=dialogue][color=billableCharge] i,:host[theme=dialogue][color=corporateUser],:host[theme=dialogue][color=corporateUser] i,:host[theme=dialogue][color=credential],:host[theme=dialogue][color=credential] i,:host[theme=dialogue][color=distributionList],:host[theme=dialogue][color=distributionList] i,:host[theme=dialogue][color=earnCode],:host[theme=dialogue][color=earnCode] i,:host[theme=dialogue][color=invoiceStatement],:host[theme=dialogue][color=invoiceStatement] i,:host[theme=dialogue][color=jobCode],:host[theme=dialogue][color=jobCode] i,:host[theme=dialogue][color=payableCharge],:host[theme=dialogue][color=payableCharge] i,:host[theme=dialogue][color=person],:host[theme=dialogue][color=person] i,:host[theme=dialogue][color=user],:host[theme=dialogue][color=user] i{color:#696d79}:host[theme=dialogue]:focus,:host[theme=dialogue]:hover{background:#ededed}:host[theme=dialogue]:active{background:#e0e0e0}:host[theme=dialogue][inverse]:focus,:host[theme=dialogue][inverse]:hover{background:rgba(0,0,0,.2)}:host[theme=dialogue][inverse]:active{background:rgba(0,0,0,.35)}", ":host[theme=field]{background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;color:#3d464d;font-size:1.2rem;height:1.8rem;margin-bottom:4px;padding:.25rem .5rem;text-align:left}:host[theme=field]:active,:host[theme=field]:focus,:host[theme=field]:hover{border-bottom:1px solid var(--selection)}:host[theme=select]{align-items:center;background-color:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;color:var(--text-main);cursor:pointer;display:flex;font-size:1.2rem;height:2rem;height:1.8rem;justify-content:space-between;min-height:2rem;padding:0;position:relative;text-align:left;text-shadow:none;text-transform:none;width:100%;z-index:1}:host[theme=select].empty{color:var(--text-muted)}:host[theme=select]:focus,:host[theme=select]:hover{outline:none}:host[theme=select]:hover{border-bottom:1px solid #5f6d78}:host[theme=select]:hover i{opacity:.75}:host[theme=select]:focus{border-bottom:1px solid var(--selection)}:host[theme=select]:focus i{color:rgba(0,0,0,.73)}:host[theme=select] i{color:var(--text-main);font-size:.8rem;opacity:.45}"]
+                styles: [":host{-moz-user-select:none;-webkit-user-select:none;background:transparent;border:none;border-radius:3px;color:var(--text-main,#3d464d);cursor:pointer;flex:0 0 auto;flex-direction:row;font-size:var(--font-size-button);gap:1rem;height:3rem;justify-content:center;overflow:hidden;padding:0 1rem;text-overflow:clip;transition:all .2s ease-in-out;user-select:none;white-space:nowrap}:host,:host .button-contents{align-items:center;display:inline-flex;text-transform:uppercase}:host .button-contents{color:inherit}:host .button-contents,:host i{font-size:inherit;height:var(--font-size-button);line-height:1}:host[size=small]{font-size:1rem;gap:.5rem;height:2.4rem;padding:0 1rem}:host[size=small] .button-contents,:host[size=small] i{height:1rem}:host[size=large]{font-size:1.6rem;gap:1.25rem;height:3.6rem;padding:0 1.25rem}:host[size=large] .button-contents,:host[size=large] i{height:1.6rem}:host:focus{outline:none}:host.novo-button-disabled,:host[disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}:host[disabled=false]{cursor:pointer;opacity:1;pointer-events:auto}:host[loading=true]{cursor:not-allowed;opacity:.5;pointer-events:none}:host[loading=true] i.loading{-webkit-animation:rotate 1.2s linear infinite;align-items:center;animation:rotate 1.2s linear infinite;display:flex;justify-content:center}:host[loading=true] i.loading svg{height:100%;max-height:15px;max-width:15px;width:100%}:host[loading=true] i.loading svg .spinner{fill:currentColor}@-webkit-keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}", ":host[theme=standard]{background:var(--button-background);color:var(--button-text)}:host[theme=standard][color=black]{background:#000;color:#fff}:host[theme=standard][color=white]{background:#fff;color:#3d464d}:host[theme=standard][color=gray],:host[theme=standard][color=grey]{background:#9e9e9e;color:#3d464d}:host[theme=standard][color=bright],:host[theme=standard][color=offWhite]{background:#f7f7f7;color:#3d464d}:host[theme=standard][color=light]{background:#dbdbdb;color:#3d464d}:host[theme=standard][color=neutral]{background:#4f5361;color:#fff}:host[theme=standard][color=dark]{background:#3d464d;color:#fff}:host[theme=standard][color=orange]{background:#ff6900;color:#3d464d}:host[theme=standard][color=navigation]{background:#202945;color:#fff}:host[theme=standard][color=skyBlue]{background:#009bdf;color:#fff}:host[theme=standard][color=steel]{background:#5b6770;color:#fff}:host[theme=standard][color=metal]{background:#637893;color:#fff}:host[theme=standard][color=sand]{background:#f4f4f4;color:#3d464d}:host[theme=standard][color=silver]{background:#e2e2e2;color:#3d464d}:host[theme=standard][color=stone]{background:#bebebe;color:#3d464d}:host[theme=standard][color=ash]{background:#a0a0a0;color:#3d464d}:host[theme=standard][color=slate]{background:#707070;color:#fff}:host[theme=standard][color=onyx]{background:#526980;color:#fff}:host[theme=standard][color=charcoal]{background:#282828;color:#fff}:host[theme=standard][color=moonlight]{background:#1a242f;color:#fff}:host[theme=standard][color=midnight]{background:#202945;color:#fff}:host[theme=standard][color=darkness]{background:#161f27;color:#fff}:host[theme=standard][color=navy]{background:#0d2d42;color:#fff}:host[theme=standard][color=aqua]{background:#3bafda;color:#3d464d}:host[theme=standard][color=ocean]{background:#4a89dc;color:#fff}:host[theme=standard][color=mint]{background:#37bc9b;color:#3d464d}:host[theme=standard][color=grass]{background:#8cc152;color:#fff}:host[theme=standard][color=sunflower]{background:#f6b042;color:#fff}:host[theme=standard][color=bittersweet]{background:#eb6845;color:#fff}:host[theme=standard][color=grapefruit]{background:#da4453;color:#fff}:host[theme=standard][color=carnation]{background:#d770ad;color:#fff}:host[theme=standard][color=lavender]{background:#967adc;color:#fff}:host[theme=standard][color=mountain]{background:#9678b6;color:#fff}:host[theme=standard][color=info],:host[theme=standard][color=positive]{background:#4a89dc;color:#fff}:host[theme=standard][color=success]{background:#8cc152;color:#fff}:host[theme=standard][color=danger],:host[theme=standard][color=error],:host[theme=standard][color=negative]{background:#da4453;color:#fff}:host[theme=standard][color=warning]{background:#f6b042;color:#fff}:host[theme=standard][color=empty]{background:#cccdcc;color:#3d464d}:host[theme=standard][color=disabled]{background:#bebebe;color:#3d464d}:host[theme=standard][color=background]{background:#f7f7f7;color:#3d464d}:host[theme=standard][color=backgroundDark]{background:#e2e2e2;color:#3d464d}:host[theme=standard][color=presentation]{background:#5b6770;color:#fff}:host[theme=standard][color=bullhorn]{background:#ff6900;color:#3d464d}:host[theme=standard][color=pulse]{background:#3bafda;color:#3d464d}:host[theme=standard][color=company]{background:#39d;color:#fff}:host[theme=standard][color=candidate]{background:#4b7;color:#fff}:host[theme=standard][color=lead]{background:#a69;color:#fff}:host[theme=standard][color=clientcontact],:host[theme=standard][color=contact]{background:#fa4;color:#fff}:host[theme=standard][color=opportunity]{background:#625;color:#fff}:host[theme=standard][color=job],:host[theme=standard][color=joborder]{background:#b56;color:#fff}:host[theme=standard][color=submission]{background:#a9adbb;color:#3d464d}:host[theme=standard][color=sendout]{background:#747884;color:#fff}:host[theme=standard][color=placement]{background:#0b344f;color:#fff}:host[theme=standard][color=note]{background:#747884;color:#fff}:host[theme=standard][color=contract]{background:#454ea0;color:#fff}:host[theme=standard][color=billableCharge],:host[theme=standard][color=corporateUser],:host[theme=standard][color=credential],:host[theme=standard][color=distributionList],:host[theme=standard][color=earnCode],:host[theme=standard][color=invoiceStatement],:host[theme=standard][color=jobCode],:host[theme=standard][color=payableCharge],:host[theme=standard][color=person],:host[theme=standard][color=user]{background:#696d79;color:#fff}:host[theme=standard]:focus,:host[theme=standard]:hover{box-shadow:0 3px 7px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.15)}:host[theme=standard]:active{box-shadow:0 1px 2px rgba(0,0,0,.15)}", ":host[theme=primary]{background:#4a89dc;color:#fff;text-align:left}:host[theme=primary][color=black]{background:#000;color:#fff}:host[theme=primary][color=white]{color:#3d464d}:host[theme=primary][color=gray],:host[theme=primary][color=grey]{background:#9e9e9e;color:#3d464d}:host[theme=primary][color=bright],:host[theme=primary][color=offWhite]{background:#f7f7f7;color:#3d464d}:host[theme=primary][color=light]{background:#dbdbdb;color:#3d464d}:host[theme=primary][color=neutral]{background:#4f5361;color:#fff}:host[theme=primary][color=dark]{background:#3d464d;color:#fff}:host[theme=primary][color=orange]{background:#ff6900;color:#3d464d}:host[theme=primary][color=navigation]{background:#202945;color:#fff}:host[theme=primary][color=skyBlue]{background:#009bdf;color:#fff}:host[theme=primary][color=steel]{background:#5b6770;color:#fff}:host[theme=primary][color=metal]{background:#637893;color:#fff}:host[theme=primary][color=sand]{background:#f4f4f4;color:#3d464d}:host[theme=primary][color=silver]{background:#e2e2e2;color:#3d464d}:host[theme=primary][color=stone]{background:#bebebe;color:#3d464d}:host[theme=primary][color=ash]{background:#a0a0a0;color:#3d464d}:host[theme=primary][color=slate]{background:#707070;color:#fff}:host[theme=primary][color=onyx]{background:#526980;color:#fff}:host[theme=primary][color=charcoal]{background:#282828;color:#fff}:host[theme=primary][color=moonlight]{background:#1a242f;color:#fff}:host[theme=primary][color=midnight]{background:#202945;color:#fff}:host[theme=primary][color=darkness]{background:#161f27;color:#fff}:host[theme=primary][color=navy]{background:#0d2d42;color:#fff}:host[theme=primary][color=aqua]{background:#3bafda;color:#3d464d}:host[theme=primary][color=ocean]{background:#4a89dc;color:#fff}:host[theme=primary][color=mint]{background:#37bc9b;color:#3d464d}:host[theme=primary][color=grass]{background:#8cc152;color:#fff}:host[theme=primary][color=sunflower]{background:#f6b042;color:#fff}:host[theme=primary][color=bittersweet]{background:#eb6845;color:#fff}:host[theme=primary][color=grapefruit]{background:#da4453;color:#fff}:host[theme=primary][color=carnation]{background:#d770ad;color:#fff}:host[theme=primary][color=lavender]{background:#967adc;color:#fff}:host[theme=primary][color=mountain]{background:#9678b6;color:#fff}:host[theme=primary][color=info],:host[theme=primary][color=positive]{background:#4a89dc;color:#fff}:host[theme=primary][color=success]{background:#8cc152;color:#fff}:host[theme=primary][color=danger],:host[theme=primary][color=error],:host[theme=primary][color=negative]{background:#da4453;color:#fff}:host[theme=primary][color=warning]{background:#f6b042;color:#fff}:host[theme=primary][color=empty]{background:#cccdcc;color:#3d464d}:host[theme=primary][color=disabled]{background:#bebebe;color:#3d464d}:host[theme=primary][color=background]{background:#f7f7f7;color:#3d464d}:host[theme=primary][color=backgroundDark]{background:#e2e2e2;color:#3d464d}:host[theme=primary][color=presentation]{background:#5b6770;color:#fff}:host[theme=primary][color=bullhorn]{background:#ff6900;color:#3d464d}:host[theme=primary][color=pulse]{background:#3bafda;color:#3d464d}:host[theme=primary][color=company]{background:#39d;color:#fff}:host[theme=primary][color=candidate]{background:#4b7;color:#fff}:host[theme=primary][color=lead]{background:#a69;color:#fff}:host[theme=primary][color=clientcontact],:host[theme=primary][color=contact]{background:#fa4;color:#fff}:host[theme=primary][color=opportunity]{background:#625;color:#fff}:host[theme=primary][color=job],:host[theme=primary][color=joborder]{background:#b56;color:#fff}:host[theme=primary][color=submission]{background:#a9adbb;color:#3d464d}:host[theme=primary][color=sendout]{background:#747884;color:#fff}:host[theme=primary][color=placement]{background:#0b344f;color:#fff}:host[theme=primary][color=note]{background:#747884;color:#fff}:host[theme=primary][color=contract]{background:#454ea0;color:#fff}:host[theme=primary][color=billableCharge],:host[theme=primary][color=corporateUser],:host[theme=primary][color=credential],:host[theme=primary][color=distributionList],:host[theme=primary][color=earnCode],:host[theme=primary][color=invoiceStatement],:host[theme=primary][color=jobCode],:host[theme=primary][color=payableCharge],:host[theme=primary][color=person],:host[theme=primary][color=user]{background:#696d79;color:#fff}:host[theme=primary]:focus,:host[theme=primary]:hover{box-shadow:0 3px 7px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.15);filter:brightness(1.15)}:host[theme=primary]:active{box-shadow:0 1px 2px rgba(0,0,0,.15);filter:brightness(.85)}:host[theme=primary][color=white]{background:#fff;color:#4a89dc}:host[theme=primary][color=white]:focus,:host[theme=primary][color=white]:hover{background:#f7f7f7}:host[theme=primary][color=white]:active{background:#eaeaea}:host[theme=primary][color=white] i{background:rgba(0,0,0,.05)}:host[theme=primary][size=large] i{margin-left:3px}", ":host[theme=secondary]{align-items:center;background:#fff;border:1px solid #4a89dc;color:#4a89dc;padding:0 calc(1rem - 1px);text-align:left}:host[theme=secondary][color=black],:host[theme=secondary][color=black] i{color:#000}:host[theme=secondary][color=white],:host[theme=secondary][color=white] i{color:#fff}:host[theme=secondary][color=gray],:host[theme=secondary][color=gray] i,:host[theme=secondary][color=grey],:host[theme=secondary][color=grey] i{color:#9e9e9e}:host[theme=secondary][color=bright],:host[theme=secondary][color=bright] i,:host[theme=secondary][color=offWhite],:host[theme=secondary][color=offWhite] i{color:#f7f7f7}:host[theme=secondary][color=light],:host[theme=secondary][color=light] i{color:#dbdbdb}:host[theme=secondary][color=neutral],:host[theme=secondary][color=neutral] i{color:#4f5361}:host[theme=secondary][color=dark],:host[theme=secondary][color=dark] i{color:#3d464d}:host[theme=secondary][color=orange],:host[theme=secondary][color=orange] i{color:#ff6900}:host[theme=secondary][color=navigation],:host[theme=secondary][color=navigation] i{color:#202945}:host[theme=secondary][color=skyBlue],:host[theme=secondary][color=skyBlue] i{color:#009bdf}:host[theme=secondary][color=steel],:host[theme=secondary][color=steel] i{color:#5b6770}:host[theme=secondary][color=metal],:host[theme=secondary][color=metal] i{color:#637893}:host[theme=secondary][color=sand],:host[theme=secondary][color=sand] i{color:#f4f4f4}:host[theme=secondary][color=silver],:host[theme=secondary][color=silver] i{color:#e2e2e2}:host[theme=secondary][color=stone],:host[theme=secondary][color=stone] i{color:#bebebe}:host[theme=secondary][color=ash],:host[theme=secondary][color=ash] i{color:#a0a0a0}:host[theme=secondary][color=slate],:host[theme=secondary][color=slate] i{color:#707070}:host[theme=secondary][color=onyx],:host[theme=secondary][color=onyx] i{color:#526980}:host[theme=secondary][color=charcoal],:host[theme=secondary][color=charcoal] i{color:#282828}:host[theme=secondary][color=moonlight],:host[theme=secondary][color=moonlight] i{color:#1a242f}:host[theme=secondary][color=midnight],:host[theme=secondary][color=midnight] i{color:#202945}:host[theme=secondary][color=darkness],:host[theme=secondary][color=darkness] i{color:#161f27}:host[theme=secondary][color=navy],:host[theme=secondary][color=navy] i{color:#0d2d42}:host[theme=secondary][color=aqua],:host[theme=secondary][color=aqua] i{color:#3bafda}:host[theme=secondary][color=ocean],:host[theme=secondary][color=ocean] i{color:#4a89dc}:host[theme=secondary][color=mint],:host[theme=secondary][color=mint] i{color:#37bc9b}:host[theme=secondary][color=grass],:host[theme=secondary][color=grass] i{color:#8cc152}:host[theme=secondary][color=sunflower],:host[theme=secondary][color=sunflower] i{color:#f6b042}:host[theme=secondary][color=bittersweet],:host[theme=secondary][color=bittersweet] i{color:#eb6845}:host[theme=secondary][color=grapefruit],:host[theme=secondary][color=grapefruit] i{color:#da4453}:host[theme=secondary][color=carnation],:host[theme=secondary][color=carnation] i{color:#d770ad}:host[theme=secondary][color=lavender],:host[theme=secondary][color=lavender] i{color:#967adc}:host[theme=secondary][color=mountain],:host[theme=secondary][color=mountain] i{color:#9678b6}:host[theme=secondary][color=info],:host[theme=secondary][color=info] i,:host[theme=secondary][color=positive],:host[theme=secondary][color=positive] i{color:#4a89dc}:host[theme=secondary][color=success],:host[theme=secondary][color=success] i{color:#8cc152}:host[theme=secondary][color=danger],:host[theme=secondary][color=danger] i,:host[theme=secondary][color=error],:host[theme=secondary][color=error] i,:host[theme=secondary][color=negative],:host[theme=secondary][color=negative] i{color:#da4453}:host[theme=secondary][color=warning],:host[theme=secondary][color=warning] i{color:#f6b042}:host[theme=secondary][color=empty],:host[theme=secondary][color=empty] i{color:#cccdcc}:host[theme=secondary][color=disabled],:host[theme=secondary][color=disabled] i{color:#bebebe}:host[theme=secondary][color=background],:host[theme=secondary][color=background] i{color:#f7f7f7}:host[theme=secondary][color=backgroundDark],:host[theme=secondary][color=backgroundDark] i{color:#e2e2e2}:host[theme=secondary][color=presentation],:host[theme=secondary][color=presentation] i{color:#5b6770}:host[theme=secondary][color=bullhorn],:host[theme=secondary][color=bullhorn] i{color:#ff6900}:host[theme=secondary][color=pulse],:host[theme=secondary][color=pulse] i{color:#3bafda}:host[theme=secondary][color=company],:host[theme=secondary][color=company] i{color:#39d}:host[theme=secondary][color=candidate],:host[theme=secondary][color=candidate] i{color:#4b7}:host[theme=secondary][color=lead],:host[theme=secondary][color=lead] i{color:#a69}:host[theme=secondary][color=clientcontact],:host[theme=secondary][color=clientcontact] i,:host[theme=secondary][color=contact],:host[theme=secondary][color=contact] i{color:#fa4}:host[theme=secondary][color=opportunity],:host[theme=secondary][color=opportunity] i{color:#625}:host[theme=secondary][color=job],:host[theme=secondary][color=job] i,:host[theme=secondary][color=joborder],:host[theme=secondary][color=joborder] i{color:#b56}:host[theme=secondary][color=submission],:host[theme=secondary][color=submission] i{color:#a9adbb}:host[theme=secondary][color=sendout],:host[theme=secondary][color=sendout] i{color:#747884}:host[theme=secondary][color=placement],:host[theme=secondary][color=placement] i{color:#0b344f}:host[theme=secondary][color=note],:host[theme=secondary][color=note] i{color:#747884}:host[theme=secondary][color=contract],:host[theme=secondary][color=contract] i{color:#454ea0}:host[theme=secondary][color=billableCharge],:host[theme=secondary][color=billableCharge] i,:host[theme=secondary][color=corporateUser],:host[theme=secondary][color=corporateUser] i,:host[theme=secondary][color=credential],:host[theme=secondary][color=credential] i,:host[theme=secondary][color=distributionList],:host[theme=secondary][color=distributionList] i,:host[theme=secondary][color=earnCode],:host[theme=secondary][color=earnCode] i,:host[theme=secondary][color=invoiceStatement],:host[theme=secondary][color=invoiceStatement] i,:host[theme=secondary][color=jobCode],:host[theme=secondary][color=jobCode] i,:host[theme=secondary][color=payableCharge],:host[theme=secondary][color=payableCharge] i,:host[theme=secondary][color=person],:host[theme=secondary][color=person] i,:host[theme=secondary][color=user],:host[theme=secondary][color=user] i{color:#696d79}:host[theme=secondary][color=black]{border:1px solid #000}:host[theme=secondary][color=white]{border:1px solid #fff}:host[theme=secondary][color=gray],:host[theme=secondary][color=grey]{border:1px solid #9e9e9e}:host[theme=secondary][color=bright],:host[theme=secondary][color=offWhite]{border:1px solid #f7f7f7}:host[theme=secondary][color=light]{border:1px solid #dbdbdb}:host[theme=secondary][color=neutral]{border:1px solid #4f5361}:host[theme=secondary][color=dark]{border:1px solid #3d464d}:host[theme=secondary][color=orange]{border:1px solid #ff6900}:host[theme=secondary][color=navigation]{border:1px solid #202945}:host[theme=secondary][color=skyBlue]{border:1px solid #009bdf}:host[theme=secondary][color=steel]{border:1px solid #5b6770}:host[theme=secondary][color=metal]{border:1px solid #637893}:host[theme=secondary][color=sand]{border:1px solid #f4f4f4}:host[theme=secondary][color=silver]{border:1px solid #e2e2e2}:host[theme=secondary][color=stone]{border:1px solid #bebebe}:host[theme=secondary][color=ash]{border:1px solid #a0a0a0}:host[theme=secondary][color=slate]{border:1px solid #707070}:host[theme=secondary][color=onyx]{border:1px solid #526980}:host[theme=secondary][color=charcoal]{border:1px solid #282828}:host[theme=secondary][color=moonlight]{border:1px solid #1a242f}:host[theme=secondary][color=midnight]{border:1px solid #202945}:host[theme=secondary][color=darkness]{border:1px solid #161f27}:host[theme=secondary][color=navy]{border:1px solid #0d2d42}:host[theme=secondary][color=aqua]{border:1px solid #3bafda}:host[theme=secondary][color=ocean]{border:1px solid #4a89dc}:host[theme=secondary][color=mint]{border:1px solid #37bc9b}:host[theme=secondary][color=grass]{border:1px solid #8cc152}:host[theme=secondary][color=sunflower]{border:1px solid #f6b042}:host[theme=secondary][color=bittersweet]{border:1px solid #eb6845}:host[theme=secondary][color=grapefruit]{border:1px solid #da4453}:host[theme=secondary][color=carnation]{border:1px solid #d770ad}:host[theme=secondary][color=lavender]{border:1px solid #967adc}:host[theme=secondary][color=mountain]{border:1px solid #9678b6}:host[theme=secondary][color=info],:host[theme=secondary][color=positive]{border:1px solid #4a89dc}:host[theme=secondary][color=success]{border:1px solid #8cc152}:host[theme=secondary][color=danger],:host[theme=secondary][color=error],:host[theme=secondary][color=negative]{border:1px solid #da4453}:host[theme=secondary][color=warning]{border:1px solid #f6b042}:host[theme=secondary][color=empty]{border:1px solid #cccdcc}:host[theme=secondary][color=disabled]{border:1px solid #bebebe}:host[theme=secondary][color=background]{border:1px solid #f7f7f7}:host[theme=secondary][color=backgroundDark]{border:1px solid #e2e2e2}:host[theme=secondary][color=presentation]{border:1px solid #5b6770}:host[theme=secondary][color=bullhorn]{border:1px solid #ff6900}:host[theme=secondary][color=pulse]{border:1px solid #3bafda}:host[theme=secondary][color=company]{border:1px solid #39d}:host[theme=secondary][color=candidate]{border:1px solid #4b7}:host[theme=secondary][color=lead]{border:1px solid #a69}:host[theme=secondary][color=clientcontact],:host[theme=secondary][color=contact]{border:1px solid #fa4}:host[theme=secondary][color=opportunity]{border:1px solid #625}:host[theme=secondary][color=job],:host[theme=secondary][color=joborder]{border:1px solid #b56}:host[theme=secondary][color=submission]{border:1px solid #a9adbb}:host[theme=secondary][color=sendout]{border:1px solid #747884}:host[theme=secondary][color=placement]{border:1px solid #0b344f}:host[theme=secondary][color=note]{border:1px solid #747884}:host[theme=secondary][color=contract]{border:1px solid #454ea0}:host[theme=secondary][color=billableCharge],:host[theme=secondary][color=corporateUser],:host[theme=secondary][color=credential],:host[theme=secondary][color=distributionList],:host[theme=secondary][color=earnCode],:host[theme=secondary][color=invoiceStatement],:host[theme=secondary][color=jobCode],:host[theme=secondary][color=payableCharge],:host[theme=secondary][color=person],:host[theme=secondary][color=user]{border:1px solid #696d79}:host[theme=secondary] i.loading{margin-left:.8rem}:host[theme=secondary] i.loading svg .spinner{fill:#4a89dc}:host[theme=secondary]:focus,:host[theme=secondary]:hover{background:#fff;box-shadow:0 3px 7px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.15)}:host[theme=secondary]:active{box-shadow:0 1px 2px rgba(0,0,0,.15)}:host[theme=secondary][inverse]{background:rgba(0,0,0,.25);border:1px solid #fff;color:#fff}:host[theme=secondary][inverse]:focus,:host[theme=secondary][inverse]:hover{background:rgba(0,0,0,.35)}:host[theme=secondary][inverse]:active{background:rgba(0,0,0,.45)}:host[theme=secondary][inverse] i.loading svg .spinner{fill:#fff}", ":host[theme=fab]{align-items:center;border-radius:50%!important;display:inline-flex;font-size:1.2rem;height:3.2rem;justify-content:center;padding:0;width:3.2rem}:host[theme=fab][color=black]{background:#000;color:#fff}:host[theme=fab][color=white]{background:#fff;color:#3d464d}:host[theme=fab][color=gray],:host[theme=fab][color=grey]{background:#9e9e9e;color:#3d464d}:host[theme=fab][color=bright],:host[theme=fab][color=offWhite]{background:#f7f7f7;color:#3d464d}:host[theme=fab][color=light]{background:#dbdbdb;color:#3d464d}:host[theme=fab][color=neutral]{background:#4f5361;color:#fff}:host[theme=fab][color=dark]{background:#3d464d;color:#fff}:host[theme=fab][color=orange]{background:#ff6900;color:#3d464d}:host[theme=fab][color=navigation]{background:#202945;color:#fff}:host[theme=fab][color=skyBlue]{background:#009bdf;color:#fff}:host[theme=fab][color=steel]{background:#5b6770;color:#fff}:host[theme=fab][color=metal]{background:#637893;color:#fff}:host[theme=fab][color=sand]{background:#f4f4f4;color:#3d464d}:host[theme=fab][color=silver]{background:#e2e2e2;color:#3d464d}:host[theme=fab][color=stone]{background:#bebebe;color:#3d464d}:host[theme=fab][color=ash]{background:#a0a0a0;color:#3d464d}:host[theme=fab][color=slate]{background:#707070;color:#fff}:host[theme=fab][color=onyx]{background:#526980;color:#fff}:host[theme=fab][color=charcoal]{background:#282828;color:#fff}:host[theme=fab][color=moonlight]{background:#1a242f;color:#fff}:host[theme=fab][color=midnight]{background:#202945;color:#fff}:host[theme=fab][color=darkness]{background:#161f27;color:#fff}:host[theme=fab][color=navy]{background:#0d2d42;color:#fff}:host[theme=fab][color=aqua]{background:#3bafda;color:#3d464d}:host[theme=fab][color=ocean]{background:#4a89dc;color:#fff}:host[theme=fab][color=mint]{background:#37bc9b;color:#3d464d}:host[theme=fab][color=grass]{background:#8cc152;color:#fff}:host[theme=fab][color=sunflower]{background:#f6b042;color:#fff}:host[theme=fab][color=bittersweet]{background:#eb6845;color:#fff}:host[theme=fab][color=grapefruit]{background:#da4453;color:#fff}:host[theme=fab][color=carnation]{background:#d770ad;color:#fff}:host[theme=fab][color=lavender]{background:#967adc;color:#fff}:host[theme=fab][color=mountain]{background:#9678b6;color:#fff}:host[theme=fab][color=info],:host[theme=fab][color=positive]{background:#4a89dc;color:#fff}:host[theme=fab][color=success]{background:#8cc152;color:#fff}:host[theme=fab][color=danger],:host[theme=fab][color=error],:host[theme=fab][color=negative]{background:#da4453;color:#fff}:host[theme=fab][color=warning]{background:#f6b042;color:#fff}:host[theme=fab][color=empty]{background:#cccdcc;color:#3d464d}:host[theme=fab][color=disabled]{background:#bebebe;color:#3d464d}:host[theme=fab][color=background]{background:#f7f7f7;color:#3d464d}:host[theme=fab][color=backgroundDark]{background:#e2e2e2;color:#3d464d}:host[theme=fab][color=presentation]{background:#5b6770;color:#fff}:host[theme=fab][color=bullhorn]{background:#ff6900;color:#3d464d}:host[theme=fab][color=pulse]{background:#3bafda;color:#3d464d}:host[theme=fab][color=company]{background:#39d;color:#fff}:host[theme=fab][color=candidate]{background:#4b7;color:#fff}:host[theme=fab][color=lead]{background:#a69;color:#fff}:host[theme=fab][color=clientcontact],:host[theme=fab][color=contact]{background:#fa4;color:#fff}:host[theme=fab][color=opportunity]{background:#625;color:#fff}:host[theme=fab][color=job],:host[theme=fab][color=joborder]{background:#b56;color:#fff}:host[theme=fab][color=submission]{background:#a9adbb;color:#3d464d}:host[theme=fab][color=sendout]{background:#747884;color:#fff}:host[theme=fab][color=placement]{background:#0b344f;color:#fff}:host[theme=fab][color=note]{background:#747884;color:#fff}:host[theme=fab][color=contract]{background:#454ea0;color:#fff}:host[theme=fab][color=billableCharge],:host[theme=fab][color=corporateUser],:host[theme=fab][color=credential],:host[theme=fab][color=distributionList],:host[theme=fab][color=earnCode],:host[theme=fab][color=invoiceStatement],:host[theme=fab][color=jobCode],:host[theme=fab][color=payableCharge],:host[theme=fab][color=person],:host[theme=fab][color=user]{background:#696d79;color:#fff}:host[theme=fab][inverse]{color:#fff}:host[theme=fab]:active,:host[theme=fab]:focus,:host[theme=fab]:hover{box-shadow:0 1px 2px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}:host[theme=fab] .button-contents{display:contents}:host[theme=fab] i{margin:0;padding:0}:host[theme=fab] i:before{display:block}", ":host[theme=icon]{font-size:1.4rem;height:2.4rem;padding:.5rem}:host[theme=icon][color=black],:host[theme=icon][color=black] i{color:#000}:host[theme=icon][color=white],:host[theme=icon][color=white] i{color:#fff}:host[theme=icon][color=gray],:host[theme=icon][color=gray] i,:host[theme=icon][color=grey],:host[theme=icon][color=grey] i{color:#9e9e9e}:host[theme=icon][color=bright],:host[theme=icon][color=bright] i,:host[theme=icon][color=offWhite],:host[theme=icon][color=offWhite] i{color:#f7f7f7}:host[theme=icon][color=light],:host[theme=icon][color=light] i{color:#dbdbdb}:host[theme=icon][color=neutral],:host[theme=icon][color=neutral] i{color:#4f5361}:host[theme=icon][color=dark],:host[theme=icon][color=dark] i{color:#3d464d}:host[theme=icon][color=orange],:host[theme=icon][color=orange] i{color:#ff6900}:host[theme=icon][color=navigation],:host[theme=icon][color=navigation] i{color:#202945}:host[theme=icon][color=skyBlue],:host[theme=icon][color=skyBlue] i{color:#009bdf}:host[theme=icon][color=steel],:host[theme=icon][color=steel] i{color:#5b6770}:host[theme=icon][color=metal],:host[theme=icon][color=metal] i{color:#637893}:host[theme=icon][color=sand],:host[theme=icon][color=sand] i{color:#f4f4f4}:host[theme=icon][color=silver],:host[theme=icon][color=silver] i{color:#e2e2e2}:host[theme=icon][color=stone],:host[theme=icon][color=stone] i{color:#bebebe}:host[theme=icon][color=ash],:host[theme=icon][color=ash] i{color:#a0a0a0}:host[theme=icon][color=slate],:host[theme=icon][color=slate] i{color:#707070}:host[theme=icon][color=onyx],:host[theme=icon][color=onyx] i{color:#526980}:host[theme=icon][color=charcoal],:host[theme=icon][color=charcoal] i{color:#282828}:host[theme=icon][color=moonlight],:host[theme=icon][color=moonlight] i{color:#1a242f}:host[theme=icon][color=midnight],:host[theme=icon][color=midnight] i{color:#202945}:host[theme=icon][color=darkness],:host[theme=icon][color=darkness] i{color:#161f27}:host[theme=icon][color=navy],:host[theme=icon][color=navy] i{color:#0d2d42}:host[theme=icon][color=aqua],:host[theme=icon][color=aqua] i{color:#3bafda}:host[theme=icon][color=ocean],:host[theme=icon][color=ocean] i{color:#4a89dc}:host[theme=icon][color=mint],:host[theme=icon][color=mint] i{color:#37bc9b}:host[theme=icon][color=grass],:host[theme=icon][color=grass] i{color:#8cc152}:host[theme=icon][color=sunflower],:host[theme=icon][color=sunflower] i{color:#f6b042}:host[theme=icon][color=bittersweet],:host[theme=icon][color=bittersweet] i{color:#eb6845}:host[theme=icon][color=grapefruit],:host[theme=icon][color=grapefruit] i{color:#da4453}:host[theme=icon][color=carnation],:host[theme=icon][color=carnation] i{color:#d770ad}:host[theme=icon][color=lavender],:host[theme=icon][color=lavender] i{color:#967adc}:host[theme=icon][color=mountain],:host[theme=icon][color=mountain] i{color:#9678b6}:host[theme=icon][color=info],:host[theme=icon][color=info] i,:host[theme=icon][color=positive],:host[theme=icon][color=positive] i{color:#4a89dc}:host[theme=icon][color=success],:host[theme=icon][color=success] i{color:#8cc152}:host[theme=icon][color=danger],:host[theme=icon][color=danger] i,:host[theme=icon][color=error],:host[theme=icon][color=error] i,:host[theme=icon][color=negative],:host[theme=icon][color=negative] i{color:#da4453}:host[theme=icon][color=warning],:host[theme=icon][color=warning] i{color:#f6b042}:host[theme=icon][color=empty],:host[theme=icon][color=empty] i{color:#cccdcc}:host[theme=icon][color=disabled],:host[theme=icon][color=disabled] i{color:#bebebe}:host[theme=icon][color=background],:host[theme=icon][color=background] i{color:#f7f7f7}:host[theme=icon][color=backgroundDark],:host[theme=icon][color=backgroundDark] i{color:#e2e2e2}:host[theme=icon][color=presentation],:host[theme=icon][color=presentation] i{color:#5b6770}:host[theme=icon][color=bullhorn],:host[theme=icon][color=bullhorn] i{color:#ff6900}:host[theme=icon][color=pulse],:host[theme=icon][color=pulse] i{color:#3bafda}:host[theme=icon][color=company],:host[theme=icon][color=company] i{color:#39d}:host[theme=icon][color=candidate],:host[theme=icon][color=candidate] i{color:#4b7}:host[theme=icon][color=lead],:host[theme=icon][color=lead] i{color:#a69}:host[theme=icon][color=clientcontact],:host[theme=icon][color=clientcontact] i,:host[theme=icon][color=contact],:host[theme=icon][color=contact] i{color:#fa4}:host[theme=icon][color=opportunity],:host[theme=icon][color=opportunity] i{color:#625}:host[theme=icon][color=job],:host[theme=icon][color=job] i,:host[theme=icon][color=joborder],:host[theme=icon][color=joborder] i{color:#b56}:host[theme=icon][color=submission],:host[theme=icon][color=submission] i{color:#a9adbb}:host[theme=icon][color=sendout],:host[theme=icon][color=sendout] i{color:#747884}:host[theme=icon][color=placement],:host[theme=icon][color=placement] i{color:#0b344f}:host[theme=icon][color=note],:host[theme=icon][color=note] i{color:#747884}:host[theme=icon][color=contract],:host[theme=icon][color=contract] i{color:#454ea0}:host[theme=icon][color=billableCharge],:host[theme=icon][color=billableCharge] i,:host[theme=icon][color=corporateUser],:host[theme=icon][color=corporateUser] i,:host[theme=icon][color=credential],:host[theme=icon][color=credential] i,:host[theme=icon][color=distributionList],:host[theme=icon][color=distributionList] i,:host[theme=icon][color=earnCode],:host[theme=icon][color=earnCode] i,:host[theme=icon][color=invoiceStatement],:host[theme=icon][color=invoiceStatement] i,:host[theme=icon][color=jobCode],:host[theme=icon][color=jobCode] i,:host[theme=icon][color=payableCharge],:host[theme=icon][color=payableCharge] i,:host[theme=icon][color=person],:host[theme=icon][color=person] i,:host[theme=icon][color=user],:host[theme=icon][color=user] i{color:#696d79}:host[theme=icon][inverse]{color:#fff}:host[theme=icon] i{display:contents;margin:0!important}:host[theme=icon]:focus,:host[theme=icon]:hover{background:rgba(0,0,0,.1)}:host[theme=icon]:active{background:rgba(0,0,0,.25)}:host[theme=icon] .button-contents{display:contents}:host[theme=icon][size=small]{font-size:1.2rem;height:2rem;padding:.5rem}:host[theme=icon][size=large]{font-size:2rem;height:2.8rem;padding:1rem}", ":host[theme=dialogue]{background:transparent;color:#4a89dc}:host[theme=dialogue][color=black],:host[theme=dialogue][color=black] i{color:#000}:host[theme=dialogue][color=white],:host[theme=dialogue][color=white] i{color:#fff}:host[theme=dialogue][color=gray],:host[theme=dialogue][color=gray] i,:host[theme=dialogue][color=grey],:host[theme=dialogue][color=grey] i{color:#9e9e9e}:host[theme=dialogue][color=bright],:host[theme=dialogue][color=bright] i,:host[theme=dialogue][color=offWhite],:host[theme=dialogue][color=offWhite] i{color:#f7f7f7}:host[theme=dialogue][color=light],:host[theme=dialogue][color=light] i{color:#dbdbdb}:host[theme=dialogue][color=neutral],:host[theme=dialogue][color=neutral] i{color:#4f5361}:host[theme=dialogue][color=dark],:host[theme=dialogue][color=dark] i{color:#3d464d}:host[theme=dialogue][color=orange],:host[theme=dialogue][color=orange] i{color:#ff6900}:host[theme=dialogue][color=navigation],:host[theme=dialogue][color=navigation] i{color:#202945}:host[theme=dialogue][color=skyBlue],:host[theme=dialogue][color=skyBlue] i{color:#009bdf}:host[theme=dialogue][color=steel],:host[theme=dialogue][color=steel] i{color:#5b6770}:host[theme=dialogue][color=metal],:host[theme=dialogue][color=metal] i{color:#637893}:host[theme=dialogue][color=sand],:host[theme=dialogue][color=sand] i{color:#f4f4f4}:host[theme=dialogue][color=silver],:host[theme=dialogue][color=silver] i{color:#e2e2e2}:host[theme=dialogue][color=stone],:host[theme=dialogue][color=stone] i{color:#bebebe}:host[theme=dialogue][color=ash],:host[theme=dialogue][color=ash] i{color:#a0a0a0}:host[theme=dialogue][color=slate],:host[theme=dialogue][color=slate] i{color:#707070}:host[theme=dialogue][color=onyx],:host[theme=dialogue][color=onyx] i{color:#526980}:host[theme=dialogue][color=charcoal],:host[theme=dialogue][color=charcoal] i{color:#282828}:host[theme=dialogue][color=moonlight],:host[theme=dialogue][color=moonlight] i{color:#1a242f}:host[theme=dialogue][color=midnight],:host[theme=dialogue][color=midnight] i{color:#202945}:host[theme=dialogue][color=darkness],:host[theme=dialogue][color=darkness] i{color:#161f27}:host[theme=dialogue][color=navy],:host[theme=dialogue][color=navy] i{color:#0d2d42}:host[theme=dialogue][color=aqua],:host[theme=dialogue][color=aqua] i{color:#3bafda}:host[theme=dialogue][color=ocean],:host[theme=dialogue][color=ocean] i{color:#4a89dc}:host[theme=dialogue][color=mint],:host[theme=dialogue][color=mint] i{color:#37bc9b}:host[theme=dialogue][color=grass],:host[theme=dialogue][color=grass] i{color:#8cc152}:host[theme=dialogue][color=sunflower],:host[theme=dialogue][color=sunflower] i{color:#f6b042}:host[theme=dialogue][color=bittersweet],:host[theme=dialogue][color=bittersweet] i{color:#eb6845}:host[theme=dialogue][color=grapefruit],:host[theme=dialogue][color=grapefruit] i{color:#da4453}:host[theme=dialogue][color=carnation],:host[theme=dialogue][color=carnation] i{color:#d770ad}:host[theme=dialogue][color=lavender],:host[theme=dialogue][color=lavender] i{color:#967adc}:host[theme=dialogue][color=mountain],:host[theme=dialogue][color=mountain] i{color:#9678b6}:host[theme=dialogue][color=info],:host[theme=dialogue][color=info] i,:host[theme=dialogue][color=positive],:host[theme=dialogue][color=positive] i{color:#4a89dc}:host[theme=dialogue][color=success],:host[theme=dialogue][color=success] i{color:#8cc152}:host[theme=dialogue][color=danger],:host[theme=dialogue][color=danger] i,:host[theme=dialogue][color=error],:host[theme=dialogue][color=error] i,:host[theme=dialogue][color=negative],:host[theme=dialogue][color=negative] i{color:#da4453}:host[theme=dialogue][color=warning],:host[theme=dialogue][color=warning] i{color:#f6b042}:host[theme=dialogue][color=empty],:host[theme=dialogue][color=empty] i{color:#cccdcc}:host[theme=dialogue][color=disabled],:host[theme=dialogue][color=disabled] i{color:#bebebe}:host[theme=dialogue][color=background],:host[theme=dialogue][color=background] i{color:#f7f7f7}:host[theme=dialogue][color=backgroundDark],:host[theme=dialogue][color=backgroundDark] i{color:#e2e2e2}:host[theme=dialogue][color=presentation],:host[theme=dialogue][color=presentation] i{color:#5b6770}:host[theme=dialogue][color=bullhorn],:host[theme=dialogue][color=bullhorn] i{color:#ff6900}:host[theme=dialogue][color=pulse],:host[theme=dialogue][color=pulse] i{color:#3bafda}:host[theme=dialogue][color=company],:host[theme=dialogue][color=company] i{color:#39d}:host[theme=dialogue][color=candidate],:host[theme=dialogue][color=candidate] i{color:#4b7}:host[theme=dialogue][color=lead],:host[theme=dialogue][color=lead] i{color:#a69}:host[theme=dialogue][color=clientcontact],:host[theme=dialogue][color=clientcontact] i,:host[theme=dialogue][color=contact],:host[theme=dialogue][color=contact] i{color:#fa4}:host[theme=dialogue][color=opportunity],:host[theme=dialogue][color=opportunity] i{color:#625}:host[theme=dialogue][color=job],:host[theme=dialogue][color=job] i,:host[theme=dialogue][color=joborder],:host[theme=dialogue][color=joborder] i{color:#b56}:host[theme=dialogue][color=submission],:host[theme=dialogue][color=submission] i{color:#a9adbb}:host[theme=dialogue][color=sendout],:host[theme=dialogue][color=sendout] i{color:#747884}:host[theme=dialogue][color=placement],:host[theme=dialogue][color=placement] i{color:#0b344f}:host[theme=dialogue][color=note],:host[theme=dialogue][color=note] i{color:#747884}:host[theme=dialogue][color=contract],:host[theme=dialogue][color=contract] i{color:#454ea0}:host[theme=dialogue][color=billableCharge],:host[theme=dialogue][color=billableCharge] i,:host[theme=dialogue][color=corporateUser],:host[theme=dialogue][color=corporateUser] i,:host[theme=dialogue][color=credential],:host[theme=dialogue][color=credential] i,:host[theme=dialogue][color=distributionList],:host[theme=dialogue][color=distributionList] i,:host[theme=dialogue][color=earnCode],:host[theme=dialogue][color=earnCode] i,:host[theme=dialogue][color=invoiceStatement],:host[theme=dialogue][color=invoiceStatement] i,:host[theme=dialogue][color=jobCode],:host[theme=dialogue][color=jobCode] i,:host[theme=dialogue][color=payableCharge],:host[theme=dialogue][color=payableCharge] i,:host[theme=dialogue][color=person],:host[theme=dialogue][color=person] i,:host[theme=dialogue][color=user],:host[theme=dialogue][color=user] i{color:#696d79}:host[theme=dialogue]:focus,:host[theme=dialogue]:hover{background:#ededed}:host[theme=dialogue]:active{background:#e0e0e0}:host[theme=dialogue][inverse]:focus,:host[theme=dialogue][inverse]:hover{background:rgba(0,0,0,.2)}:host[theme=dialogue][inverse]:active{background:rgba(0,0,0,.35)}", ":host[theme=field]{background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;color:#3d464d;font-size:1.2rem;height:1.8rem;margin-bottom:4px;padding:.25rem .5rem;text-align:left}:host[theme=field]:active,:host[theme=field]:focus,:host[theme=field]:hover{border-bottom:1px solid var(--selection)}:host[theme=select]{align-items:center;background-color:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;color:var(--text-main);cursor:pointer;display:flex;font-size:1.2rem;height:2rem;height:1.8rem;justify-content:space-between;min-height:2rem;padding:0;position:relative;text-align:left;text-shadow:none;text-transform:none;width:100%;z-index:1}:host[theme=select].empty{color:var(--text-muted)}:host[theme=select]:focus,:host[theme=select]:hover{outline:none}:host[theme=select]:hover{border-bottom:1px solid #5f6d78}:host[theme=select]:hover i{opacity:.75}:host[theme=select]:focus{border-bottom:1px solid var(--selection)}:host[theme=select]:focus i{color:rgba(0,0,0,.73)}:host[theme=select] i{color:var(--text-main);font-size:.8rem;opacity:.45}"]
             },] }
 ];
 NovoButtonElement.ctorParameters = () => [

package/esm2015/src/elements/chips/Chip.js CHANGED Viewed

@@ -305,7 +305,7 @@ NovoChipElement.decorators = [
                     '(focus)': 'focus()',
                     '(blur)': '_blur()',
                 },
-                styles: [".novo-chip{-moz-appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;align-items:center;background:var(--background-main);border:none;border:1px solid transparent;border-radius:.4rem;box-sizing:border-box;color:inherit;cursor:default;display:inline;display:inline-flex;font-size:var(--font-size-text);font-weight:400;gap:1rem;height:1px;min-height:2.4rem;padding:0 1rem;position:relative;transition:.2s ease-out;transition:all .2s ease-in-out;transition-property:color,opacity;vertical-align:middle}.novo-chip.text-nowrap{white-space:nowrap}.novo-chip.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.novo-chip.text-size-default{font-size:inherit}.novo-chip.text-size-body{font-size:1.3rem}.novo-chip.text-size-xs{font-size:1rem}.novo-chip.text-size-sm{font-size:1.2rem}.novo-chip.text-size-md{font-size:1.3rem}.novo-chip.text-size-lg{font-size:1.6rem}.novo-chip.text-size-xl{font-size:2rem}.novo-chip.text-size-2xl{font-size:2.6rem}.novo-chip.text-size-3xl{font-size:3.2rem}.novo-chip.text-size-smaller{font-size:.8em}.novo-chip.text-size-larger{font-size:1.2em}.novo-chip.text-color-black{color:#000}.novo-chip.text-color-white{color:#fff}.novo-chip.text-color-gray,.novo-chip.text-color-grey{color:#9e9e9e}.novo-chip.text-color-bright,.novo-chip.text-color-offWhite{color:#f7f7f7}.novo-chip.text-color-light{color:#dbdbdb}.novo-chip.text-color-neutral{color:#4f5361}.novo-chip.text-color-dark{color:#3d464d}.novo-chip.text-color-orange{color:#ff6900}.novo-chip.text-color-navigation{color:#202945}.novo-chip.text-color-skyBlue{color:#009bdf}.novo-chip.text-color-steel{color:#5b6770}.novo-chip.text-color-metal{color:#637893}.novo-chip.text-color-sand{color:#f4f4f4}.novo-chip.text-color-silver{color:#e2e2e2}.novo-chip.text-color-stone{color:#bebebe}.novo-chip.text-color-ash{color:#a0a0a0}.novo-chip.text-color-slate{color:#707070}.novo-chip.text-color-onyx{color:#526980}.novo-chip.text-color-charcoal{color:#282828}.novo-chip.text-color-moonlight{color:#1a242f}.novo-chip.text-color-midnight{color:#202945}.novo-chip.text-color-darkness{color:#161f27}.novo-chip.text-color-navy{color:#0d2d42}.novo-chip.text-color-aqua{color:#3bafda}.novo-chip.text-color-ocean{color:#4a89dc}.novo-chip.text-color-mint{color:#37bc9b}.novo-chip.text-color-grass{color:#8cc152}.novo-chip.text-color-sunflower{color:#f6b042}.novo-chip.text-color-bittersweet{color:#eb6845}.novo-chip.text-color-grapefruit{color:#da4453}.novo-chip.text-color-carnation{color:#d770ad}.novo-chip.text-color-lavender{color:#967adc}.novo-chip.text-color-mountain{color:#9678b6}.novo-chip.text-color-info,.novo-chip.text-color-positive{color:#4a89dc}.novo-chip.text-color-success{color:#8cc152}.novo-chip.text-color-danger,.novo-chip.text-color-error,.novo-chip.text-color-negative{color:#da4453}.novo-chip.text-color-warning{color:#f6b042}.novo-chip.text-color-empty{color:#cccdcc}.novo-chip.text-color-disabled{color:#bebebe}.novo-chip.text-color-background{color:#f7f7f7}.novo-chip.text-color-backgroundDark{color:#e2e2e2}.novo-chip.text-color-presentation{color:#5b6770}.novo-chip.text-color-bullhorn{color:#ff6900}.novo-chip.text-color-pulse{color:#3bafda}.novo-chip.text-color-company{color:#39d}.novo-chip.text-color-candidate{color:#4b7}.novo-chip.text-color-lead{color:#a69}.novo-chip.text-color-contact{color:#fa4}.novo-chip.text-color-opportunity{color:#625}.novo-chip.text-color-job{color:#b56}.novo-chip.text-color-submission{color:#a9adbb}.novo-chip.text-color-sendout{color:#747884}.novo-chip.text-color-placement{color:#0b344f}.novo-chip.text-color-note{color:#747884}.novo-chip.text-color-contract{color:#454ea0}.novo-chip.text-color-billableCharge,.novo-chip.text-color-corporateUser,.novo-chip.text-color-credential,.novo-chip.text-color-distributionList,.novo-chip.text-color-earnCode,.novo-chip.text-color-invoiceStatement,.novo-chip.text-color-jobCode,.novo-chip.text-color-payableCharge,.novo-chip.text-color-person,.novo-chip.text-color-user{color:#696d79}.novo-chip.margin-before{margin-top:.4rem}.novo-chip.margin-after{margin-bottom:.8rem}.novo-chip.text-length-small{max-width:40ch}.novo-chip.text-length-medium{max-width:55ch}.novo-chip.text-length-large{max-width:70ch}.novo-chip.text-weight-hairline{font-weight:100}.novo-chip.text-weight-thin{font-weight:200}.novo-chip.text-weight-light{font-weight:300}.novo-chip.text-weight-normal{font-weight:400}.novo-chip.text-weight-medium{font-weight:500}.novo-chip.text-weight-semibold{font-weight:600}.novo-chip.text-weight-bold{font-weight:700}.novo-chip.text-weight-extrabold{font-weight:800}.novo-chip.text-weight-heavy{font-weight:900}.novo-chip.text-weight-lighter{font-weight:lighter}.novo-chip.text-weight-bolder{font-weight:bolder}.novo-chip.novo-chip-selectable{color:var(--selection)}.novo-chip.novo-chip-selectable:after{background-color:#000;border-radius:inherit;bottom:0;content:\"\";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease-in-out}.novo-chip.novo-chip-selectable:focus{border:1px solid var(--selection);outline:none}.novo-chip.novo-chip-selectable:focus:after{opacity:.16}.novo-chip.novo-chip-selectable:hover{border:1px solid var(--selection)}.novo-chip.novo-chip-disabled{opacity:.4;pointer-events:none}.novo-chip.novo-chip-disabled:after{opacity:0}.novo-chip.novo-chip-disabled .novo-chip-remove,.novo-chip.novo-chip-disabled .novo-chip-trailing-icon{cursor:default}.novo-chip .novo-chip-avatar::not(novo-icon){height:24px;width:24px}.novo-chip .novo-chip-avatar{-o-object-fit:cover;align-items:center;border-radius:50%;display:flex;justify-content:center;margin-left:0;margin-right:0;object-fit:cover;overflow:hidden}.novo-chip .novo-chip-remove,.novo-chip .novo-chip-trailing-icon{cursor:pointer;height:18px;margin-left:0;margin-right:0;width:18px}.novo-chip .novo-chip-remove{color:#dbdbdb}.novo-chip:not(.novo-chip-disabled) .novo-chip-remove:hover{color:#8f8f8f}.novo-chip.novo-size-xs{border-radius:.4rem;font-size:.8rem;gap:.25rem;min-height:1.6rem;padding:0 .25rem}.novo-chip.novo-size-xs.novo-chip-with-avatar{padding-left:.125rem}.novo-chip.novo-size-xs.novo-chip-with-trailing-icon{padding-right:.125rem}.novo-chip.novo-size-xs .novo-text{font-size:inherit}.novo-chip.novo-size-sm{border-radius:.4rem;font-size:1rem;gap:.5rem;min-height:2rem;padding:0 .5rem}.novo-chip.novo-size-sm.novo-chip-with-avatar{padding-left:.25rem}.novo-chip.novo-size-sm.novo-chip-with-trailing-icon{padding-right:.25rem}.novo-chip.novo-size-sm .novo-text{font-size:inherit}.novo-chip.novo-size-md{border-radius:.4rem;font-size:1.2rem;gap:1rem;min-height:2.8rem;padding:0 1rem}.novo-chip.novo-size-md.novo-chip-with-avatar{padding-left:.5rem}.novo-chip.novo-size-md.novo-chip-with-trailing-icon{padding-right:.5rem}.novo-chip.novo-size-md .novo-text{font-size:inherit}.novo-chip.novo-size-lg{border-radius:.4rem;font-size:1.4rem;gap:1.25rem;min-height:3.2rem;padding:0 1.25rem}.novo-chip.novo-size-lg.novo-chip-with-avatar{padding-left:.625rem}.novo-chip.novo-size-lg.novo-chip-with-trailing-icon{padding-right:.625rem}.novo-chip.novo-size-lg .novo-text{font-size:inherit}.novo-chip.novo-size-xl{border-radius:.4rem;font-size:1.8rem;gap:1.5rem;min-height:3.6rem;padding:0 1.5rem}.novo-chip.novo-size-xl.novo-chip-with-avatar{padding-left:.75rem}.novo-chip.novo-size-xl.novo-chip-with-trailing-icon{padding-right:.75rem}.novo-chip.novo-size-xl .novo-text{font-size:inherit}.novo-chip.novo-color-black{background:#000;color:#fff}.novo-chip.novo-color-black>*{color:inherit}.novo-chip.novo-accent-black{border:1px solid #000;color:#000}.novo-chip.novo-color-white{background:#fff;color:#3d464d}.novo-chip.novo-color-white>*{color:inherit}.novo-chip.novo-accent-white{border:1px solid #fff;color:#fff}.novo-chip.novo-color-gray{background:#9e9e9e;color:#3d464d}.novo-chip.novo-color-gray>*{color:inherit}.novo-chip.novo-accent-gray{border:1px solid #9e9e9e;color:#9e9e9e}.novo-chip.novo-color-grey{background:#9e9e9e;color:#3d464d}.novo-chip.novo-color-grey>*{color:inherit}.novo-chip.novo-accent-grey{border:1px solid #9e9e9e;color:#9e9e9e}.novo-chip.novo-color-offWhite{background:#f7f7f7;color:#3d464d}.novo-chip.novo-color-offWhite>*{color:inherit}.novo-chip.novo-accent-offWhite{border:1px solid #f7f7f7;color:#f7f7f7}.novo-chip.novo-color-bright{background:#f7f7f7;color:#3d464d}.novo-chip.novo-color-bright>*{color:inherit}.novo-chip.novo-accent-bright{border:1px solid #f7f7f7;color:#f7f7f7}.novo-chip.novo-color-light{background:#dbdbdb;color:#3d464d}.novo-chip.novo-color-light>*{color:inherit}.novo-chip.novo-accent-light{border:1px solid #dbdbdb;color:#dbdbdb}.novo-chip.novo-color-neutral{background:#4f5361;color:#fff}.novo-chip.novo-color-neutral>*{color:inherit}.novo-chip.novo-accent-neutral{border:1px solid #4f5361;color:#4f5361}.novo-chip.novo-color-dark{background:#3d464d;color:#fff}.novo-chip.novo-color-dark>*{color:inherit}.novo-chip.novo-accent-dark{border:1px solid #3d464d;color:#3d464d}.novo-chip.novo-color-orange{background:#ff6900;color:#3d464d}.novo-chip.novo-color-orange>*{color:inherit}.novo-chip.novo-accent-orange{border:1px solid #ff6900;color:#ff6900}.novo-chip.novo-color-navigation{background:#202945;color:#fff}.novo-chip.novo-color-navigation>*{color:inherit}.novo-chip.novo-accent-navigation{border:1px solid #202945;color:#202945}.novo-chip.novo-color-skyBlue{background:#009bdf;color:#fff}.novo-chip.novo-color-skyBlue>*{color:inherit}.novo-chip.novo-accent-skyBlue{border:1px solid #009bdf;color:#009bdf}.novo-chip.novo-color-steel{background:#5b6770;color:#fff}.novo-chip.novo-color-steel>*{color:inherit}.novo-chip.novo-accent-steel{border:1px solid #5b6770;color:#5b6770}.novo-chip.novo-color-metal{background:#637893;color:#fff}.novo-chip.novo-color-metal>*{color:inherit}.novo-chip.novo-accent-metal{border:1px solid #637893;color:#637893}.novo-chip.novo-color-sand{background:#f4f4f4;color:#3d464d}.novo-chip.novo-color-sand>*{color:inherit}.novo-chip.novo-accent-sand{border:1px solid #f4f4f4;color:#f4f4f4}.novo-chip.novo-color-silver{background:#e2e2e2;color:#3d464d}.novo-chip.novo-color-silver>*{color:inherit}.novo-chip.novo-accent-silver{border:1px solid #e2e2e2;color:#e2e2e2}.novo-chip.novo-color-stone{background:#bebebe;color:#3d464d}.novo-chip.novo-color-stone>*{color:inherit}.novo-chip.novo-accent-stone{border:1px solid #bebebe;color:#bebebe}.novo-chip.novo-color-ash{background:#a0a0a0;color:#3d464d}.novo-chip.novo-color-ash>*{color:inherit}.novo-chip.novo-accent-ash{border:1px solid #a0a0a0;color:#a0a0a0}.novo-chip.novo-color-slate{background:#707070;color:#fff}.novo-chip.novo-color-slate>*{color:inherit}.novo-chip.novo-accent-slate{border:1px solid #707070;color:#707070}.novo-chip.novo-color-onyx{background:#526980;color:#fff}.novo-chip.novo-color-onyx>*{color:inherit}.novo-chip.novo-accent-onyx{border:1px solid #526980;color:#526980}.novo-chip.novo-color-charcoal{background:#282828;color:#fff}.novo-chip.novo-color-charcoal>*{color:inherit}.novo-chip.novo-accent-charcoal{border:1px solid #282828;color:#282828}.novo-chip.novo-color-moonlight{background:#1a242f;color:#fff}.novo-chip.novo-color-moonlight>*{color:inherit}.novo-chip.novo-accent-moonlight{border:1px solid #1a242f;color:#1a242f}.novo-chip.novo-color-midnight{background:#202945;color:#fff}.novo-chip.novo-color-midnight>*{color:inherit}.novo-chip.novo-accent-midnight{border:1px solid #202945;color:#202945}.novo-chip.novo-color-darkness{background:#161f27;color:#fff}.novo-chip.novo-color-darkness>*{color:inherit}.novo-chip.novo-accent-darkness{border:1px solid #161f27;color:#161f27}.novo-chip.novo-color-navy{background:#0d2d42;color:#fff}.novo-chip.novo-color-navy>*{color:inherit}.novo-chip.novo-accent-navy{border:1px solid #0d2d42;color:#0d2d42}.novo-chip.novo-color-aqua{background:#3bafda;color:#3d464d}.novo-chip.novo-color-aqua>*{color:inherit}.novo-chip.novo-accent-aqua{border:1px solid #3bafda;color:#3bafda}.novo-chip.novo-color-ocean{background:#4a89dc;color:#fff}.novo-chip.novo-color-ocean>*{color:inherit}.novo-chip.novo-accent-ocean{border:1px solid #4a89dc;color:#4a89dc}.novo-chip.novo-color-mint{background:#37bc9b;color:#3d464d}.novo-chip.novo-color-mint>*{color:inherit}.novo-chip.novo-accent-mint{border:1px solid #37bc9b;color:#37bc9b}.novo-chip.novo-color-grass{background:#8cc152;color:#fff}.novo-chip.novo-color-grass>*{color:inherit}.novo-chip.novo-accent-grass{border:1px solid #8cc152;color:#8cc152}.novo-chip.novo-color-sunflower{background:#f6b042;color:#fff}.novo-chip.novo-color-sunflower>*{color:inherit}.novo-chip.novo-accent-sunflower{border:1px solid #f6b042;color:#f6b042}.novo-chip.novo-color-bittersweet{background:#eb6845;color:#fff}.novo-chip.novo-color-bittersweet>*{color:inherit}.novo-chip.novo-accent-bittersweet{border:1px solid #eb6845;color:#eb6845}.novo-chip.novo-color-grapefruit{background:#da4453;color:#fff}.novo-chip.novo-color-grapefruit>*{color:inherit}.novo-chip.novo-accent-grapefruit{border:1px solid #da4453;color:#da4453}.novo-chip.novo-color-carnation{background:#d770ad;color:#fff}.novo-chip.novo-color-carnation>*{color:inherit}.novo-chip.novo-accent-carnation{border:1px solid #d770ad;color:#d770ad}.novo-chip.novo-color-lavender{background:#967adc;color:#fff}.novo-chip.novo-color-lavender>*{color:inherit}.novo-chip.novo-accent-lavender{border:1px solid #967adc;color:#967adc}.novo-chip.novo-color-mountain{background:#9678b6;color:#fff}.novo-chip.novo-color-mountain>*{color:inherit}.novo-chip.novo-accent-mountain{border:1px solid #9678b6;color:#9678b6}.novo-chip.novo-color-info{background:#4a89dc;color:#fff}.novo-chip.novo-color-info>*{color:inherit}.novo-chip.novo-accent-info{border:1px solid #4a89dc;color:#4a89dc}.novo-chip.novo-color-positive{background:#4a89dc;color:#fff}.novo-chip.novo-color-positive>*{color:inherit}.novo-chip.novo-accent-positive{border:1px solid #4a89dc;color:#4a89dc}.novo-chip.novo-color-success{background:#8cc152;color:#fff}.novo-chip.novo-color-success>*{color:inherit}.novo-chip.novo-accent-success{border:1px solid #8cc152;color:#8cc152}.novo-chip.novo-color-negative{background:#da4453;color:#fff}.novo-chip.novo-color-negative>*{color:inherit}.novo-chip.novo-accent-negative{border:1px solid #da4453;color:#da4453}.novo-chip.novo-color-danger{background:#da4453;color:#fff}.novo-chip.novo-color-danger>*{color:inherit}.novo-chip.novo-accent-danger{border:1px solid #da4453;color:#da4453}.novo-chip.novo-color-error{background:#da4453;color:#fff}.novo-chip.novo-color-error>*{color:inherit}.novo-chip.novo-accent-error{border:1px solid #da4453;color:#da4453}.novo-chip.novo-color-warning{background:#f6b042;color:#fff}.novo-chip.novo-color-warning>*{color:inherit}.novo-chip.novo-accent-warning{border:1px solid #f6b042;color:#f6b042}.novo-chip.novo-color-empty{background:#cccdcc;color:#3d464d}.novo-chip.novo-color-empty>*{color:inherit}.novo-chip.novo-accent-empty{border:1px solid #cccdcc;color:#cccdcc}.novo-chip.novo-color-disabled{background:#bebebe;color:#3d464d}.novo-chip.novo-color-disabled>*{color:inherit}.novo-chip.novo-accent-disabled{border:1px solid #bebebe;color:#bebebe}.novo-chip.novo-color-background{background:#f7f7f7;color:#3d464d}.novo-chip.novo-color-background>*{color:inherit}.novo-chip.novo-accent-background{border:1px solid #f7f7f7;color:#f7f7f7}.novo-chip.novo-color-backgroundDark{background:#e2e2e2;color:#3d464d}.novo-chip.novo-color-backgroundDark>*{color:inherit}.novo-chip.novo-accent-backgroundDark{border:1px solid #e2e2e2;color:#e2e2e2}.novo-chip.novo-color-presentation{background:#5b6770;color:#fff}.novo-chip.novo-color-presentation>*{color:inherit}.novo-chip.novo-accent-presentation{border:1px solid #5b6770;color:#5b6770}.novo-chip.novo-color-bullhorn{background:#ff6900;color:#3d464d}.novo-chip.novo-color-bullhorn>*{color:inherit}.novo-chip.novo-accent-bullhorn{border:1px solid #ff6900;color:#ff6900}.novo-chip.novo-color-pulse{background:#3bafda;color:#3d464d}.novo-chip.novo-color-pulse>*{color:inherit}.novo-chip.novo-accent-pulse{border:1px solid #3bafda;color:#3bafda}.novo-chip.novo-color-company{background:#39d;color:#fff}.novo-chip.novo-color-company>*{color:inherit}.novo-chip.novo-accent-company{border:1px solid #39d;color:#39d}.novo-chip.novo-color-candidate{background:#4b7;color:#fff}.novo-chip.novo-color-candidate>*{color:inherit}.novo-chip.novo-accent-candidate{border:1px solid #4b7;color:#4b7}.novo-chip.novo-color-lead{background:#a69;color:#fff}.novo-chip.novo-color-lead>*{color:inherit}.novo-chip.novo-accent-lead{border:1px solid #a69;color:#a69}.novo-chip.novo-color-contact{background:#fa4;color:#fff}.novo-chip.novo-color-contact>*{color:inherit}.novo-chip.novo-accent-contact{border:1px solid #fa4;color:#fa4}.novo-chip.novo-color-opportunity{background:#625;color:#fff}.novo-chip.novo-color-opportunity>*{color:inherit}.novo-chip.novo-accent-opportunity{border:1px solid #625;color:#625}.novo-chip.novo-color-job{background:#b56;color:#fff}.novo-chip.novo-color-job>*{color:inherit}.novo-chip.novo-accent-job{border:1px solid #b56;color:#b56}.novo-chip.novo-color-submission{background:#a9adbb;color:#3d464d}.novo-chip.novo-color-submission>*{color:inherit}.novo-chip.novo-accent-submission{border:1px solid #a9adbb;color:#a9adbb}.novo-chip.novo-color-sendout{background:#747884;color:#fff}.novo-chip.novo-color-sendout>*{color:inherit}.novo-chip.novo-accent-sendout{border:1px solid #747884;color:#747884}.novo-chip.novo-color-placement{background:#0b344f;color:#fff}.novo-chip.novo-color-placement>*{color:inherit}.novo-chip.novo-accent-placement{border:1px solid #0b344f;color:#0b344f}.novo-chip.novo-color-note{background:#747884;color:#fff}.novo-chip.novo-color-note>*{color:inherit}.novo-chip.novo-accent-note{border:1px solid #747884;color:#747884}.novo-chip.novo-color-contract{background:#454ea0;color:#fff}.novo-chip.novo-color-contract>*{color:inherit}.novo-chip.novo-accent-contract{border:1px solid #454ea0;color:#454ea0}.novo-chip.novo-color-jobCode{background:#696d79;color:#fff}.novo-chip.novo-color-jobCode>*{color:inherit}.novo-chip.novo-accent-jobCode{border:1px solid #696d79;color:#696d79}.novo-chip.novo-color-earnCode{background:#696d79;color:#fff}.novo-chip.novo-color-earnCode>*{color:inherit}.novo-chip.novo-accent-earnCode{border:1px solid #696d79;color:#696d79}.novo-chip.novo-color-invoiceStatement{background:#696d79;color:#fff}.novo-chip.novo-color-invoiceStatement>*{color:inherit}.novo-chip.novo-accent-invoiceStatement{border:1px solid #696d79;color:#696d79}.novo-chip.novo-color-billableCharge{background:#696d79;color:#fff}.novo-chip.novo-color-billableCharge>*{color:inherit}.novo-chip.novo-accent-billableCharge{border:1px solid #696d79;color:#696d79}.novo-chip.novo-color-payableCharge{background:#696d79;color:#fff}.novo-chip.novo-color-payableCharge>*{color:inherit}.novo-chip.novo-accent-payableCharge{border:1px solid #696d79;color:#696d79}.novo-chip.novo-color-user{background:#696d79;color:#fff}.novo-chip.novo-color-user>*{color:inherit}.novo-chip.novo-accent-user{border:1px solid #696d79;color:#696d79}.novo-chip.novo-color-corporateUser{background:#696d79;color:#fff}.novo-chip.novo-color-corporateUser>*{color:inherit}.novo-chip.novo-accent-corporateUser{border:1px solid #696d79;color:#696d79}.novo-chip.novo-color-distributionList{background:#696d79;color:#fff}.novo-chip.novo-color-distributionList>*{color:inherit}.novo-chip.novo-accent-distributionList{border:1px solid #696d79;color:#696d79}.novo-chip.novo-color-credential{background:#696d79;color:#fff}.novo-chip.novo-color-credential>*{color:inherit}.novo-chip.novo-accent-credential{border:1px solid #696d79;color:#696d79}.novo-chip.novo-color-person{background:#696d79;color:#fff}.novo-chip.novo-color-person>*{color:inherit}.novo-chip.novo-accent-person{border:1px solid #696d79;color:#696d79}"]
+                styles: [".novo-chip{-moz-appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;align-items:center;background:var(--background-main);border:none;border:1px solid transparent;border-radius:.4rem;box-sizing:border-box;color:inherit;cursor:default;display:inline;display:inline-flex;font-size:var(--font-size-text);font-weight:400;gap:1rem;height:1px;min-height:2.4rem;padding:0 1rem;position:relative;transition:.2s ease-out;transition:all .2s ease-in-out;transition-property:color,opacity;vertical-align:middle}.novo-chip.text-nowrap{white-space:nowrap}.novo-chip.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.novo-chip.text-size-default{font-size:inherit}.novo-chip.text-size-body{font-size:1.3rem}.novo-chip.text-size-xs{font-size:1rem}.novo-chip.text-size-sm{font-size:1.2rem}.novo-chip.text-size-md{font-size:1.3rem}.novo-chip.text-size-lg{font-size:1.6rem}.novo-chip.text-size-xl{font-size:2rem}.novo-chip.text-size-2xl{font-size:2.6rem}.novo-chip.text-size-3xl{font-size:3.2rem}.novo-chip.text-size-smaller{font-size:.8em}.novo-chip.text-size-larger{font-size:1.2em}.novo-chip.text-color-black{color:#000}.novo-chip.text-color-white{color:#fff}.novo-chip.text-color-gray,.novo-chip.text-color-grey{color:#9e9e9e}.novo-chip.text-color-bright,.novo-chip.text-color-offWhite{color:#f7f7f7}.novo-chip.text-color-light{color:#dbdbdb}.novo-chip.text-color-neutral{color:#4f5361}.novo-chip.text-color-dark{color:#3d464d}.novo-chip.text-color-orange{color:#ff6900}.novo-chip.text-color-navigation{color:#202945}.novo-chip.text-color-skyBlue{color:#009bdf}.novo-chip.text-color-steel{color:#5b6770}.novo-chip.text-color-metal{color:#637893}.novo-chip.text-color-sand{color:#f4f4f4}.novo-chip.text-color-silver{color:#e2e2e2}.novo-chip.text-color-stone{color:#bebebe}.novo-chip.text-color-ash{color:#a0a0a0}.novo-chip.text-color-slate{color:#707070}.novo-chip.text-color-onyx{color:#526980}.novo-chip.text-color-charcoal{color:#282828}.novo-chip.text-color-moonlight{color:#1a242f}.novo-chip.text-color-midnight{color:#202945}.novo-chip.text-color-darkness{color:#161f27}.novo-chip.text-color-navy{color:#0d2d42}.novo-chip.text-color-aqua{color:#3bafda}.novo-chip.text-color-ocean{color:#4a89dc}.novo-chip.text-color-mint{color:#37bc9b}.novo-chip.text-color-grass{color:#8cc152}.novo-chip.text-color-sunflower{color:#f6b042}.novo-chip.text-color-bittersweet{color:#eb6845}.novo-chip.text-color-grapefruit{color:#da4453}.novo-chip.text-color-carnation{color:#d770ad}.novo-chip.text-color-lavender{color:#967adc}.novo-chip.text-color-mountain{color:#9678b6}.novo-chip.text-color-info,.novo-chip.text-color-positive{color:#4a89dc}.novo-chip.text-color-success{color:#8cc152}.novo-chip.text-color-danger,.novo-chip.text-color-error,.novo-chip.text-color-negative{color:#da4453}.novo-chip.text-color-warning{color:#f6b042}.novo-chip.text-color-empty{color:#cccdcc}.novo-chip.text-color-disabled{color:#bebebe}.novo-chip.text-color-background{color:#f7f7f7}.novo-chip.text-color-backgroundDark{color:#e2e2e2}.novo-chip.text-color-presentation{color:#5b6770}.novo-chip.text-color-bullhorn{color:#ff6900}.novo-chip.text-color-pulse{color:#3bafda}.novo-chip.text-color-company{color:#39d}.novo-chip.text-color-candidate{color:#4b7}.novo-chip.text-color-lead{color:#a69}.novo-chip.text-color-clientcontact,.novo-chip.text-color-contact{color:#fa4}.novo-chip.text-color-opportunity{color:#625}.novo-chip.text-color-job,.novo-chip.text-color-joborder{color:#b56}.novo-chip.text-color-submission{color:#a9adbb}.novo-chip.text-color-sendout{color:#747884}.novo-chip.text-color-placement{color:#0b344f}.novo-chip.text-color-note{color:#747884}.novo-chip.text-color-contract{color:#454ea0}.novo-chip.text-color-billableCharge,.novo-chip.text-color-corporateUser,.novo-chip.text-color-credential,.novo-chip.text-color-distributionList,.novo-chip.text-color-earnCode,.novo-chip.text-color-invoiceStatement,.novo-chip.text-color-jobCode,.novo-chip.text-color-payableCharge,.novo-chip.text-color-person,.novo-chip.text-color-user{color:#696d79}.novo-chip.margin-before{margin-top:.4rem}.novo-chip.margin-after{margin-bottom:.8rem}.novo-chip.text-length-small{max-width:40ch}.novo-chip.text-length-medium{max-width:55ch}.novo-chip.text-length-large{max-width:70ch}.novo-chip.text-weight-hairline{font-weight:100}.novo-chip.text-weight-thin{font-weight:200}.novo-chip.text-weight-light{font-weight:300}.novo-chip.text-weight-normal{font-weight:400}.novo-chip.text-weight-medium{font-weight:500}.novo-chip.text-weight-semibold{font-weight:600}.novo-chip.text-weight-bold{font-weight:700}.novo-chip.text-weight-extrabold{font-weight:800}.novo-chip.text-weight-heavy{font-weight:900}.novo-chip.text-weight-lighter{font-weight:lighter}.novo-chip.text-weight-bolder{font-weight:bolder}.novo-chip.novo-chip-selectable{color:var(--selection)}.novo-chip.novo-chip-selectable:after{background-color:#000;border-radius:inherit;bottom:0;content:\"\";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease-in-out}.novo-chip.novo-chip-selectable:focus{border:1px solid var(--selection);outline:none}.novo-chip.novo-chip-selectable:focus:after{opacity:.16}.novo-chip.novo-chip-selectable:hover{border:1px solid var(--selection)}.novo-chip.novo-chip-disabled{opacity:.4;pointer-events:none}.novo-chip.novo-chip-disabled:after{opacity:0}.novo-chip.novo-chip-disabled .novo-chip-remove,.novo-chip.novo-chip-disabled .novo-chip-trailing-icon{cursor:default}.novo-chip .novo-chip-avatar::not(novo-icon){height:24px;width:24px}.novo-chip .novo-chip-avatar{-o-object-fit:cover;align-items:center;border-radius:50%;display:flex;justify-content:center;margin-left:0;margin-right:0;object-fit:cover;overflow:hidden}.novo-chip .novo-chip-remove,.novo-chip .novo-chip-trailing-icon{cursor:pointer;height:18px;margin-left:0;margin-right:0;width:18px}.novo-chip .novo-chip-remove{color:#dbdbdb}.novo-chip:not(.novo-chip-disabled) .novo-chip-remove:hover{color:#8f8f8f}.novo-chip.novo-size-xs{border-radius:.4rem;font-size:.8rem;gap:.25rem;min-height:1.6rem;padding:0 .25rem}.novo-chip.novo-size-xs.novo-chip-with-avatar{padding-left:.125rem}.novo-chip.novo-size-xs.novo-chip-with-trailing-icon{padding-right:.125rem}.novo-chip.novo-size-xs .novo-text{font-size:inherit}.novo-chip.novo-size-sm{border-radius:.4rem;font-size:1rem;gap:.5rem;min-height:2rem;padding:0 .5rem}.novo-chip.novo-size-sm.novo-chip-with-avatar{padding-left:.25rem}.novo-chip.novo-size-sm.novo-chip-with-trailing-icon{padding-right:.25rem}.novo-chip.novo-size-sm .novo-text{font-size:inherit}.novo-chip.novo-size-md{border-radius:.4rem;font-size:1.2rem;gap:1rem;min-height:2.8rem;padding:0 1rem}.novo-chip.novo-size-md.novo-chip-with-avatar{padding-left:.5rem}.novo-chip.novo-size-md.novo-chip-with-trailing-icon{padding-right:.5rem}.novo-chip.novo-size-md .novo-text{font-size:inherit}.novo-chip.novo-size-lg{border-radius:.4rem;font-size:1.4rem;gap:1.25rem;min-height:3.2rem;padding:0 1.25rem}.novo-chip.novo-size-lg.novo-chip-with-avatar{padding-left:.625rem}.novo-chip.novo-size-lg.novo-chip-with-trailing-icon{padding-right:.625rem}.novo-chip.novo-size-lg .novo-text{font-size:inherit}.novo-chip.novo-size-xl{border-radius:.4rem;font-size:1.8rem;gap:1.5rem;min-height:3.6rem;padding:0 1.5rem}.novo-chip.novo-size-xl.novo-chip-with-avatar{padding-left:.75rem}.novo-chip.novo-size-xl.novo-chip-with-trailing-icon{padding-right:.75rem}.novo-chip.novo-size-xl .novo-text{font-size:inherit}.novo-chip.novo-color-black{background:#000;color:#fff}.novo-chip.novo-color-black>*{color:inherit}.novo-chip.novo-accent-black{border:1px solid #000;color:#000}.novo-chip.novo-color-white{background:#fff;color:#3d464d}.novo-chip.novo-color-white>*{color:inherit}.novo-chip.novo-accent-white{border:1px solid #fff;color:#fff}.novo-chip.novo-color-gray{background:#9e9e9e;color:#3d464d}.novo-chip.novo-color-gray>*{color:inherit}.novo-chip.novo-accent-gray{border:1px solid #9e9e9e;color:#9e9e9e}.novo-chip.novo-color-grey{background:#9e9e9e;color:#3d464d}.novo-chip.novo-color-grey>*{color:inherit}.novo-chip.novo-accent-grey{border:1px solid #9e9e9e;color:#9e9e9e}.novo-chip.novo-color-offWhite{background:#f7f7f7;color:#3d464d}.novo-chip.novo-color-offWhite>*{color:inherit}.novo-chip.novo-accent-offWhite{border:1px solid #f7f7f7;color:#f7f7f7}.novo-chip.novo-color-bright{background:#f7f7f7;color:#3d464d}.novo-chip.novo-color-bright>*{color:inherit}.novo-chip.novo-accent-bright{border:1px solid #f7f7f7;color:#f7f7f7}.novo-chip.novo-color-light{background:#dbdbdb;color:#3d464d}.novo-chip.novo-color-light>*{color:inherit}.novo-chip.novo-accent-light{border:1px solid #dbdbdb;color:#dbdbdb}.novo-chip.novo-color-neutral{background:#4f5361;color:#fff}.novo-chip.novo-color-neutral>*{color:inherit}.novo-chip.novo-accent-neutral{border:1px solid #4f5361;color:#4f5361}.novo-chip.novo-color-dark{background:#3d464d;color:#fff}.novo-chip.novo-color-dark>*{color:inherit}.novo-chip.novo-accent-dark{border:1px solid #3d464d;color:#3d464d}.novo-chip.novo-color-orange{background:#ff6900;color:#3d464d}.novo-chip.novo-color-orange>*{color:inherit}.novo-chip.novo-accent-orange{border:1px solid #ff6900;color:#ff6900}.novo-chip.novo-color-navigation{background:#202945;color:#fff}.novo-chip.novo-color-navigation>*{color:inherit}.novo-chip.novo-accent-navigation{border:1px solid #202945;color:#202945}.novo-chip.novo-color-skyBlue{background:#009bdf;color:#fff}.novo-chip.novo-color-skyBlue>*{color:inherit}.novo-chip.novo-accent-skyBlue{border:1px solid #009bdf;color:#009bdf}.novo-chip.novo-color-steel{background:#5b6770;color:#fff}.novo-chip.novo-color-steel>*{color:inherit}.novo-chip.novo-accent-steel{border:1px solid #5b6770;color:#5b6770}.novo-chip.novo-color-metal{background:#637893;color:#fff}.novo-chip.novo-color-metal>*{color:inherit}.novo-chip.novo-accent-metal{border:1px solid #637893;color:#637893}.novo-chip.novo-color-sand{background:#f4f4f4;color:#3d464d}.novo-chip.novo-color-sand>*{color:inherit}.novo-chip.novo-accent-sand{border:1px solid #f4f4f4;color:#f4f4f4}.novo-chip.novo-color-silver{background:#e2e2e2;color:#3d464d}.novo-chip.novo-color-silver>*{color:inherit}.novo-chip.novo-accent-silver{border:1px solid #e2e2e2;color:#e2e2e2}.novo-chip.novo-color-stone{background:#bebebe;color:#3d464d}.novo-chip.novo-color-stone>*{color:inherit}.novo-chip.novo-accent-stone{border:1px solid #bebebe;color:#bebebe}.novo-chip.novo-color-ash{background:#a0a0a0;color:#3d464d}.novo-chip.novo-color-ash>*{color:inherit}.novo-chip.novo-accent-ash{border:1px solid #a0a0a0;color:#a0a0a0}.novo-chip.novo-color-slate{background:#707070;color:#fff}.novo-chip.novo-color-slate>*{color:inherit}.novo-chip.novo-accent-slate{border:1px solid #707070;color:#707070}.novo-chip.novo-color-onyx{background:#526980;color:#fff}.novo-chip.novo-color-onyx>*{color:inherit}.novo-chip.novo-accent-onyx{border:1px solid #526980;color:#526980}.novo-chip.novo-color-charcoal{background:#282828;color:#fff}.novo-chip.novo-color-charcoal>*{color:inherit}.novo-chip.novo-accent-charcoal{border:1px solid #282828;color:#282828}.novo-chip.novo-color-moonlight{background:#1a242f;color:#fff}.novo-chip.novo-color-moonlight>*{color:inherit}.novo-chip.novo-accent-moonlight{border:1px solid #1a242f;color:#1a242f}.novo-chip.novo-color-midnight{background:#202945;color:#fff}.novo-chip.novo-color-midnight>*{color:inherit}.novo-chip.novo-accent-midnight{border:1px solid #202945;color:#202945}.novo-chip.novo-color-darkness{background:#161f27;color:#fff}.novo-chip.novo-color-darkness>*{color:inherit}.novo-chip.novo-accent-darkness{border:1px solid #161f27;color:#161f27}.novo-chip.novo-color-navy{background:#0d2d42;color:#fff}.novo-chip.novo-color-navy>*{color:inherit}.novo-chip.novo-accent-navy{border:1px solid #0d2d42;color:#0d2d42}.novo-chip.novo-color-aqua{background:#3bafda;color:#3d464d}.novo-chip.novo-color-aqua>*{color:inherit}.novo-chip.novo-accent-aqua{border:1px solid #3bafda;color:#3bafda}.novo-chip.novo-color-ocean{background:#4a89dc;color:#fff}.novo-chip.novo-color-ocean>*{color:inherit}.novo-chip.novo-accent-ocean{border:1px solid #4a89dc;color:#4a89dc}.novo-chip.novo-color-mint{background:#37bc9b;color:#3d464d}.novo-chip.novo-color-mint>*{color:inherit}.novo-chip.novo-accent-mint{border:1px solid #37bc9b;color:#37bc9b}.novo-chip.novo-color-grass{background:#8cc152;color:#fff}.novo-chip.novo-color-grass>*{color:inherit}.novo-chip.novo-accent-grass{border:1px solid #8cc152;color:#8cc152}.novo-chip.novo-color-sunflower{background:#f6b042;color:#fff}.novo-chip.novo-color-sunflower>*{color:inherit}.novo-chip.novo-accent-sunflower{border:1px solid #f6b042;color:#f6b042}.novo-chip.novo-color-bittersweet{background:#eb6845;color:#fff}.novo-chip.novo-color-bittersweet>*{color:inherit}.novo-chip.novo-accent-bittersweet{border:1px solid #eb6845;color:#eb6845}.novo-chip.novo-color-grapefruit{background:#da4453;color:#fff}.novo-chip.novo-color-grapefruit>*{color:inherit}.novo-chip.novo-accent-grapefruit{border:1px solid #da4453;color:#da4453}.novo-chip.novo-color-carnation{background:#d770ad;color:#fff}.novo-chip.novo-color-carnation>*{color:inherit}.novo-chip.novo-accent-carnation{border:1px solid #d770ad;color:#d770ad}.novo-chip.novo-color-lavender{background:#967adc;color:#fff}.novo-chip.novo-color-lavender>*{color:inherit}.novo-chip.novo-accent-lavender{border:1px solid #967adc;color:#967adc}.novo-chip.novo-color-mountain{background:#9678b6;color:#fff}.novo-chip.novo-color-mountain>*{color:inherit}.novo-chip.novo-accent-mountain{border:1px solid #9678b6;color:#9678b6}.novo-chip.novo-color-info{background:#4a89dc;color:#fff}.novo-chip.novo-color-info>*{color:inherit}.novo-chip.novo-accent-info{border:1px solid #4a89dc;color:#4a89dc}.novo-chip.novo-color-positive{background:#4a89dc;color:#fff}.novo-chip.novo-color-positive>*{color:inherit}.novo-chip.novo-accent-positive{border:1px solid #4a89dc;color:#4a89dc}.novo-chip.novo-color-success{background:#8cc152;color:#fff}.novo-chip.novo-color-success>*{color:inherit}.novo-chip.novo-accent-success{border:1px solid #8cc152;color:#8cc152}.novo-chip.novo-color-negative{background:#da4453;color:#fff}.novo-chip.novo-color-negative>*{color:inherit}.novo-chip.novo-accent-negative{border:1px solid #da4453;color:#da4453}.novo-chip.novo-color-danger{background:#da4453;color:#fff}.novo-chip.novo-color-danger>*{color:inherit}.novo-chip.novo-accent-danger{border:1px solid #da4453;color:#da4453}.novo-chip.novo-color-error{background:#da4453;color:#fff}.novo-chip.novo-color-error>*{color:inherit}.novo-chip.novo-accent-error{border:1px solid #da4453;color:#da4453}.novo-chip.novo-color-warning{background:#f6b042;color:#fff}.novo-chip.novo-color-warning>*{color:inherit}.novo-chip.novo-accent-warning{border:1px solid #f6b042;color:#f6b042}.novo-chip.novo-color-empty{background:#cccdcc;color:#3d464d}.novo-chip.novo-color-empty>*{color:inherit}.novo-chip.novo-accent-empty{border:1px solid #cccdcc;color:#cccdcc}.novo-chip.novo-color-disabled{background:#bebebe;color:#3d464d}.novo-chip.novo-color-disabled>*{color:inherit}.novo-chip.novo-accent-disabled{border:1px solid #bebebe;color:#bebebe}.novo-chip.novo-color-background{background:#f7f7f7;color:#3d464d}.novo-chip.novo-color-background>*{color:inherit}.novo-chip.novo-accent-background{border:1px solid #f7f7f7;color:#f7f7f7}.novo-chip.novo-color-backgroundDark{background:#e2e2e2;color:#3d464d}.novo-chip.novo-color-backgroundDark>*{color:inherit}.novo-chip.novo-accent-backgroundDark{border:1px solid #e2e2e2;color:#e2e2e2}.novo-chip.novo-color-presentation{background:#5b6770;color:#fff}.novo-chip.novo-color-presentation>*{color:inherit}.novo-chip.novo-accent-presentation{border:1px solid #5b6770;color:#5b6770}.novo-chip.novo-color-bullhorn{background:#ff6900;color:#3d464d}.novo-chip.novo-color-bullhorn>*{color:inherit}.novo-chip.novo-accent-bullhorn{border:1px solid #ff6900;color:#ff6900}.novo-chip.novo-color-pulse{background:#3bafda;color:#3d464d}.novo-chip.novo-color-pulse>*{color:inherit}.novo-chip.novo-accent-pulse{border:1px solid #3bafda;color:#3bafda}.novo-chip.novo-color-company{background:#39d;color:#fff}.novo-chip.novo-color-company>*{color:inherit}.novo-chip.novo-accent-company{border:1px solid #39d;color:#39d}.novo-chip.novo-color-candidate{background:#4b7;color:#fff}.novo-chip.novo-color-candidate>*{color:inherit}.novo-chip.novo-accent-candidate{border:1px solid #4b7;color:#4b7}.novo-chip.novo-color-lead{background:#a69;color:#fff}.novo-chip.novo-color-lead>*{color:inherit}.novo-chip.novo-accent-lead{border:1px solid #a69;color:#a69}.novo-chip.novo-color-contact{background:#fa4;color:#fff}.novo-chip.novo-color-contact>*{color:inherit}.novo-chip.novo-accent-contact{border:1px solid #fa4;color:#fa4}.novo-chip.novo-color-clientcontact{background:#fa4;color:#fff}.novo-chip.novo-color-clientcontact>*{color:inherit}.novo-chip.novo-accent-clientcontact{border:1px solid #fa4;color:#fa4}.novo-chip.novo-color-opportunity{background:#625;color:#fff}.novo-chip.novo-color-opportunity>*{color:inherit}.novo-chip.novo-accent-opportunity{border:1px solid #625;color:#625}.novo-chip.novo-color-job{background:#b56;color:#fff}.novo-chip.novo-color-job>*{color:inherit}.novo-chip.novo-accent-job{border:1px solid #b56;color:#b56}.novo-chip.novo-color-joborder{background:#b56;color:#fff}.novo-chip.novo-color-joborder>*{color:inherit}.novo-chip.novo-accent-joborder{border:1px solid #b56;color:#b56}.novo-chip.novo-color-submission{background:#a9adbb;color:#3d464d}.novo-chip.novo-color-submission>*{color:inherit}.novo-chip.novo-accent-submission{border:1px solid #a9adbb;color:#a9adbb}.novo-chip.novo-color-sendout{background:#747884;color:#fff}.novo-chip.novo-color-sendout>*{color:inherit}.novo-chip.novo-accent-sendout{border:1px solid #747884;color:#747884}.novo-chip.novo-color-placement{background:#0b344f;color:#fff}.novo-chip.novo-color-placement>*{color:inherit}.novo-chip.novo-accent-placement{border:1px solid #0b344f;color:#0b344f}.novo-chip.novo-color-note{background:#747884;color:#fff}.novo-chip.novo-color-note>*{color:inherit}.novo-chip.novo-accent-note{border:1px solid #747884;color:#747884}.novo-chip.novo-color-contract{background:#454ea0;color:#fff}.novo-chip.novo-color-contract>*{color:inherit}.novo-chip.novo-accent-contract{border:1px solid #454ea0;color:#454ea0}.novo-chip.novo-color-jobCode{background:#696d79;color:#fff}.novo-chip.novo-color-jobCode>*{color:inherit}.novo-chip.novo-accent-jobCode{border:1px solid #696d79;color:#696d79}.novo-chip.novo-color-earnCode{background:#696d79;color:#fff}.novo-chip.novo-color-earnCode>*{color:inherit}.novo-chip.novo-accent-earnCode{border:1px solid #696d79;color:#696d79}.novo-chip.novo-color-invoiceStatement{background:#696d79;color:#fff}.novo-chip.novo-color-invoiceStatement>*{color:inherit}.novo-chip.novo-accent-invoiceStatement{border:1px solid #696d79;color:#696d79}.novo-chip.novo-color-billableCharge{background:#696d79;color:#fff}.novo-chip.novo-color-billableCharge>*{color:inherit}.novo-chip.novo-accent-billableCharge{border:1px solid #696d79;color:#696d79}.novo-chip.novo-color-payableCharge{background:#696d79;color:#fff}.novo-chip.novo-color-payableCharge>*{color:inherit}.novo-chip.novo-accent-payableCharge{border:1px solid #696d79;color:#696d79}.novo-chip.novo-color-user{background:#696d79;color:#fff}.novo-chip.novo-color-user>*{color:inherit}.novo-chip.novo-accent-user{border:1px solid #696d79;color:#696d79}.novo-chip.novo-color-corporateUser{background:#696d79;color:#fff}.novo-chip.novo-color-corporateUser>*{color:inherit}.novo-chip.novo-accent-corporateUser{border:1px solid #696d79;color:#696d79}.novo-chip.novo-color-distributionList{background:#696d79;color:#fff}.novo-chip.novo-color-distributionList>*{color:inherit}.novo-chip.novo-accent-distributionList{border:1px solid #696d79;color:#696d79}.novo-chip.novo-color-credential{background:#696d79;color:#fff}.novo-chip.novo-color-credential>*{color:inherit}.novo-chip.novo-accent-credential{border:1px solid #696d79;color:#696d79}.novo-chip.novo-color-person{background:#696d79;color:#fff}.novo-chip.novo-color-person>*{color:inherit}.novo-chip.novo-accent-person{border:1px solid #696d79;color:#696d79}"]
             },] }
 ];
 NovoChipElement.ctorParameters = () => [