@zywave/zui-bundle/dist/css/zui-bundle.app.css

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

html,html.zui{line-height:1.15;box-sizing:border-box;-webkit-text-size-adjust:100%}*,*::before,*::after,*.zui,*.zui::before,*.zui::after{box-sizing:inherit}body,body.zui{margin:0}h1,h1.zui{margin:.67em 0;font-size:2em}hr,hr.zui{height:0;overflow:visible;box-sizing:content-box}pre,pre.zui{font-family:monospace,monospace;font-size:1em}abbr[title],abbr[title].zui{border-bottom:0;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong,b.zui,strong.zui{font-weight:bold}code,kbd,samp,code.zui,kbd.zui,samp.zui{font-family:monospace,monospace;font-size:1em}small,small.zui{font-size:80%}sub,sup,sub.zui,sup.zui{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub,sub.zui{bottom:-0.25em}sup,sup.zui{top:-0.5em}img,img.zui{border-style:none}button,input,optgroup,select,textarea,button.zui,input.zui,optgroup.zui,select.zui,textarea.zui{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input,button.zui,input.zui{overflow:visible}button,select,button.zui,select.zui{text-transform:none}button,[type=button],[type=reset],[type=submit],button.zui,[type=button].zui,[type=reset].zui,[type=submit].zui{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset,fieldset.zui{padding:.35em .75em .625em}legend,legend.zui{display:table;max-width:100%;padding:0;white-space:normal;color:inherit;box-sizing:border-box}progress,progress.zui{vertical-align:baseline}textarea,textarea.zui{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search],[type=search].zui{outline-offset:-2px;-webkit-appearance:textfield}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details,details.zui{display:block}summary,summary.zui{display:list-item}[hidden],[hidden].zui,template,template.zui{display:none}html{--zui-aqua-100: hsl(176, 59%, 86%);--zui-aqua-200: hsl(176, 59%, 76%);--zui-aqua-300: hsl(176, 59%, 66%);--zui-aqua-400: hsl(176, 59%, 56%);--zui-aqua: hsl(176, 59%, 46%);--zui-aqua-500: hsl(176, 59%, 46%);--zui-aqua-600: hsl(176, 59%, 36%);--zui-aqua-700: hsl(176, 59%, 26%);--zui-blue-50: hsl(212, 69%, 94%);--zui-blue-100: hsl(212, 69%, 89%);--zui-blue-200: hsl(212, 69%, 79%);--zui-blue-300: hsl(212, 69%, 69%);--zui-blue-400: hsl(212, 69%, 59%);--zui-blue: hsl(212, 69%, 49%);--zui-blue-500: hsl(212, 69%, 49%);--zui-blue-600: hsl(212, 69%, 39%);--zui-blue-700: hsl(212, 69%, 29%);--zui-gray-25: hsl(240, 8%, 98%);--zui-gray-50: hsl(240, 8%, 96%);--zui-gray-100: hsl(240, 8%, 91%);--zui-gray-200: hsl(240, 8%, 81%);--zui-gray-300: hsl(240, 8%, 71%);--zui-gray-400: hsl(240, 8%, 61%);--zui-gray: hsl(240, 8%, 51%);--zui-gray-500: hsl(240, 8%, 51%);--zui-gray-800: hsl(240, 8%, 21%);--zui-gray-900: hsl(240, 8%, 11%);--zui-gray-600: hsl(240, 8%, 41%);--zui-gray-800: hsl(240, 8%, 21%);--zui-gray-900: hsl(240, 8%, 11%);--zui-gray-700: hsl(240, 8%, 31%);--zui-gray-800: hsl(240, 8%, 21%);--zui-gray-900: hsl(240, 8%, 11%);--zui-green-100: hsl(102, 51%, 87%);--zui-green-200: hsl(102, 51%, 77%);--zui-green-300: hsl(102, 51%, 67%);--zui-green-400: hsl(102, 51%, 57%);--zui-green: hsl(102, 51%, 47%);--zui-green-500: hsl(102, 51%, 47%);--zui-green-600: hsl(102, 51%, 37%);--zui-green-700: hsl(102, 51%, 27%);--zui-orange-100: hsl(25, 90%, 91%);--zui-orange-200: hsl(25, 90%, 81%);--zui-orange-300: hsl(25, 90%, 71%);--zui-orange-400: hsl(25, 90%, 61%);--zui-orange: hsl(25, 90%, 51%);--zui-orange-500: hsl(25, 90%, 51%);--zui-orange-600: hsl(25, 90%, 41%);--zui-orange-700: hsl(25, 90%, 31%);--zui-purple-100: hsl(263, 42%, 89%);--zui-purple-200: hsl(263, 42%, 79%);--zui-purple-300: hsl(263, 42%, 69%);--zui-purple-400: hsl(263, 42%, 59%);--zui-purple: hsl(263, 42%, 49%);--zui-purple-500: hsl(263, 42%, 49%);--zui-purple-600: hsl(263, 42%, 39%);--zui-purple-700: hsl(263, 42%, 29%);--zui-red-100: hsl(12, 85%, 86%);--zui-red-200: hsl(12, 85%, 76%);--zui-red-300: hsl(12, 85%, 66%);--zui-red-400: hsl(12, 85%, 56%);--zui-red: hsl(12, 85%, 46%);--zui-red-500: hsl(12, 85%, 46%);--zui-red-600: hsl(12, 85%, 36%);--zui-red-700: hsl(12, 85%, 26%);--zui-rose-100: hsl(323, 60%, 88%);--zui-rose-200: hsl(323, 60%, 78%);--zui-rose-300: hsl(323, 60%, 68%);--zui-rose-400: hsl(323, 60%, 58%);--zui-rose: hsl(323, 60%, 48%);--zui-rose-500: hsl(323, 60%, 48%);--zui-rose-600: hsl(323, 60%, 38%);--zui-rose-700: hsl(323, 60%, 28%);--zui-yellow-100: hsl(40, 97%, 92%);--zui-yellow-200: hsl(40, 97%, 82%);--zui-yellow-300: hsl(40, 97%, 72%);--zui-yellow-400: hsl(40, 97%, 62%);--zui-yellow: hsl(40, 97%, 52%);--zui-yellow-500: hsl(40, 97%, 52%);--zui-yellow-600: hsl(40, 97%, 42%);--zui-yellow-700: hsl(40, 97%, 32%);--zui-zywave: var(--zui-green)}body,body.zui{background:var(--zui-shell-background, var(--zui-background, var(--zui-gray-50)));font-family:system-ui,sans-serif;font-size:.875rem;font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:1.6;line-height:var(--zui-line-height, 1.6);color:var(--zui-gray-800);box-sizing:inherit}small,small.zui{font-size:.75rem}small.xsmall,small.zui.xsmall{font-size:.6875rem}h1,h2,h3,h4,h5,h6,p,ol,ul,dl,blockquote,pre,h1.zui,h2.zui,h3.zui,h4.zui,h5.zui,h6.zui,p.zui,ol.zui,ul.zui,dl.zui,blockquote.zui,pre.zui{margin-top:0}h1,h2,h3,h4,h1.zui,h2.zui,h3.zui,h4.zui{font-weight:600}h1.hero,h1.hero.zui{font-size:2rem;font-weight:300}h1,h1.zui{margin-bottom:1.875rem;font-size:1.625rem}h2,h2.zui{font-size:1.25rem}h3,h3.zui{font-size:1rem}h4,h4.zui{font-size:.875rem;font-weight:700}h5,h5.zui{font-size:.75rem;font-weight:700;text-transform:uppercase}img,img.zui{max-width:100%}::-moz-placeholder{opacity:1;color:var(--zui-gray-300)}::placeholder{color:var(--zui-gray-300)}::-ms-clear{display:none}input,select,input.zui,select.zui{vertical-align:middle}table,table.zui{border-collapse:collapse;border-spacing:0}@supports(scrollbar-width: thin){.zui.skinny-scrollbar{scrollbar-color:var(--zui-gray-400) var(--zui-gray-50);scrollbar-width:thin}}@supports not (scrollbar-width: thin){.zui.skinny-scrollbar::-webkit-scrollbar{width:7px;height:7px;background-color:var(--zui-gray-50)}.zui.skinny-scrollbar::-webkit-scrollbar-thumb{background-color:var(--zui-gray-400);border-radius:10px}}.zui{all:unset}address.zui,article.zui,aside.zui,blockquote.zui,details.zui,dialog.zui,dd.zui,div.zui,dl.zui,dt.zui,fieldset.zui,figcaption.zui,figure.zui,footer.zui,form.zui,h1.zui,h2.zui,h3.zui,h4.zui,h5.zui,h6.zui,header.zui,hgroup.zui,hr.zui,main.zui,nav.zui,ol.zui,p.zui,pre.zui,section.zui,ul.zui{display:block}table.zui{display:table}ol.zui li,ul.zui li{display:list-item}ol.zui li{list-style-type:decimal}ul.zui li{list-style-type:disc}.zui.row{display:flex}.zui.row-inline{display:inline-flex}.zui.column{display:flex;flex-direction:column}.zui.wrap{flex-wrap:wrap}.zui.justify-start{justify-content:flex-start}.zui.justify-center{justify-content:center}.zui.justify-end{justify-content:flex-end}.zui.justify-between{justify-content:space-between}.zui.align-start{align-items:flex-start}.zui.align-center{align-items:center}.zui.align-end{align-items:flex-end}.zui.push-right{margin-left:auto}.zui.push-left{margin-right:auto}.zui.push-center{margin-right:auto;margin-left:auto}.zui.flex-grow{flex-grow:1}.zui.flex-shrink-none{flex-shrink:0}.zui.content-area,.zui-layout,.zui.shell-content-wrapper{width:100%;max-width:100rem;margin-right:auto;margin-left:auto;background:var(--zui-layout-background, transparent);padding:1.25rem;transition:200ms padding ease-in-out;box-sizing:border-box}@media(min-width: 80em){.zui.content-area,.zui-layout,.zui.shell-content-wrapper{padding:1.875rem}}.zui.content-area.full,.zui.content-area--full,.zui-layout.full,.zui-layout--full,.zui.shell-content-wrapper.full,.zui.shell-content-wrapper--full{max-width:none;padding:1.25rem;transition:200ms padding ease-in-out;box-sizing:border-box}@media(min-width: 80em){.zui.content-area.full,.zui.content-area--full,.zui-layout.full,.zui-layout--full,.zui.shell-content-wrapper.full,.zui.shell-content-wrapper--full{padding:1.875rem}}.zui.content-area.slim,.zui.content-area--slim,.zui-layout.slim,.zui-layout--slim,.zui.shell-content-wrapper.slim,.zui.shell-content-wrapper--slim{max-width:60rem;padding:1.25rem;transition:200ms padding ease-in-out;box-sizing:border-box}@media(min-width: 80em){.zui.content-area.slim,.zui.content-area--slim,.zui-layout.slim,.zui-layout--slim,.zui.shell-content-wrapper.slim,.zui.shell-content-wrapper--slim{padding:1.875rem}}.zui-line-break,.zui.line-break{display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid var(--zui-gray-300)}.zui-link,.zui.link{vertical-align:baseline;margin:0;padding:0;font-weight:500;cursor:pointer;color:var(--zui-blue);text-decoration:underline}.zui-link:hover,.zui.link:hover{color:var(--zui-blue-400)}.zui-link:focus,.zui.link:focus{outline:.0625rem solid var(--zui-blue);outline-offset:.25rem;text-decoration:none}.zui-link:active,.zui.link:active{outline:none;color:var(--zui-blue-600);text-decoration:underline}table.zui.table{width:100%;background-color:#fff;box-shadow:0 1px 3px rgba(0, 0, 0, 0.16);border-collapse:collapse;border-spacing:0}table.zui.table thead.sortable th,table.zui.table thead.filterable th{padding:1.03125rem 1.25rem}table.zui.table thead.sortable th.sort,table.zui.table thead.sortable th.filter,table.zui.table thead.filterable th.sort,table.zui.table thead.filterable th.filter{padding-left:.625rem;cursor:pointer}table.zui.table thead.sortable th.sort *,table.zui.table thead.sortable th.filter *,table.zui.table thead.filterable th.sort *,table.zui.table thead.filterable th.filter *{display:flex;align-items:center}table.zui.table thead.sortable th.sort zui-icon,table.zui.table thead.sortable th.filter zui-icon,table.zui.table thead.filterable th.sort zui-icon,table.zui.table thead.filterable th.filter zui-icon{fill:var(--zui-blue)}table.zui.table thead.sortable th.filter zui-icon,table.zui.table thead.filterable th.filter zui-icon{margin-right:.3125rem}table.zui.table th{padding:1.03125rem 1.25rem;background:var(--zui-gray-25);font-weight:600;text-align:left}table.zui.table tr:last-child td{border-bottom:0}table.zui.table td{padding:.75rem 1.25rem;background-color:#fff;border:1px solid var(--zui-gray-200);text-align:left;word-break:break-word}table.zui.table td:first-child{border-left:0}table.zui.table td:last-child{border-right:0}table.zui.table .actions{vertical-align:middle;padding:0 1.25rem;line-height:1}.zui.width-full{width:100%}.zui.width-auto{width:auto}.zui.margin-none{margin:0}.zui.margin-top-none{margin-top:0}.zui.margin-top-xs{margin-top:.3125rem}.zui.margin-top-s{margin-top:.625rem}.zui.margin-top-m{margin-top:1.25rem}.zui.margin-top-l{margin-top:1.875rem}.zui.margin-top-xl{margin-top:2.5rem}.zui.margin-top-xxl{margin-top:3.125rem}.zui.margin-right-none{margin-right:0}.zui.margin-right-xs{margin-right:.3125rem}.zui.margin-right-s{margin-right:.625rem}.zui.margin-right-m{margin-right:1.25rem}.zui.margin-right-l{margin-right:1.875rem}.zui.margin-right-xl{margin-right:2.5rem}.zui.margin-right-xxl{margin-right:3.125rem}.zui.margin-bottom-none{margin-bottom:0}.zui.margin-bottom-xs{margin-bottom:.3125rem}.zui.margin-bottom-s{margin-bottom:.625rem}.zui.margin-bottom-m{margin-bottom:1.25rem}.zui.margin-bottom-l{margin-bottom:1.875rem}.zui.margin-bottom-xl{margin-bottom:2.5rem}.zui.margin-bottom-xxl{margin-bottom:3.125rem}.zui.margin-left-none{margin-left:0}.zui.margin-left-xs{margin-left:.3125rem}.zui.margin-left-s{margin-left:.625rem}.zui.margin-left-m{margin-left:1.25rem}.zui.margin-left-l{margin-left:1.875rem}.zui.margin-left-xl{margin-left:2.5rem}.zui.margin-left-xxl{margin-left:3.125rem}.zui.padding-none{padding:0}.zui.padding-xs{padding:.3125rem}.zui.padding-s{padding:.625rem}.zui.padding-m{padding:1.25rem}.zui.padding-l{padding:1.875rem}.zui.padding-xl{padding:2.5rem}@media(min-width: 45em){.zui.margin-none{margin:0}.zui.margin-top-none{margin-top:0}.zui.margin-top-xs{margin-top:.625rem}.zui.margin-top-s{margin-top:1.25rem}.zui.margin-top-m{margin-top:2.5rem}.zui.margin-top-l{margin-top:3.75rem}.zui.margin-top-xl{margin-top:5rem}.zui.margin-top-xxl{margin-top:6.25rem}.zui.margin-right-none{margin-right:0}.zui.margin-right-xs{margin-right:.625rem}.zui.margin-right-s{margin-right:1.25rem}.zui.margin-right-m{margin-right:2.5rem}.zui.margin-right-l{margin-right:3.75rem}.zui.margin-right-xl{margin-right:5rem}.zui.margin-right-xxl{margin-right:6.25rem}.zui.margin-bottom-none{margin-bottom:0}.zui.margin-bottom-xs{margin-bottom:.625rem}.zui.margin-bottom-s{margin-bottom:1.25rem}.zui.margin-bottom-m{margin-bottom:2.5rem}.zui.margin-bottom-l{margin-bottom:3.75rem}.zui.margin-bottom-xl{margin-bottom:5rem}.zui.margin-bottom-xxl{margin-bottom:6.25rem}.zui.margin-left-none{margin-left:0}.zui.margin-left-xs{margin-left:.625rem}.zui.margin-left-s{margin-left:1.25rem}.zui.margin-left-m{margin-left:2.5rem}.zui.margin-left-l{margin-left:3.75rem}.zui.margin-left-xl{margin-left:5rem}.zui.margin-left-xxl{margin-left:6.25rem}.zui.padding-none{padding:0}.zui.padding-xs{padding:.625rem}.zui.padding-s{padding:1.25rem}.zui.padding-m{padding:2.5rem}.zui.padding-l{padding:3.75rem}.zui.padding-xl{padding:5rem}}@media(min-width: 80em){.zui.margin-none{margin:0}.zui.margin-top-none{margin-top:0}.zui.margin-top-xs{margin-top:.9375rem}.zui.margin-top-s{margin-top:1.875rem}.zui.margin-top-m{margin-top:3.75rem}.zui.margin-top-l{margin-top:5.625rem}.zui.margin-top-xl{margin-top:7.5rem}.zui.margin-top-xxl{margin-top:9.375rem}.zui.margin-right-none{margin-right:0}.zui.margin-right-xs{margin-right:.9375rem}.zui.margin-right-s{margin-right:1.875rem}.zui.margin-right-m{margin-right:3.75rem}.zui.margin-right-l{margin-right:5.625rem}.zui.margin-right-xl{margin-right:7.5rem}.zui.margin-right-xxl{margin-right:9.375rem}.zui.margin-bottom-none{margin-bottom:0}.zui.margin-bottom-xs{margin-bottom:.9375rem}.zui.margin-bottom-s{margin-bottom:1.875rem}.zui.margin-bottom-m{margin-bottom:3.75rem}.zui.margin-bottom-l{margin-bottom:5.625rem}.zui.margin-bottom-xl{margin-bottom:7.5rem}.zui.margin-bottom-xxl{margin-bottom:9.375rem}.zui.margin-left-none{margin-left:0}.zui.margin-left-xs{margin-left:.9375rem}.zui.margin-left-s{margin-left:1.875rem}.zui.margin-left-m{margin-left:3.75rem}.zui.margin-left-l{margin-left:5.625rem}.zui.margin-left-xl{margin-left:7.5rem}.zui.margin-left-xxl{margin-left:9.375rem}.zui.padding-none{padding:0}.zui.padding-xs{padding:.9375rem}.zui.padding-s{padding:1.875rem}.zui.padding-m{padding:3.75rem}.zui.padding-l{padding:5.625rem}.zui.padding-xl{padding:7.5rem}}.zui-xsmall,.zui.font-size-xs{font-size:.6875rem}.zui-small,.zui.font-size-s{font-size:.75rem}.zui.font-size-m{font-size:.875rem}.zui.font-size-l{font-size:1rem}.zui.font-size-xl{font-size:1.125rem}.zui.font-size-xxl{font-size:1.25rem}.zui-light,.zui.font-weight-light{font-weight:300}.zui.font-weight-regular{font-weight:400}.zui-semibold,.zui.font-weight-semibold{font-weight:600}.zui-bold,.zui.font-weight-bold{font-weight:700}.zui.text-align-left{text-align:left}.zui.text-align-center{text-align:center}.zui.text-align-right{text-align:right}.zui.text-break-all{word-break:break-all}.zui.text-break-word{word-wrap:break-word}.zui.text-ellipsis{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zui.text-invalid{color:var(--zui-red)}.zui.text-required::after{content:"*";font-weight:600;color:var(--zui-red)}

/*# sourceMappingURL=zui-bundle.app.css.map*/