@nmorph/nmorph-ui-kit 0.0.1 → 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 (124) hide show
  1. package/dist/index.es.js +3908 -3926
  2. package/dist/style.css +1 -1
  3. package/dist/styles/base/_animation.scss +8 -0
  4. package/dist/styles/base/_basic.scss +43 -0
  5. package/dist/styles/base/_colors.scss +23 -22
  6. package/dist/styles/base/_common-mixins.scss +12 -5
  7. package/dist/styles/base/_dimensions.scss +18 -8
  8. package/dist/styles/base/_histoire.scss +1 -1
  9. package/dist/styles/base/_theme-mixin.scss +16 -14
  10. package/dist/styles/base/_typography.scss +29 -132
  11. package/dist/styles/base/style.scss +3 -7
  12. package/dist/styles/main.scss +1 -2
  13. package/dist/types/components/inputs/checkbox/nmorph-checkbox/NmorphCheckbox.vue.d.ts +7 -4
  14. package/dist/types/components/inputs/checkbox/nmorph-checkbox-group/NmorphCheckboxGroup.vue.d.ts +9 -27
  15. package/dist/types/components/inputs/checkbox/types.d.ts +6 -3
  16. package/dist/types/components/inputs/nmorph-autocomplete/NmorphAutocomplete.vue.d.ts +72 -0
  17. package/dist/types/components/inputs/nmorph-autocomplete/types.d.ts +5 -0
  18. package/dist/types/components/inputs/nmorph-clear-button/NmorphClearButton.vue.d.ts +7 -0
  19. package/dist/types/components/inputs/nmorph-date-picker/NmorphDatePicker.vue.d.ts +70 -0
  20. package/dist/types/components/inputs/nmorph-date-picker/components/nmorph-date-picker-content/NmorphDatePickerContent.vue.d.ts +40 -0
  21. package/dist/types/components/inputs/nmorph-date-picker/components/nmorph-date-picker-header/NmorphDatePickerHeader.vue.d.ts +43 -0
  22. package/dist/types/components/inputs/nmorph-date-picker/components/nmorph-year-month-picker/NmorphYearMonthPicker.vue.d.ts +38 -0
  23. package/dist/types/components/inputs/nmorph-date-picker/components/types.d.ts +7 -0
  24. package/dist/types/components/inputs/nmorph-file-upload/NmorphFileUpload.vue.d.ts +19 -8
  25. package/dist/types/components/inputs/nmorph-file-upload/types.d.ts +32 -28
  26. package/dist/types/components/inputs/nmorph-number-input/NmorphNumberInput.vue.d.ts +13 -28
  27. package/dist/types/components/inputs/nmorph-select/NmorphSelect.vue.d.ts +26 -15
  28. package/dist/types/components/inputs/{nmorph-select-option → nmorph-select/components/nmorph-select-option}/NmorphSelectOption.vue.d.ts +5 -5
  29. package/dist/types/components/inputs/nmorph-select/types.d.ts +4 -0
  30. package/dist/types/components/inputs/nmorph-slider/NmorphSlider.vue.d.ts +5 -5
  31. package/dist/types/components/inputs/nmorph-switch/NmorphSwitch.vue.d.ts +8 -6
  32. package/dist/types/components/inputs/nmorph-text-input/NmorphTextInput.vue.d.ts +15 -29
  33. package/dist/types/components/inputs/nmorph-time-picker/NmorphTimePicker.vue.d.ts +65 -0
  34. package/dist/types/components/inputs/nmorph-time-picker/components/NmorphTimeRoller.vue.d.ts +46 -0
  35. package/dist/types/components/inputs/nmorph-time-picker/types.d.ts +3 -0
  36. package/dist/types/components/inputs/nmorph-time-picker/utils.d.ts +3 -0
  37. package/dist/types/components/inputs/radio/nmorph-radio/NmorphRadio.vue.d.ts +48 -0
  38. package/dist/types/components/inputs/radio/nmorph-radio-group/NmorphRadioGroup.vue.d.ts +12 -25
  39. package/dist/types/components/inputs/radio/types.d.ts +5 -2
  40. package/dist/types/components/nmorph-alert/NmorphAlert.vue.d.ts +67 -0
  41. package/dist/types/components/nmorph-alert/types.d.ts +6 -0
  42. package/dist/types/components/nmorph-avatar/NmorphAvatar.vue.d.ts +62 -0
  43. package/dist/types/components/nmorph-avatar/type.d.ts +1 -0
  44. package/dist/types/components/nmorph-backtop/NmorphBacktop.vue.d.ts +48 -0
  45. package/dist/types/components/nmorph-badge/NmorphBadge.vue.d.ts +60 -0
  46. package/dist/types/components/nmorph-breadcrumb/NmorphBreadcrumb.vue.d.ts +36 -0
  47. package/dist/types/components/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue.d.ts +40 -0
  48. package/dist/types/components/nmorph-breadcrumb/types.d.ts +13 -0
  49. package/dist/types/components/nmorph-button/NmorphButton.vue.d.ts +15 -22
  50. package/dist/types/components/nmorph-calendar/NmorphCalendar.vue.d.ts +75 -0
  51. package/dist/types/components/nmorph-calendar/components/nmorph-calendar-header/NmorphCalendarHeader.vue.d.ts +42 -0
  52. package/dist/types/components/nmorph-calendar/locale.d.ts +1 -0
  53. package/dist/types/components/nmorph-calendar/types.d.ts +12 -0
  54. package/dist/types/components/nmorph-calendar/utils.d.ts +9 -0
  55. package/dist/types/components/nmorph-card/NmorphCard.vue.d.ts +7 -7
  56. package/dist/types/components/nmorph-carousel/NmorphCarousel.vue.d.ts +39 -2
  57. package/dist/types/components/nmorph-carousel/components/nmorph-carousel-item/NmorphCarouselItem.vue.d.ts +30 -0
  58. package/dist/types/components/nmorph-carousel/types.d.ts +5 -0
  59. package/dist/types/components/nmorph-collapse/NmorphCollapse.vue.d.ts +42 -0
  60. package/dist/types/components/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue.d.ts +55 -0
  61. package/dist/types/components/nmorph-collapse/types.d.ts +9 -0
  62. package/dist/types/components/nmorph-dialog/NmorphDialog.vue.d.ts +47 -0
  63. package/dist/types/components/{inputs/common/NmorphValidationIcon.vue.d.ts → nmorph-divider/NmorphDivider.vue.d.ts} +8 -8
  64. package/dist/types/components/nmorph-divider/types.d.ts +1 -0
  65. package/dist/types/components/nmorph-dropdown/NmorphDropdown.vue.d.ts +55 -0
  66. package/dist/types/components/nmorph-form/NmorphForm.vue.d.ts +56 -0
  67. package/dist/types/components/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue.d.ts +58 -0
  68. package/dist/types/components/nmorph-form/components/nmorph-form-item/components/index.d.ts +3 -0
  69. package/dist/types/components/nmorph-form/components/nmorph-form-item/components/nmorph-error-box/NmorphErrorBox.vue.d.ts +38 -0
  70. package/dist/types/components/nmorph-form/components/nmorph-form-item/components/nmorph-validation-icon/NmorphValidationIcon.vue.d.ts +30 -0
  71. package/dist/types/components/nmorph-form/types.d.ts +7 -0
  72. package/dist/types/components/nmorph-icon/NmorphIcon.vue.d.ts +17 -17
  73. package/dist/types/components/nmorph-icon/NmorphIconsMap.d.ts +2 -4
  74. package/dist/types/components/nmorph-icon/types.d.ts +3 -3
  75. package/dist/types/components/nmorph-image/NmorphImage.vue.d.ts +10 -12
  76. package/dist/types/components/nmorph-image-preview/NmorphImagePreview.vue.d.ts +3 -3
  77. package/dist/types/components/nmorph-image-preview/types.d.ts +5 -0
  78. package/dist/types/components/nmorph-link/NmorphLink.vue.d.ts +13 -18
  79. package/dist/types/components/nmorph-link/types.d.ts +6 -0
  80. package/dist/types/components/nmorph-overlay/NmorphOverlay.vue.d.ts +5 -4
  81. package/dist/types/components/nmorph-pagination/NmorphPagination.vue.d.ts +56 -0
  82. package/dist/types/components/nmorph-progress/NmorphProgress.vue.d.ts +66 -0
  83. package/dist/types/components/nmorph-progress/types.d.ts +6 -0
  84. package/dist/types/components/nmorph-scroll/NmorphScroll.vue.d.ts +63 -0
  85. package/dist/types/components/nmorph-scroll/types.d.ts +7 -0
  86. package/dist/types/components/nmorph-skeleton/NmorphSkeleton.vue.d.ts +45 -0
  87. package/dist/types/components/{nmorph-error-box/NmorphErrorBox.vue.d.ts → nmorph-skeleton/components/NmorphSkeletonItem.vue.d.ts} +8 -12
  88. package/dist/types/components/nmorph-skeleton/types.d.ts +1 -0
  89. package/dist/types/components/nmorph-sort-button/NmorphSortButton.vue.d.ts +28 -0
  90. package/dist/types/components/nmorph-table/NmorphTable.vue.d.ts +59 -0
  91. package/dist/types/components/nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue.d.ts +30 -0
  92. package/dist/types/components/nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue.d.ts +48 -0
  93. package/dist/types/components/nmorph-table/types.d.ts +21 -0
  94. package/dist/types/components/nmorph-tabs/NmorphTabs.vue.d.ts +47 -0
  95. package/dist/types/components/nmorph-tabs/components/nmorph-tab-pane/NmorphTabPane.vue.d.ts +40 -0
  96. package/dist/types/components/nmorph-tabs/type.d.ts +11 -0
  97. package/dist/types/components/nmorph-tabs/utils.d.ts +3 -0
  98. package/dist/types/components/nmorph-tag/NmorphTag.vue.d.ts +8 -8
  99. package/dist/types/components/nmorph-tooltip/NmorphTooltip.vue.d.ts +8 -26
  100. package/dist/types/components.d.ts +32 -3
  101. package/dist/types/histoire.setup.d.ts +0 -2
  102. package/dist/types/hooks/index.d.ts +4 -0
  103. package/dist/types/hooks/useEventManager.d.ts +1 -0
  104. package/dist/types/hooks/useFieldValidation.d.ts +53 -0
  105. package/dist/types/hooks/useFormValidation.d.ts +10 -0
  106. package/dist/types/hooks/usePlacement.d.ts +17 -0
  107. package/dist/types/types/common.d.ts +77 -0
  108. package/dist/types/utils/create-modifiers.d.ts +4 -1
  109. package/dist/types/utils/deep-clone.d.ts +1 -0
  110. package/dist/types/utils/generateUUID.d.ts +1 -0
  111. package/dist/types/utils/index.d.ts +3 -0
  112. package/dist/types/utils/is-string-html.d.ts +1 -0
  113. package/package.json +5 -24
  114. package/dist/fonts/Inter-Bold.woff +0 -0
  115. package/dist/fonts/Inter-Bold.woff2 +0 -0
  116. package/dist/fonts/Inter-Regular.woff +0 -0
  117. package/dist/fonts/Inter-Regular.woff2 +0 -0
  118. package/dist/fonts/Inter-SemiBold.woff +0 -0
  119. package/dist/fonts/Inter-SemiBold.woff2 +0 -0
  120. package/dist/styles/base/_transition.scss +0 -6
  121. package/dist/styles/packages/style.scss +0 -0
  122. package/dist/types/components/inputs/nmorph-select-option/types/index.d.ts +0 -1
  123. package/dist/types/hooks/useValidation.d.ts +0 -55
  124. package/dist/types/types/common.enums.d.ts +0 -46
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.nmorph-text-input{--height: 38px;display:flex;align-items:flex-start;flex-direction:column}.nmorph-text-input .nmorph-text-input__main-content{display:inline-flex;align-items:center;width:100%;position:relative}.nmorph-text-input .nmorph-text-input__input-side{display:flex;align-items:center;justify-content:flex-end;width:100%;position:relative}.nmorph-text-input label{color:var(--text-01);font-weight:600;font-size:14px;line-height:22px}.nmorph-text-input input{width:100%;border:none;border-radius:var(--default-border-radius);text-indent:8px;height:var(--height);transition:ease-in-out var(--transition-01) background;background:var(--main-bg);box-shadow:inset 4px 4px 10px var(--darker-color),inset -4px -4px 10px var(--lighter-color);color:var(--text-01);font-weight:400;font-size:14px;line-height:22px}.nmorph-text-input input:focus{outline:none;transition:ease-in-out var(--transition-01) background;color:var(--text-00);background:var(--main-bg);box-shadow:4px 4px 10px var(--darker-color),-4px -4px 10px var(--lighter-color);background:var(--accent-color-00)}.nmorph-text-input input:focus::placeholder{color:var(--text-00)}.nmorph-text-input input::placeholder{color:var(--text-01)}.nmorph-text-input input:disabled{cursor:not-allowed;opacity:.6}.nmorph-text-input .nmorph-text-input__password-btn{position:absolute;height:100%;right:0}.nmorph-text-input .nmorph-text-input__password-btn .nmorph-button__content{padding:8px}.nmorph-text-input--fill{width:100%}.nmorph-text-input--labeled .nmorph-text-input__main-content{margin-top:4px}.nmorph-text-input--focused .nmorph-text-input__password-btn .nmorph-icon{--color: var(--text-00)}.nmorph-text-input--focused .nmorph-text-input__password-btn .nmorph-button:not(:disabled):not([loading=true]):hover .nmorph-icon{--color: var(--text-00)}.nmorph-text-input--valid input:focus{background:var(--success-color-00)}.nmorph-text-input--invalid input:focus{background:var(--error-color-00)}.nmorph-text-input--thin{--height: 30px}.nmorph-text-input--thin label{color:var(--text-01);font-weight:600;font-size:12px;line-height:16px}.nmorph-text-input--thin .nmorph-text-input__password-btn{margin-top:0}.nmorph-text-input--thin .nmorph-text-input__password-btn .nmorph-button{--height: 30px}.nmorph-text-input--password input{padding-right:30px}.nmorph-checkbox{--size: 14px;cursor:pointer;color:var(--text-01);font-weight:400;font-size:14px;line-height:22px}.nmorph-checkbox .nmorph-checkbox__content{display:flex;align-items:center;justify-content:center;position:relative}.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 4px 4px 10px var(--darker-color),inset -4px -4px 10px var(--lighter-color)}.nmorph-checkbox .nmorph-checkbox__fake-checked{background:var(--accent-color-01);width:50%;height:50%;border-radius:var(--border-radius-20);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nmorph-checkbox .nmorph-checkbox__label{margin-left:4px}.nmorph-checkbox--button-style{--size: 38px}.nmorph-checkbox--button-style .nmorph-checkbox__fake{padding:8px;border-radius:var(--default-border-radius);position:relative;height:var(--size);display:flex;align-items:center;background:var(--main-bg);box-shadow:4px 4px 10px var(--darker-color),-4px -4px 10px var(--lighter-color)}.nmorph-checkbox--checked .nmorph-checkbox__fake{background:var(--main-bg);box-shadow:inset 4px 4px 10px var(--darker-color),inset -4px -4px 10px var(--lighter-color)}.nmorph-checkbox--disabled{cursor:not-allowed;opacity:.6}.nmorph-validation-icon .nmorph-validation-icon__content{margin-left:8px}.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-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-direction:row;width:100%}.nmorph-checkbox-group .nmorph-checkbox{margin-right:8px}.nmorph-checkbox-group .nmorph-error-box__error{margin-left:0}.nmorph-checkbox-group--column .nmorph-checkbox-group__content{flex-direction:column}.nmorph-checkbox-group--column .nmorph-checkbox{margin-right:0;margin-bottom:8px}.nmorph-checkbox-group--fill{width:100%}.nmorph-checkbox-group--labeled .nmorph-checkbox-group__content,.nmorph-checkbox-group--labeled .nmorph-validation-icon{margin-top:4px}.nmorph-checkbox-group--labeled legend{color:var(--text-01);font-weight:600;font-size:14px;line-height:22px}.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-direction:row;width:100%}.nmorph-radio-group .nmorph-radio{margin-right:8px}.nmorph-radio-group .nmorph-error-box__error{margin-left:0}.nmorph-radio-group--column .nmorph-radio-group__content{flex-direction:column}.nmorph-radio-group--column .nmorph-radio{margin-right:0;margin-bottom:8px}.nmorph-radio-group--fill{width:100%}.nmorph-radio-group--labeled .nmorph-radio-group__content,.nmorph-radio-group--labeled .nmorph-validation-icon{margin-top:4px}.nmorph-radio-group--labeled legend{color:var(--text-01);font-weight:600;font-size:14px;line-height:22px}.nmorph-number-input{--height: 38px;display:inline-flex;flex-direction:column;align-items:flex-start}.nmorph-number-input label{color:var(--text-01);font-weight:600;font-size:14px;line-height:22px}.nmorph-number-input .nmorph-number-input__content{display:flex;align-items:center;width:100%}.nmorph-number-input .nmorph-number-input__input-content{height:var(--height);display:flex;width:100%;height:100%;border-radius:var(--default-border-radius);background:var(--main-bg);box-shadow:4px 4px 10px var(--darker-color),-4px -4px 10px 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;border:none;transition:ease-in-out var(--transition-01) background;border-top:1px solid var(--main-bg);border-bottom:1px solid var(--main-bg);text-align:center;padding:0 8px;width:100%;background:var(--main-bg);box-shadow:inset 4px 4px 10px var(--darker-color),inset -4px -4px 10px var(--lighter-color);color:var(--text-01);font-weight:400;font-size:14px;line-height:22px}.nmorph-number-input input:focus{outline:none;transition:ease-in-out var(--transition-01) background;color:var(--text-00);background:var(--main-bg);box-shadow:4px 4px 10px var(--darker-color),-4px -4px 10px var(--lighter-color);background:var(--accent-color-00)}.nmorph-number-input .nmorph-number-input__action-btns{display:flex;flex-direction:column}.nmorph-number-input .nmorph-error-box__error{margin-left:0}.nmorph-number-input--fill{width:100%}.nmorph-number-input--valid input:focus{background:var(--success-color-00)}.nmorph-number-input--invalid input:focus{background:var(--error-color-00)}.nmorph-number-input--labeled .nmorph-number-input__input-content,.nmorph-number-input--labeled .nmorph-validation-icon{margin-top:4px}.nmorph-number-input--disabled{cursor:not-allowed;opacity:.6}.nmorph-number-input--disabled .nmorph-number-input__input-content{pointer-events:none}.nmorph-number-input--thin{--height: 30px}.nmorph-number-input--thin input{color:var(--text-01);font-weight:400;font-size:12px;line-height:16px}.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(--3f6f7c34)}.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{width:100%;height:var(--value-fixed-container-width);border-radius:var(--default-border-radius);display:flex;align-items:center;background:var(--main-bg);box-shadow:inset 4px 4px 10px var(--darker-color),inset -4px -4px 10px var(--lighter-color)}.nmorph-slider .nmorph-slider__input-container{width:100%;height:24px;position:relative;display:flex;align-items:center}.nmorph-slider .nmorph-slider__thumb{position:absolute;border-radius:var(--default-border-radius);width:var(--21bb1e52);height:20px;border:0;background:var(--main-bg);box-shadow:4px 4px 10px var(--darker-color),-4px -4px 10px var(--lighter-color)}.nmorph-slider .nmorph-slider__value{margin-left:16px;display:flex;justify-content:center;width:var(--value-fixed-container-width);color:var(--text-01);font-weight:600;font-size:14px;line-height:22px}.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;border-radius:var(--border-radius-circular);cursor:pointer;width:40px;height:var(--height);overflow:hidden;color:var(--text-01);font-weight:600;font-size:14px;line-height:22px}.nmorph-switch .nmorph-switch__content{border-radius:var(--border-radius-circular);height:100%;position:relative;transition:background ease-in-out var(--transition-02),box-shadow ease-in-out var(--transition-02);background:var(--main-bg);box-shadow:inset 4px 4px 10px var(--darker-color),inset -4px -4px 10px var(--lighter-color)}.nmorph-switch input{width:100%;height:var(--height);opacity:0;visibility:hidden}.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:4px 4px 10px var(--darker-color),-4px -4px 10px 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{--height: 30px;height:var(--height);cursor:pointer;color:var(--text-01);font-weight:400;font-size:14px;line-height:22px}.nmorph-select .nmorph-select__content{height:100%;position:relative;padding:0 8px;border-radius:var(--default-border-radius);background:var(--main-bg);box-shadow:4px 4px 10px var(--darker-color),-4px -4px 10px var(--lighter-color)}.nmorph-select .nmorph-select__selected-values-line{display:flex;align-items:center;justify-content:space-between;height:100%}.nmorph-select select{appearance:none;visibility:hidden;position:absolute;top:0;left:0}.nmorph-select .nmorph-select__options-wrapper{position:absolute;width:100%;left:0;border-radius:var(--default-border-radius);overflow:hidden;height:0;transition:ease-in-out height var(--transition-02);background:var(--main-bg);box-shadow:4px 4px 10px var(--darker-color),-4px -4px 10px var(--lighter-color)}.nmorph-select .nmorph-select__options-wrapper .nmorph-select__option{padding:8px}.nmorph-select .nmorph-select__options-wrapper .nmorph-select__chevron{transition:ease-in-out transform var(--transition-02)}.nmorph-select--open .nmorph-select__content{background:var(--main-bg);box-shadow:inset 4px 4px 10px var(--darker-color),inset -4px -4px 10px var(--lighter-color)}.nmorph-select--open .nmorph-select__chevron{transform:rotate(180deg)}.nmorph-select--selected-line-outset .nmorph-select__content{background:var(--main-bg);box-shadow:4px 4px 10px var(--darker-color),-4px -4px 10px var(--lighter-color)}.nmorph-select--selected-line-inset .nmorph-select__content{background:var(--main-bg);box-shadow:inset 4px 4px 10px var(--darker-color),inset -4px -4px 10px var(--lighter-color)}.nmorph-select-option{--height: 30px;--hover-bg: var(--accent-color-01);--hover-color: var(--text-00);height:var(--height);cursor:pointer;display:flex;justify-content:space-between;padding:0 8px}.nmorph-select-option:not(.nmorph-select-option--disabled):hover{background:var(--hover-bg);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:8px}.nmorph-file-upload .nmorph-file-upload__file{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-radius:var(--default-border-radius);margin-bottom:4px;background:var(--main-bg);box-shadow:4px 4px 10px var(--darker-color),-4px -4px 10px var(--lighter-color)}.nmorph-file-upload .nmorph-file-upload__file-info{display:flex;align-items:center}.nmorph-file-upload .nmorph-file-upload__file-name{margin-left:4px;line-height:0}.nmorph-file-upload .nmorph-file-upload__remove-file{margin-left:8px}.nmorph-icon{--color: var(--text-01);width:var(--width);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(--0f04eb16)}.nmorph-icon--custom-height{--height: var(--906d0452)}.nmorph-button{--height: 38px;width:var(--760712b2);display:inline-block}.nmorph-button .nmorph-button__content{width:100%;height:var(--height);border:none;cursor:pointer;border-radius:var(--default-border-radius);padding:0 14px;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;color:var(--text-01);font-weight:400;font-size:14px;line-height:22px;background:var(--main-bg);box-shadow:4px 4px 10px var(--darker-color),-4px -4px 10px var(--lighter-color)}.nmorph-button .nmorph-button__content:disabled{cursor:not-allowed;opacity:.6}.nmorph-button .nmorph-button__content[loading=true]{cursor:default}.nmorph-button .nmorph-button__content:not(:disabled):not([loading=true]):hover{background:var(--accent-color-01);color:var(--text-00);transition:var(--transition-02) ease-in-out background,var(--transition-02) ease-in-out color,var(--transition-02) ease-in-out box-shadow;box-shadow:none}.nmorph-button .nmorph-button__content:not(:disabled):not([loading=true]):hover .nmorph-icon{--color: var(--text-00)}.nmorph-button--transparent{padding:0}.nmorph-button--transparent .nmorph-button__content{box-shadow:none;background:transparent}.nmorph-button--thin{--height: 30px}.nmorph-button--thin .nmorph-button__content{color:var(--text-01);font-weight:400;font-size:12px;line-height:16px}.nmorph-button--bg-transparent-on-hover .nmorph-button__content:not(:disabled):not([loading=true]):hover{background:inherit;box-shadow:none}.nmorph-button--bg-transparent-on-hover .nmorph-button__content:not(:disabled):not([loading=true]):hover .nmorph-icon{--color: var(--text-01)}.nmorph-button--ripple .nmorph-button__content{position:relative;overflow:hidden}.nmorph-button--ripple .nmorph-button__content:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;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}.nmorph-button--ripple .nmorph-button__content:active:after{transform:scale(0);opacity:.3;transition:0s}.nmorph-card{--padding: 12px;width:100%;padding:var(--padding);border-radius:var(--default-border-radius);display:flex;flex-direction:column}.nmorph-card .nmorph-card__header{color:var(--text-01);font-weight:700;font-size:16px;line-height:24px}.nmorph-card .nmorph-card__content{height:100%;color:var(--text-01);font-weight:400;font-size:14px;line-height:22px}.nmorph-card .nmorph-card__footer{color:var(--text-01);font-weight:400;font-size:12px;line-height:16px;height:fit-content}.nmorph-card--inset{background:var(--main-bg);box-shadow:inset 4px 4px 10px var(--darker-color),inset -4px -4px 10px var(--lighter-color)}.nmorph-card--outset{background:var(--main-bg);box-shadow:4px 4px 10px var(--darker-color),-4px -4px 10px var(--lighter-color)}.nmorph-card--combined{background:var(--main-bg);box-shadow:4px 4px 10px var(--darker-color),-4px -4px 10px var(--lighter-color),inset 4px 4px 10px var(--darker-color),inset -4px -4px 10px var(--lighter-color)}.nmorph-link{--link-color: var(--info-color-00);--hover-color: var(--info-color-01);display:inline-block}.nmorph-link a{color:var(--link-color);font-weight:400;font-size:14px;line-height:22px;text-decoration:none;display:flex;align-items:center}.nmorph-link .nmorph-link__icon{margin-left:4px;--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-error-box{--height: 24px;margin-top:4px;height:var(--height);overflow:hidden;color:var(--error-color-00);font-weight:400;font-size:14px;line-height:22px}.nmorph-error-box .nmorph-error-box__error{text-align:left;margin:0 0 0 12px}.nmorph-error-box--thin{--height: 14px}.nmorph-error-box--thin .nmorph-error-box__error{color:var(--error-color-00);font-weight:400;font-size:10px;line-height:12px}.nmorph-tooltip{display:inline-block;width:var(--74917574);--max-width: 120px}.nmorph-tooltip .nmorph-tooltip__content{position:relative}.nmorph-tooltip .nmorph-tooltip__info-content{max-width:var(--max-width);position:absolute;padding:8px;border-radius:var(--default-border-radius);background:var(--main-bg);box-shadow:0 0 10px var(--darker-color)}.nmorph-tooltip .nmorph-tooltip__shadow-content{color:var(--text-01);font-weight:400;font-size:14px;line-height:22px}.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-width:8px 8px 0 8px;border-color:var(--main-bg) transparent transparent transparent;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-width:8px 8px 8px 0;border-color:transparent var(--main-bg) transparent transparent;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-width:0 8px 8px 8px;border-color:transparent transparent var(--main-bg) transparent;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-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--main-bg);transform:translateY(-50%)}.nmorph-tag{--height: 30px;height:var(--height);cursor:default;display:inline-flex;padding:0 8px;border-radius:var(--default-border-radius);margin-right:4px;background:var(--main-bg);box-shadow:inset 4px 4px 10px var(--darker-color),inset -4px -4px 10px var(--lighter-color)}.nmorph-tag .nmorph-tag__content{height:100%;display:flex;align-items:center}.nmorph-tag span{color:var(--text-01);font-weight:400;font-size:14px;line-height:22px}.nmorph-tag .nmorph-tag__close-icon{margin-left:4px;cursor:pointer}.nmorph-tag--thin{--height: 22px}.nmorph-tag--thin span{color:var(--text-01);font-weight:400;font-size:12px;line-height:16px}.nmorph-tag--thick{--height: 38px}.nmorph-tag--thick span{color:var(--text-01);font-weight:400;font-size:16px;line-height:24px}.nmorph-tag--transparent{box-shadow:none;background:transparent}.nmorph-overlay{opacity:0;--overlay-background-color: var(--half-transparent-background);background-color:var(--overlay-background-color);z-index:1;overflow:hidden;pointer-events:none;transition:ease-in-out var(--transition-02) opacity;width:100%;height:100%;position:absolute;top:0;left:0}.nmorph-overlay--outside-click{cursor:pointer}.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(--4be2af78)}.nmorph-image .nmorph-image__loading,.nmorph-image .nmorph-image__load-failed{color:var(--text-01);font-weight:400;font-size:14px;line-height:22px}.nmorph-image-preview{--width: 100px;--height: 100px;overflow:hidden;width:var(--width);height:var(--height)}.nmorph-image-preview .nmorph-image-preview__trigger{cursor:pointer;position:relative;width:100%;height:100%}.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;transform:translate(-50%);bottom:-50px;left:50%;z-index:2;transition:ease-in-out bottom var(--transition-03);display:flex;height:0}.nmorph-image-preview .nmorph-image-preview__action-element{margin-right:8px}.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}.__histoire-render-story:not(.__histoire-render-custom-controls){overflow:visible;padding:12px}.htw-h-full{background:var(--main-bg)}:root{--main-bg: #ebf3fa;--darker-color: #c3cad0;--lighter-color: #ffffff;--info-color-00: #5b8ce6;--info-color-01: #2a60c2;--accent-color-00: #687b9e72;--accent-color-01: #687b9e;--accent-color-02: #687b9e34;--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(183, 159, 51);--text-00: #ffffff;--text-01: #687b9e;--text-02: #8498bc;--half-transparent-background: rgba(0, 0, 0, 50%)}:root[data-theme=dark]{--main-bg: #383143;--darker-color: #1f1b26;--lighter-color: #514760}: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)}/*! 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{--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}body{font-family:Helvetica,Roboto,Arial,sans-serif}.carousel{overflow:hidden}.slides-container{display:flex;transition:transform .5s ease}.slide{min-width:100%}
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/_animation.scss CHANGED
@@ -1,7 +1,15 @@
1
+ :root {
2
+ --transition-04: 0.4s;
3
+ --transition-03: 0.3s;
4
+ --transition-02: 0.2s;
5
+ --transition-01: 0.1s;
6
+ }
7
+
1
8
  .list-enter-active,
2
9
  .list-leave-active {
3
10
  transition: all var(--transition-02) ease;
4
11
  }
12
+
5
13
  .list-enter-from,
6
14
  .list-leave-to {
7
15
  opacity: 0;
package/dist/styles/base/_basic.scss ADDED
@@ -0,0 +1,43 @@
1
+ * {
2
+ color: var(--text-color-01);
3
+ }
4
+
5
+ body {
6
+ font-family: 'Helvetica', 'Roboto', Arial, sans-serif;
7
+ @include body-1;
8
+ }
9
+
10
+ // HEIGHT
11
+ .nmorph--default-height-component {
12
+ --height: var(--default-thickness-component);
13
+ height: var(--height);
14
+ }
15
+ .nmorph--thin-component {
16
+ --height: var(--thin-component);
17
+ height: var(--height);
18
+ }
19
+ .nmorph--thick-component {
20
+ --height: var(--thick-component);
21
+ height: var(--height);
22
+ }
23
+
24
+ // INPUTS
25
+ .nmorph--thin-component.nmorph-native-input {
26
+ @include body-3;
27
+ }
28
+
29
+ .nmorph--focused {
30
+ }
31
+
32
+ .nmorph-native-input:focus {
33
+ color: var(--text-color-00);
34
+ }
35
+
36
+ .nmorph-native-input:focus::placeholder {
37
+ color: var(--text-color-00);
38
+ }
39
+
40
+ // WIDTH
41
+ .nmorph--fill {
42
+ width: 100%;
43
+ }
package/dist/styles/base/_colors.scss CHANGED
@@ -1,35 +1,36 @@
1
1
  :root {
2
- --main-bg: #ebf3fa;
3
-
4
- --darker-color: #c3cad0;
2
+ --darker-color: #c8c9ca;
3
+ --main-bg-color: #eaf2f9;
5
4
  --lighter-color: #ffffff;
6
5
 
7
- --info-color-00: #5b8ce6;
8
- --info-color-01: #2a60c2;
6
+ --info-color-00: #d4e5edbb;
7
+ --info-text-color-00: #506c80;
8
+
9
+ --success-color-00: #7eee7eb4;
10
+ --success-text-color-00: #0c7c26;
9
11
 
10
- --accent-color-00: #687b9e72;
11
- --accent-color-01: #687b9e;
12
- --accent-color-02: #687b9e34;
12
+ --error-color-00: #f78383d1;
13
+ --error-text-color-00: #af4040;
13
14
 
14
- --success-color-00: rgb(77, 186, 77);
15
- --success-color-01: rgb(44, 163, 44);
15
+ --warning-color-00: #ffe572d4;
16
+ --warning-text-color-00: #8b7514;
16
17
 
17
- --error-color-00: rgb(188, 101, 101);
18
- --error-color-01: rgb(159, 50, 50);
18
+ --info-color-02: #c9d2de;
19
19
 
20
- --warning-color-00: rgb(214, 191, 90);
21
- --warning-color-01: rgb(183, 159, 51);
20
+ --accent-color-00: #7f95be;
22
21
 
23
- --text-00: #ffffff;
24
- --text-01: #687b9e;
25
- --text-02: #8498bc;
22
+ --text-color-00: #ffffff;
23
+ --text-color-01: #687b9e;
26
24
 
27
- --half-transparent-background: rgba(0, 0, 0, 50%);
25
+ --overlay-background-color: #ebf3fa;
28
26
 
29
27
  &[data-theme='dark'] {
30
- $main-bg: #383143;
31
- --main-bg: #383143;
32
- --darker-color: #{darken($main-bg, 10%)};
33
- --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;
34
35
  }
35
36
  }
package/dist/styles/base/_common-mixins.scss CHANGED
@@ -28,12 +28,19 @@
28
28
  }
29
29
 
30
30
  @mixin overlay($zIndex: 1) {
31
- --overlay-background-color: var(--half-transparent-background);
32
- background-color: var(--overlay-background-color);
31
+ background: var(--overlay-background-color);
33
32
  z-index: $zIndex;
34
33
  overflow: hidden;
35
- pointer-events: none;
36
34
  transition: ease-in-out var(--transition-02) opacity;
37
- @include wh100;
38
- @include absolute-zero;
35
+ position: fixed;
36
+ width: 100vw;
37
+ height: 100vh;
38
+ top: 0;
39
+ left: 0;
40
+ }
41
+
42
+ @mixin ellipsis() {
43
+ white-space: nowrap;
44
+ overflow: hidden;
45
+ text-overflow: ellipsis;
39
46
  }
package/dist/styles/base/_dimensions.scss CHANGED
@@ -1,10 +1,20 @@
1
- $base-shadow-width: 4px;
2
- $base-shadow-blur: $base-shadow-width * 2.5;
3
- $nmorph-wrapper-padding: $base-shadow-width * 1.5;
4
- $base-input-indentation: 8px;
1
+ :root {
2
+ --thick-component: 38px;
3
+ --default-thickness-component: 30px;
4
+ --thin-component: 22px;
5
+ --extra-thin-component: 14px;
5
6
 
6
- $thick-input-height: 38px;
7
- $default-input-height: 30px;
8
- $thin-input-height: 22px;
7
+ --form-container: 280px;
9
8
 
10
- $extra-thin-input-height: 14px;
9
+ --default-indentation-input: 8px;
10
+
11
+ --indentation-00: 0;
12
+ --indentation-01: 2px;
13
+ --indentation-02: 4px;
14
+ --indentation-03: 8px;
15
+ --indentation-04: 16px;
16
+
17
+ --base-shadow-width: 2px;
18
+ --base-shadow-blur: calc(var(--base-shadow-width) * 2.5);
19
+ --nmorph-wrapper-padding: calc(var(--base-shadow-width) * 1.5);
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,32 +1,34 @@
1
1
  @mixin nmorph-outset() {
2
- background: var(--main-bg);
2
+ background: var(--main-bg-color);
3
3
  box-shadow:
4
- #{$base-shadow-width} $base-shadow-width $base-shadow-blur var(--darker-color),
5
- -#{$base-shadow-width} -#{$base-shadow-width} $base-shadow-blur var(--lighter-color);
4
+ var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),
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
- inset $base-shadow-width $base-shadow-width $base-shadow-blur var(--darker-color),
12
- inset -#{$base-shadow-width} -#{$base-shadow-width} $base-shadow-blur var(--lighter-color);
11
+ inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),
12
+ inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur)
13
+ var(--lighter-color);
13
14
  }
14
15
 
15
16
  @mixin nmorph-combined() {
16
- background: var(--main-bg);
17
+ background: var(--main-bg-color);
17
18
  box-shadow:
18
- $base-shadow-width $base-shadow-width $base-shadow-blur var(--darker-color),
19
- -#{$base-shadow-width} -#{$base-shadow-width} $base-shadow-blur var(--lighter-color),
20
- inset $base-shadow-width $base-shadow-width $base-shadow-blur var(--darker-color),
21
- inset -#{$base-shadow-width} -#{$base-shadow-width} $base-shadow-blur var(--lighter-color);
19
+ var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),
20
+ calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--lighter-color),
21
+ inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--darker-color),
22
+ inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur)
23
+ var(--lighter-color);
22
24
  }
23
25
 
24
26
  @mixin nmorph-wrapper() {
25
- padding: $nmorph-wrapper-padding;
27
+ padding: var(--nmorph-wrapper-padding);
26
28
  box-sizing: content-box;
27
29
  }
28
30
 
29
31
  @mixin nmorph-dark-shadow() {
30
- background: var(--main-bg);
31
- box-shadow: 0 0 $base-shadow-blur var(--darker-color);
32
+ background: var(--main-bg-color);
33
+ box-shadow: 0 0 var(--base-shadow-blur) var(--darker-color);
32
34
  }
package/dist/styles/base/_typography.scss CHANGED
@@ -1,147 +1,44 @@
1
- $base-color: var(--colors-grey-white);
1
+ :root {
2
+ --el-font-size-extra-small: 12px;
3
+ --el-font-size-small: 13px;
4
+ --el-font-size-base: 14px;
2
5
 
3
- @mixin font-style($color: $base-color, $size: 14px, $line-height: 22px, $weight: 400) {
4
- @if $color {
5
- color: $color;
6
- }
6
+ --el-font-size-medium: 16px;
7
+ --el-font-size-large: 18px;
8
+ --el-font-size-extra-large: 20px;
7
9
 
8
- font-weight: $weight;
9
- font-size: $size;
10
- line-height: $line-height;
10
+ --line-height-line: 1;
11
+ --line-height-compact: 1.3;
12
+ --line-height-regular: 1.5;
13
+ --line-height-loose: 1.7;
11
14
  }
12
15
 
13
- @mixin caption-2($color: $base-color) {
14
- @include font-style($color, 10px, 12px)
16
+ @mixin body-3 {
17
+ font-size: var(--el-font-size-extra-small);
18
+ line-height: var(--line-height-regular);
15
19
  }
16
20
 
17
- @mixin caption-2-strong($color: $base-color) {
18
- @include font-style($color, 10px, 12px, 600)
21
+ @mixin body-2 {
22
+ font-size: var(--el-font-size-small);
23
+ line-height: var(--line-height-regular);
19
24
  }
20
25
 
21
- @mixin caption-1($color: $base-color) {
22
- @include font-style($color, 12px, 16px)
26
+ @mixin body-1 {
27
+ font-size: var(--el-font-size-base);
28
+ line-height: var(--line-height-regular);
23
29
  }
24
30
 
25
- @mixin caption-1-strong($color: $base-color) {
26
- @include font-style($color, 12px, 16px, 600)
31
+ @mixin title-3 {
32
+ font-size: var(--el-font-size-medium);
33
+ line-height: var(--line-height-loose);
27
34
  }
28
35
 
29
- @mixin caption-1-stronger($color: $base-color) {
30
- @include font-style($color, 12px, 16px, 700)
36
+ @mixin title-2 {
37
+ font-size: var(--el-font-size-large);
38
+ line-height: var(--line-height-loose);
31
39
  }
32
40
 
33
- @mixin body-1($color: $base-color) {
34
- @include font-style($color, 14px, 22px)
35
- }
36
-
37
- @mixin body-1-strong($color: $base-color) {
38
- @include font-style($color, 14px, 22px, 600)
39
- }
40
-
41
- @mixin body-1-stronger($color: $base-color) {
42
- @include font-style($color, 14px, 22px, 700)
43
- }
44
-
45
- @mixin body-2($color: $base-color) {
46
- @include font-style($color, 16px, 24px)
47
- }
48
-
49
- @mixin subtitle-2($color: $base-color) {
50
- @include font-style($color, 16px, 24px, 600)
51
- }
52
-
53
- @mixin subtitle-2-stronger($color: $base-color) {
54
- @include font-style($color, 16px, 24px, 700)
55
- }
56
-
57
- @mixin subtitle-1($color: $base-color) {
58
- @include font-style($color, 20px, 30px, 600)
59
- }
60
-
61
- @mixin title-3($color: $base-color) {
62
- @include font-style($color, 24px, 32px, 600)
63
- }
64
-
65
- @mixin title-2($color: $base-color) {
66
- @include font-style($color, 28px, 36px, 600)
67
- }
68
-
69
- @mixin title-1($color: $base-color) {
70
- @include font-style($color, 32px, 40px, 600)
71
- }
72
-
73
- @mixin large-title($color: $base-color) {
74
- @include font-style($color, 40px, 52px, 600)
75
- }
76
-
77
- @mixin display($color: $base-color) {
78
- @include font-style($color, 68px, 92px, 600)
79
- }
80
-
81
- @mixin mono-caption-2($color: $base-color) {
82
- @include font-style($color, 10px, 8px)
83
- }
84
-
85
- @mixin mono-caption-2-strong($color: $base-color) {
86
- @include font-style($color, 10px, 8px, 600)
87
- }
88
-
89
- @mixin mono-caption-1($color: $base-color) {
90
- @include font-style($color, 12px, 10px)
91
- }
92
-
93
- @mixin mono-caption-1-strong($color: $base-color) {
94
- @include font-style($color, 12px, 10px, 600)
95
- }
96
-
97
- @mixin mono-caption-1-stronger($color: $base-color) {
98
- @include font-style($color, 12px, 10px, 700)
99
- }
100
-
101
- @mixin mono-body-1($color: $base-color) {
102
- @include font-style($color, 14px, 10px)
103
- }
104
-
105
- @mixin mono-body-1-strong($color: $base-color) {
106
- @include font-style($color, 14px, 10px, 600)
107
- }
108
-
109
- @mixin mono-body-1-stronger($color: $base-color) {
110
- @include font-style($color, 14px, 10px, 700)
111
- }
112
-
113
- @mixin mono-body-2($color: $base-color) {
114
- @include font-style($color, 16px, 12px)
115
- }
116
-
117
- @mixin mono-subtitle-2($color: $base-color) {
118
- @include font-style($color, 16px, 12px, 600)
119
- }
120
-
121
- @mixin mono-subtitle-2-stronger($color: $base-color) {
122
- @include font-style($color, 16px, 12px, 700)
123
- }
124
-
125
- @mixin mono-subtitle-1($color: $base-color) {
126
- @include font-style($color, 20px, 16px, 600)
127
- }
128
-
129
- @mixin mono-title-3($color: $base-color) {
130
- @include font-style($color, 24px, 18px, 600)
131
- }
132
-
133
- @mixin mono-title-2($color: $base-color) {
134
- @include font-style($color, 28px, 20px, 600)
135
- }
136
-
137
- @mixin mono-title-1($color: $base-color) {
138
- @include font-style($color, 32px, 24px, 600)
139
- }
140
-
141
- @mixin mono-large-title($color: $base-color) {
142
- @include font-style($color, 40px, 30px, 600)
143
- }
144
-
145
- @mixin mono-display($color: $base-color) {
146
- @include font-style($color, 68px, 50px, 600)
41
+ @mixin title-1 {
42
+ font-size: var(--el-font-size-extra-large);
43
+ line-height: var(--line-height-loose);
147
44
  }
package/dist/styles/base/style.scss CHANGED
@@ -1,13 +1,9 @@
1
+ @import 'normalize';
1
2
  @import 'colors';
2
- @import 'border-radius';
3
3
  @import 'typography';
4
- @import 'normalize';
5
- @import 'transition';
6
4
  @import 'dimensions';
5
+ @import 'border-radius';
7
6
  @import 'theme-mixin';
8
7
  @import 'animation';
9
8
  @import 'common-mixins';
10
-
11
- body {
12
- font-family: 'Helvetica', 'Roboto', Arial, sans-serif;
13
- }
9
+ @import 'basic'
package/dist/styles/main.scss CHANGED
@@ -1,4 +1,3 @@
1
- @use './packages/style.scss';
2
1
  @use './base/histoire.scss';
3
- @import './base/style.scss';
2
+ @import './base/style';
4
3