@nmorph/nmorph-ui-kit 0.0.2 → 0.0.4

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 (103) hide show
  1. package/dist/index.es.js +1158 -1161
  2. package/dist/style.css +1 -1
  3. package/dist/styles/base/_basic.scss +3 -3
  4. package/dist/styles/base/_colors.scss +22 -30
  5. package/dist/styles/base/_dimensions.scss +1 -1
  6. package/dist/styles/base/_histoire.scss +1 -1
  7. package/dist/styles/base/_theme-mixin.scss +4 -4
  8. package/dist/types/components/inputs/checkbox/nmorph-checkbox/NmorphCheckbox.vue.d.ts +8 -8
  9. package/dist/types/components/inputs/checkbox/nmorph-checkbox-group/NmorphCheckboxGroup.vue.d.ts +8 -8
  10. package/dist/types/components/inputs/checkbox/types.d.ts +6 -3
  11. package/dist/types/components/inputs/nmorph-autocomplete/NmorphAutocomplete.vue.d.ts +14 -14
  12. package/dist/types/components/inputs/nmorph-autocomplete/types.d.ts +2 -2
  13. package/dist/types/components/inputs/nmorph-date-picker/NmorphDatePicker.vue.d.ts +11 -11
  14. package/dist/types/components/inputs/nmorph-date-picker/components/nmorph-date-picker-content/NmorphDatePickerContent.vue.d.ts +7 -7
  15. package/dist/types/components/inputs/nmorph-date-picker/components/nmorph-date-picker-header/NmorphDatePickerHeader.vue.d.ts +3 -3
  16. package/dist/types/components/inputs/nmorph-date-picker/components/nmorph-year-month-picker/NmorphYearMonthPicker.vue.d.ts +3 -3
  17. package/dist/types/components/inputs/nmorph-date-picker/components/types.d.ts +1 -0
  18. package/dist/types/components/inputs/nmorph-file-upload/NmorphFileUpload.vue.d.ts +10 -14
  19. package/dist/types/components/inputs/nmorph-file-upload/types.d.ts +32 -28
  20. package/dist/types/components/inputs/nmorph-number-input/NmorphNumberInput.vue.d.ts +8 -8
  21. package/dist/types/components/inputs/nmorph-select/NmorphSelect.vue.d.ts +15 -15
  22. package/dist/types/components/inputs/{nmorph-select-option → nmorph-select/components/nmorph-select-option}/NmorphSelectOption.vue.d.ts +5 -5
  23. package/dist/types/components/inputs/nmorph-select/types.d.ts +4 -0
  24. package/dist/types/components/inputs/nmorph-slider/NmorphSlider.vue.d.ts +5 -5
  25. package/dist/types/components/inputs/nmorph-switch/NmorphSwitch.vue.d.ts +8 -8
  26. package/dist/types/components/inputs/nmorph-text-input/NmorphTextInput.vue.d.ts +10 -10
  27. package/dist/types/components/inputs/nmorph-time-picker/NmorphTimePicker.vue.d.ts +15 -15
  28. package/dist/types/components/inputs/nmorph-time-picker/components/NmorphTimeRoller.vue.d.ts +3 -3
  29. package/dist/types/components/inputs/nmorph-time-picker/types.d.ts +3 -3
  30. package/dist/types/components/inputs/nmorph-time-picker/utils.d.ts +2 -2
  31. package/dist/types/components/inputs/radio/nmorph-radio/NmorphRadio.vue.d.ts +9 -9
  32. package/dist/types/components/inputs/radio/nmorph-radio-group/NmorphRadioGroup.vue.d.ts +9 -9
  33. package/dist/types/components/inputs/radio/types.d.ts +5 -2
  34. package/dist/types/components/nmorph-alert/NmorphAlert.vue.d.ts +3 -3
  35. package/dist/types/components/nmorph-avatar/NmorphAvatar.vue.d.ts +5 -5
  36. package/dist/types/components/nmorph-backtop/NmorphBacktop.vue.d.ts +3 -3
  37. package/dist/types/components/nmorph-badge/NmorphBadge.vue.d.ts +4 -4
  38. package/dist/types/components/nmorph-breadcrumb/NmorphBreadcrumb.vue.d.ts +3 -3
  39. package/dist/types/components/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue.d.ts +4 -4
  40. package/dist/types/components/nmorph-breadcrumb/types.d.ts +2 -2
  41. package/dist/types/components/nmorph-button/NmorphButton.vue.d.ts +7 -7
  42. package/dist/types/components/nmorph-calendar/NmorphCalendar.vue.d.ts +11 -11
  43. package/dist/types/components/nmorph-calendar/components/nmorph-calendar-header/NmorphCalendarHeader.vue.d.ts +3 -3
  44. package/dist/types/components/nmorph-calendar/types.d.ts +5 -5
  45. package/dist/types/components/nmorph-calendar/utils.d.ts +4 -4
  46. package/dist/types/components/nmorph-card/NmorphCard.vue.d.ts +3 -3
  47. package/dist/types/components/nmorph-carousel/NmorphCarousel.vue.d.ts +3 -3
  48. package/dist/types/components/nmorph-carousel/components/nmorph-carousel-item/NmorphCarouselItem.vue.d.ts +2 -2
  49. package/dist/types/components/nmorph-carousel/types.d.ts +1 -1
  50. package/dist/types/components/nmorph-collapse/NmorphCollapse.vue.d.ts +7 -7
  51. package/dist/types/components/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue.d.ts +5 -5
  52. package/dist/types/components/nmorph-collapse/types.d.ts +5 -2
  53. package/dist/types/components/nmorph-dialog/NmorphDialog.vue.d.ts +4 -4
  54. package/dist/types/components/nmorph-divider/NmorphDivider.vue.d.ts +6 -6
  55. package/dist/types/components/nmorph-divider/types.d.ts +1 -1
  56. package/dist/types/components/nmorph-dropdown/NmorphDropdown.vue.d.ts +7 -7
  57. package/dist/types/components/{form/nmorph-form → nmorph-form}/NmorphForm.vue.d.ts +5 -5
  58. package/dist/types/components/{form/nmorph-form → nmorph-form}/components/nmorph-form-item/NmorphFormItem.vue.d.ts +4 -4
  59. package/dist/types/components/{form/nmorph-form → nmorph-form}/components/nmorph-form-item/components/nmorph-error-box/NmorphErrorBox.vue.d.ts +4 -4
  60. package/dist/types/components/{form/nmorph-form → nmorph-form}/components/nmorph-form-item/components/nmorph-validation-icon/NmorphValidationIcon.vue.d.ts +3 -3
  61. package/dist/types/components/nmorph-form/types.d.ts +7 -0
  62. package/dist/types/components/nmorph-icon/NmorphIcon.vue.d.ts +4 -4
  63. package/dist/types/components/nmorph-image/NmorphImage.vue.d.ts +5 -5
  64. package/dist/types/components/nmorph-image-preview/NmorphImagePreview.vue.d.ts +3 -3
  65. package/dist/types/components/nmorph-image-preview/types.d.ts +5 -0
  66. package/dist/types/components/nmorph-link/NmorphLink.vue.d.ts +7 -12
  67. package/dist/types/components/nmorph-link/types.d.ts +6 -0
  68. package/dist/types/components/nmorph-overlay/NmorphOverlay.vue.d.ts +3 -3
  69. package/dist/types/components/nmorph-pagination/NmorphPagination.vue.d.ts +4 -4
  70. package/dist/types/components/nmorph-progress/NmorphProgress.vue.d.ts +3 -3
  71. package/dist/types/components/nmorph-scroll/NmorphScroll.vue.d.ts +8 -14
  72. package/dist/types/components/nmorph-scroll/types.d.ts +7 -0
  73. package/dist/types/components/nmorph-skeleton/NmorphSkeleton.vue.d.ts +3 -3
  74. package/dist/types/components/nmorph-skeleton/components/NmorphSkeletonItem.vue.d.ts +3 -3
  75. package/dist/types/components/nmorph-sort-button/NmorphSortButton.vue.d.ts +3 -3
  76. package/dist/types/components/{table/nmorph-table → nmorph-table}/NmorphTable.vue.d.ts +4 -4
  77. package/dist/types/components/{table/nmorph-table → nmorph-table}/components/nmorph-table-cell/NmorphTableCell.vue.d.ts +2 -2
  78. package/dist/types/components/{table/nmorph-table → nmorph-table}/components/nmorph-table-column/NmorphTableColumn.vue.d.ts +6 -6
  79. package/dist/types/components/nmorph-table/types.d.ts +21 -0
  80. package/dist/types/components/nmorph-tabs/NmorphTabs.vue.d.ts +3 -3
  81. package/dist/types/components/nmorph-tabs/components/nmorph-tab-pane/NmorphTabPane.vue.d.ts +5 -5
  82. package/dist/types/components/nmorph-tabs/type.d.ts +3 -3
  83. package/dist/types/components/nmorph-tag/NmorphTag.vue.d.ts +3 -3
  84. package/dist/types/components/nmorph-tooltip/NmorphTooltip.vue.d.ts +7 -7
  85. package/dist/types/components.d.ts +8 -9
  86. package/dist/types/histoire.setup.d.ts +0 -2
  87. package/dist/types/hooks/index.d.ts +1 -0
  88. package/dist/types/hooks/useEventManager.d.ts +1 -0
  89. package/dist/types/hooks/useFieldValidation.d.ts +21 -21
  90. package/dist/types/hooks/useFormValidation.d.ts +2 -2
  91. package/dist/types/hooks/usePlacement.d.ts +6 -6
  92. package/dist/types/types/common.d.ts +5 -5
  93. package/package.json +5 -24
  94. package/dist/fonts/Inter-Bold.woff +0 -0
  95. package/dist/fonts/Inter-Bold.woff2 +0 -0
  96. package/dist/fonts/Inter-Regular.woff +0 -0
  97. package/dist/fonts/Inter-Regular.woff2 +0 -0
  98. package/dist/fonts/Inter-SemiBold.woff +0 -0
  99. package/dist/fonts/Inter-SemiBold.woff2 +0 -0
  100. package/dist/types/components/form/types.d.ts +0 -7
  101. package/dist/types/components/inputs/nmorph-select-option/types.d.ts +0 -1
  102. package/dist/types/components/table/types.d.ts +0 -19
  103. /package/dist/types/components/{form/nmorph-form → nmorph-form}/components/nmorph-form-item/components/index.d.ts +0 -0
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .nmorph-text-input{display:flex;flex-direction:column;align-items:flex-start}.nmorph-text-input .nmorph-text-input__input-side{position:relative;display:flex;align-items:center;justify-content:flex-end;width:100%}.nmorph-text-input input{width:100%;height:var(--height);text-indent:var(--default-indentation-input);border:none;border-radius:var(--default-border-radius);transition:ease-in-out var(--transition-01) background;background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-text-input input:focus{outline:none;background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color);background:var(--accent-color-00)}.nmorph-text-input input:disabled{cursor:not-allowed;opacity:.6}.nmorph-text-input .nmorph-text-input__password-btn{position:absolute;right:0;height:100%}.nmorph-text-input .nmorph-text-input__password-btn .nmorph-button__content{padding:var(--indentation-03)}.nmorph-button.nmorph--thin-component .nmorph-text-input__password-btn{margin-top:var(--indentation-00)}.nmorph-button.nmorph--thin-component .nmorph-text-input__password-btn .nmorph-button{--height: var(--thin-component)}.nmorph-button.nmorph--focused .nmorph-text-input__password-btn .nmorph-icon{--color: var(--text-00)}.nmorph-button.nmorph--focused .nmorph-text-input__password-btn .nmorph-button:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--text-00)}.nmorph-checkbox{--size: var(--extra-thin-component);cursor:pointer}.nmorph-checkbox .nmorph-checkbox__content{position:relative;display:flex;align-items:center;justify-content:center}.nmorph-checkbox .nmorph-checkbox__input-wrapper{position:relative;width:var(--size);height:var(--size)}.nmorph-checkbox input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}.nmorph-checkbox .nmorph-checkbox__fake{border-radius:var(--default-border-radius);width:100%;height:100%;position:absolute;top:0;left:0;background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-checkbox .nmorph-checkbox__fake-checked{width:50%;height:50%;background:var(--accent-color-01);border-radius:var(--border-radius-20);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nmorph-checkbox .nmorph-checkbox__label{margin-left:var(--indentation-02)}.nmorph-checkbox .nmorph-checkbox__fake span{margin-top:2px}.nmorph-checkbox--button-style{--size: var(--thick-component)}.nmorph-checkbox--button-style .nmorph-checkbox__fake{position:relative;display:flex;align-items:center;height:var(--size);padding:var(--indentation-03);border-radius:var(--default-border-radius);background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-checkbox--checked .nmorph-checkbox__fake{background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-checkbox--disabled{cursor:not-allowed;opacity:.6}.nmorph-checkbox-group{display:inline-block}.nmorph-checkbox-group .nmorph-checkbox-group__wrapper{display:flex;align-items:center}.nmorph-checkbox-group .nmorph-checkbox-group__content{display:flex;flex-flow:row wrap;width:100%}.nmorph-checkbox-group .nmorph-checkbox:not(:last-child){margin-right:var(--indentation-03);margin-bottom:var(--indentation-03)}.nmorph-checkbox-group--column .nmorph-checkbox-group__content{flex-direction:column}.nmorph-checkbox-group--column .nmorph-checkbox:not(:last-child){margin-right:var(--indentation-00);margin-bottom:var(--indentation-03)}.__histoire-render-story[data-v-8abca079]:not(.__histoire-render-custom-controls){overflow:visible;padding:12px}.htw-h-full[data-v-8abca079]{background:var(--main-bg)}[data-v-8abca079]:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;scroll-behavior:smooth}*[data-v-8abca079],*[data-v-8abca079]:before,*[data-v-8abca079]:after{box-sizing:border-box}input[data-v-8abca079]::-webkit-outer-spin-button,input[data-v-8abca079]::-webkit-inner-spin-button{margin:0;appearance:none}body[data-v-8abca079]{width:auto!important}html[data-v-8abca079]{line-height:1.15;text-size-adjust:100%}body[data-v-8abca079]{margin:0}main[data-v-8abca079]{display:block}h1[data-v-8abca079]{margin:.67em 0;font-size:2em}hr[data-v-8abca079]{box-sizing:content-box;height:0;overflow:visible}pre[data-v-8abca079]{font-size:1em;font-family:monospace}a[data-v-8abca079]{background:transparent}abbr[title][data-v-8abca079]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none}b[data-v-8abca079],strong[data-v-8abca079]{font-weight:bolder}code[data-v-8abca079],kbd[data-v-8abca079],samp[data-v-8abca079]{font-size:1em;font-family:monospace}small[data-v-8abca079]{font-size:80%}sub[data-v-8abca079],sup[data-v-8abca079]{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub[data-v-8abca079]{bottom:-.25em}sup[data-v-8abca079]{top:-.5em}img[data-v-8abca079]{border-style:none}input[data-v-8abca079]:disabled{cursor:not-allowed}button[data-v-8abca079],input[data-v-8abca079],optgroup[data-v-8abca079],select[data-v-8abca079],textarea[data-v-8abca079]{margin:0;font-size:100%;font-family:inherit;line-height:1.15}button[data-v-8abca079],input[data-v-8abca079]{overflow:visible}input[type=number][data-v-8abca079]{appearance:textfield}button[data-v-8abca079],select[data-v-8abca079]{text-transform:none}button[data-v-8abca079],[type=button][data-v-8abca079],[type=reset][data-v-8abca079],[type=submit][data-v-8abca079]{appearance:button}button[data-v-8abca079]::-moz-focus-inner,[type=button][data-v-8abca079]::-moz-focus-inner,[type=reset][data-v-8abca079]::-moz-focus-inner,[type=submit][data-v-8abca079]::-moz-focus-inner{padding:0;border-style:none}button[data-v-8abca079]:-moz-focusring,[type=button][data-v-8abca079]:-moz-focusring,[type=reset][data-v-8abca079]:-moz-focusring,[type=submit][data-v-8abca079]:-moz-focusring{outline:1px dotted ButtonText}fieldset[data-v-8abca079]{padding:.35em .75em .625em}legend[data-v-8abca079]{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress[data-v-8abca079]{vertical-align:baseline}textarea[data-v-8abca079]{overflow:auto}[type=checkbox][data-v-8abca079],[type=radio][data-v-8abca079]{box-sizing:border-box;padding:0}[type=number][data-v-8abca079]::-webkit-inner-spin-button,[type=number][data-v-8abca079]::-webkit-outer-spin-button{height:auto}[type=search][data-v-8abca079]{outline-offset:-2px;appearance:textfield}[type=search][data-v-8abca079]::-webkit-search-decoration{appearance:none}[data-v-8abca079]::-webkit-file-upload-button{font:inherit;appearance:button}details[data-v-8abca079]{display:block}summary[data-v-8abca079]{display:list-item}template[data-v-8abca079]{display:none}[hidden][data-v-8abca079]{display:none}[data-v-8abca079]:root{--main-bg: #ebf3fa;--darker-color: #c3cad0;--lighter-color: #ffffff;--info-color-00: #7979795b;--info-color-01: #68686888;--info-color-02: #c9d2de;--accent-color-00: #687b9e72;--accent-color-01: #687b9e;--accent-color-02: #687b9e34;--accent-color-03: #5b8ce6;--accent-color-04: #2a60c2;--success-color-00: rgb(77, 186, 77);--success-color-01: rgb(44, 163, 44);--error-color-00: rgb(188, 101, 101);--error-color-01: rgb(159, 50, 50);--warning-color-00: rgb(214, 191, 90);--warning-color-01: rgb(161, 137, 30);--text-00: #ffffff;--text-01: #687b9e;--text-02: #8498bc;--overlay-background-color: #ebf3fab3;--background-hover: #e1e9ef}:root[data-theme=dark][data-v-8abca079]{--main-bg: #383143;--darker-color: #1f1b26;--lighter-color: #514760}[data-v-8abca079]:root{--el-font-size-extra-small: 12px;--el-font-size-small: 13px;--el-font-size-base: 14px;--el-font-size-medium: 16px;--el-font-size-large: 18px;--el-font-size-extra-large: 20px;--line-height-line: 1;--line-height-compact: 1.3;--line-height-regular: 1.5;--line-height-loose: 1.7}[data-v-8abca079]:root{--thick-component: 38px;--default-thickness-component: 30px;--thin-component: 22px;--extra-thin-component: 14px;--form-container: 280px;--default-indentation-input: 8px;--indentation-00: 0;--indentation-01: 2px;--indentation-02: 4px;--indentation-03: 8px;--indentation-04: 16px;--base-shadow-width: 4px;--base-shadow-blur: calc(var(--base-shadow-width) * 2.5);--nmorph-wrapper-padding: calc(var(--base-shadow-width) * 1.5)}[data-v-8abca079]:root{--border-radius-none: 0px;--border-radius-20: 2px;--border-radius-40: 4px;--border-radius-60: 6px;--border-radius-80: 8px;--border-radius-120: 12px;--border-radius-circular: 99px;--default-border-radius: var(--border-radius-40)}[data-v-8abca079]:root{--transition-04: .4s;--transition-03: .3s;--transition-02: .2s;--transition-01: .1s}.list-enter-active[data-v-8abca079],.list-leave-active[data-v-8abca079]{transition:all var(--transition-02) ease}.list-enter-from[data-v-8abca079],.list-leave-to[data-v-8abca079]{opacity:0;transform:translate(30px)}.opacity-enter-active[data-v-8abca079],.opacity-list-leave-active[data-v-8abca079]{transition:all var(--transition-02) ease}.opacity-enter-from[data-v-8abca079],.opacity-leave-to[data-v-8abca079]{opacity:0}*[data-v-8abca079]{color:var(--text-01)}body[data-v-8abca079]{font-family:Helvetica,Roboto,Arial,sans-serif;font-size:var(--el-font-size-base);line-height:var(--line-height-regular)}.nmorph--default-height-component[data-v-8abca079]{--height: var(--default-thickness-component);height:var(--height)}.nmorph--thin-component[data-v-8abca079]{--height: var(--thin-component);height:var(--height)}.nmorph--thick-component[data-v-8abca079]{--height: var(--thick-component);height:var(--height)}.nmorph--thin-component.nmorph-native-input[data-v-8abca079]{font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-native-input[data-v-8abca079]:focus{color:var(--text-00)}.nmorph-native-input[data-v-8abca079]:focus::placeholder{color:var(--text-00)}.nmorph--fill[data-v-8abca079]{width:100%}.nmorph-radio[data-v-8abca079]{--size: var(--extra-thin-component);cursor:pointer}.nmorph-radio .nmorph-radio__content[data-v-8abca079]{position:relative;display:flex;align-items:center;justify-content:center}.nmorph-radio span[data-v-8abca079]{margin-top:2px}.nmorph-radio .nmorph-radio__input-wrapper[data-v-8abca079]{position:relative;width:var(--size);height:var(--size)}.nmorph-radio input[data-v-8abca079]{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}.nmorph-radio .nmorph-radio__fake[data-v-8abca079]{border-radius:var(--border-radius-circular);width:100%;height:100%;position:absolute;top:0;left:0;background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-radio .nmorph-radio__fake-checked[data-v-8abca079]{width:50%;height:50%;background:var(--accent-color-01);border-radius:var(--border-radius-circular);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nmorph-radio .nmorph-radio__label[data-v-8abca079]{margin-left:var(--indentation-02)}.nmorph-radio--button-style[data-v-8abca079]{--size: var(--default-thickness-component)}.nmorph-radio--button-style .nmorph-radio__fake[data-v-8abca079]{position:relative;display:flex;align-items:center;justify-content:center;height:var(--size);padding:var(--indentation-03);white-space:nowrap;border-radius:var(--default-border-radius);background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-radio--checked .nmorph-radio__fake[data-v-8abca079]{background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-radio--disabled[data-v-8abca079]{cursor:not-allowed;opacity:.6}.nmorph-radio-group{display:inline-block}.nmorph-radio-group .nmorph-radio-group__wrapper{display:flex;align-items:center}.nmorph-radio-group .nmorph-radio-group__content{display:flex;flex-flow:row wrap;width:100%}.nmorph-radio-group .nmorph-radio:not(:last-child){margin-right:var(--indentation-03);margin-bottom:var(--indentation-03)}.nmorph-radio-group--fill{width:100%}.nmorph-radio-group--column .nmorph-radio-group__content{flex-direction:column}.nmorph-radio-group--column .nmorph-radio:not(:last-child){margin-right:var(--indentation-00);margin-bottom:var(--indentation-03)}.nmorph-number-input{display:inline-flex;flex-direction:column;align-items:flex-start}.nmorph-number-input .nmorph-number-input__content{display:flex;align-items:center;width:100%}.nmorph-number-input .nmorph-number-input__input-content{display:flex;width:100%;height:var(--height);height:100%;border-radius:var(--default-border-radius);background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-number-input .nmorph-number-input__decrease .nmorph-button__content{border-top-right-radius:0;border-bottom-right-radius:0}.nmorph-number-input .nmorph-number-input__increase .nmorph-button__content{border-top-left-radius:0;border-bottom-left-radius:0}.nmorph-number-input input{width:auto;width:100%;padding:var(--indentation-00) var(--default-indentation-input);text-align:center;border:none;border-top:1px solid var(--main-bg);border-bottom:1px solid var(--main-bg);transition:ease-in-out var(--transition-01) background;background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-number-input input:focus{background:var(--accent-color-00);outline:none;background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-number-input .nmorph-number-input__action-btns{display:flex;flex-direction:column}.nmorph-number-input--disabled{cursor:not-allowed;opacity:.6}.nmorph-number-input--disabled .nmorph-number-input__input-content{pointer-events:none}.nmorph-number-input--action-btn-position-right input{border-top-left-radius:var(--default-border-radius);border-bottom-left-radius:var(--default-border-radius)}.nmorph-number-input--action-btn-position-right .nmorph-number-input__decrease,.nmorph-number-input--action-btn-position-right .nmorph-number-input__increase{display:flex;justify-content:center;width:100%}.nmorph-number-input--action-btn-position-right .nmorph-number-input__decrease .nmorph-button__content{border-radius:0;border-top-right-radius:var(--default-border-radius)}.nmorph-number-input--action-btn-position-right .nmorph-number-input__increase .nmorph-button__content{border-radius:0;border-bottom-right-radius:var(--default-border-radius)}.nmorph-number-input--action-btn-position-right .nmorph-button{width:100%;--height: var(--6141458e)}.nmorph-slider{--value-fixed-container-width: 18px;cursor:pointer}.nmorph-slider .nmorph-slider__content{display:flex;align-items:center}.nmorph-slider .nmorph-slider__input-wrapper{display:flex;align-items:center;width:100%;height:var(--value-fixed-container-width);border-radius:var(--default-border-radius);background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-slider .nmorph-slider__input-container{position:relative;display:flex;align-items:center;width:100%;height:24px}.nmorph-slider .nmorph-slider__thumb{position:absolute;width:var(--53b05e0a);height:20px;border:0;border-radius:var(--default-border-radius);background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-slider .nmorph-slider__value{display:flex;justify-content:center;width:var(--value-fixed-container-width);margin-left:var(--indentation-04)}.nmorph-slider--fill,.nmorph-slider--fill .nmorph-slider__content{width:100%}.nmorph-slider--disabled{cursor:not-allowed;opacity:.6}.nmorph-slider--disabled .nmorph-slider__input-content{pointer-events:none}.nmorph-switch{--height: 20px;--offset: 2px;--thumb-height: 16px;width:40px;height:var(--height);overflow:hidden;border-radius:var(--border-radius-circular);cursor:pointer}.nmorph-switch .nmorph-switch__content{position:relative;height:100%;border-radius:var(--border-radius-circular);transition:background ease-in-out var(--transition-02),box-shadow ease-in-out var(--transition-02);background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-switch input{width:100%;height:var(--height);visibility:hidden;opacity:0}.nmorph-switch .nmorph-switch-thumb{position:absolute;top:var(--offset);left:var(--offset);width:var(--thumb-height);height:var(--thumb-height);border-radius:var(--border-radius-circular);transition:left ease-in-out var(--transition-02),box-shadow ease-in-out var(--transition-02);display:flex;align-items:center;justify-content:center;background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-switch--disabled{cursor:not-allowed;opacity:.6}.nmorph-switch--disabled .nmorph-switch__input-content{pointer-events:none}.nmorph-switch--on .nmorph-switch__content{background:var(--accent-color-01);box-shadow:none}.nmorph-switch--on .nmorph-switch-thumb{left:calc(100% - 18px);box-shadow:none}.nmorph-switch--loading{cursor:not-allowed;opacity:.6}.nmorph-switch--loading .nmorph-switch__input-content{pointer-events:none}.nmorph-select{--base-width: 200px;width:var(--base-width);height:var(--height);cursor:pointer}.nmorph-select .nmorph-select__content{position:relative;height:100%;background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-select .nmorph-select__selected-values-line{display:flex;align-items:center;justify-content:space-between;height:100%;padding:var(--indentation-00) var(--default-indentation-input);border-radius:var(--default-border-radius)}.nmorph-select .nmorph-select__selected-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nmorph-select--open .nmorph-select__chevron{transform:rotate(180deg)}.nmorph-select--open .nmorph-select__content{background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-select--selected-line-outset .nmorph-select__content{background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-select-option{--hover-bg: var(--accent-color-01);--hover-color: var(--text-00);display:flex;justify-content:space-between;padding:var(--indentation-00) var(--default-indentation-input);cursor:pointer}.nmorph-select-option:not(.nmorph-select-option--disabled):hover{background:var(--hover-bg)}.nmorph-select-option:not(.nmorph-select-option--disabled):hover span{color:var(--hover-color)}.nmorph-select-option:not(.nmorph-select-option--disabled):hover .nmorph-select-option__checked{--color: var(--hover-color)}.nmorph-select-option--disabled{cursor:not-allowed;opacity:.6}.nmorph-select-option--disabled .nmorph-select-option__content{pointer-events:none}.nmorph-select-option--with-label{display:flex;align-items:center}.nmorph-file-upload .nmorph-file-upload__trigger{position:relative}.nmorph-file-upload input{display:none}.nmorph-file-upload .nmorph-file-upload__list{margin-top:var(--indentation-03)}.nmorph-file-upload .nmorph-file-upload__file{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--indentation-02);padding:var(--indentation-02) var(--indentation-03);border-radius:var(--default-border-radius);background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-file-upload .nmorph-file-upload__file-info{display:flex;align-items:center;width:50%;margin-left:var(--indentation-02)}.nmorph-file-upload .nmorph-file-upload__file-name{margin-left:var(--indentation-02);line-height:0}.nmorph-file-upload .nmorph-file-upload__remove-file{margin-left:var(--indentation-03)}.nmorph-time-roller{--hover-bg: var(--accent-color-01);--hover-color: var(--text-00);width:100%;margin-left:2px}.nmorph-time-roller .nmorph-scroll{--padding-right: 8px;height:140px}.nmorph-time-roller .nmorph-time-roller__value{display:flex;align-items:center;justify-content:center;height:var(--1f4a90cc);border-radius:var(--default-border-radius)}.nmorph-time-roller .nmorph-time-roller__value:hover{color:var(--hover-color);background:var(--hover-bg);cursor:pointer}.nmorph-time-roller .nmorph-time-roller__value--invisible{cursor:default;opacity:0}.nmorph-time-roller .nmorph-time-roller__value.nmorph-time-roller__value--disabled-value{cursor:not-allowed;opacity:.6}.nmorph-time-roller .nmorph-time-roller__value--disabled-value:hover{background:transparent;color:var(--accent-color-01)}.nmorph-time-picker{width:160px;cursor:pointer}.nmorph-time-picker .nmorph-time-picker__content{background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color);position:relative;display:flex;align-items:center;height:100%;overflow:hidden;border-radius:var(--default-border-radius)}.nmorph-time-picker .nmorph-time-picker__selected-time{display:flex;align-items:center;margin-left:var(--default-indentation-input)}.nmorph-time-picker .nmorph-time-picker__time-icon{margin-right:4px}.nmorph-time-picker .nmorph-time-picker__dropdown{background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color);position:relative;display:flex;padding:var(--indentation-03)}.nmorph-time-picker .nmorph-time-picker__dropdown:after{width:100%;height:var(--2ad17ce1);border-top:solid 1px var(--accent-color-01);border-bottom:solid 1px var(--accent-color-01);content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nmorph-time-picker input{position:absolute;top:0;left:0;width:100%;visibility:hidden}.nmorph-time-picker--open .nmorph-time-picker__content{background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-date-picker-header{display:flex;justify-content:space-between;padding:var(--indentation-03)}.nmorph-date-picker-header .nmorph-date-picker-header__center-side{border-radius:var(--default-border-radius);margin:0 var(--indentation-00);width:165px;display:flex;justify-content:center;background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-date-picker-header .nmorph-date-picker-header__action-btn{margin:0 var(--indentation-02)}.nmorph-date-picker-header .nmorph-date-picker-header__action-btn .nmorph-button__content{padding:0 var(--indentation-02)}.nmorph-date-picker-header .nmorph-date-picker-header__chevron-double-left{rotate:90deg}.nmorph-date-picker-header .nmorph-date-picker-header__chevron-double-right{rotate:-90deg}.nmorph-date-picker-header .nmorph-date-picker-header__chevron-left{rotate:90deg}.nmorph-date-picker-header .nmorph-date-picker-header__chevron-right{rotate:-90deg}.nmorph-year-month-picker .nmorph-year-month-picker__header{display:flex;justify-content:space-between;padding-bottom:var(--indentation-04);border-bottom:1px solid var(--accent-color-00)}.nmorph-year-month-picker .nmorph-year-month-picker__value{background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color);border-radius:var(--default-border-radius)}.nmorph-year-month-picker .nmorph-year-month-picker__values{padding-top:var(--indentation-04)}.nmorph-year-month-picker .nmorph-radio-group .nmorph-radio-group__content{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.nmorph-year-month-picker .nmorph-radio-group .nmorph-radio:not(:last-child){margin:0;width:100%}.nmorph-year-month-picker .nmorph-year-month-picker__chevron-left{rotate:90deg}.nmorph-year-month-picker .nmorph-year-month-picker__chevron-right{rotate:-90deg}.nmorph-date-picker{--width: 200px;position:relative;width:var(--width)}.nmorph-date-picker .nmorph-date-picker__date-wrapper,.nmorph-date-picker .nmorph-date-picker__date-range-wrapper{height:100%}.nmorph-date-picker .nmorph-date-picker__input{overflow:hidden;height:100%;display:flex;justify-content:space-between;align-items:center;border-radius:var(--default-border-radius);cursor:pointer;padding:0 var(--indentation-03);background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-date-picker .nmorph-date-picker__selected-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nmorph-date-picker .nmorph-date-picker__input--open{background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-date-picker .nmorph-date-picker__calendar-icon{margin-right:2px}.nmorph-date-picker .nmorph-date-picker__clear-button-wrapper{width:14px;height:14px}.nmorph-date-picker .nmorph-dropdown{padding:var(--indentation-03)}.nmorph-date-picker input{display:none}.nmorph-date-picker .nmorph-calendar{--table-data-cell-height: 42px}.nmorph-date-picker--daterange{--width: 250px}.nmorph-date-picker--daterange .nmorph-dropdown{display:flex;justify-content:space-between}.nmorph-date-picker--daterange .nmorph-date-picker__value-separator{padding:0 var(--indentation-03)}.nmorph-date-picker--daterange .nmorph-date-picker__selected-value{display:flex}.nmorph-icon{--color: var(--text-01);width:var(--width);height:var(--height);min-width:var(--width);min-height:var(--height)}.nmorph-icon .nmorph-icon__content{display:flex;align-items:center;justify-content:center}.nmorph-icon svg{width:100%;height:100%;fill:var(--color)}.nmorph-icon .nmorph-icon__as-image img{width:var(--width);height:var(--height)}.nmorph-icon--small{--width: 14px;--height: 14px}.nmorph-icon--medium{--width: 20px;--height: 20px}.nmorph-icon--large{--width: 32px;--height: 32px}.nmorph-icon--custom-width{--width: var(--b0c13c16)}.nmorph-icon--custom-height{--height: var(--327de2d8)}.nmorph-button{display:inline-block;width:auto}.nmorph-button .nmorph-button__content{width:100%;height:var(--height);padding:var(--indentation-00) var(--indentation-04);border:none;border-radius:var(--default-border-radius);cursor:pointer;transition:var(--transition-02) ease-in-out background,var(--transition-02) ease-in-out color,var(--transition-02) ease-in-out box-shadow;display:flex;align-items:center;justify-content:center;background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-button span{margin-top:1px}.nmorph-button .nmorph-button__content:disabled{pointer-events:none}.nmorph-button .nmorph-button__content[loading=true]{cursor:default}.nmorph-button .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--text-00);background:var(--accent-color-01);box-shadow:none}.nmorph-button .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--text-00)}.nmorph-button .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--text-00)}.nmorph-button--transparent{padding:var(--indentation-00)}.nmorph-button--transparent .nmorph-button__content{background:transparent;box-shadow:none}.nmorph-button--ripple .nmorph-button__content{position:relative;overflow:hidden}.nmorph-button--ripple .nmorph-button__content:after{background-image:radial-gradient(circle,var(--main-bg) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .3s,opacity 1s;content:"";width:100%;height:100%;position:absolute;top:0;left:0}.nmorph-button--ripple .nmorph-button__content:active:after{transform:scale(0);opacity:.3;transition:0s}.nmorph-button.nmorph--thin-component{font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-button--bg-transparent-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover{background:inherit;box-shadow:none}.nmorph-button--bg-transparent-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--text-01)}.nmorph-button--disabled{cursor:not-allowed;opacity:.6}.nmorph-card{--card-padding: var(--indentation-04);display:flex;flex-direction:column;width:100%;padding:var(--card-padding);border-radius:var(--default-border-radius)}.nmorph-card .nmorph-card__header{font-size:var(--el-font-size-large);line-height:var(--line-height-loose)}.nmorph-card .nmorph-card__content{height:100%}.nmorph-card .nmorph-card__footer{font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular);height:fit-content}.nmorph-card--inset{background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-card--outset{background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-card--combined{background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color),inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-link{--link-color: var(--info-color-00);--hover-color: var(--info-color-01);display:inline-block}.nmorph-link a{display:flex;align-items:center;text-decoration:none}.nmorph-link .nmorph-link__icon{margin-left:var(--indentation-02);--color: var(--link-color)}.nmorph-link :hover{color:var(--hover-color)}.nmorph-link :hover .nmorph-link__icon{--color: var(--hover-color)}.nmorph-link--underline :hover{border-bottom:1px solid var(--link-color)}.nmorph-link--disabled{cursor:not-allowed;opacity:.6}.nmorph-link--disabled a{pointer-events:none}.nmorph-link--success{--link-color: var(--success-color-00);--hover-color: var(--success-color-01)}.nmorph-link--warning{--link-color: var(--warning-color-00);--hover-color: var(--warning-color-01)}.nmorph-link--error{--link-color: var(--error-color-00);--hover-color: var(--error-color-00)}.nmorph-tooltip{--max-width: 120px;display:inline-block;width:var(--1703f13c)}.nmorph-tooltip .nmorph-tooltip__content{position:relative}.nmorph-tooltip .nmorph-tooltip__info-content{position:absolute;max-width:var(--max-width);padding:var(--indentation-03);border-radius:var(--default-border-radius);background:var(--main-bg);box-shadow:0 0 var(--base-shadow-blur) var(--darker-color)}.nmorph-tooltip span{white-space:nowrap}.nmorph-tooltip .nmorph-tooltip__triangle{position:absolute;width:0;height:0;border-style:solid;content:""}.nmorph-tooltip--top .nmorph-tooltip__info-content{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.nmorph-tooltip--top .nmorph-tooltip__triangle{top:100%;left:50%;border-color:var(--main-bg) transparent transparent transparent;border-width:8px 8px 0;transform:translate(-50%)}.nmorph-tooltip--right .nmorph-tooltip__info-content{top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.nmorph-tooltip--right .nmorph-tooltip__triangle{top:50%;right:100%;border-color:transparent var(--main-bg) transparent transparent;border-width:8px 8px 8px 0;transform:translateY(-50%)}.nmorph-tooltip--bottom .nmorph-tooltip__info-content{top:calc(100% + 12px);left:50%;transform:translate(-50%)}.nmorph-tooltip--bottom .nmorph-tooltip__triangle{bottom:100%;left:50%;border-color:transparent transparent var(--main-bg) transparent;border-width:0 8px 8px;transform:translate(-50%)}.nmorph-tooltip--left .nmorph-tooltip__info-content{top:50%;right:calc(100% + 12px);transform:translateY(-50%)}.nmorph-tooltip--left .nmorph-tooltip__triangle{top:50%;left:100%;border-color:transparent transparent transparent var(--main-bg);border-width:8px 0 8px 8px;transform:translateY(-50%)}.nmorph-tag{display:inline-flex;margin-right:var(--indentation-02);padding:var(--indentation-00) var(--indentation-03);border-radius:var(--default-border-radius);cursor:default;background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-tag .nmorph-tag__content{display:flex;align-items:center;height:100%}.nmorph-tag .nmorph-tag__close-icon{margin-left:var(--indentation-02);cursor:pointer}.nmorph-tag--thin{--height: var(--thin-component)}.nmorph-tag--thin span{font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-tag--thick{--height: var(--thick-component)}.nmorph-tag--transparent{background:transparent;box-shadow:none}.nmorph-overlay{opacity:0;pointer-events:none;background:var(--overlay-background-color);z-index:1;overflow:hidden;transition:ease-in-out var(--transition-02) opacity;position:fixed;width:100vw;height:100vh;top:0;left:0}.nmorph-overlay--outside-click{cursor:pointer}.nmorph-overlay--transparent{background:transparent}.nmorph-overlay--show{opacity:1;pointer-events:auto}.nmorph-image{width:100%;height:100%;--width: auto;--height: auto;width:var(--width);height:var(--height)}.nmorph-image img{width:100%;height:100%;object-fit:var(--eb45007c)}.nmorph-image-preview{--width: 50px;--height: 50px;width:var(--width);height:var(--height);overflow:hidden}.nmorph-image-preview .nmorph-image-preview__trigger{position:relative;width:100%;height:100%;cursor:pointer}.nmorph-image-preview .nmorph-image-preview__trigger:hover{filter:brightness(.8)}.nmorph-image-preview .nmorph-image-preview__trigger .nmorph-image{width:100%;height:100%}.nmorph-image-preview .nmorph-image-preview__content{transition:var(--transition-04) opacity ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nmorph-image-preview .nmorph-image-preview__actions{position:absolute;bottom:-50px;left:50%;z-index:2;display:flex;height:0;transform:translate(-50%);transition:ease-in-out bottom var(--transition-03)}.nmorph-image-preview .nmorph-image-preview__action-element{margin-right:var(--indentation-03)}.nmorph-image-preview .nmorph-button__content{box-shadow:none}.nmorph-image-preview .nmorph-image-preview__left,.nmorph-image-preview .nmorph-image-preview__right{z-index:2}.nmorph-image-preview .nmorph-image-preview__left{position:absolute;top:50%;left:-100%;transform:rotate(90deg) translate(-50%);transition:ease-in-out left var(--transition-03)}.nmorph-image-preview .nmorph-image-preview__right{position:absolute;top:50%;right:-100%;transform:rotate(270deg) translate(50%);transition:ease-in-out right var(--transition-03)}.nmorph-image-preview--opened .nmorph-image-preview__actions{bottom:50px}.nmorph-image-preview--opened .nmorph-image-preview__left{left:20px}.nmorph-image-preview--opened .nmorph-image-preview__right{right:20px}.nmorph-carousel{--height: 500px;overflow:hidden;height:var(--height);position:relative;border:10px solid var(--main-bg);border-radius:var(--default-border-radius);background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-carousel .nmorph-carousel__wrapper{display:flex;height:100%}.nmorph-carousel .transition-enabled{transition:transform .4s ease}.nmorph-carousel .nmorph-carousel__element-indicator-wrapper{padding:4px;cursor:pointer}.nmorph-carousel .nmorph-carousel__elements-indicator{width:100%;display:flex;justify-content:center;position:absolute;bottom:16px}.nmorph-carousel .nmorph-carousel__element-indicator{width:30px;height:2px;background:var(--info-color-02);margin-right:var(--indentation-02)}.nmorph-carousel .nmorph-carousel__element-indicator--active{background:var(--text-00)}.nmorph-carousel .nmorph-carousel__action-btn{position:absolute;background:var(--info-color-01);padding:var(--indentation-03);border-radius:var(--default-border-radius);top:50%;transform:translateY(-50%);cursor:pointer}.nmorph-carousel .nmorph-carousel__action-btn:hover{background:var(--info-color-00)}.nmorph-carousel .nmorph-carousel__action-btn .nmorph-icon{--color: var(--text-00)}.nmorph-carousel .nmorph-carousel__prev{right:var(--indentation-02);rotate:-90deg}.nmorph-carousel .nmorph-carousel__next{left:var(--indentation-02);rotate:90deg}.nmorph-carousel .nmorph-carousel__item{width:100%;height:100%;flex-shrink:0}.nmorph-error-box{display:block;margin-top:var(--indentation-02);overflow:hidden}.nmorph-error-box .nmorph-error-box__error{margin:var(--indentation-00);margin-left:var(--default-indentation-input);color:var(--error-color-00);text-align:left}.nmorph-error-box--empty:not(.nmorph-error-box--static-height){display:none}.nmorph-validation-icon{width:var(--254dc45d);margin-left:var(--indentation-03)}.nmorph-validation-icon--valid .nmorph-validation-icon__content{--color: var(--success-color-00)}.nmorph-validation-icon--invalid .nmorph-validation-icon__content{--color: var(--error-color-00)}.nmorph-form-item{margin:var(--indentation-03) var(--indentation-00)}.nmorph-form-item label{font-size:var(--el-font-size-medium);line-height:var(--line-height-loose)}.nmorph-form-item .nmorph-form-item__content{position:relative;display:flex;align-items:center;width:100%}.nmorph-form-item--labeled .nmorph-form-item__content{margin-top:var(--indentation-02)}.nmorph-form-item--valid .nmorph-native-input:focus{background:var(--success-color-00)}.nmorph-form-item--invalid .nmorph-native-input:focus{background:var(--error-color-00)}.nmorph-scroll{--scrollbar-width: 8px;--scrollbar-height: 8px;--padding-right: var(--scrollbar-width);--padding-bottom: var(--scrollbar-height);padding-right:var(--057fb359);padding-bottom:var(--e0f85ee4);overflow:var(--085b96f0) var(--085b96ee)}.nmorph-scroll::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-height);background-color:transparent;cursor:pointer}.nmorph-scroll::-webkit-scrollbar-track{background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color);border-radius:var(--border-radius-40)}.nmorph-scroll::-webkit-scrollbar-thumb{background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color);border-radius:var(--border-radius-40)}.nmorph-dropdown{position:fixed;width:var(--3ec7f0e6);border-radius:var(--default-border-radius);background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-dropdown--closed{z-index:-1000;opacity:0}.nmorph-calendar-header{display:flex;justify-content:space-between;align-items:center}.nmorph-calendar-header__actions{display:flex}.nmorph-calendar-header__action:nth-child(2){margin:0 var(--indentation-03)}.nmorph-calendar{--table-data-cell-height: 50px;background:var(--main-bg)}.nmorph-calendar .nmorph-table__table-data-row{height:var(--table-data-cell-height)}.nmorph-calendar .nmorph-table__cell{--table-cell-height: var(--table-data-cell-height)}.nmorph-calendar .nmorph-calendar-date{height:100%;display:flex;align-items:center;justify-content:center}.nmorph-calendar .nmorph-calendar-date--today{color:var(--info-color-00);font-weight:700;font-size:var(--el-font-size-medium);line-height:var(--line-height-loose)}.nmorph-calendar .nmorph-table__cell{font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-calendar .nmorph-table .nmorph-table__cell{padding:0 var(--indentation-01)}.nmorph-calendar .nmorph-calendar-date--selected{background:var(--accent-color-00);color:var(--text-00)}.nmorph-calendar .nmorph-calendar-date--hidden{cursor:none}.nmorph-calendar .nmorph-calendar-date:not(.nmorph-calendar-date--hidden){cursor:pointer}.nmorph-calendar .nmorph-calendar-date:not(.nmorph-calendar-date--hidden).nmorph-calendar-date--previous,.nmorph-calendar .nmorph-calendar-date:not(.nmorph-calendar-date--hidden).nmorph-calendar-date--next{background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color);color:var(--accent-color-00)}.nmorph-table{--border-color: var(--accent-color-01);--table-cell-height: auto}.nmorph-table .nmorph-table__header th{border-bottom:0}.nmorph-table .nmorph-table__button-wrapper{display:flex;align-items:center}.nmorph-table .nmorph-table__button-wrapper{margin-left:var(--indentation-03)}.nmorph-table table{border-collapse:collapse;border-spacing:0;width:100%}.nmorph-table .nmorph-table__table-data{padding:var(--indentation-03) 0;border-bottom:1px solid var(--border-color)}.nmorph-table .nmorph-table__table-data--bordered{border:1px solid var(--border-color)}.nmorph-table .nmorph-table__cell{padding:0 var(--indentation-03)}.nmorph-table .nmorph-table__cell-content{display:flex;align-items:center}.nmorph-table .nmorph-table__cell--data{height:var(--table-cell-height)}.nmorph-table .nmorph-table__body{position:relative}.nmorph-table .nmorph-table__table-data-row--row-hover:hover{background:var(--background-hover)}.nmorph-table--nmorph{background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color);border-radius:var(--default-border-radius);overflow:hidden;--border-color: transparent}.nmorph-table--nmorph .nmorph-table__button-wrapper{padding:var(--indentation-02)}.nmorph-table--nmorph .nmorph-table__table-row{background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-sort-button{display:flex;align-items:center}.nmorph-sort-button .nmorph-button__content{display:flex;align-items:center;justify-content:center;flex-direction:column}.nmorph-sort-button .nmorph-sort-button__icon-up{transform:rotate(180deg)}.nmorph-sort-button .nmorph-sort-button__icon-up,.nmorph-sort-button .nmorph-sort-button__icon-down{--color: var(--darker-color)}.nmorph-sort-button .nmorph-sort-button__icon-up{margin-bottom:-1px}.nmorph-sort-button .nmorph-sort-button__icon-down{margin-top:-1px}.nmorph-sort-button--ascending .nmorph-sort-button__icon-up,.nmorph-sort-button--descending .nmorph-sort-button__icon-down{--color: var(--accent-color-01)}.nmorph-divider{background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-divider--horizontal{width:100%;height:2px}.nmorph-divider--vertical{height:auto;width:2px}.nmorph-collapse-item{--transition-speed: .2s;margin-bottom:var(--indentation-03)}.nmorph-collapse-item .nmorph-collapse-item__title{display:flex;align-items:center;padding:var(--indentation-02);border-radius:var(--default-border-radius);background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-collapse-item .nmorph-collapse-item__content{overflow:hidden;transition:height var(--transition-speed) ease-in-out;border-radius:var(--default-border-radius);box-sizing:content-box;background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-collapse-item__inner-wrapper{padding:var(--indentation-03)}.nmorph-collapse-item--disabled{cursor:not-allowed;opacity:.6}.nmorph-progress{--height: 8px;--width-transition: .4s ease-in-out width;--animation: slide 2s linear infinite}.nmorph-progress .nmorph-progress__linear{height:100%;display:flex;align-items:center;height:var(--height)}.nmorph-progress .nmorph-progress__linear .nmorph-progress__outer{width:100%;height:100%;border-radius:var(--border-radius-circular);overflow:hidden;background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-progress .nmorph-progress__linear .nmorph-progress__inner{position:relative;width:var(--02f10430);background:var(--1d4f02f0);border-radius:var(--border-radius-circular);transition:var(--width-transition);height:100%;animation:var(--49265029)}.nmorph-progress .nmorph-progress__linear .nmorph-progress__percentage,.nmorph-progress .nmorph-progress__linear .nmorph-progress__inner-text{margin-left:var(--indentation-03);font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-progress .nmorph-progress__linear .nmorph-progress__inner-text{position:absolute;top:50%;transform:translateY(-50%);right:var(--indentation-02);font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular);color:var(--lighter-color)}.nmorph-progress .nmorph-progress__circle{width:var(--63b4b0d2);height:var(--63b4b0d2);border-radius:var(--border-radius-circular);position:relative;background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-progress .nmorph-progress__circle:after{content:"";width:92%;height:92%;border-radius:var(--border-radius-circular);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--main-bg);box-shadow:0 0 var(--base-shadow-blur) var(--darker-color)}.nmorph-progress .nmorph-progress__circle-inner-part{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nmorph-progress .nmorph-progress__circle-ring{stroke-width:var(--71a0ec5a);stroke:var(--1d4f02f0);fill:none;transform-origin:center;transform:rotate(-90deg);transition:stroke-dashoffset .5s}@keyframes slide{0%{left:-50%}to{left:100%}}.nmorph-backtop{opacity:0;position:fixed;right:var(--5a752059);bottom:var(--4d87f8e4);transition:opacity .2s ease-in-out}.nmorph-backtop .nmorph-backtop__up-icon{transform:rotate(180deg)}.nmorph-backtop--show{opacity:1}.nmorph-badge{position:relative;display:inline-block}.nmorph-badge .nmorph-badge__container{background:var(--70257138);opacity:1;border-radius:var(--default-border-radius);position:absolute}.nmorph-badge .nmorph-badge__content{color:var(--lighter-color);padding:2px 4px}.nmorph-badge .nmorph-badge__container--hidden{opacity:0}.nmorph-badge .nmorph-badge__dot{width:4px;height:4px;border-radius:var(--border-radius-circular)}.nmorph-avatar{width:var(--33233ec3);height:var(--33233ec3);overflow:hidden}.nmorph-avatar .nmorph-avatar__image,.nmorph-avatar .nmorph-avatar__fallback{width:100%;height:100%}.nmorph-avatar img{width:100%;height:100%;object-fit:var(--1a6c4d0f)}.nmorph-avatar .nmorph-avatar__image--hide{opacity:0;width:0;height:0;display:none}.nmorph-avatar--circle{border-radius:var(--border-radius-circular)}.nmorph-avatar--square{border-radius:var(--default-border-radius)}.nmorph-tabs{border-radius:var(--default-border-radius)}.nmorph-tabs--stretch .nmorph-tabs__label{width:100%}.nmorph-tabs__label-list{display:flex;padding:var(--indentation-02);border-top-left-radius:var(--default-border-radius);border-top-right-radius:var(--default-border-radius);background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-tabs__label{padding:var(--indentation-03);border-radius:var(--default-border-radius);cursor:pointer;margin-right:var(--indentation-02);background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-tabs__label--disabled{cursor:not-allowed;opacity:.6}.nmorph-tabs__label--selected{background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-tabs__content__wrapper{padding:var(--indentation-02);border-bottom-left-radius:var(--default-border-radius);border-bottom-right-radius:var(--default-border-radius);background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-tabs__content{border-radius:var(--default-border-radius);padding:var(--indentation-03);background:var(--main-bg);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-breadcrumb,.nmorph-breadcrumb .nmorph-breadcrumb__content{display:flex}.nmorph-breadcrumb .nmorph-breadcrumb__separator{margin:0 var(--indentation-03)}.nmorph-alert{display:inline-block;padding:var(--indentation-03);border-radius:var(--default-border-radius)}.nmorph-alert .nmorph-alert__content,.nmorph-alert .nmorph-alert__content-title{white-space:pre-line}.nmorph-alert .nmorph-alert__content-title{font-weight:600;font-size:var(--el-font-size-medium);line-height:var(--line-height-loose);line-height:1}.nmorph-alert .nmorph-alert__wrapper{display:flex}.nmorph-alert .nmorph-alert__wrapper{display:flex;align-items:center}.nmorph-alert .nmorph-alert__icon{margin-right:var(--indentation-03)}.nmorph-alert .nmorph-alert__close{margin-left:var(--indentation-02);align-self:flex-start}.nmorph-alert--hide{display:none}.nmorph-alert--success{background:var(--success-color-00)}.nmorph-alert--success .nmorph-alert__content,.nmorph-alert--success .nmorph-alert__content-title{color:var(--success-color-01)}.nmorph-alert--success .nmorph-icon{--color: var(--success-color-01)}.nmorph-alert--error{background:var(--error-color-00)}.nmorph-alert--error .nmorph-alert__content,.nmorph-alert--error .nmorph-alert__content-title{color:var(--error-color-01)}.nmorph-alert--error .nmorph-icon{--color: var(--error-color-01)}.nmorph-alert--warning{background:var(--warning-color-00)}.nmorph-alert--warning .nmorph-alert__content,.nmorph-alert--warning .nmorph-alert__content-title{color:var(--warning-color-01)}.nmorph-alert--warning .nmorph-icon{--color: var(--warning-color-01)}.nmorph-alert--info{background:var(--info-color-00)}.nmorph-alert--info .nmorph-alert__content,.nmorph-alert--info .nmorph-alert__content-title{color:var(--info-color-01)}.nmorph-alert--info .nmorph-icon{--color: color: var(--info-color-01)}.nmorph-dialog{--width: 500px;width:var(--width);border-radius:var(--default-border-radius);padding:var(--indentation-04);background:var(--main-bg);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nmorph-dialog .nmorph-dialog__header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:var(--el-font-size-large);line-height:var(--line-height-loose)}.nmorph-skeleton-item{height:14px;background:var(--info-color-01);margin-bottom:var(--indentation-02)}.nmorph-skeleton-item--image,.nmorph-skeleton-item--image .nmorph-skeleton-item__element{display:flex;align-items:center;justify-content:center}.nmorph-skeleton-item--image .nmorph-skeleton-item__element .nmorph-icon{--color: var(--info-color-01)}.nmorph-skeleton-item--h1{height:18px}.nmorph-skeleton-item--circle{border-radius:100%}.nmorph-skeleton .nmorph-skeleton__template .nmorph-skeleton-item:first-child:not(.nmorph-skeleton-item--image),.nmorph-skeleton .nmorph-skeleton__template .nmorph-skeleton-item:first-child:not(.nmorph-skeleton-item--circle){width:33%}.nmorph-skeleton .nmorph-skeleton__template .nmorph-skeleton-item:last-child:not(.nmorph-skeleton-item--image),.nmorph-skeleton .nmorph-skeleton__template .nmorph-skeleton-item:last-child:not(.nmorph-skeleton-item--circle){width:63%}.nmorph-skeleton--loading .nmorph-skeleton-item{background:linear-gradient(90deg,var(--info-color-02) 25%,var(--info-color-01) 37%,var(--info-color-02) 63%);background-size:400% 100%;animation:nmorph-skeleton-loading-animation 1.4s ease infinite}@keyframes nmorph-skeleton-loading-animation{0%{background-position:100% 50%}to{background-position:0 50%}}.nmorph-pagination{display:flex;justify-content:center;margin-top:var(--indentation-04)}.nmorph-pagination .nmorph-radio-group{display:inline-flex;align-items:center}.nmorph-pagination .nmorph-radio-group .nmorph-radio:not(:last-child){margin-bottom:0}.nmorph-pagination .nmorph-pagination__page{margin:0 var(--indentation-01)}.nmorph-pagination .nmorph-pagination__btn{margin:var(--indentation-03)}.nmorph-pagination .nmorph-pagination__prev{rotate:90deg}.nmorph-pagination .nmorph-pagination__next{rotate:-90deg}.__histoire-render-story:not(.__histoire-render-custom-controls){overflow:visible;padding:12px}.htw-h-full{background:var(--main-bg)}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;appearance:none}body{width:auto!important}html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-size:1em;font-family:monospace}a{background:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none}b,strong{font-weight:bolder}code,kbd,samp{font-size:1em;font-family:monospace}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}input:disabled{cursor:not-allowed}button,input,optgroup,select,textarea{margin:0;font-size:100%;font-family:inherit;line-height:1.15}button,input{overflow:visible}input[type=number]{appearance:textfield}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{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{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;appearance:textfield}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{font:inherit;appearance:button}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--main-bg: #ebf3fa;--darker-color: #c3cad0;--lighter-color: #ffffff;--info-color-00: #7979795b;--info-color-01: #68686888;--info-color-02: #c9d2de;--accent-color-00: #687b9e72;--accent-color-01: #687b9e;--accent-color-02: #687b9e34;--accent-color-03: #5b8ce6;--accent-color-04: #2a60c2;--success-color-00: rgb(77, 186, 77);--success-color-01: rgb(44, 163, 44);--error-color-00: rgb(188, 101, 101);--error-color-01: rgb(159, 50, 50);--warning-color-00: rgb(214, 191, 90);--warning-color-01: rgb(161, 137, 30);--text-00: #ffffff;--text-01: #687b9e;--text-02: #8498bc;--overlay-background-color: #ebf3fab3;--background-hover: #e1e9ef}:root[data-theme=dark]{--main-bg: #383143;--darker-color: #1f1b26;--lighter-color: #514760}:root{--el-font-size-extra-small: 12px;--el-font-size-small: 13px;--el-font-size-base: 14px;--el-font-size-medium: 16px;--el-font-size-large: 18px;--el-font-size-extra-large: 20px;--line-height-line: 1;--line-height-compact: 1.3;--line-height-regular: 1.5;--line-height-loose: 1.7}:root{--thick-component: 38px;--default-thickness-component: 30px;--thin-component: 22px;--extra-thin-component: 14px;--form-container: 280px;--default-indentation-input: 8px;--indentation-00: 0;--indentation-01: 2px;--indentation-02: 4px;--indentation-03: 8px;--indentation-04: 16px;--base-shadow-width: 4px;--base-shadow-blur: calc(var(--base-shadow-width) * 2.5);--nmorph-wrapper-padding: calc(var(--base-shadow-width) * 1.5)}:root{--border-radius-none: 0px;--border-radius-20: 2px;--border-radius-40: 4px;--border-radius-60: 6px;--border-radius-80: 8px;--border-radius-120: 12px;--border-radius-circular: 99px;--default-border-radius: var(--border-radius-40)}:root{--transition-04: .4s;--transition-03: .3s;--transition-02: .2s;--transition-01: .1s}.list-enter-active,.list-leave-active{transition:all var(--transition-02) ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.opacity-enter-active,.opacity-list-leave-active{transition:all var(--transition-02) ease}.opacity-enter-from,.opacity-leave-to{opacity:0}*{color:var(--text-01)}body{font-family:Helvetica,Roboto,Arial,sans-serif;font-size:var(--el-font-size-base);line-height:var(--line-height-regular)}.nmorph--default-height-component{--height: var(--default-thickness-component);height:var(--height)}.nmorph--thin-component{--height: var(--thin-component);height:var(--height)}.nmorph--thick-component{--height: var(--thick-component);height:var(--height)}.nmorph--thin-component.nmorph-native-input{font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-native-input:focus{color:var(--text-00)}.nmorph-native-input:focus::placeholder{color:var(--text-00)}.nmorph--fill{width:100%}.nmorph-autocomplete__list-item{margin-bottom:var(--indentation-01);padding:var(--indentation-02) var(--indentation-04)}.nmorph-autocomplete__loading{height:100px;display:flex;align-items:center;justify-content:center}.nmorph-autocomplete__list-item:hover{background:var(--accent-color-01);color:var(--text-00)}
1
+ .nmorph-text-input{display:flex;flex-direction:column;align-items:flex-start}.nmorph-text-input .nmorph-text-input__input-side{position:relative;display:flex;align-items:center;justify-content:flex-end;width:100%}.nmorph-text-input input{width:100%;height:var(--height);text-indent:var(--default-indentation-input);border:none;border-radius:var(--default-border-radius);transition:ease-in-out var(--transition-01) background;background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-text-input input:focus{outline:none;background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color);background:var(--accent-color-00)}.nmorph-text-input input:disabled{cursor:not-allowed;opacity:.6}.nmorph-text-input .nmorph-text-input__password-btn{position:absolute;right:0;height:100%}.nmorph-text-input .nmorph-text-input__password-btn .nmorph-button__content{padding:var(--indentation-03)}.nmorph-button.nmorph--thin-component .nmorph-text-input__password-btn{margin-top:var(--indentation-00)}.nmorph-button.nmorph--thin-component .nmorph-text-input__password-btn .nmorph-button{--height: var(--thin-component)}.nmorph-button.nmorph--focused .nmorph-text-input__password-btn .nmorph-icon{--color: var(--text-color-00)}.nmorph-button.nmorph--focused .nmorph-text-input__password-btn .nmorph-button:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--text-color-00)}.nmorph-checkbox{--size: var(--extra-thin-component);cursor:pointer}.nmorph-checkbox .nmorph-checkbox__content{position:relative;display:flex;align-items:center;justify-content:center}.nmorph-checkbox .nmorph-checkbox__input-wrapper{position:relative;width:var(--size);height:var(--size)}.nmorph-checkbox input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}.nmorph-checkbox .nmorph-checkbox__fake{border-radius:var(--default-border-radius);width:100%;height:100%;position:absolute;top:0;left:0;background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-checkbox .nmorph-checkbox__fake-checked{width:50%;height:50%;background:var(--accent-color-00);border-radius:var(--border-radius-20);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nmorph-checkbox .nmorph-checkbox__label{margin-left:var(--indentation-02)}.nmorph-checkbox .nmorph-checkbox__fake span{margin-top:2px}.nmorph-checkbox--button-style{--size: var(--thick-component)}.nmorph-checkbox--button-style .nmorph-checkbox__fake{position:relative;display:flex;align-items:center;height:var(--size);padding:var(--indentation-03);border-radius:var(--default-border-radius);background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-checkbox--checked .nmorph-checkbox__fake{background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-checkbox--disabled{cursor:not-allowed;opacity:.6}.nmorph-checkbox-group{display:inline-block}.nmorph-checkbox-group .nmorph-checkbox-group__wrapper{display:flex;align-items:center}.nmorph-checkbox-group .nmorph-checkbox-group__content{display:flex;flex-flow:row wrap;width:100%}.nmorph-checkbox-group .nmorph-checkbox:not(:last-child){margin-right:var(--indentation-03);margin-bottom:var(--indentation-03)}.nmorph-checkbox-group--column .nmorph-checkbox-group__content{flex-direction:column}.nmorph-checkbox-group--column .nmorph-checkbox:not(:last-child){margin-right:var(--indentation-00);margin-bottom:var(--indentation-03)}.__histoire-render-story[data-v-77822664]:not(.__histoire-render-custom-controls){overflow:visible;padding:12px}.htw-h-full[data-v-77822664]{background:var(--main-bg-color)}[data-v-77822664]:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;scroll-behavior:smooth}*[data-v-77822664],*[data-v-77822664]:before,*[data-v-77822664]:after{box-sizing:border-box}input[data-v-77822664]::-webkit-outer-spin-button,input[data-v-77822664]::-webkit-inner-spin-button{margin:0;appearance:none}body[data-v-77822664]{width:auto!important}html[data-v-77822664]{line-height:1.15;text-size-adjust:100%}body[data-v-77822664]{margin:0}main[data-v-77822664]{display:block}h1[data-v-77822664]{margin:.67em 0;font-size:2em}hr[data-v-77822664]{box-sizing:content-box;height:0;overflow:visible}pre[data-v-77822664]{font-size:1em;font-family:monospace}a[data-v-77822664]{background:transparent}abbr[title][data-v-77822664]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none}b[data-v-77822664],strong[data-v-77822664]{font-weight:bolder}code[data-v-77822664],kbd[data-v-77822664],samp[data-v-77822664]{font-size:1em;font-family:monospace}small[data-v-77822664]{font-size:80%}sub[data-v-77822664],sup[data-v-77822664]{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub[data-v-77822664]{bottom:-.25em}sup[data-v-77822664]{top:-.5em}img[data-v-77822664]{border-style:none}input[data-v-77822664]:disabled{cursor:not-allowed}button[data-v-77822664],input[data-v-77822664],optgroup[data-v-77822664],select[data-v-77822664],textarea[data-v-77822664]{margin:0;font-size:100%;font-family:inherit;line-height:1.15}button[data-v-77822664],input[data-v-77822664]{overflow:visible}input[type=number][data-v-77822664]{appearance:textfield}button[data-v-77822664],select[data-v-77822664]{text-transform:none}button[data-v-77822664],[type=button][data-v-77822664],[type=reset][data-v-77822664],[type=submit][data-v-77822664]{appearance:button}button[data-v-77822664]::-moz-focus-inner,[type=button][data-v-77822664]::-moz-focus-inner,[type=reset][data-v-77822664]::-moz-focus-inner,[type=submit][data-v-77822664]::-moz-focus-inner{padding:0;border-style:none}button[data-v-77822664]:-moz-focusring,[type=button][data-v-77822664]:-moz-focusring,[type=reset][data-v-77822664]:-moz-focusring,[type=submit][data-v-77822664]:-moz-focusring{outline:1px dotted ButtonText}fieldset[data-v-77822664]{padding:.35em .75em .625em}legend[data-v-77822664]{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress[data-v-77822664]{vertical-align:baseline}textarea[data-v-77822664]{overflow:auto}[type=checkbox][data-v-77822664],[type=radio][data-v-77822664]{box-sizing:border-box;padding:0}[type=number][data-v-77822664]::-webkit-inner-spin-button,[type=number][data-v-77822664]::-webkit-outer-spin-button{height:auto}[type=search][data-v-77822664]{outline-offset:-2px;appearance:textfield}[type=search][data-v-77822664]::-webkit-search-decoration{appearance:none}[data-v-77822664]::-webkit-file-upload-button{font:inherit;appearance:button}details[data-v-77822664]{display:block}summary[data-v-77822664]{display:list-item}template[data-v-77822664]{display:none}[hidden][data-v-77822664]{display:none}[data-v-77822664]:root{--darker-color: #c8c9ca;--main-bg-color: #eaf2f9;--lighter-color: #ffffff;--info-color-00: #d4e5edbb;--info-text-color-00: #506c80;--success-color-00: #7eee7eb4;--success-text-color-00: #0c7c26;--error-color-00: #f78383d1;--error-text-color-00: #af4040;--warning-color-00: #ffe572d4;--warning-text-color-00: #8b7514;--info-color-02: #c9d2de;--accent-color-00: #7f95be;--text-color-00: #ffffff;--text-color-01: #687b9e;--overlay-background-color: #ebf3fa}:root[data-theme=dark][data-v-77822664]{--darker-color: #30353b;--main-bg-color: #3e4959;--lighter-color: #364557;--text-color-01: #a1afb8;--accent-color-00: #78879c}[data-v-77822664]:root{--el-font-size-extra-small: 12px;--el-font-size-small: 13px;--el-font-size-base: 14px;--el-font-size-medium: 16px;--el-font-size-large: 18px;--el-font-size-extra-large: 20px;--line-height-line: 1;--line-height-compact: 1.3;--line-height-regular: 1.5;--line-height-loose: 1.7}[data-v-77822664]:root{--thick-component: 38px;--default-thickness-component: 30px;--thin-component: 22px;--extra-thin-component: 14px;--form-container: 280px;--default-indentation-input: 8px;--indentation-00: 0;--indentation-01: 2px;--indentation-02: 4px;--indentation-03: 8px;--indentation-04: 16px;--base-shadow-width: 2px;--base-shadow-blur: calc(var(--base-shadow-width) * 2.5);--nmorph-wrapper-padding: calc(var(--base-shadow-width) * 1.5)}[data-v-77822664]:root{--border-radius-none: 0px;--border-radius-20: 2px;--border-radius-40: 4px;--border-radius-60: 6px;--border-radius-80: 8px;--border-radius-120: 12px;--border-radius-circular: 99px;--default-border-radius: var(--border-radius-40)}[data-v-77822664]:root{--transition-04: .4s;--transition-03: .3s;--transition-02: .2s;--transition-01: .1s}.list-enter-active[data-v-77822664],.list-leave-active[data-v-77822664]{transition:all var(--transition-02) ease}.list-enter-from[data-v-77822664],.list-leave-to[data-v-77822664]{opacity:0;transform:translate(30px)}.opacity-enter-active[data-v-77822664],.opacity-list-leave-active[data-v-77822664]{transition:all var(--transition-02) ease}.opacity-enter-from[data-v-77822664],.opacity-leave-to[data-v-77822664]{opacity:0}*[data-v-77822664]{color:var(--text-color-01)}body[data-v-77822664]{font-family:Helvetica,Roboto,Arial,sans-serif;font-size:var(--el-font-size-base);line-height:var(--line-height-regular)}.nmorph--default-height-component[data-v-77822664]{--height: var(--default-thickness-component);height:var(--height)}.nmorph--thin-component[data-v-77822664]{--height: var(--thin-component);height:var(--height)}.nmorph--thick-component[data-v-77822664]{--height: var(--thick-component);height:var(--height)}.nmorph--thin-component.nmorph-native-input[data-v-77822664]{font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-native-input[data-v-77822664]:focus{color:var(--text-color-00)}.nmorph-native-input[data-v-77822664]:focus::placeholder{color:var(--text-color-00)}.nmorph--fill[data-v-77822664]{width:100%}.nmorph-radio[data-v-77822664]{--size: var(--extra-thin-component);cursor:pointer}.nmorph-radio .nmorph-radio__content[data-v-77822664]{position:relative;display:flex;align-items:center;justify-content:center}.nmorph-radio span[data-v-77822664]{margin-top:2px}.nmorph-radio .nmorph-radio__input-wrapper[data-v-77822664]{position:relative;width:var(--size);height:var(--size)}.nmorph-radio input[data-v-77822664]{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}.nmorph-radio .nmorph-radio__fake[data-v-77822664]{border-radius:var(--border-radius-circular);width:100%;height:100%;position:absolute;top:0;left:0;background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-radio .nmorph-radio__fake-checked[data-v-77822664]{width:50%;height:50%;background:var(--accent-color-00);border-radius:var(--border-radius-circular);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nmorph-radio .nmorph-radio__label[data-v-77822664]{margin-left:var(--indentation-02)}.nmorph-radio--button-style[data-v-77822664]{--size: var(--default-thickness-component)}.nmorph-radio--button-style .nmorph-radio__fake[data-v-77822664]{position:relative;display:flex;align-items:center;justify-content:center;height:var(--size);padding:var(--indentation-03);white-space:nowrap;border-radius:var(--default-border-radius);background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-radio--checked .nmorph-radio__fake[data-v-77822664]{background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-radio--disabled[data-v-77822664]{cursor:not-allowed;opacity:.6}.nmorph-radio-group{display:inline-block}.nmorph-radio-group .nmorph-radio-group__wrapper{display:flex;align-items:center}.nmorph-radio-group .nmorph-radio-group__content{display:flex;flex-flow:row wrap;width:100%}.nmorph-radio-group .nmorph-radio:not(:last-child){margin-right:var(--indentation-03);margin-bottom:var(--indentation-03)}.nmorph-radio-group--fill{width:100%}.nmorph-radio-group--column .nmorph-radio-group__content{flex-direction:column}.nmorph-radio-group--column .nmorph-radio:not(:last-child){margin-right:var(--indentation-00);margin-bottom:var(--indentation-03)}.nmorph-number-input{display:inline-flex;flex-direction:column;align-items:flex-start}.nmorph-number-input .nmorph-number-input__content{display:flex;align-items:center;width:100%}.nmorph-number-input .nmorph-number-input__input-content{display:flex;width:100%;height:var(--height);height:100%;border-radius:var(--default-border-radius);background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-number-input .nmorph-number-input__decrease .nmorph-button__content{border-top-right-radius:0;border-bottom-right-radius:0}.nmorph-number-input .nmorph-number-input__increase .nmorph-button__content{border-top-left-radius:0;border-bottom-left-radius:0}.nmorph-number-input input{width:auto;width:100%;padding:var(--indentation-00) var(--default-indentation-input);text-align:center;border:none;border-top:1px solid var(--main-bg-color);border-bottom:1px solid var(--main-bg-color);transition:ease-in-out var(--transition-01) background;background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-number-input input:focus{background:var(--accent-color-00);outline:none;background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-number-input .nmorph-number-input__action-btns{display:flex;flex-direction:column}.nmorph-number-input--disabled{cursor:not-allowed;opacity:.6}.nmorph-number-input--disabled .nmorph-number-input__input-content{pointer-events:none}.nmorph-number-input--action-btn-position-right input{border-top-left-radius:var(--default-border-radius);border-bottom-left-radius:var(--default-border-radius)}.nmorph-number-input--action-btn-position-right .nmorph-number-input__decrease,.nmorph-number-input--action-btn-position-right .nmorph-number-input__increase{display:flex;justify-content:center;width:100%}.nmorph-number-input--action-btn-position-right .nmorph-number-input__decrease .nmorph-button__content{border-radius:0;border-top-right-radius:var(--default-border-radius)}.nmorph-number-input--action-btn-position-right .nmorph-number-input__increase .nmorph-button__content{border-radius:0;border-bottom-right-radius:var(--default-border-radius)}.nmorph-number-input--action-btn-position-right .nmorph-button{width:100%;--height: var(--52d54895)}.nmorph-slider{--value-fixed-container-width: 18px;cursor:pointer}.nmorph-slider .nmorph-slider__content{display:flex;align-items:center}.nmorph-slider .nmorph-slider__input-wrapper{display:flex;align-items:center;width:100%;height:var(--value-fixed-container-width);border-radius:var(--default-border-radius);background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-slider .nmorph-slider__input-container{position:relative;display:flex;align-items:center;width:100%;height:24px}.nmorph-slider .nmorph-slider__thumb{position:absolute;width:var(--99a1e038);height:20px;border:0;border-radius:var(--default-border-radius);background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-slider .nmorph-slider__value{display:flex;justify-content:center;width:var(--value-fixed-container-width);margin-left:var(--indentation-04)}.nmorph-slider--fill,.nmorph-slider--fill .nmorph-slider__content{width:100%}.nmorph-slider--disabled{cursor:not-allowed;opacity:.6}.nmorph-slider--disabled .nmorph-slider__input-content{pointer-events:none}.nmorph-switch{--height: 20px;--offset: 2px;--thumb-height: 16px;width:40px;height:var(--height);overflow:hidden;border-radius:var(--border-radius-circular);cursor:pointer}.nmorph-switch .nmorph-switch__content{position:relative;height:100%;border-radius:var(--border-radius-circular);transition:background ease-in-out var(--transition-02),box-shadow ease-in-out var(--transition-02);background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-switch input{width:100%;height:var(--height);visibility:hidden;opacity:0}.nmorph-switch .nmorph-switch-thumb{position:absolute;top:var(--offset);left:var(--offset);width:var(--thumb-height);height:var(--thumb-height);border-radius:var(--border-radius-circular);transition:left ease-in-out var(--transition-02),box-shadow ease-in-out var(--transition-02);display:flex;align-items:center;justify-content:center;background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-switch--disabled{cursor:not-allowed;opacity:.6}.nmorph-switch--disabled .nmorph-switch__input-content{pointer-events:none}.nmorph-switch--on .nmorph-switch__content{background:var(--accent-color-00);box-shadow:none}.nmorph-switch--on .nmorph-switch-thumb{left:calc(100% - 18px);box-shadow:none}.nmorph-switch--loading{cursor:not-allowed;opacity:.6}.nmorph-switch--loading .nmorph-switch__input-content{pointer-events:none}.nmorph-select{--base-width: 200px;width:var(--base-width);height:var(--height);cursor:pointer}.nmorph-select .nmorph-select__content{position:relative;height:100%;background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-select .nmorph-select__selected-values-line{display:flex;align-items:center;justify-content:space-between;height:100%;padding:var(--indentation-00) var(--default-indentation-input);border-radius:var(--default-border-radius)}.nmorph-select .nmorph-select__selected-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nmorph-select--open .nmorph-select__chevron{transform:rotate(180deg)}.nmorph-select--open .nmorph-select__content{background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-select--selected-line-outset .nmorph-select__content{background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-select-option{--hover-bg: var(--accent-color-00);--hover-color: var(--text-color-00);display:flex;justify-content:space-between;padding:var(--indentation-00) var(--default-indentation-input);cursor:pointer}.nmorph-select-option:not(.nmorph-select-option--disabled):hover{background:var(--hover-bg)}.nmorph-select-option:not(.nmorph-select-option--disabled):hover span{color:var(--hover-color)}.nmorph-select-option:not(.nmorph-select-option--disabled):hover .nmorph-select-option__checked{--color: var(--hover-color)}.nmorph-select-option--disabled{cursor:not-allowed;opacity:.6}.nmorph-select-option--disabled .nmorph-select-option__content{pointer-events:none}.nmorph-select-option--with-label{display:flex;align-items:center}.nmorph-file-upload .nmorph-file-upload__trigger{position:relative}.nmorph-file-upload input{display:none}.nmorph-file-upload .nmorph-file-upload__list{margin-top:var(--indentation-03)}.nmorph-file-upload .nmorph-file-upload__file{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--indentation-02);padding:var(--indentation-02) var(--indentation-03);border-radius:var(--default-border-radius);background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-file-upload .nmorph-file-upload__file-info{display:flex;align-items:center;width:50%;margin-left:var(--indentation-02)}.nmorph-file-upload .nmorph-file-upload__file-name{margin-left:var(--indentation-02);line-height:0}.nmorph-file-upload .nmorph-file-upload__remove-file{margin-left:var(--indentation-03)}.nmorph-time-roller{--hover-bg: var(--accent-color-00);--hover-color: var(--text-color-00);width:100%;margin-left:2px}.nmorph-time-roller .nmorph-scroll{--padding-right: 8px;height:140px}.nmorph-time-roller .nmorph-time-roller__value{display:flex;align-items:center;justify-content:center;height:var(--254a1fad);border-radius:var(--default-border-radius)}.nmorph-time-roller .nmorph-time-roller__value:hover{color:var(--hover-color);background:var(--hover-bg);cursor:pointer}.nmorph-time-roller .nmorph-time-roller__value--invisible{cursor:default;opacity:0}.nmorph-time-roller .nmorph-time-roller__value.nmorph-time-roller__value--disabled-value{cursor:not-allowed;opacity:.6}.nmorph-time-roller .nmorph-time-roller__value--disabled-value:hover{background:transparent;color:var(--accent-color-00)}.nmorph-time-picker{width:160px;cursor:pointer}.nmorph-time-picker .nmorph-time-picker__content{background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color);position:relative;display:flex;align-items:center;height:100%;overflow:hidden;border-radius:var(--default-border-radius)}.nmorph-time-picker .nmorph-time-picker__selected-time{display:flex;align-items:center;margin-left:var(--default-indentation-input)}.nmorph-time-picker .nmorph-time-picker__time-icon{margin-right:4px}.nmorph-time-picker .nmorph-time-picker__dropdown{background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color);position:relative;display:flex;padding:var(--indentation-03)}.nmorph-time-picker .nmorph-time-picker__dropdown:after{width:100%;height:var(--7dda16fc);border-top:solid 1px var(--accent-color-00);border-bottom:solid 1px var(--accent-color-00);content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nmorph-time-picker input{position:absolute;top:0;left:0;width:100%;visibility:hidden}.nmorph-time-picker--open .nmorph-time-picker__content{background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-date-picker-header{display:flex;justify-content:space-between;padding:var(--indentation-03)}.nmorph-date-picker-header .nmorph-date-picker-header__center-side{border-radius:var(--default-border-radius);margin:0 var(--indentation-00);width:165px;display:flex;justify-content:center;background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-date-picker-header .nmorph-date-picker-header__action-btn{margin:0 var(--indentation-02)}.nmorph-date-picker-header .nmorph-date-picker-header__action-btn .nmorph-button__content{padding:0 var(--indentation-02)}.nmorph-date-picker-header .nmorph-date-picker-header__chevron-double-left{rotate:90deg}.nmorph-date-picker-header .nmorph-date-picker-header__chevron-double-right{rotate:-90deg}.nmorph-date-picker-header .nmorph-date-picker-header__chevron-left{rotate:90deg}.nmorph-date-picker-header .nmorph-date-picker-header__chevron-right{rotate:-90deg}.nmorph-year-month-picker .nmorph-year-month-picker__header{display:flex;justify-content:space-between;padding-bottom:var(--indentation-04);border-bottom:1px solid var(--accent-color-00)}.nmorph-year-month-picker .nmorph-year-month-picker__value{background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color);border-radius:var(--default-border-radius)}.nmorph-year-month-picker .nmorph-year-month-picker__values{padding-top:var(--indentation-04)}.nmorph-year-month-picker .nmorph-radio-group .nmorph-radio-group__content{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.nmorph-year-month-picker .nmorph-radio-group .nmorph-radio:not(:last-child){margin:0;width:100%}.nmorph-year-month-picker .nmorph-year-month-picker__chevron-left{rotate:90deg}.nmorph-year-month-picker .nmorph-year-month-picker__chevron-right{rotate:-90deg}.nmorph-date-picker{--width: 200px;position:relative;width:var(--width)}.nmorph-date-picker .nmorph-date-picker__date-wrapper,.nmorph-date-picker .nmorph-date-picker__date-range-wrapper{height:100%}.nmorph-date-picker .nmorph-date-picker__input{overflow:hidden;height:100%;display:flex;justify-content:space-between;align-items:center;border-radius:var(--default-border-radius);cursor:pointer;padding:0 var(--indentation-03);background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-date-picker .nmorph-date-picker__selected-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nmorph-date-picker .nmorph-date-picker__input--open{background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-date-picker .nmorph-date-picker__calendar-icon{margin-right:2px}.nmorph-date-picker .nmorph-date-picker__clear-button-wrapper{width:14px;height:14px}.nmorph-date-picker .nmorph-dropdown{padding:var(--indentation-03)}.nmorph-date-picker input{display:none}.nmorph-date-picker .nmorph-calendar{--table-data-cell-height: 42px}.nmorph-date-picker--daterange{--width: 250px}.nmorph-date-picker--daterange .nmorph-dropdown{display:flex;justify-content:space-between}.nmorph-date-picker--daterange .nmorph-date-picker__value-separator{padding:0 var(--indentation-03)}.nmorph-date-picker--daterange .nmorph-date-picker__selected-value{display:flex}.nmorph-dropdown{position:fixed;width:var(--911958b0);border-radius:var(--default-border-radius);background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-dropdown--closed{z-index:-1000;opacity:0}.nmorph-icon{--color: var(--text-color-01);width:var(--width);height:var(--height);min-width:var(--width);min-height:var(--height)}.nmorph-icon .nmorph-icon__content{display:flex;align-items:center;justify-content:center}.nmorph-icon svg{width:100%;height:100%;fill:var(--color)}.nmorph-icon .nmorph-icon__as-image img{width:var(--width);height:var(--height)}.nmorph-icon--small{--width: 14px;--height: 14px}.nmorph-icon--medium{--width: 20px;--height: 20px}.nmorph-icon--large{--width: 32px;--height: 32px}.nmorph-icon--custom-width{--width: var(--607961b3)}.nmorph-icon--custom-height{--height: var(--d6384a4c)}.nmorph-autocomplete__list-item{margin-bottom:var(--indentation-01);padding:var(--indentation-02) var(--indentation-04)}.nmorph-autocomplete__loading{height:100px;display:flex;align-items:center;justify-content:center}.nmorph-autocomplete__list-item:hover{background:var(--accent-color-00);color:var(--text-color-00)}.nmorph-button{display:inline-block;width:auto}.nmorph-button .nmorph-button__content{width:100%;height:var(--height);padding:var(--indentation-00) var(--indentation-04);border:none;border-radius:var(--default-border-radius);cursor:pointer;transition:var(--transition-02) ease-in-out background,var(--transition-02) ease-in-out color,var(--transition-02) ease-in-out box-shadow;display:flex;align-items:center;justify-content:center;background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-button span{margin-top:1px}.nmorph-button .nmorph-button__content:disabled{pointer-events:none}.nmorph-button .nmorph-button__content[loading=true]{cursor:default}.nmorph-button .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--text-color-00);background:var(--accent-color-00);box-shadow:none}.nmorph-button .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--text-color-00)}.nmorph-button .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--text-color-00)}.nmorph-button--transparent{padding:var(--indentation-00)}.nmorph-button--transparent .nmorph-button__content{background:transparent;box-shadow:none}.nmorph-button--ripple .nmorph-button__content{position:relative;overflow:hidden}.nmorph-button--ripple .nmorph-button__content:after{background-image:radial-gradient(circle,var(--main-bg-color) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .3s,opacity 1s;content:"";width:100%;height:100%;position:absolute;top:0;left:0}.nmorph-button--ripple .nmorph-button__content:active:after{transform:scale(0);opacity:.3;transition:0s}.nmorph-button.nmorph--thin-component{font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-button--bg-transparent-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover{background:inherit;box-shadow:none}.nmorph-button--bg-transparent-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--text-color-01)}.nmorph-button--disabled{cursor:not-allowed;opacity:.6}.nmorph-card{--card-padding: var(--indentation-04);display:flex;flex-direction:column;width:100%;padding:var(--card-padding);border-radius:var(--default-border-radius)}.nmorph-card .nmorph-card__header{font-size:var(--el-font-size-large);line-height:var(--line-height-loose)}.nmorph-card .nmorph-card__content{height:100%}.nmorph-card .nmorph-card__footer{font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular);height:fit-content}.nmorph-card--inset{background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-card--outset{background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-card--combined{background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color),inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-link{--link-color: var(--info-color-00);--hover-color: var(--info-color-01);display:inline-block}.nmorph-link a{display:flex;align-items:center;text-decoration:none}.nmorph-link .nmorph-link__icon{margin-left:var(--indentation-02);--color: var(--link-color)}.nmorph-link :hover{color:var(--hover-color)}.nmorph-link :hover .nmorph-link__icon{--color: var(--hover-color)}.nmorph-link--underline :hover{border-bottom:1px solid var(--link-color)}.nmorph-link--disabled{cursor:not-allowed;opacity:.6}.nmorph-link--disabled a{pointer-events:none}.nmorph-link--success{--link-color: var(--success-color-00);--hover-color: var(--success-color-00)}.nmorph-link--warning{--link-color: var(--warning-color-00);--hover-color: var(--warning-color-00)}.nmorph-link--error{--link-color: var(--error-text-color-00);--hover-color: var(--error-text-color-00)}.nmorph-tooltip{--max-width: 120px;display:inline-block;width:var(--48620e5c)}.nmorph-tooltip .nmorph-tooltip__content{position:relative}.nmorph-tooltip .nmorph-tooltip__info-content{position:absolute;max-width:var(--max-width);padding:var(--indentation-03);border-radius:var(--default-border-radius);background:var(--main-bg-color);box-shadow:0 0 var(--base-shadow-blur) var(--darker-color)}.nmorph-tooltip span{white-space:nowrap}.nmorph-tooltip .nmorph-tooltip__triangle{position:absolute;width:0;height:0;border-style:solid;content:""}.nmorph-tooltip--top .nmorph-tooltip__info-content{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.nmorph-tooltip--top .nmorph-tooltip__triangle{top:100%;left:50%;border-color:var(--main-bg-color) transparent transparent transparent;border-width:8px 8px 0;transform:translate(-50%)}.nmorph-tooltip--right .nmorph-tooltip__info-content{top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.nmorph-tooltip--right .nmorph-tooltip__triangle{top:50%;right:100%;border-color:transparent var(--main-bg-color) transparent transparent;border-width:8px 8px 8px 0;transform:translateY(-50%)}.nmorph-tooltip--bottom .nmorph-tooltip__info-content{top:calc(100% + 12px);left:50%;transform:translate(-50%)}.nmorph-tooltip--bottom .nmorph-tooltip__triangle{bottom:100%;left:50%;border-color:transparent transparent var(--main-bg-color) transparent;border-width:0 8px 8px;transform:translate(-50%)}.nmorph-tooltip--left .nmorph-tooltip__info-content{top:50%;right:calc(100% + 12px);transform:translateY(-50%)}.nmorph-tooltip--left .nmorph-tooltip__triangle{top:50%;left:100%;border-color:transparent transparent transparent var(--main-bg-color);border-width:8px 0 8px 8px;transform:translateY(-50%)}.nmorph-tag{display:inline-flex;margin-right:var(--indentation-02);padding:var(--indentation-00) var(--indentation-03);border-radius:var(--default-border-radius);cursor:default;background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-tag .nmorph-tag__content{display:flex;align-items:center;height:100%}.nmorph-tag .nmorph-tag__close-icon{margin-left:var(--indentation-02);cursor:pointer}.nmorph-tag--thin{--height: var(--thin-component)}.nmorph-tag--thin span{font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-tag--thick{--height: var(--thick-component)}.nmorph-tag--transparent{background:transparent;box-shadow:none}.nmorph-overlay{opacity:0;pointer-events:none;background:var(--overlay-background-color);z-index:1;overflow:hidden;transition:ease-in-out var(--transition-02) opacity;position:fixed;width:100vw;height:100vh;top:0;left:0}.nmorph-overlay--outside-click{cursor:pointer}.nmorph-overlay--transparent{background:transparent}.nmorph-overlay--show{opacity:1;pointer-events:auto}.nmorph-image{width:100%;height:100%;--width: auto;--height: auto;width:var(--width);height:var(--height)}.nmorph-image img{width:100%;height:100%;object-fit:var(--064be38a)}.nmorph-image-preview{--width: 50px;--height: 50px;width:var(--width);height:var(--height);overflow:hidden}.nmorph-image-preview .nmorph-image-preview__trigger{position:relative;width:100%;height:100%;cursor:pointer}.nmorph-image-preview .nmorph-image-preview__trigger:hover{filter:brightness(.8)}.nmorph-image-preview .nmorph-image-preview__trigger .nmorph-image{width:100%;height:100%}.nmorph-image-preview .nmorph-image-preview__content{transition:var(--transition-04) opacity ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nmorph-image-preview .nmorph-image-preview__actions{position:absolute;bottom:-50px;left:50%;z-index:2;display:flex;height:0;transform:translate(-50%);transition:ease-in-out bottom var(--transition-03)}.nmorph-image-preview .nmorph-image-preview__action-element{margin-right:var(--indentation-03)}.nmorph-image-preview .nmorph-button__content{box-shadow:none}.nmorph-image-preview .nmorph-image-preview__left,.nmorph-image-preview .nmorph-image-preview__right{z-index:2}.nmorph-image-preview .nmorph-image-preview__left{position:absolute;top:50%;left:-100%;transform:rotate(90deg) translate(-50%);transition:ease-in-out left var(--transition-03)}.nmorph-image-preview .nmorph-image-preview__right{position:absolute;top:50%;right:-100%;transform:rotate(270deg) translate(50%);transition:ease-in-out right var(--transition-03)}.nmorph-image-preview--opened .nmorph-image-preview__actions{bottom:50px}.nmorph-image-preview--opened .nmorph-image-preview__left{left:20px}.nmorph-image-preview--opened .nmorph-image-preview__right{right:20px}.nmorph-carousel{--height: 500px;overflow:hidden;height:var(--height);position:relative;border:10px solid var(--main-bg-color);border-radius:var(--default-border-radius);background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-carousel .nmorph-carousel__wrapper{display:flex;height:100%}.nmorph-carousel .transition-enabled{transition:transform .4s ease}.nmorph-carousel .nmorph-carousel__element-indicator-wrapper{padding:4px;cursor:pointer}.nmorph-carousel .nmorph-carousel__elements-indicator{width:100%;display:flex;justify-content:center;position:absolute;bottom:16px}.nmorph-carousel .nmorph-carousel__element-indicator{width:30px;height:2px;background:var(--info-color-02);margin-right:var(--indentation-02)}.nmorph-carousel .nmorph-carousel__element-indicator--active{background:var(--text-color-00)}.nmorph-carousel .nmorph-carousel__action-btn{position:absolute;background:var(--info-color-01);padding:var(--indentation-03);border-radius:var(--default-border-radius);top:50%;transform:translateY(-50%);cursor:pointer}.nmorph-carousel .nmorph-carousel__action-btn:hover{background:var(--info-color-00)}.nmorph-carousel .nmorph-carousel__action-btn .nmorph-icon{--color: var(--text-color-00)}.nmorph-carousel .nmorph-carousel__prev{right:var(--indentation-02);rotate:-90deg}.nmorph-carousel .nmorph-carousel__next{left:var(--indentation-02);rotate:90deg}.nmorph-carousel .nmorph-carousel__item{width:100%;height:100%;flex-shrink:0}.nmorph-error-box{display:block;margin-top:var(--indentation-02);overflow:hidden}.nmorph-error-box .nmorph-error-box__error{margin:var(--indentation-00);margin-left:var(--default-indentation-input);color:var(--error-text-color-00);text-align:left}.nmorph-error-box--empty:not(.nmorph-error-box--static-height){display:none}.nmorph-validation-icon{width:var(--36d30e14);margin-left:var(--indentation-03)}.nmorph-validation-icon--valid .nmorph-validation-icon__content{--color: var(--success-color-00)}.nmorph-validation-icon--invalid .nmorph-validation-icon__content{--color: var(--error-text-color-00)}.nmorph-form-item{margin:var(--indentation-03) var(--indentation-00)}.nmorph-form-item label{font-size:var(--el-font-size-medium);line-height:var(--line-height-loose)}.nmorph-form-item .nmorph-form-item__content{position:relative;display:flex;align-items:center;width:100%}.nmorph-form-item--labeled .nmorph-form-item__content{margin-top:var(--indentation-02)}.nmorph-form-item--valid .nmorph-native-input:focus{background:var(--success-color-00)}.nmorph-form-item--invalid .nmorph-native-input:focus{background:var(--error-text-color-00)}.nmorph-scroll{--scrollbar-width: 8px;--scrollbar-height: 8px;--padding-right: var(--scrollbar-width);--padding-bottom: var(--scrollbar-height);padding-right:var(--165eb7ca);padding-bottom:var(--eb5e0fe8);overflow:var(--79eacb06) var(--79eacb07)}.nmorph-scroll::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-height);background-color:transparent;cursor:pointer}.nmorph-scroll::-webkit-scrollbar-track{background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color);border-radius:var(--border-radius-40)}.nmorph-scroll::-webkit-scrollbar-thumb{background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color);border-radius:var(--border-radius-40)}.nmorph-calendar-header{display:flex;justify-content:space-between;align-items:center}.nmorph-calendar-header__actions{display:flex}.nmorph-calendar-header__action:nth-child(2){margin:0 var(--indentation-03)}.nmorph-calendar{--table-data-cell-height: 50px;background:var(--main-bg-color)}.nmorph-calendar .nmorph-table__table-data-row{height:var(--table-data-cell-height)}.nmorph-calendar .nmorph-table__cell{--table-cell-height: var(--table-data-cell-height)}.nmorph-calendar .nmorph-calendar-date{height:100%;display:flex;align-items:center;justify-content:center}.nmorph-calendar .nmorph-calendar-date--today{color:var(--info-color-00);font-weight:700;font-size:var(--el-font-size-medium);line-height:var(--line-height-loose)}.nmorph-calendar .nmorph-table__cell{font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-calendar .nmorph-table .nmorph-table__cell{padding:0 var(--indentation-01)}.nmorph-calendar .nmorph-calendar-date--selected{background:var(--accent-color-00);color:var(--text-color-00)}.nmorph-calendar .nmorph-calendar-date--hidden{cursor:none}.nmorph-calendar .nmorph-calendar-date:not(.nmorph-calendar-date--hidden){cursor:pointer}.nmorph-calendar .nmorph-calendar-date:not(.nmorph-calendar-date--hidden).nmorph-calendar-date--previous,.nmorph-calendar .nmorph-calendar-date:not(.nmorph-calendar-date--hidden).nmorph-calendar-date--next{background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color);color:var(--accent-color-00)}.nmorph-sort-button{display:flex;align-items:center}.nmorph-sort-button .nmorph-button__content{display:flex;align-items:center;justify-content:center;flex-direction:column}.nmorph-sort-button .nmorph-sort-button__icon-up{transform:rotate(180deg)}.nmorph-sort-button .nmorph-sort-button__icon-up,.nmorph-sort-button .nmorph-sort-button__icon-down{--color: var(--darker-color)}.nmorph-sort-button .nmorph-sort-button__icon-up{margin-bottom:-1px}.nmorph-sort-button .nmorph-sort-button__icon-down{margin-top:-1px}.nmorph-sort-button--ascending .nmorph-sort-button__icon-up,.nmorph-sort-button--descending .nmorph-sort-button__icon-down{--color: var(--accent-color-00)}.nmorph-table{--border-color: var(--accent-color-00);--table-cell-height: auto;--table-background-row-hover: #e1e9ef}.nmorph-table .nmorph-table__header th{border-bottom:0}.nmorph-table .nmorph-table__button-wrapper{display:flex;align-items:center}.nmorph-table .nmorph-table__button-wrapper{margin-left:var(--indentation-03)}.nmorph-table table{border-collapse:collapse;border-spacing:0;width:100%}.nmorph-table .nmorph-table__table-data{padding:var(--indentation-03) 0;border-bottom:1px solid var(--border-color)}.nmorph-table .nmorph-table__table-data--bordered{border:1px solid var(--border-color)}.nmorph-table .nmorph-table__cell{padding:0 var(--indentation-03)}.nmorph-table .nmorph-table__cell-content{display:flex;align-items:center}.nmorph-table .nmorph-table__cell--data{height:var(--table-cell-height)}.nmorph-table .nmorph-table__body{position:relative}.nmorph-table .nmorph-table__table-data-row--row-hover:hover{background:var(--table-background-row-hover)}.nmorph-table--nmorph{background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color);border-radius:var(--default-border-radius);overflow:hidden;--border-color: transparent}.nmorph-table--nmorph .nmorph-table__button-wrapper{padding:var(--indentation-02)}.nmorph-table--nmorph .nmorph-table__table-row{background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-divider{background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-divider--horizontal{width:100%;height:2px}.nmorph-divider--vertical{height:auto;width:2px}.nmorph-collapse-item{--transition-speed: .2s;margin-bottom:var(--indentation-03)}.nmorph-collapse-item .nmorph-collapse-item__title{display:flex;align-items:center;padding:var(--indentation-02);border-radius:var(--default-border-radius);background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-collapse-item .nmorph-collapse-item__content{overflow:hidden;transition:height var(--transition-speed) ease-in-out;border-radius:var(--default-border-radius);box-sizing:content-box;background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-collapse-item__inner-wrapper{padding:var(--indentation-03)}.nmorph-collapse-item--disabled{cursor:not-allowed;opacity:.6}.nmorph-progress{--height: 8px;--width-transition: .4s ease-in-out width;--animation: slide 2s linear infinite}.nmorph-progress .nmorph-progress__linear{height:100%;display:flex;align-items:center;height:var(--height)}.nmorph-progress .nmorph-progress__linear .nmorph-progress__outer{width:100%;height:100%;border-radius:var(--border-radius-circular);overflow:hidden;background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-progress .nmorph-progress__linear .nmorph-progress__inner{position:relative;width:var(--aff619ea);background:var(--c2cb5faa);border-radius:var(--border-radius-circular);transition:var(--width-transition);height:100%;animation:var(--0fdecf68)}.nmorph-progress .nmorph-progress__linear .nmorph-progress__percentage,.nmorph-progress .nmorph-progress__linear .nmorph-progress__inner-text{margin-left:var(--indentation-03);font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-progress .nmorph-progress__linear .nmorph-progress__inner-text{position:absolute;top:50%;transform:translateY(-50%);right:var(--indentation-02);font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular);color:var(--lighter-color)}.nmorph-progress .nmorph-progress__circle{width:var(--0e1a5ffa);height:var(--0e1a5ffa);border-radius:var(--border-radius-circular);position:relative;background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-progress .nmorph-progress__circle:after{content:"";width:92%;height:92%;border-radius:var(--border-radius-circular);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--main-bg-color);box-shadow:0 0 var(--base-shadow-blur) var(--darker-color)}.nmorph-progress .nmorph-progress__circle-inner-part{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nmorph-progress .nmorph-progress__circle-ring{stroke-width:var(--64a85536);stroke:var(--c2cb5faa);fill:none;transform-origin:center;transform:rotate(-90deg);transition:stroke-dashoffset .5s}@keyframes slide{0%{left:-50%}to{left:100%}}.nmorph-backtop{opacity:0;position:fixed;right:var(--5b945550);bottom:var(--07f92512);transition:opacity .2s ease-in-out}.nmorph-backtop .nmorph-backtop__up-icon{transform:rotate(180deg)}.nmorph-backtop--show{opacity:1}.nmorph-badge{position:relative;display:inline-block}.nmorph-badge .nmorph-badge__container{background:var(--952a5598);opacity:1;border-radius:var(--default-border-radius);position:absolute}.nmorph-badge .nmorph-badge__content{color:var(--lighter-color);padding:2px 4px}.nmorph-badge .nmorph-badge__container--hidden{opacity:0}.nmorph-badge .nmorph-badge__dot{width:4px;height:4px;border-radius:var(--border-radius-circular)}.nmorph-avatar{width:var(--8520d55c);height:var(--8520d55c);overflow:hidden}.nmorph-avatar .nmorph-avatar__image,.nmorph-avatar .nmorph-avatar__fallback{width:100%;height:100%}.nmorph-avatar img{width:100%;height:100%;object-fit:var(--b9f92ec0)}.nmorph-avatar .nmorph-avatar__image--hide{opacity:0;width:0;height:0;display:none}.nmorph-avatar--circle{border-radius:var(--border-radius-circular)}.nmorph-avatar--square{border-radius:var(--default-border-radius)}.nmorph-tabs{border-radius:var(--default-border-radius)}.nmorph-tabs--stretch .nmorph-tabs__label{width:100%}.nmorph-tabs__label-list{display:flex;padding:var(--indentation-02);border-top-left-radius:var(--default-border-radius);border-top-right-radius:var(--default-border-radius);background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-tabs__label{padding:var(--indentation-03);border-radius:var(--default-border-radius);cursor:pointer;margin-right:var(--indentation-02);background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-tabs__label--disabled{cursor:not-allowed;opacity:.6}.nmorph-tabs__label--selected{background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-tabs__content__wrapper{padding:var(--indentation-02);border-bottom-left-radius:var(--default-border-radius);border-bottom-right-radius:var(--default-border-radius);background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-tabs__content{border-radius:var(--default-border-radius);padding:var(--indentation-03);background:var(--main-bg-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color)}.nmorph-breadcrumb,.nmorph-breadcrumb .nmorph-breadcrumb__content{display:flex}.nmorph-breadcrumb .nmorph-breadcrumb__separator{margin:0 var(--indentation-03)}.nmorph-alert{display:inline-block;padding:var(--indentation-03);border-radius:var(--default-border-radius)}.nmorph-alert .nmorph-alert__content,.nmorph-alert .nmorph-alert__content-title{white-space:pre-line}.nmorph-alert .nmorph-alert__content-title{font-weight:600;font-size:var(--el-font-size-medium);line-height:var(--line-height-loose);line-height:1}.nmorph-alert .nmorph-alert__wrapper{display:flex}.nmorph-alert .nmorph-alert__wrapper{display:flex;align-items:center}.nmorph-alert .nmorph-alert__icon{margin-right:var(--indentation-03)}.nmorph-alert .nmorph-alert__close{margin-left:var(--indentation-03);align-self:flex-start;cursor:pointer}.nmorph-alert--hide{display:none}.nmorph-alert--success{background:var(--success-color-00)}.nmorph-alert--success .nmorph-alert__content,.nmorph-alert--success .nmorph-alert__content-title{color:var(--success-text-color-00)}.nmorph-alert--success .nmorph-icon{--color: var(--success-text-color-00)}.nmorph-alert--error{background:var(--error-color-00)}.nmorph-alert--error .nmorph-alert__content,.nmorph-alert--error .nmorph-alert__content-title{color:var(--error-text-color-00)}.nmorph-alert--error .nmorph-icon{--color: var(--error-text-color-00)}.nmorph-alert--warning{background:var(--warning-color-00)}.nmorph-alert--warning .nmorph-alert__content,.nmorph-alert--warning .nmorph-alert__content-title{color:var(--warning-text-color-00)}.nmorph-alert--warning .nmorph-icon{--color: var(--warning-text-color-00)}.nmorph-alert--info{background:var(--info-color-00)}.nmorph-alert--info .nmorph-alert__content,.nmorph-alert--info .nmorph-alert__content-title{color:var(--info-text-color-00)}.nmorph-alert--info .nmorph-icon{--color: var(--info-text-color-00)}.nmorph-dialog{--width: 500px;width:var(--width);border-radius:var(--default-border-radius);padding:var(--indentation-04);background:var(--main-bg-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nmorph-dialog .nmorph-dialog__header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:var(--el-font-size-large);line-height:var(--line-height-loose)}.nmorph-skeleton-item{height:14px;background:var(--info-color-01);margin-bottom:var(--indentation-02)}.nmorph-skeleton-item--image,.nmorph-skeleton-item--image .nmorph-skeleton-item__element{display:flex;align-items:center;justify-content:center}.nmorph-skeleton-item--image .nmorph-skeleton-item__element .nmorph-icon{--color: var(--info-color-01)}.nmorph-skeleton-item--h1{height:18px}.nmorph-skeleton-item--circle{border-radius:100%}.nmorph-skeleton .nmorph-skeleton__template .nmorph-skeleton-item:first-child:not(.nmorph-skeleton-item--image),.nmorph-skeleton .nmorph-skeleton__template .nmorph-skeleton-item:first-child:not(.nmorph-skeleton-item--circle){width:33%}.nmorph-skeleton .nmorph-skeleton__template .nmorph-skeleton-item:last-child:not(.nmorph-skeleton-item--image),.nmorph-skeleton .nmorph-skeleton__template .nmorph-skeleton-item:last-child:not(.nmorph-skeleton-item--circle){width:63%}.nmorph-skeleton--loading .nmorph-skeleton-item{background:linear-gradient(90deg,var(--info-color-02) 25%,var(--info-color-01) 37%,var(--info-color-02) 63%);background-size:400% 100%;animation:nmorph-skeleton-loading-animation 1.4s ease infinite}@keyframes nmorph-skeleton-loading-animation{0%{background-position:100% 50%}to{background-position:0 50%}}.__histoire-render-story:not(.__histoire-render-custom-controls){overflow:visible;padding:12px}.htw-h-full{background:var(--main-bg-color)}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;appearance:none}body{width:auto!important}html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-size:1em;font-family:monospace}a{background:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none}b,strong{font-weight:bolder}code,kbd,samp{font-size:1em;font-family:monospace}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}input:disabled{cursor:not-allowed}button,input,optgroup,select,textarea{margin:0;font-size:100%;font-family:inherit;line-height:1.15}button,input{overflow:visible}input[type=number]{appearance:textfield}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{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{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;appearance:textfield}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{font:inherit;appearance:button}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--darker-color: #c8c9ca;--main-bg-color: #eaf2f9;--lighter-color: #ffffff;--info-color-00: #d4e5edbb;--info-text-color-00: #506c80;--success-color-00: #7eee7eb4;--success-text-color-00: #0c7c26;--error-color-00: #f78383d1;--error-text-color-00: #af4040;--warning-color-00: #ffe572d4;--warning-text-color-00: #8b7514;--info-color-02: #c9d2de;--accent-color-00: #7f95be;--text-color-00: #ffffff;--text-color-01: #687b9e;--overlay-background-color: #ebf3fa}:root[data-theme=dark]{--darker-color: #30353b;--main-bg-color: #3e4959;--lighter-color: #364557;--text-color-01: #a1afb8;--accent-color-00: #78879c}:root{--el-font-size-extra-small: 12px;--el-font-size-small: 13px;--el-font-size-base: 14px;--el-font-size-medium: 16px;--el-font-size-large: 18px;--el-font-size-extra-large: 20px;--line-height-line: 1;--line-height-compact: 1.3;--line-height-regular: 1.5;--line-height-loose: 1.7}:root{--thick-component: 38px;--default-thickness-component: 30px;--thin-component: 22px;--extra-thin-component: 14px;--form-container: 280px;--default-indentation-input: 8px;--indentation-00: 0;--indentation-01: 2px;--indentation-02: 4px;--indentation-03: 8px;--indentation-04: 16px;--base-shadow-width: 2px;--base-shadow-blur: calc(var(--base-shadow-width) * 2.5);--nmorph-wrapper-padding: calc(var(--base-shadow-width) * 1.5)}:root{--border-radius-none: 0px;--border-radius-20: 2px;--border-radius-40: 4px;--border-radius-60: 6px;--border-radius-80: 8px;--border-radius-120: 12px;--border-radius-circular: 99px;--default-border-radius: var(--border-radius-40)}:root{--transition-04: .4s;--transition-03: .3s;--transition-02: .2s;--transition-01: .1s}.list-enter-active,.list-leave-active{transition:all var(--transition-02) ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.opacity-enter-active,.opacity-list-leave-active{transition:all var(--transition-02) ease}.opacity-enter-from,.opacity-leave-to{opacity:0}*{color:var(--text-color-01)}body{font-family:Helvetica,Roboto,Arial,sans-serif;font-size:var(--el-font-size-base);line-height:var(--line-height-regular)}.nmorph--default-height-component{--height: var(--default-thickness-component);height:var(--height)}.nmorph--thin-component{--height: var(--thin-component);height:var(--height)}.nmorph--thick-component{--height: var(--thick-component);height:var(--height)}.nmorph--thin-component.nmorph-native-input{font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-native-input:focus{color:var(--text-color-00)}.nmorph-native-input:focus::placeholder{color:var(--text-color-00)}.nmorph--fill{width:100%}.nmorph-pagination{display:flex;justify-content:center;margin-top:var(--indentation-04)}.nmorph-pagination .nmorph-radio-group{display:inline-flex;align-items:center}.nmorph-pagination .nmorph-radio-group .nmorph-radio:not(:last-child){margin-bottom:0}.nmorph-pagination .nmorph-pagination__page{margin:0 var(--indentation-01)}.nmorph-pagination .nmorph-pagination__btn{margin:var(--indentation-03)}.nmorph-pagination .nmorph-pagination__prev{rotate:90deg}.nmorph-pagination .nmorph-pagination__next{rotate:-90deg}
package/dist/styles/base/_basic.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  * {
2
- color: var(--text-01);
2
+ color: var(--text-color-01);
3
3
  }
4
4
 
5
5
  body {
@@ -30,11 +30,11 @@ body {
30
30
  }
31
31
 
32
32
  .nmorph-native-input:focus {
33
- color: var(--text-00);
33
+ color: var(--text-color-00);
34
34
  }
35
35
 
36
36
  .nmorph-native-input:focus::placeholder {
37
- color: var(--text-00);
37
+ color: var(--text-color-00);
38
38
  }
39
39
 
40
40
  // WIDTH
package/dist/styles/base/_colors.scss CHANGED
@@ -1,44 +1,36 @@
1
1
  :root {
2
- // Neuromorph
3
- --main-bg: #ebf3fa;
4
- --darker-color: #c3cad0;
2
+ --darker-color: #c8c9ca;
3
+ --main-bg-color: #eaf2f9;
5
4
  --lighter-color: #ffffff;
6
5
 
7
- // Status
8
- --info-color-00: #7979795b;
9
- --info-color-01: #68686888;
10
- --info-color-02: #c9d2de;
6
+ --info-color-00: #d4e5edbb;
7
+ --info-text-color-00: #506c80;
11
8
 
12
- --accent-color-00: #687b9e72;
13
- --accent-color-01: #687b9e;
14
- --accent-color-02: #687b9e34;
15
- --accent-color-03: #5b8ce6;
16
- --accent-color-04: #2a60c2;
9
+ --success-color-00: #7eee7eb4;
10
+ --success-text-color-00: #0c7c26;
17
11
 
18
- --success-color-00: rgb(77, 186, 77);
19
- --success-color-01: rgb(44, 163, 44);
12
+ --error-color-00: #f78383d1;
13
+ --error-text-color-00: #af4040;
20
14
 
21
- --error-color-00: rgb(188, 101, 101);
22
- --error-color-01: rgb(159, 50, 50);
15
+ --warning-color-00: #ffe572d4;
16
+ --warning-text-color-00: #8b7514;
23
17
 
24
- --warning-color-00: rgb(214, 191, 90);
25
- --warning-color-01: rgb(161, 137, 30);
18
+ --info-color-02: #c9d2de;
26
19
 
27
- // Typography
28
- --text-00: #ffffff;
29
- --text-01: #687b9e;
30
- --text-02: #8498bc;
20
+ --accent-color-00: #7f95be;
31
21
 
32
- // Common
33
- // --overlay-background-color: rgba(0, 0, 0, 50%);
34
- --overlay-background-color: #ebf3fab3;
22
+ --text-color-00: #ffffff;
23
+ --text-color-01: #687b9e;
35
24
 
36
- --background-hover: #e1e9ef;
25
+ --overlay-background-color: #ebf3fa;
37
26
 
38
27
  &[data-theme='dark'] {
39
- $main-bg: #383143;
40
- --main-bg: #383143;
41
- --darker-color: #{darken($main-bg, 10%)};
42
- --lighter-color: #{lighten($main-bg, 10%)};
28
+ --darker-color: #30353b;
29
+ --main-bg-color: #3e4959;
30
+ --lighter-color: #364557;
31
+
32
+ --text-color-01: #a1afb8;
33
+
34
+ --accent-color-00: #78879c;
43
35
  }
44
36
  }
package/dist/styles/base/_dimensions.scss CHANGED
@@ -14,7 +14,7 @@
14
14
  --indentation-03: 8px;
15
15
  --indentation-04: 16px;
16
16
 
17
- --base-shadow-width: 4px;
17
+ --base-shadow-width: 2px;
18
18
  --base-shadow-blur: calc(var(--base-shadow-width) * 2.5);
19
19
  --nmorph-wrapper-padding: calc(var(--base-shadow-width) * 1.5);
20
20
  }
package/dist/styles/base/_histoire.scss CHANGED
@@ -4,5 +4,5 @@
4
4
  }
5
5
 
6
6
  .htw-h-full {
7
- background: var(--main-bg);
7
+ background: var(--main-bg-color);
8
8
  }
package/dist/styles/base/_theme-mixin.scss CHANGED
@@ -1,12 +1,12 @@
1
1
  @mixin nmorph-outset() {
2
- background: var(--main-bg);
2
+ background: var(--main-bg-color);
3
3
  box-shadow:
4
4
  var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),
5
5
  calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color);
6
6
  }
7
7
 
8
8
  @mixin nmorph-inset() {
9
- background: var(--main-bg);
9
+ background: var(--main-bg-color);
10
10
  box-shadow:
11
11
  inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),
12
12
  inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur)
@@ -14,7 +14,7 @@
14
14
  }
15
15
 
16
16
  @mixin nmorph-combined() {
17
- background: var(--main-bg);
17
+ background: var(--main-bg-color);
18
18
  box-shadow:
19
19
  var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),
20
20
  calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color),
@@ -29,6 +29,6 @@
29
29
  }
30
30
 
31
31
  @mixin nmorph-dark-shadow() {
32
- background: var(--main-bg);
32
+ background: var(--main-bg-color);
33
33
  box-shadow: 0 0 var(--base-shadow-blur) var(--darker-color);
34
34
  }
package/dist/types/components/inputs/checkbox/nmorph-checkbox/NmorphCheckbox.vue.d.ts CHANGED
@@ -1,26 +1,26 @@
1
1
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, Ref } from 'vue';
2
- import { ICheckboxOption } from '../types';
3
- import { NmorphDomElement } from '../../../../types/common';
4
- declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ICheckboxOption>, {
2
+ import { INmorphCheckboxOption } from '../types';
3
+ import { NmorphDomElementType } from '../../../../types/common';
4
+ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<INmorphCheckboxOption>, {
5
5
  disabled: boolean;
6
6
  modelValue: boolean;
7
7
  label: string;
8
8
  styleType: string;
9
9
  }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
10
- inputDOMRef: (val: Ref<NmorphDomElement>) => void;
10
+ inputDOMRef: (val: Ref<NmorphDomElementType>) => void;
11
11
  "update:modelValue": (val: boolean) => void;
12
- }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ICheckboxOption>, {
12
+ }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<INmorphCheckboxOption>, {
13
13
  disabled: boolean;
14
14
  modelValue: boolean;
15
15
  label: string;
16
16
  styleType: string;
17
17
  }>>> & {
18
- onInputDOMRef?: ((val: Ref<NmorphDomElement>) => any) | undefined;
18
+ onInputDOMRef?: ((val: Ref<NmorphDomElementType>) => any) | undefined;
19
19
  "onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
20
20
  }, {
21
- label: string;
22
- modelValue: boolean;
23
21
  disabled: boolean;
22
+ modelValue: boolean;
23
+ label: string;
24
24
  styleType: "checkbox-style" | "button-style";
25
25
  }, {}>, {
26
26
  default?(_: {}): any;
package/dist/types/components/inputs/checkbox/nmorph-checkbox-group/NmorphCheckboxGroup.vue.d.ts CHANGED
@@ -1,20 +1,20 @@
1
1
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
2
- import { NmorphCommonInputProps, NmorphComponentDirection } from '../../../../types/common';
3
- import { ICheckboxOption, ICheckboxStyleType } from '../types';
4
- interface IProps extends NmorphCommonInputProps {
2
+ import { INmorphCommonInputProps, NmorphComponentDirection } from '../../../../types/common';
3
+ import { INmorphCheckboxOption, NmorphCheckboxStyleType } from '../types';
4
+ interface INmorphProps extends INmorphCommonInputProps {
5
5
  modelValue: string[];
6
- options?: ICheckboxOption[];
7
- styleType?: keyof typeof ICheckboxStyleType;
6
+ options?: INmorphCheckboxOption[];
7
+ styleType?: keyof typeof NmorphCheckboxStyleType;
8
8
  direction?: keyof typeof NmorphComponentDirection;
9
9
  }
10
- declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
10
+ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<INmorphProps>, {
11
11
  modelValue: () => never[];
12
12
  options: () => never[];
13
13
  styleType: string;
14
14
  direction: string;
15
15
  }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
16
16
  "update:modelValue": (val: string[]) => void;
17
- }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
17
+ }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<INmorphProps>, {
18
18
  modelValue: () => never[];
19
19
  options: () => never[];
20
20
  styleType: string;
@@ -24,7 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
24
24
  }, {
25
25
  modelValue: string[];
26
26
  styleType: "checkbox-style" | "button-style";
27
- options: ICheckboxOption[];
27
+ options: INmorphCheckboxOption[];
28
28
  direction: "row" | "column";
29
29
  }, {}>, {
30
30
  default?(_: {}): any;
package/dist/types/components/inputs/checkbox/types.d.ts CHANGED
@@ -1,11 +1,14 @@
1
- export interface ICheckboxOption {
1
+ import { Ref } from 'vue';
2
+ export interface INmorphCheckboxOption {
2
3
  id: string;
3
4
  disabled?: boolean;
4
5
  modelValue?: boolean;
5
6
  label?: string;
6
- styleType?: keyof typeof ICheckboxStyleType;
7
+ styleType?: keyof typeof NmorphCheckboxStyleType;
7
8
  }
8
- export declare enum ICheckboxStyleType {
9
+ export declare enum NmorphCheckboxStyleType {
9
10
  'checkbox-style' = "checkbox-style",
10
11
  'button-style' = "button-style"
11
12
  }
13
+ export type NmorphCheckboxGroupSelectedValueInjectionType = Ref<string[]>;
14
+ export type NmorphCheckboxGroupChangeCheckboxValueHandlerInjectionType = (value: string, currentState: string[]) => void;
package/dist/types/components/inputs/nmorph-autocomplete/NmorphAutocomplete.vue.d.ts CHANGED
@@ -1,14 +1,14 @@
1
1
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
2
- import { NmorphCommonInputProps } from '../../../types/common';
3
- import { NmorphAutocompleteActionCallback, NmorphAutocompleteListItem } from './types';
4
- interface IProps extends NmorphCommonInputProps {
2
+ import { INmorphCommonInputProps } from '../../../types/common';
3
+ import { NmorphAutocompleteActionCallbackType, INmorphAutocompleteListItem } from './types';
4
+ interface INmorphProps extends INmorphCommonInputProps {
5
5
  modelValue?: string;
6
6
  placeholder?: string;
7
7
  clearable?: boolean;
8
- list: NmorphAutocompleteListItem[];
9
- actionCallback?: NmorphAutocompleteActionCallback;
8
+ list: INmorphAutocompleteListItem[];
9
+ actionCallback?: NmorphAutocompleteActionCallbackType;
10
10
  }
11
- declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
11
+ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<INmorphProps>, {
12
12
  modelValue: string;
13
13
  placeholder: string;
14
14
  fill: boolean;
@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
20
20
  }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
21
21
  "update:modelValue": (value: string) => void;
22
22
  select: (value: unknown) => void;
23
- }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
23
+ }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<INmorphProps>, {
24
24
  modelValue: string;
25
25
  placeholder: string;
26
26
  fill: boolean;
@@ -30,21 +30,21 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
30
30
  list: () => never[];
31
31
  actionCallback: undefined;
32
32
  }>>> & {
33
- onSelect?: ((value: unknown) => any) | undefined;
34
33
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
34
+ onSelect?: ((value: unknown) => any) | undefined;
35
35
  }, {
36
36
  fill: boolean;
37
- height: "thick" | "default" | "thin";
38
- list: NmorphAutocompleteListItem[];
39
- placeholder: string;
37
+ disabled: boolean;
40
38
  modelValue: string;
39
+ placeholder: string;
41
40
  clearable: boolean;
42
- disabled: boolean;
43
- actionCallback: NmorphAutocompleteActionCallback;
41
+ height: "thick" | "default" | "thin";
42
+ list: INmorphAutocompleteListItem[];
43
+ actionCallback: NmorphAutocompleteActionCallbackType;
44
44
  }, {}>, {
45
45
  loader?(_: {}): any;
46
46
  default?(_: {
47
- scope: NmorphAutocompleteListItem;
47
+ scope: INmorphAutocompleteListItem;
48
48
  }): any;
49
49
  }>;
50
50
  export default _default;
package/dist/types/components/inputs/nmorph-autocomplete/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- export interface NmorphAutocompleteListItem {
1
+ export interface INmorphAutocompleteListItem {
2
2
  value: string;
3
3
  [key: string]: unknown;
4
4
  }
5
- export type NmorphAutocompleteActionCallback = (...args: unknown[]) => Promise<unknown>;
5
+ export type NmorphAutocompleteActionCallbackType = (...args: unknown[]) => Promise<unknown>;