@zywave/zui-bundle
Version:
ZUI, out of the box, provides ES modules with bare path modifiers (e.g. `import '@zywave/zui-foo-bar'`). This is great as that's the way browsers are _going_, but they aren't there quite yet. Tooling exists to help solve this problem like webpack or rollu
1 lines • 113 kB
CSS
zui-breadcrumbs:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:flex;width:100%;flex-wrap:wrap;align-items:center;line-height:1.6}@media(min-width: 45rem){zui-breadcrumbs:not(:defined):not([show-all]) zui-breadcrumb:not(:nth-last-of-type(-n + 3)){margin-right:3.125rem}zui-breadcrumbs:not(:defined) zui-breadcrumb:not(:first-of-type):not(:nth-last-of-type(-n + 3)){display:none}zui-breadcrumbs:not(:defined) zui-breadcrumb:first-of-type:nth-last-of-type(4){margin-right:.625rem}zui-breadcrumbs:not(:defined)[show-all] zui-breadcrumb:first-of-type{margin-right:.625rem}zui-breadcrumbs:not(:defined)[show-all] zui-breadcrumb{display:flex !important}zui-breadcrumbs:not(:defined)[visible-count="1"] zui-breadcrumb:not(:first-of-type){display:none}zui-breadcrumbs:not(:defined)[visible-count="2"] zui-breadcrumb:not(:first-of-type):not(:nth-last-of-type(-n + 1)){display:none}zui-breadcrumbs:not(:defined)[visible-count="2"] zui-breadcrumb:first-of-type:nth-last-of-type(2){margin-right:.625rem}zui-breadcrumbs:not(:defined)[visible-count="3"] zui-breadcrumb:not(:first-of-type):not(:nth-last-of-type(-n + 2)){display:none}zui-breadcrumbs:not(:defined)[visible-count="3"] zui-breadcrumb:first-of-type:nth-last-of-type(3){margin-right:.625rem}}zui-breadcrumbs:not(:defined) *,zui-breadcrumbs:not(:defined) *::before,zui-breadcrumbs:not(:defined) *::after{box-sizing:inherit}zui-breadcrumb:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:inline-flex;align-items:center;line-height:inherit;cursor:pointer;color:var(--zui-blue-500)}zui-breadcrumb:not(:defined):hover{color:var(--zui-blue-400)}zui-breadcrumb:not(:defined):focus{box-shadow:inset 0 0 0 1px var(--zui-blue);outline:none}zui-breadcrumb:not(:defined):active{color:var(--zui-blue-600)}@media(max-width: 44.9375rem){zui-breadcrumb:not(:defined){width:calc(100% - 1rem - .1875rem - .0625rem)}zui-breadcrumb:not(:defined):not(:nth-last-of-type(2)){display:none}zui-breadcrumb:not(:defined):first-of-type:last-of-type{display:inline-flex}}zui-breadcrumb:not(:defined):not(:last-of-type){margin-right:.625rem}zui-breadcrumb:not(:defined):last-of-type:not(:first-of-type){color:var(--zui-gray-400)}zui-breadcrumb:not(:defined):not([expand-text]) *{max-width:30ch;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}zui-breadcrumb:not(:defined) *{display:inline-block;margin:0 0 0 1.1875rem;padding:0;background:none;border:0;font-weight:400;line-height:inherit;text-align:left;cursor:inherit;color:inherit;transition:inherit;text-decoration:none}@media(max-width: 44.9375rem){zui-breadcrumb:not(:defined) *{display:block;width:calc(100% - 1rem - .1875rem - .0625rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}zui-breadcrumb:not(:defined) *,zui-breadcrumb:not(:defined) *::before,zui-breadcrumb:not(:defined) *::after{box-sizing:inherit}:host{contain:none;display:inline-flex}.zui-button-group{display:inline-flex}::slotted(zui-button),::slotted(zui-button-dropdown){--zui-button-border-radius: 0;--zui-button-box-shadow: inset 0.0625rem 0 0 0 var(--zui-button-group-divider-color, #fff);--zui-button-box-shadow-focus: inset 0.0625rem 0 0 0 var(--zui-button-group-divider-color, #fff), inset 0.125rem 0 0 0 var(--zui-button-focus-color, var(--zui-button-hover-color, var(--zui-blue))), inset 0 0 0 0.0625rem var(--zui-button-focus-color, var(--zui-button-hover-color, var(--zui-blue))), inset 0.1875rem 0 0 0 #fff, inset 0 0 0 0.125rem #fff;--zui-button-secondary-box-shadow: inset 0 -0.0625rem 0 0 var(--zui-gray-200), inset 0 0.0625rem 0 0 var(--zui-gray-200), inset 0.0625rem 0 0 0 var(--zui-gray-200);--zui-button-secondary-box-shadow-focus: inset 0 0.0625rem 0 0 var(--zui-gray-200), inset 0 -0.0625rem 0 0 var(--zui-gray-200), inset 0.0625rem 0 0 0 var(--zui-gray-200), inset 0 0.125rem 0 0 #fff, inset -0.0625rem 0 0 0 #fff, inset 0 -0.125rem 0 0 #fff, inset 0.125rem 0 0 0 #fff, inset 0 0.1875rem 0 0 var(--zui-button-focus-color, var(--zui-button-hover-color, var(--zui-blue))), inset -0.125rem 0 0 0 var(--zui-button-focus-color, var(--zui-button-hover-color, var(--zui-blue))), inset 0 -0.1875rem 0 0 var(--zui-button-focus-color, var(--zui-button-hover-color, var(--zui-blue))), inset 0.1875rem 0 0 0 var(--zui-button-focus-color, var(--zui-button-hover-color, var(--zui-blue)))}::slotted(zui-button:first-child),::slotted(zui-button-dropdown:first-child){--zui-button-border-radius: 1.25rem 0 0 1.25rem !important}::slotted(zui-button:last-child),::slotted(zui-button-dropdown:last-child){--zui-button-border-radius: 0 1.25rem 1.25rem 0 !important;--zui-button-secondary-box-shadow: inset 0 0 0 0.0625rem var(--zui-gray-200);--zui-button-secondary-box-shadow-focus: inset 0 0 0 0.0625rem var(--zui-gray-200), inset 0 0 0 0.125rem #fff, inset 0 0 0 0.1875rem var(--zui-button-focus-color, var(--zui-button-hover-color, var(--zui-blue)))}::slotted(zui-button.icon-only),::slotted(zui-button[icon]),::slotted(zui-button-dropdown[type=icon]),::slotted(zui-button-dropdown[icon]),::slotted(zui-button-dropdown:first-child),::slotted(zui-button-dropdown:last-child){--zui-button-width: 3.1875rem;--zui-button-padding: 0 0.9375rem}::slotted(zui-button:only-child),::slotted(zui-button-dropdown:only-child){--zui-button-border-radius: 1.25rem !important}zui-button:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:inline-flex;height:2.25rem;min-height:0;flex-shrink:0;justify-content:center;align-items:center;padding:0 .9375rem;background:var(--zui-button-color, var(--zui-blue));border:0;border-radius:2em;font-size:inherit;font-weight:600;line-height:1.25rem;text-align:center;text-align:center;cursor:pointer;color:var(--zui-button-text-color, #fff);transition:background 100ms ease-out,box-shadow 100ms ease-out}zui-button:not(:defined):hover{background:var(--zui-button-hover-color, var(--zui-blue-400));color:var(--zui-button-text-hover-color, var(--zui-button-text-color, #fff));text-decoration:none}zui-button:not(:defined):focus{background:var(--zui-button-hover-color, var(--zui-blue));box-shadow:0 0 0 .0625rem #fff,0 0 0 .125rem var(--zui-button-hover-color, var(--zui-blue));outline:none}zui-button:not(:defined):active{background:var(--zui-button-active-color, var(--zui-blue-600));box-shadow:none;outline:none}zui-button:not(:defined) a{background:inherit !important;color:inherit !important;text-decoration:none !important}zui-button:not(:defined) button{margin:0 !important;padding:0 !important;background:inherit !important;border:0 !important;font:inherit !important;cursor:inherit !important;color:inherit !important;text-decoration:none !important}zui-button:not(:defined) zui-icon,zui-button:not(:defined) zui-svg,zui-button:not(:defined) svg{width:1rem;height:1rem;margin-right:.625rem;margin-left:0;border-radius:100%}zui-button:not(:defined)[disabled]{background:var(--zui-gray-200);box-shadow:none;outline:none;color:var(--zui-gray);transform:none;pointer-events:none}zui-button:not(:defined)[disabled] zui-icon,zui-button:not(:defined)[disabled] zui-svg,zui-button:not(:defined)[disabled] svg{fill:var(--zui-gray) !important}zui-button:not(:defined).secondary,zui-button:not(:defined)[type~=secondary]{background:rgba(0, 0, 0, 0);box-shadow:inset 0 0 0 .0625rem var(--zui-gray-200);color:var(--zui-button-text-color, var(--zui-button-color, var(--zui-blue)))}zui-button:not(:defined).secondary:hover,zui-button:not(:defined)[type~=secondary]:hover{background:rgba(0, 0, 0, 0);box-shadow:inset 0 0 0 .0625rem var(--zui-button-hover-color, var(--zui-blue-400))}zui-button:not(:defined).secondary:focus,zui-button:not(:defined)[type~=secondary]:focus{background:rgba(0, 0, 0, 0);box-shadow:inset 0 0 0 .0625rem var(--zui-gray-200),0 0 0 .0625rem #fff,0 0 0 .125rem var(--zui-button-hover-color, var(--zui-blue));outline:none}zui-button:not(:defined).secondary:active,zui-button:not(:defined)[type~=secondary]:active{background:rgba(0, 0, 0, 0);box-shadow:inset 0 0 0 .0625rem var(--zui-button-hover-color, var(--zui-blue-600))}zui-button:not(:defined).secondary[disabled],zui-button:not(:defined)[type~=secondary][disabled]{box-shadow:inset 0 0 0 .0625rem var(--zui-gray-200);color:var(--zui-gray-400)}zui-button:not(:defined).link,zui-button:not(:defined)[type~=link]{background:rgba(0, 0, 0, 0);color:var(--zui-link-button-text-color, var(--zui-blue))}zui-button:not(:defined).link:hover,zui-button:not(:defined)[type~=link]:hover{background:var(--zui-link-button-hover-color, var(--zui-gray-100))}zui-button:not(:defined).link:focus,zui-button:not(:defined)[type~=link]:focus{box-shadow:inset 0 0 0 .0625rem var(--zui-blue);outline:none}zui-button:not(:defined).link:active,zui-button:not(:defined)[type~=link]:active{background:var(--zui-gray-200);box-shadow:none}zui-button:not(:defined).link[disabled],zui-button:not(:defined)[type~=link][disabled]{color:var(--zui-gray)}zui-button:not(:defined).danger,zui-button:not(:defined)[danger]{background:var(--zui-red);color:#fff}zui-button:not(:defined).danger:hover,zui-button:not(:defined)[danger]:hover{background:var(--zui-red-400)}zui-button:not(:defined).danger:focus,zui-button:not(:defined)[danger]:focus{background:var(--zui-red);box-shadow:0 0 0 .0625rem #fff,0 0 0 .125rem var(--zui-red);outline:none}zui-button:not(:defined).danger:active,zui-button:not(:defined)[danger]:active{background:var(--zui-red-600);box-shadow:none}zui-button:not(:defined).danger[disabled],zui-button:not(:defined)[danger][disabled]{background:var(--zui-gray-200);color:var(--zui-gray)}zui-button:not(:defined)[type~=link][danger]{background:rgba(0, 0, 0, 0);color:var(--zui-red)}zui-button:not(:defined)[type~=link][danger]:hover{background:var(--zui-gray-100)}zui-button:not(:defined)[type~=link][danger]:focus{box-shadow:inset 0 0 0 .0625rem var(--zui-red);outline:none}zui-button:not(:defined)[type~=link][danger]:active{background:var(--zui-gray-200);box-shadow:none}zui-button:not(:defined)[type~=link][danger][disabled]{color:var(--zui-gray)}zui-button:not(:defined).icon-right zui-icon,zui-button:not(:defined).icon-right zui-svg,zui-button:not(:defined).icon-right svg,zui-button:not(:defined)[icon-right] zui-icon,zui-button:not(:defined)[icon-right] zui-svg,zui-button:not(:defined)[icon-right] svg{margin-right:0;margin-left:.625rem}zui-button:not(:defined).icon-only,zui-button:not(:defined)[icon]{width:2.25rem;height:2.25rem;padding:0;border-radius:50%}zui-button:not(:defined).icon-only zui-icon,zui-button:not(:defined).icon-only zui-svg,zui-button:not(:defined).icon-only svg,zui-button:not(:defined)[icon] zui-icon,zui-button:not(:defined)[icon] zui-svg,zui-button:not(:defined)[icon] svg{margin-right:0}zui-button:not(:defined)[block]{width:100%}zui-button:not(:defined) *,zui-button:not(:defined) *::before,zui-button:not(:defined) *::after{box-sizing:inherit}zui-button-dropdown:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:inline-flex;height:2.25rem;min-height:0;flex-shrink:0;justify-content:center;align-items:center;padding:0 2.5625rem 0 .9375rem;background:var(--zui-button-color, var(--zui-blue));border:0;border-radius:2em;font-size:inherit;font-weight:600;line-height:1.25rem;text-align:left;cursor:pointer;color:var(--zui-button-text-color, #fff);transition:background 250ms ease-out,box-shadow 250ms ease-out}zui-button-dropdown:not(:defined):hover{background:var(--zui-button-hover-color, var(--zui-blue-400));color:var(--zui-button-text-hover-color, var(--zui-button-text-color, #fff));text-decoration:none}zui-button-dropdown:not(:defined):focus{background:var(--zui-button-hover-color, var(--zui-blue));box-shadow:0 0 0 .0625rem #fff,0 0 0 .125rem var(--zui-button-hover-color, var(--zui-blue));outline:none}zui-button-dropdown:not(:defined):active{background:var(--zui-button-active-color, var(--zui-blue-600));box-shadow:none;outline:none}zui-button-dropdown:not(:defined) button,zui-button-dropdown:not(:defined) a{display:none}zui-button-dropdown:not(:defined)[disabled]{background:var(--zui-gray-200);color:var(--zui-gray);pointer-events:none}zui-button-dropdown:not(:defined)[type~=secondary]{background:rgba(0, 0, 0, 0);box-shadow:inset 0 0 0 .0625rem var(--zui-gray-200);color:var(--zui-button-text-color, var(--zui-button-color, var(--zui-blue)))}zui-button-dropdown:not(:defined)[type~=secondary]:hover{background:rgba(0, 0, 0, 0);box-shadow:inset 0 0 0 .0625rem var(--zui-button-hover-color, var(--zui-blue-400))}zui-button-dropdown:not(:defined)[type~=secondary]:focus{background:rgba(0, 0, 0, 0);box-shadow:inset 0 0 0 .0625rem var(--zui-gray-200),0 0 0 .0625rem #fff,0 0 0 .125rem var(--zui-button-hover-color, var(--zui-blue));outline:none}zui-button-dropdown:not(:defined)[type~=secondary]:active{background:rgba(0, 0, 0, 0);box-shadow:inset 0 0 0 .0625rem var(--zui-button-hover-color, var(--zui-blue-600))}zui-button-dropdown:not(:defined)[type~=secondary][disabled]{box-shadow:inset 0 0 0 .0625rem var(--zui-gray-200);color:var(--zui-gray-400)}zui-button-dropdown:not(:defined)[type~=link]{background:rgba(0, 0, 0, 0);color:var(--zui-link-button-text-color, var(--zui-blue))}zui-button-dropdown:not(:defined)[type~=link]:hover{background:var(--zui-link-button-hover-color, var(--zui-gray-100))}zui-button-dropdown:not(:defined)[type~=link]:focus{box-shadow:inset 0 0 0 .0625rem var(--zui-blue);outline:none}zui-button-dropdown:not(:defined)[type~=link]:active{background:var(--zui-gray-200);box-shadow:none}zui-button-dropdown:not(:defined)[type~=link][disabled]{color:var(--zui-gray)}zui-button-dropdown:not(:defined)[danger]{background:var(--zui-red);color:#fff}zui-button-dropdown:not(:defined)[danger]:hover{background:var(--zui-red-400)}zui-button-dropdown:not(:defined)[danger]:focus{background:var(--zui-red);box-shadow:0 0 0 .0625rem #fff,0 0 0 .125rem var(--zui-red);outline:none}zui-button-dropdown:not(:defined)[danger]:active{background:var(--zui-red-600);box-shadow:none}zui-button-dropdown:not(:defined)[danger][disabled]{background:var(--zui-gray-200);color:var(--zui-gray)}zui-button-dropdown:not(:defined)[icon]{width:2.25rem;padding-right:.9375rem}zui-button-dropdown:not(:defined) *,zui-button-dropdown:not(:defined) *::before,zui-button-dropdown:not(:defined) *::after{box-sizing:inherit}zui-button-group:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:inline-flex}zui-button-group:not(:defined) zui-button-dropdown,zui-button-group:not(:defined) zui-button,zui-button-group:not(:defined) zui-button.icon-only,zui-button-group:not(:defined) zui-button[icon],zui-button-group:not(:defined) zui-button[disabled]{border-radius:0;box-shadow:inset .0625rem 0 0 0 var(--zui-button-group-divider-color, #fff)}zui-button-group:not(:defined) zui-button:first-child,zui-button-group:not(:defined) zui-button-dropdown:first-child{border-radius:1.25rem 0 0 1.25rem}zui-button-group:not(:defined) zui-button.secondary,zui-button-group:not(:defined) zui-button[type~=secondary]{box-shadow:inset 0 -0.0625rem 0 0 var(--zui-gray-200),inset 0 .0625rem 0 0 var(--zui-gray-200),inset .0625rem 0 0 0 var(--zui-gray-200)}zui-button-group:not(:defined) zui-button.secondary[disabled],zui-button-group:not(:defined) zui-button[type~=secondary][disabled]{box-shadow:inset 0 -0.0625rem 0 0 var(--zui-gray-200),inset 0 .0625rem 0 0 var(--zui-gray-200),inset .0625rem 0 0 0 var(--zui-gray-200)}zui-button-group:not(:defined) zui-button.secondary:last-child,zui-button-group:not(:defined) zui-button[type~=secondary]:last-child{box-shadow:inset 0 0 0 .0625rem var(--zui-gray-200)}zui-button-group:not(:defined) zui-button.secondary:last-child:hover,zui-button-group:not(:defined) zui-button[type~=secondary]:last-child:hover{box-shadow:inset 0 0 0 .0625rem var(--zui-button-hover-color, var(--zui-blue-400))}zui-button-group:not(:defined) zui-button-dropdown[icon],zui-button-group:not(:defined) zui-button.icon-only,zui-button-group:not(:defined) zui-button[icon]{min-width:3.1875rem}zui-button-group:not(:defined) zui-button:last-child,zui-button-group:not(:defined) zui-button-dropdown:last-child{border-radius:0 1.25rem 1.25rem 0}zui-button-group:not(:defined) zui-button-dropdown:first-child,zui-button-group:not(:defined) zui-button-dropdown:last-child{width:3.1875rem;padding:0 .9375rem}zui-button-group:not(:defined) *,zui-button-group:not(:defined) *::before,zui-button-group:not(:defined) *::after{box-sizing:inherit}zui-fab:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:inline-flex;width:3.25rem;height:3.25rem;justify-content:center;align-items:center;padding:0;background:var(--zui-button-color, var(--zui-blue));border:0;border-radius:50%;box-shadow:0 .25rem .5rem 0 rgba(0, 0, 0, 0.25);cursor:pointer;color:var(--zui-button-text-color, #fff);transition:box-shadow 100ms ease-in-out;box-sizing:border-box}zui-fab:not(:defined) zui-icon,zui-fab:not(:defined) zui-svg,zui-fab:not(:defined) svg{width:1.5rem;height:1.5rem;margin:0}zui-fab:not(:defined)[disabled]{background-color:var(--zui-gray-200);box-shadow:none;outline:none;color:var(--zui-gray);pointer-events:none}zui-fab:not(:defined) *,zui-fab:not(:defined) *::before,zui-fab:not(:defined) *::after{box-sizing:inherit}zui-card:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;padding:1.25rem;transition:200ms padding ease-in-out;box-sizing:border-box;position:relative;display:block;width:100%;flex-wrap:wrap;margin:var(--zui-card-margin, 0 0 1.875rem);background-color:var(--zui-card-background-color, #fff);border-radius:.125rem;box-shadow:0 .0625rem .1875rem rgba(0, 0, 0, 0.16)}@media(min-width: 80em){zui-card:not(:defined){padding:1.875rem}}zui-card:not(:defined) .header{margin-bottom:0;font-size:var(--zui-card-header-text);font-weight:600;color:var(--zui-card-header-color, inherit)}zui-card:not(:defined) .footer{display:flex;justify-content:flex-end;margin:var(--zui-card-footer-margin, 1.875rem 0 0);background-color:var(--zui-card-footer-background-color, #fff)}zui-card:not(:defined) .footer.align-left{justify-content:flex-start}zui-card:not(:defined) *,zui-card:not(:defined) *::before,zui-card:not(:defined) *::after{box-sizing:inherit}zui-checkbox:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:inline-flex;justify-content:flex-start;align-items:center;margin-right:.625rem;cursor:pointer}zui-checkbox:not(:defined) *{box-sizing:border-box}zui-checkbox:not(:defined)::before{position:relative;display:inline-flex;content:"";width:1.25rem;height:1.25rem;flex-shrink:0;justify-content:center;align-items:center;margin:.6875rem .6875rem .6875rem 0;background:#fff;border:.125rem solid var(--zui-gray);border-radius:.125rem;transition:border 125ms ease-out,opacity 125ms ease-out}zui-checkbox:not(:defined):empty{margin:0}zui-checkbox:not(:defined):hover::before{border-color:var(--zui-gray-600)}zui-checkbox:not(:defined)[label]{margin-right:0}zui-checkbox:not(:defined)[label]::after{display:inline;content:attr(label);margin:.5625rem 1.25rem .5625rem 0}zui-checkbox:not(:defined).gallery{position:relative;display:block;width:100%;max-width:8.125rem;margin-bottom:1.25rem;padding:1.875rem;background-color:#fff;border:.0625rem solid rgba(0, 0, 0, 0);border-radius:.375rem;box-shadow:0 .0625rem .1875rem 0 rgba(0, 0, 0, 0.16);font-weight:600;text-align:center;transition:all .3s cubic-bezier(0.25, 0.8, 0.25, 1)}zui-checkbox:not(:defined).gallery::before{position:absolute;top:-0.375rem;left:-0.375rem;margin:.6875rem}zui-checkbox:not(:defined).gallery [slot=icon]{margin-bottom:.9375rem}zui-checkbox:not(:defined).gallery img[slot=icon],zui-checkbox:not(:defined).gallery div[slot=icon],zui-checkbox:not(:defined).gallery span[slot=icon]{width:100%;max-width:none;height:auto}zui-checkbox:not(:defined).gallery zui-icon[slot=icon],zui-checkbox:not(:defined).gallery zui-svg[slot=icon]{display:block;margin:0 auto .9375rem}zui-checkbox:not(:defined).gallery.no-dropshadow{border-color:var(--zui-gray-300);box-shadow:none}zui-checkbox:not(:defined) *,zui-checkbox:not(:defined) *::before,zui-checkbox:not(:defined) *::after{box-sizing:inherit}zui-checkbox[checked]:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%}zui-checkbox[checked]:not(:defined)::before{background:var(--zui-checkbox-color, var(--zui-blue));border-color:var(--zui-checkbox-color, var(--zui-blue))}zui-checkbox[checked]:not(:defined):hover::before{opacity:.9}zui-checkbox[checked]:not(:defined).gallery{background:var(--zui-checkbox-gallery-background, var(--zui-blue-100));border-color:var(--zui-checkbox-color, var(--zui-blue));box-shadow:none}zui-checkbox[checked]:not(:defined) *,zui-checkbox[checked]:not(:defined) *::before,zui-checkbox[checked]:not(:defined) *::after{box-sizing:inherit}zui-checkbox[disabled]:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;color:var(--zui-gray-300)}zui-checkbox[disabled]:not(:defined)::before{border-color:var(--zui-gray-200)}zui-checkbox[disabled]:not(:defined)[label]::after{color:var(--zui-gray-300)}zui-checkbox[disabled]:not(:defined).gallery{background:var(--zui-gray-100);border-color:rgba(0, 0, 0, 0);box-shadow:none}zui-checkbox[disabled]:not(:defined).gallery>[slot=icon]{opacity:.5}zui-checkbox[disabled]:not(:defined) *,zui-checkbox[disabled]:not(:defined) *::before,zui-checkbox[disabled]:not(:defined) *::after{box-sizing:inherit}zui-checkbox[checked][disabled]:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%}zui-checkbox[checked][disabled]:not(:defined)::before{background:var(--zui-gray-200);border-color:var(--zui-gray-200)}zui-checkbox[checked][disabled]:not(:defined).gallery{background:var(--zui-gray-100);border-color:var(--zui-gray-200);box-shadow:none}zui-checkbox[checked][disabled]:not(:defined) *,zui-checkbox[checked][disabled]:not(:defined) *::before,zui-checkbox[checked][disabled]:not(:defined) *::after{box-sizing:inherit}zui-dialog:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:none}zui-dialog:not(:defined) *,zui-dialog:not(:defined) *::before,zui-dialog:not(:defined) *::after{box-sizing:inherit}zui-error-page:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:none}zui-error-page:not(:defined) *,zui-error-page:not(:defined) *::before,zui-error-page:not(:defined) *::after{box-sizing:inherit}zui-expander:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:none;flex-direction:column}zui-expander:not(:defined)[open]{display:flex}zui-expander:not(:defined) [slot=content]{width:100%}zui-expander:not(:defined) *,zui-expander:not(:defined) *::before,zui-expander:not(:defined) *::after{box-sizing:inherit}zui-expander-group:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:inline-flex;width:100%;flex-direction:column}zui-expander-group:not(:defined) zui-expander{display:flex;flex-wrap:wrap;align-items:center}zui-expander-group:not(:defined) zui-expander [slot=title],zui-expander-group:not(:defined) zui-expander [slot=subtitle]{width:100%;margin:0}zui-expander-group:not(:defined) zui-expander [slot=content]{display:none}zui-expander-group:not(:defined) zui-expander[open] [slot=content]{display:block}zui-expander-group:not(:defined) zui-expander[type=group-standard]{justify-content:space-between;align-items:center;padding:1.25rem;background:#fff;color:var(--zui-gray-800);transition:background .25s ease-out}zui-expander-group:not(:defined) zui-expander[type=group-standard]:hover{background:#fafafa}zui-expander-group:not(:defined) zui-expander[type=group-standard]:not(last-of-type){border-bottom:var(--zui-expander-border-bottom, 1px var(--zui-gray-100) solid)}zui-expander-group:not(:defined) zui-expander[type=group-standard][open]:hover{background:#fff}zui-expander-group:not(:defined) zui-expander[type=group-standard][open]{padding-bottom:0}zui-expander-group:not(:defined) zui-expander[type=group-standard][open] [slot=title]{margin-bottom:1.25rem}zui-expander-group:not(:defined) zui-expander[type=group-standard][open] [slot=content]{padding:1.25rem 1.25rem 1.25rem 0}zui-expander-group:not(:defined) zui-expander[type=group-lightweight]{position:relative;align-items:center;padding:.875rem 0;color:var(--zui-gray-600)}zui-expander-group:not(:defined) zui-expander[type=group-lightweight]:hover{color:var(--zui-gray-800)}zui-expander-group:not(:defined) zui-expander[type=group-lightweight] [slot=title]{margin:0 0 0 2.1875rem}zui-expander-group:not(:defined) zui-expander[type=group-lightweight][open] [slot=title]{margin-bottom:.875rem}zui-expander-group:not(:defined) zui-expander[type=group-lightweight][open] [slot=content]{margin-left:-0.5625rem;padding:.875rem 0 0}zui-expander-group:not(:defined) zui-expander[type=group-popout]{position:relative;flex-direction:row;margin:.875rem 0;padding:1.25rem;background:#fff;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.16)}zui-expander-group:not(:defined) zui-expander[type=group-popout] [slot=trigger]{display:none}zui-expander-group:not(:defined) zui-expander[type=group-popout] [slot=subtitle]{margin-bottom:0;font-size:.6875rem;font-weight:500;color:var(--zui-gray-500)}zui-expander-group:not(:defined) zui-expander[type=group-popout] [slot=footer-button]{display:none}zui-expander-group:not(:defined) zui-expander[type=group-popout][open] [slot=footer-button]{display:inline-flex;margin-left:auto}zui-expander-group:not(:defined) zui-expander[type=group-popout][open] [slot=footer-button]+[slot=footer-button]{margin-left:10px}zui-expander-group:not(:defined) *,zui-expander-group:not(:defined) *::before,zui-expander-group:not(:defined) *::after{box-sizing:inherit}zui-formfield:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:flex;flex-direction:column;margin-bottom:1.25rem}zui-formfield:not(:defined)::before,zui-formfield:not(:defined) label{display:inline-flex;content:attr(label);margin:0 0 .25rem;font-weight:600;color:var(--zui-gray-800)}zui-formfield:not(:defined) zui-toggle{margin:.9375rem 0}zui-formfield:not(:defined) *,zui-formfield:not(:defined) *::before,zui-formfield:not(:defined) *::after{box-sizing:inherit}zui-icon:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:inline-block;width:1.5rem;height:1.5rem;background-color:rgba(0, 0, 0, 0);border-radius:100%;line-height:1}zui-icon:not(:defined).small{width:1rem;height:1rem}zui-icon:not(:defined).medium{width:1.5rem;height:1.5rem}zui-icon:not(:defined).large{width:2.25rem;height:2.25rem}zui-icon:not(:defined).xlarge{width:3rem;height:3rem}zui-icon:not(:defined) *,zui-icon:not(:defined) *::before,zui-icon:not(:defined) *::after{box-sizing:inherit}zui-input:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:inline-block;width:100%;min-height:2.625rem;vertical-align:middle;padding:0 .625rem;background-color:#fff;border:1px solid var(--zui-gray-200);border-radius:4px;font:inherit;cursor:text;color:inherit;transition:border 100ms ease-in-out,box-shadow 100ms ease-in-out}zui-input:not(:defined)::-webkit-input-placeholder{color:var(--zui-gray-300)}zui-input:not(:defined)::-moz-placeholder{opacity:1;color:var(--zui-gray-300)}zui-input:not(:defined):-moz-placeholder{opacity:1;color:var(--zui-gray-300)}zui-input:not(:defined):-ms-input-placeholder{color:var(--zui-gray-300)}zui-input:not(:defined):hover{border-color:var(--zui-gray-300)}zui-input:not(:defined):focus{border-color:var(--zui-blue-400);box-shadow:0 0 0 1px var(--zui-blue-400);outline:none}zui-input:not(:defined)[disabled]{background-color:var(--zui-gray-100);cursor:not-allowed;color:var(--zui-gray)}zui-input:not(:defined)[disabled]:hover{border:1px solid var(--zui-gray-200)}zui-input:not(:defined)[readonly]{background:rgba(0, 0, 0, 0);border:0;outline:none;color:var(--zui-gray);pointer-events:none}zui-input:not(:defined) input{display:none}zui-input:not(:defined)[placeholder]::before{display:block;content:attr(placeholder);line-height:2.625rem;color:var(--zui-gray-300)}zui-input:not(:defined)[value]::before{display:block;content:attr(value);line-height:2.625rem;color:inherit}zui-input:not(:defined).xsmall{width:65px}zui-input:not(:defined).small{width:200px}zui-input:not(:defined).medium{width:300px}zui-input:not(:defined).large{width:400px}zui-input:not(:defined).is-invalid{border:1px solid var(--zui-red);box-shadow:0 0 0 1px var(--zui-red)}zui-input:not(:defined).is-invalid:hover{border-color:var(--zui-red-600);box-shadow:0 0 0 1px var(--zui-red-600)}zui-input:not(:defined).is-invalid:focus{border-color:var(--zui-red-400);box-shadow:0 0 0 1px var(--zui-red-400);outline:none}zui-input:not(:defined).is-valid{border:1px solid var(--zui-green);box-shadow:0 0 0 1px var(--zui-green)}zui-input:not(:defined).is-valid:hover{border-color:var(--zui-green-600);box-shadow:0 0 0 1px var(--zui-green-600)}zui-input:not(:defined).is-valid:focus{border-color:var(--zui-green-400);box-shadow:0 0 0 1px var(--zui-green-400);outline:none}zui-input:not(:defined) *,zui-input:not(:defined) *::before,zui-input:not(:defined) *::after{box-sizing:inherit}zui-logo:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:inline-block;width:6.4375rem;height:1.6875rem;flex-shrink:0;margin:0 auto;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" id=\"zywave\" aria-labelledby=\"zywave-title\" viewBox=\"0 0 600 160.3\"><title id=\"zywave-title\">Zywave, Inc.</title><polygon fill=\"var%28--zui-logo-primary-color, var%28--zui-green, %235FB53B%29%29\" points=\"124.8,29 98.5,29 128.1,94.7 98.5,160.3 124.8,160.3 154.6,94.7 \"/><polygon fill=\"var%28--zui-logo-secondary-color, %230F2D52%29\" points=\"505,29 472,102 438.9,29 425.7,29 472,131.3 518.3,29 \"/><path fill=\"var%28--zui-logo-secondary-color, %230F2D52%29\" d=\"M411.9,131.3h13.3L379,29h-5.1l-46.2,102.3H341l10.1-22.6h50.7L411.9,131.3z M356.5,96.7l19.9-43.9 l19.9,43.9H356.5z\"/><polygon fill=\"var%28--zui-logo-secondary-color, %230F2D52%29\" points=\"553.5,84.2 590.3,84.2 590.3,72.2 553.5,72.2 553.5,41 593.5,41 599.9,29 541.4,29 541.4,131.3 593.6,131.3 600,119 553.5,119 \"/><polygon fill=\"var%28--zui-logo-secondary-color, %230F2D52%29\" points=\"316.1,29 283.3,102 254,37.9 224.9,102 193.2,29 173.5,29 155.8,68.1 162.4,82.7 182.7,37.9 224.9,131.3 254,67.1 283.3,131.3 329.3,29 \"/><polygon fill=\"var%28--zui-logo-secondary-color, %230F2D52%29\" points=\"22.2,119.1 80.8,29 9.8,29 4.3,41 58.6,41 0,131.1 80.7,131.1 86.1,119.1 \"/></svg>") no-repeat center/contain}@media(min-width: 45em){zui-logo:not(:defined){width:6.875rem;height:1.8125rem;margin:0}zui-logo:not(:defined)::before{display:none}}zui-logo:not(:defined)[type=zycon]{background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" id=\"zycon\" aria-labelledby=\"zycon-title\" viewBox=\"0 0 300 300\"><title id=\"zycon-title\">Zywave, Inc.</title><rect width=\"300\" height=\"300\" fill=\"var%28--zui-logo-primary-color, var%28--zui-green, %235FB53B%29%29\"/><path d=\"M228.2,52.39H180.73l44,97.61-44,97.62H228.2L272.46,150Zm-69,.06H47l-12,26.35h75.51L27.54,206.27H153.43l11.92-26.36H76.26Z\" fill=\"var%28--zui-logo-tertiary-color, white%29\"/></svg>") no-repeat}zui-logo:not(:defined)[type=zycon-circle]{background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" id=\"zycon-circle\" aria-labelledby=\"zycon-circle-title\" viewBox=\"0 0 50 50\"><title id=\"zycon-circle-title\">Zywave, Inc.</title><circle cx=\"24.98\" cy=\"25\" r=\"24\" fill=\"var%28--zui-logo-primary-color, var%28--zui-green, %235FB53B%29%29\"/><polygon points=\"15.56 28.97 25.08 14.34 13.54 14.34 12.65 16.29 21.47 16.29 11.96 30.92 25.07 30.92 25.95 28.97 15.56 28.97\" fill=\"var%28--zui-logo-tertiary-color, white%29\"/><polygon points=\"32.23 14.33 27.96 14.33 32.77 25 27.96 35.67 32.23 35.67 37.07 25 32.23 14.33\" fill=\"var%28--zui-logo-tertiary-color, white%29\"/></svg>") no-repeat}zui-logo:not(:defined) *,zui-logo:not(:defined) *::before,zui-logo:not(:defined) *::after{box-sizing:inherit}zui-logo:not(:defined)[type=zycon],zui-logo:not(:defined)[type=zycon-circle]{width:3.125rem;height:3.125rem;flex-shrink:0}zui-multipicker:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:flex;flex-flow:row wrap;justify-content:space-between}zui-multipicker:not(:defined) [slot=search]{display:flex;width:100%;height:2.625rem;order:1;margin-bottom:1.875rem}zui-multipicker:not(:defined) [slot=results-count],zui-multipicker:not(:defined) [slot=bulk-add],zui-multipicker:not(:defined) [slot=selected-count],zui-multipicker:not(:defined) [slot=bulk-remove],zui-multipicker:not(:defined) [slot=picker-items],zui-multipicker:not(:defined) [slot=selected-picker-items]{display:inline-flex;align-items:center}zui-multipicker:not(:defined) [slot=results-count],zui-multipicker:not(:defined) [slot=selected-count]{color:var(--zui-gray)}zui-multipicker:not(:defined) [slot=results-count]{order:2}zui-multipicker:not(:defined) [slot=bulk-add]{order:3;margin-right:.625rem}zui-multipicker:not(:defined) [slot=selected-count]{order:5}@media(min-width: 45em){zui-multipicker:not(:defined) [slot=selected-count]{order:4}}zui-multipicker:not(:defined) [slot=bulk-remove]{order:6}@media(min-width: 45em){zui-multipicker:not(:defined) [slot=bulk-remove]{order:5}}zui-multipicker:not(:defined) [slot=bulk-add],zui-multipicker:not(:defined) [slot=bulk-remove]{justify-content:flex-end;font-weight:600}zui-multipicker:not(:defined) [slot=picker-items]{width:100%;height:100%;flex-direction:column;order:4;overflow-y:auto;margin-bottom:.625rem;border-top:2px solid var(--zui-gray-100);border-bottom:2px solid var(--zui-gray-100)}@media(min-width: 45em){zui-multipicker:not(:defined) [slot=picker-items]{width:calc(60% - 1.25rem);order:6;margin-bottom:0}}zui-multipicker:not(:defined) [slot=selected-picker-items]{width:100%;height:100%;flex-direction:column;order:7;overflow-y:auto;border-top:2px solid var(--zui-gray-100);border-bottom:2px solid var(--zui-gray-100)}@media(min-width: 45em){zui-multipicker:not(:defined) [slot=selected-picker-items]{width:40%}}zui-multipicker:not(:defined) [slot=pager]{width:calc(60% - 1.25rem);order:8}zui-multipicker:not(:defined) *,zui-multipicker:not(:defined) *::before,zui-multipicker:not(:defined) *::after{box-sizing:inherit}zui-multipicker-item:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:block;width:calc(100% - 2.875rem);align-items:center;margin-right:2.875rem;padding:.625rem 0;border-bottom:1px dashed var(--zui-gray-100);word-break:break-all;overflow-wrap:anywhere}zui-multipicker-item:not(:defined) *,zui-multipicker-item:not(:defined) *::before,zui-multipicker-item:not(:defined) *::after{box-sizing:inherit}zui-notifier:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:none}zui-notifier:not(:defined) *,zui-notifier:not(:defined) *::before,zui-notifier:not(:defined) *::after{box-sizing:inherit}zui-pager:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:inline-flex;min-width:400px;height:50px;margin:5px 0;padding:.25em;background-color:#eaeaea}zui-pager:not(:defined) *,zui-pager:not(:defined) *::before,zui-pager:not(:defined) *::after{box-sizing:inherit}zui-pager[type=select]:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;min-width:250px}zui-pager[type=select]:not(:defined) *,zui-pager[type=select]:not(:defined) *::before,zui-pager[type=select]:not(:defined) *::after{box-sizing:inherit}zui-pager[type=lite]:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;min-width:70px}zui-pager[type=lite]:not(:defined) *,zui-pager[type=lite]:not(:defined) *::before,zui-pager[type=lite]:not(:defined) *::after{box-sizing:inherit}zui-picker:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:flex;flex-flow:row wrap;justify-content:space-between}zui-picker:not(:defined) div[slot=search]{display:block;width:100%}zui-picker:not(:defined) div[slot=results-count]{width:100%;padding:6px 0;color:var(--zui-gray)}zui-picker:not(:defined) div[slot=picker-items]{width:100%;flex-direction:column;border-top:1px solid var(--zui-gray-100)}zui-picker:not(:defined) zui-icon,zui-picker:not(:defined) zui-svg,zui-picker:not(:defined) svg{margin-right:10px}zui-picker:not(:defined) *,zui-picker:not(:defined) *::before,zui-picker:not(:defined) *::after{box-sizing:inherit}zui-picker-item:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:flex;width:100%;align-items:center;padding:10px 0;border-bottom:1px dashed var(--zui-gray-100)}zui-picker-item:not(:defined) zui-button{display:flex;align-items:center;margin-left:auto}zui-picker-item:not(:defined) *,zui-picker-item:not(:defined) *::before,zui-picker-item:not(:defined) *::after{box-sizing:inherit}zui-progress:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%}zui-progress:not(:defined) *,zui-progress:not(:defined) *::before,zui-progress:not(:defined) *::after{box-sizing:inherit}zui-radio-group:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:flex;flex-direction:column;align-items:flex-start}zui-radio-group:not(:defined) *{box-sizing:border-box}zui-radio-group:not(:defined).horizontal{flex-flow:row wrap}zui-radio-group:not(:defined).horizontal zui-radio{margin-right:1.25rem}zui-radio-group:not(:defined).horizontal zui-radio.inline{margin-right:0}zui-radio-group:not(:defined).horizontal zui-radio.gallery{margin-right:1.25rem;margin-bottom:1.25rem}zui-radio-group:not(:defined) *,zui-radio-group:not(:defined) *::before,zui-radio-group:not(:defined) *::after{box-sizing:inherit}zui-radio:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:inline-flex;margin:var(--zui-radio-indicator-margin, 0.6875rem 0.6875rem 0.6875rem 0);outline:none;cursor:pointer}zui-radio:not(:defined)::before{position:relative;display:flex;content:"";width:1.25rem;height:1.25rem;justify-content:center;align-items:center;margin-right:.6875rem;background:#fff;border:.125rem solid var(--zui-gray-400);border-radius:50%;transition:border 125ms ease-out,box-shadow 125ms ease-out,opacity 125ms ease-out}zui-radio:not(:defined):hover::before{border-color:var(--zui-gray-600)}zui-radio:not(:defined).inline,zui-radio:not(:defined).gallery{background:#fff;border:.0625rem solid var(--zui-gray-200);font-weight:600 !important}zui-radio:not(:defined).inline:hover,zui-radio:not(:defined).gallery:hover{border-color:var(--zui-gray-600)}zui-radio:not(:defined).inline{display:flex;margin:0;padding:.3125rem .9375rem;border-radius:.125rem;transition:background .3s ease-out,border .3s ease-out,box-shadow .3s ease-out}zui-radio:not(:defined).inline::before{content:none}zui-radio:not(:defined).inline [slot=icon]{max-width:100%;max-height:1.5rem;margin:0 .625rem 0 0}zui-radio:not(:defined).gallery{position:relative;width:100%;max-width:var(--zui-radio-gallery-width, 8.125rem);flex-direction:column;margin-bottom:1.25rem;padding:1.875rem;border-radius:.375rem;text-align:center;transition:background .3s ease-out,border .3s ease-out,box-shadow .3s ease-out}zui-radio:not(:defined).gallery::before{position:absolute;top:-0.375rem;left:-0.375rem;margin:.6875rem}zui-radio:not(:defined).gallery [slot=icon]{margin-bottom:.9375rem}zui-radio:not(:defined).gallery img[slot=icon],zui-radio:not(:defined).gallery div[slot=icon],zui-radio:not(:defined).gallery span[slot=icon]{width:100%;max-width:none;height:auto}zui-radio:not(:defined).gallery zui-icon[slot=icon],zui-radio:not(:defined).gallery zui-svg[slot=icon]{display:block;margin:0 auto .9375rem}zui-radio:not(:defined) *,zui-radio:not(:defined) *::before,zui-radio:not(:defined) *::after{box-sizing:inherit}zui-radio[checked]:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%}zui-radio[checked]:not(:defined)::before{background:var(--zui-radio-color, var(--zui-blue));border-color:var(--zui-radio-color, var(--zui-blue));box-shadow:inset 0 0 0 .125rem #fff,inset 0 0 0 .25rem var(--zui-radio-color, var(--zui-blue))}zui-radio[checked]:not(:defined).inline,zui-radio[checked]:not(:defined).gallery{background:var(--zui-radio-animate-color, var(--zui-blue-100));border:.0625rem solid var(--zui-radio-color, var(--zui-blue));box-shadow:inset 0 0 0 .0625rem var(--zui-radio-color, var(--zui-blue))}zui-radio[checked]:not(:defined).inline [slot=icon]{color:var(--zui-radio-color, var(--zui-blue))}zui-radio[checked]:not(:defined).gallery:hover::before{background:var(--zui-blue-400);border-color:var(--zui-blue-400);box-shadow:inset 0 0 0 .125rem #fff,inset 0 0 0 .25rem var(--zui-blue-400)}zui-radio[checked]:not(:defined) *,zui-radio[checked]:not(:defined) *::before,zui-radio[checked]:not(:defined) *::after{box-sizing:inherit}zui-radio[disabled]:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;cursor:not-allowed;color:var(--zui-gray-300)}zui-radio[disabled]:not(:defined)::before{border-color:var(--zui-gray-100)}zui-radio[disabled]:not(:defined).inline,zui-radio[disabled]:not(:defined).gallery{background:var(--zui-gray-100);border-color:var(--zui-gray-100)}zui-radio[disabled]:not(:defined).inline::before,zui-radio[disabled]:not(:defined).gallery::before{content:none}zui-radio[disabled]:not(:defined).inline>[slot=icon],zui-radio[disabled]:not(:defined).gallery>[slot=icon]{opacity:.5}zui-radio[disabled]:not(:defined) *,zui-radio[disabled]:not(:defined) *::before,zui-radio[disabled]:not(:defined) *::after{box-sizing:inherit}zui-radio[checked][disabled]:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%}zui-radio[checked][disabled]:not(:defined)::before{background:var(--zui-blue-200);border-color:var(--zui-blue-200);box-shadow:inset 0 0 0 .125rem #fff,inset 0 0 0 .25rem var(--zui-blue-200)}zui-radio[checked][disabled]:not(:defined).inline,zui-radio[checked][disabled]:not(:defined).gallery{background:var(--zui-blue-100);border-color:var(--zui-blue-200);box-shadow:0 0 0 .0625rem var(--zui-blue-200)}zui-radio[checked][disabled]:not(:defined).gallery::before,zui-radio[checked][disabled]:not(:defined).gallery:hover::before{content:"";background:var(--zui-blue-200);border-color:var(--zui-blue-200);box-shadow:inset 0 0 0 .125rem var(--zui-blue-100),inset 0 0 0 .25rem var(--zui-blue-200)}zui-radio[checked][disabled]:not(:defined) *,zui-radio[checked][disabled]:not(:defined) *::before,zui-radio[checked][disabled]:not(:defined) *::after{box-sizing:inherit}zui-search:not(:defined){font-f