@nmorph/nmorph-ui-kit 0.2.7 → 0.2.9
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.
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { INmorphThemeOptions } from '../main';
|
|
1
|
+
import { INmorphThemeOptions, INmorphInstance } from '../main';
|
|
2
2
|
import { App } from 'vue';
|
|
3
3
|
|
|
4
|
-
export declare const useNmorphTheme: (customOptions: INmorphThemeOptions) => {
|
|
4
|
+
export declare const useNmorphTheme: (customOptions: INmorphThemeOptions, ssr?: boolean) => INmorphInstance | {
|
|
5
5
|
install(Vue: App): void;
|
|
6
6
|
};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
1
2
|
import { I18n } from 'vue-i18n';
|
|
2
3
|
|
|
3
4
|
export declare enum NmorphComponentHeight {
|
|
@@ -322,7 +323,7 @@ export interface INmorphThemeOptions {
|
|
|
322
323
|
saveCurrentThemeToLS?: boolean;
|
|
323
324
|
darkShadeGeneratorCoefficient?: number;
|
|
324
325
|
lightShadeGeneratorCoefficient?: number;
|
|
325
|
-
other
|
|
326
|
+
other?: INmorphOtherThemeOptions;
|
|
326
327
|
}
|
|
327
328
|
export interface INmorphOptions {
|
|
328
329
|
theme?: INmorphThemeOptions;
|
|
@@ -369,3 +370,7 @@ export interface INmorphApplyTranslation {
|
|
|
369
370
|
messages?: TranslateType;
|
|
370
371
|
locale?: keyof typeof Locale;
|
|
371
372
|
}
|
|
373
|
+
export interface INmorphInstance {
|
|
374
|
+
setTheme: (theme: string) => void;
|
|
375
|
+
currentTheme: Readonly<Ref<string>>;
|
|
376
|
+
}
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.nmorph-button{display:inline-block;width:auto}.nmorph-button .nmorph-button__content{width:100%;height:var(--height);padding:var(--indentation-00) var(--indentation-04);line-height:0;border:none;border-radius:var(--default-border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-button .nmorph-button__content span{--color: var(--nmorph-white-color)}.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(--nmorph-white-color);background:var(--nmorph-accent-color);box-shadow:none}.nmorph-button .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--nmorph-white-color)}.nmorph-button .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-white-color)}.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(--nmorph-main-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:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-button--disabled{cursor:not-allowed;opacity:.6}.nmorph-button--round .nmorph-button__content{border-radius:var(--border-radius-200)}.nmorph-button--circle{width:var(--height)}.nmorph-button--circle .nmorph-button__content{border-radius:var(--border-radius-circular)}.nmorph-icon{--color: var(--2f7363e1);display:flex;align-items:center;width:var(--width);min-width:var(--width);height:var(--height);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--small{--width: 14px;--height: 14px}.nmorph-icon--medium{--width: 20px;--height: 20px}.nmorph-icon--large{--width: 32px;--height: 32px}.nmorph-link{--link-color: var(--nmorph-info-color);--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(--nmorph-success-color);--hover-color: var(--nmorph-success-color)}.nmorph-link--warning{--link-color: var(--nmorph-warn-color);--hover-color: var(--nmorph-warn-color)}.nmorph-link--error{--link-color: var(--nmorph-error-text-color);--hover-color: var(--nmorph-error-text-color)}.nmorph-scroll{--scrollbar-width: 8px;--scrollbar-height: 8px;--padding-right: var(--scrollbar-width);--padding-bottom: var(--scrollbar-height);padding-right:var(--bd47d458);padding-bottom:var(--6f33bd73);overflow:var(--53434826) var(--53434824);scroll-behavior:var(--aa996170)}.nmorph-scroll::-webkit-scrollbar{width:var(--scrollbar-height);height:var(--scrollbar-height);background-color:transparent;cursor:pointer}.nmorph-scroll::-webkit-scrollbar-track{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);border-radius:var(--border-radius-40)}.nmorph-scroll::-webkit-scrollbar-thumb{background-color:var(--nmorph-accent-color);border-radius:var(--border-radius-40)}.nmorph-avatar{width:var(--75318566);height:var(--75318566);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(--6c0db3e8)}.nmorph-avatar .nmorph-avatar__image--hide{display:none;width:0;height:0;opacity:0}.nmorph-avatar--circle{border-radius:var(--border-radius-circular)}.nmorph-avatar--square{border-radius:var(--default-border-radius)}.nmorph-badge{position:relative;display:inline-block}.nmorph-badge .nmorph-badge__container{position:absolute;background:var(--22efcb97);border-radius:var(--default-border-radius);opacity:1}.nmorph-badge .nmorph-badge__content{padding:2px 4px;color:var(--nmorph-light-shade-color)}.nmorph-badge .nmorph-badge__container--hidden{opacity:0}.nmorph-badge .nmorph-badge__dot{width:4px;height:4px;border-radius:var(--border-radius-circular)}.nmorph-calendar{--table-data-cell-height: 50px;background:var(--nmorph-main-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);font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-calendar .nmorph-calendar-date{height:100%;display:flex;align-items:center;justify-content:center}.nmorph-calendar .nmorph-calendar-date--today{color:var(--nmorph-info-color);font-weight:700;font-size:var(--el-font-size-medium);line-height:var(--line-height-loose)}.nmorph-calendar .nmorph-table .nmorph-table__cell{padding:0 var(--indentation-01)}.nmorph-calendar .nmorph-calendar-date--selected{color:var(--nmorph-white-color);background:var(--nmorph-accent-color)}.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(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);color:var(--nmorph-accent-color)}.nmorph-calendar-header{display:flex;align-items:center;justify-content:space-between}.nmorph-calendar-header__actions{display:flex}.nmorph-calendar-header__action:nth-child(2){margin:0 var(--indentation-03)}.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-weight:600;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(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-card--outset{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-card--combined{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color),inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-carousel{--height: 500px;position:relative;height:var(--height);overflow:hidden;border:10px solid var(--nmorph-main-color);border-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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{position:absolute;bottom:16px;display:flex;justify-content:center;width:100%}.nmorph-carousel .nmorph-carousel__element-indicator{width:30px;height:2px;margin-right:var(--indentation-02);background:var(--nmorph-gray-color)}.nmorph-carousel .nmorph-carousel__element-indicator--active{background:var(--nmorph-white-color)}.nmorph-carousel .nmorph-carousel__action-btn{position:absolute;top:50%;padding:var(--indentation-03);background:var(--info-color-01);border-radius:var(--default-border-radius);transform:translateY(-50%);cursor:pointer}.nmorph-carousel .nmorph-carousel__action-btn:hover{background:var(--nmorph-info-color)}.nmorph-carousel .nmorph-carousel__action-btn .nmorph-icon{--color: var(--nmorph-white-color)}.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{flex-shrink:0;width:100%;height:100%}.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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-collapse-item .nmorph-collapse-item__content{box-sizing:content-box;overflow:hidden;border-radius:var(--default-border-radius);transition:height var(--transition-speed) ease-in-out;background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-collapse-item__inner-wrapper{padding:var(--indentation-03)}.nmorph-collapse-item--disabled{cursor:not-allowed;opacity:.6}.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(--234993c7)}.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-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}.nmorph-progress{--height: 8px;--width-transition: .4s ease-in-out width;--animation: slide 2s linear infinite}.nmorph-progress .nmorph-progress__linear{display:flex;align-items:center;height:100%;height:var(--height)}.nmorph-progress .nmorph-progress__linear .nmorph-progress__outer{width:100%;height:100%;overflow:hidden;border-radius:var(--border-radius-circular);background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-progress .nmorph-progress__linear .nmorph-progress__inner{position:relative;width:var(--1039697d);height:100%;background:var(--cef13cc6);border-radius:var(--border-radius-circular);transition:var(--width-transition);animation:var(--2953a0be)}.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%;right:var(--indentation-02);color:var(--nmorph-light-shade-color);transform:translateY(-50%);font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-progress .nmorph-progress__circle{position:relative;width:var(--3b0b01ec);height:var(--3b0b01ec);border-radius:var(--border-radius-circular);background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-progress .nmorph-progress__circle:after{width:92%;height:92%;border-radius:var(--border-radius-circular);content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--nmorph-main-color);box-shadow:0 0 var(--base-shadow-blur) var(--nmorph-dark-shade-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{transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .5s;fill:none;stroke:var(--cef13cc6);stroke-width:var(--514b0928)}@keyframes slide{0%{left:-50%}to{left: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(--nmorph-gray-color) 25%,var(--info-color-01) 37%,var(--nmorph-gray-color) 63%);background-size:400% 100%;animation:nmorph-skeleton-loading-animation 1.4s ease infinite}@keyframes nmorph-skeleton-loading-animation{0%{background-position:100% 50%}to{background-position:0 50%}}.nmorph-skeleton-item{height:14px;margin-bottom:var(--indentation-02);background:var(--info-color-01)}.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:var(--border-radius-circular)}.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{margin-bottom:-1px;transform:rotate(180deg)}.nmorph-sort-button .nmorph-sort-button__icon-up,.nmorph-sort-button .nmorph-sort-button__icon-down{--color: var(--nmorph-dark-shade-color)}.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(--nmorph-accent-color)}.nmorph-table{--border-color: var(--nmorph-accent-color);--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;margin-left:var(--indentation-03)}.nmorph-table table{width:calc(100% - 2px);margin-left:1px;border-collapse:collapse;border-spacing:0}.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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);overflow:hidden;border-radius:var(--default-border-radius);--border-color: transparent}.nmorph-table--nmorph .nmorph-table__button-wrapper{padding:var(--indentation-02)}.nmorph-table--nmorph .nmorph-table__table-row{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.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(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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-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;align-items:center}.nmorph-alert .nmorph-alert__icon{margin-right:var(--indentation-03)}.nmorph-alert .nmorph-alert__close{align-self:flex-start;margin-left:var(--indentation-03);cursor:pointer}.nmorph-alert--hide{display:none}.nmorph-alert--success{background:var(--nmorph-success-color)}.nmorph-alert--success .nmorph-alert__content,.nmorph-alert--success .nmorph-alert__content-title{color:var(--nmorph-black-color)}.nmorph-alert--success .nmorph-icon{--color: var(--nmorph-success-text-color)}.nmorph-alert--error{background:var(--nmorph-error-color)}.nmorph-alert--error .nmorph-alert__content,.nmorph-alert--error .nmorph-alert__content-title{color:var(--nmorph-black-color)}.nmorph-alert--error .nmorph-icon{--color: var(--nmorph-error-text-color)}.nmorph-alert--warning{background:var(--nmorph-warn-color)}.nmorph-alert--warning .nmorph-alert__content,.nmorph-alert--warning .nmorph-alert__content-title{color:var(--nmorph-black-color)}.nmorph-alert--warning .nmorph-icon{--color: var(--nmorph-warn-text-color)}.nmorph-alert--info{background:var(--nmorph-info-color)}.nmorph-alert--info .nmorph-alert__content,.nmorph-alert--info .nmorph-alert__content-title{color:var(--nmorph-black-color)}.nmorph-alert--info .nmorph-icon{--color: var(--nmorph-info-text-color)}.nmorph-dialog{--width: 500px;width:var(--width);padding:var(--indentation-04);border-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nmorph-dialog .nmorph-dialog__header{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:var(--el-font-size-large);line-height:var(--line-height-loose)}.nmorph-tooltip{--max-width: 120px;display:inline-block;width:var(--042206ed)}.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(--nmorph-main-color);box-shadow:0 0 var(--base-shadow-blur) var(--nmorph-dark-shade-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(--nmorph-main-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(--nmorph-main-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(--nmorph-main-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(--nmorph-main-color);border-width:8px 0 8px 8px;transform:translateY(-50%)}.nmorph-checkbox{--size: var(--extra-thin-component);display:inline-flex;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(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-checkbox .nmorph-checkbox__fake-checked{width:50%;height:50%;background:var(--nmorph-accent-color);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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-checkbox--checked .nmorph-checkbox__fake{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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)}.nmorph-autocomplete__list-item{margin-bottom:var(--indentation-01);padding:var(--indentation-02) var(--indentation-04)}.nmorph-autocomplete__loading{display:flex;align-items:center;justify-content:center;height:100px}.nmorph-autocomplete__list-item:hover{color:var(--nmorph-white-color);background:var(--nmorph-accent-color)}.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{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--indentation-03);overflow:hidden;border-radius:var(--default-border-radius);cursor:pointer;background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-date-picker .nmorph-date-picker__selected-value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nmorph-date-picker .nmorph-date-picker__input--open{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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-year-month-picker .nmorph-year-month-picker__header{display:flex;justify-content:space-between;padding-bottom:var(--indentation-04);border-bottom:1px solid var(--nmorph-accent-color)}.nmorph-year-month-picker .nmorph-year-month-picker__value{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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){width:100%;margin:0}.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-header{display:flex;justify-content:space-between;padding:var(--indentation-03)}.nmorph-date-picker-header .nmorph-date-picker-header__center-side{display:flex;justify-content:center;width:165px;margin:0 var(--indentation-00);border-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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-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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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-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(--nmorph-error-text-color);text-align:left}.nmorph-error-box--empty:not(.nmorph-error-box--static-height){display:none}.nmorph-validation-icon{width:var(--bd9433c4);margin-left:var(--indentation-03)}.nmorph-validation-icon--valid .nmorph-validation-icon__content{--color: var(--nmorph-success-color)}.nmorph-validation-icon--invalid .nmorph-validation-icon__content{--color: var(--nmorph-error-text-color)}.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(--nmorph-success-color)}.nmorph-form-item--invalid .nmorph-native-input:focus{background:var(--nmorph-error-text-color)}.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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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(--nmorph-main-color);border-bottom:1px solid var(--nmorph-main-color);transition:ease-in-out var(--transition-01) background;background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-number-input input:focus{background:var(--nmorph-accent-color);outline:none;background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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(--f154b2b0)}.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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nmorph-select--open .nmorph-select__chevron{transform:rotate(180deg)}.nmorph-select--open .nmorph-select__content{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-select--selected-line-outset .nmorph-select__content{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-select-option{--hover-bg: var(--nmorph-accent-color);--hover-color: var(--nmorph-white-color);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-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(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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(--a08b3702);height:20px;border:0;border-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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-999);cursor:pointer}.nmorph-switch .nmorph-switch__content{position:relative;height:100%;border-radius:var(--border-radius-999);transition:background ease-in-out var(--transition-02),box-shadow ease-in-out var(--transition-02);background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);font-size:8px}.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-999);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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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(--nmorph-accent-color);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-text-input{display:flex;flex-direction:column;align-items:flex-start;--search-indent: 8px}.nmorph-text-input .nmorph-text-input__input-side{position:relative;display:flex;align-items:center;justify-content:flex-end;width:100%}.nmorph-text-input .nmorph-text-input__prepend-icon{position:absolute;left:0;margin-left:8px}.nmorph-text-input input{width:100%;height:var(--height);text-indent:var(--3a0b77c8);border:none;border-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-text-input input:focus{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);background:var(--nmorph-accent-color);outline:none}.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(--nmorph-white-color)}.nmorph-button.nmorph--focused .nmorph-text-input__password-btn .nmorph-button:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--nmorph-white-color)}.nmorph-time-picker{width:160px;cursor:pointer}.nmorph-time-picker .nmorph-time-picker__content{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);position:relative;display:flex;padding:var(--indentation-03)}.nmorph-time-picker .nmorph-time-picker__dropdown:after{width:100%;height:var(--139069aa);border-top:solid 1px var(--nmorph-accent-color);border-bottom:solid 1px var(--nmorph-accent-color);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(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.__histoire-render-story[data-v-f83ee78c]:not(.__histoire-render-custom-controls){padding:12px;overflow:visible}.htw-h-full[data-v-f83ee78c]{background:var(--nmorph-main-color)}[data-v-f83ee78c]: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-f83ee78c],[data-v-f83ee78c]:before,[data-v-f83ee78c]:after{box-sizing:border-box}input[data-v-f83ee78c]::-webkit-outer-spin-button,input[data-v-f83ee78c]::-webkit-inner-spin-button{margin:0;appearance:none}html[data-v-f83ee78c]{line-height:1.15;text-size-adjust:100%}body[data-v-f83ee78c]{width:auto!important;margin:0}main[data-v-f83ee78c]{display:block}h1[data-v-f83ee78c]{margin:.67em 0;font-size:2em}hr[data-v-f83ee78c]{box-sizing:content-box;height:0;overflow:visible}pre[data-v-f83ee78c]{font-size:1em;font-family:monospace}a[data-v-f83ee78c]{background:transparent}abbr[title][data-v-f83ee78c]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none}b[data-v-f83ee78c],strong[data-v-f83ee78c]{font-weight:bolder}code[data-v-f83ee78c],kbd[data-v-f83ee78c],samp[data-v-f83ee78c]{font-size:1em;font-family:monospace}small[data-v-f83ee78c]{font-size:80%}sub[data-v-f83ee78c],sup[data-v-f83ee78c]{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub[data-v-f83ee78c]{bottom:-.25em}sup[data-v-f83ee78c]{top:-.5em}img[data-v-f83ee78c]{border-style:none}input[data-v-f83ee78c]:disabled{cursor:not-allowed}button[data-v-f83ee78c],input[data-v-f83ee78c],optgroup[data-v-f83ee78c],select[data-v-f83ee78c],textarea[data-v-f83ee78c]{margin:0;font-size:100%;font-family:inherit;line-height:1.15}button[data-v-f83ee78c],input[data-v-f83ee78c]{overflow:visible}input[type=number][data-v-f83ee78c]{appearance:textfield}button[data-v-f83ee78c],select[data-v-f83ee78c]{text-transform:none}button[data-v-f83ee78c],[type=button][data-v-f83ee78c],[type=reset][data-v-f83ee78c],[type=submit][data-v-f83ee78c]{appearance:button}button[data-v-f83ee78c]::-moz-focus-inner,[type=button][data-v-f83ee78c]::-moz-focus-inner,[type=reset][data-v-f83ee78c]::-moz-focus-inner,[type=submit][data-v-f83ee78c]::-moz-focus-inner{padding:0;border-style:none}button[data-v-f83ee78c]:-moz-focusring,[type=button][data-v-f83ee78c]:-moz-focusring,[type=reset][data-v-f83ee78c]:-moz-focusring,[type=submit][data-v-f83ee78c]:-moz-focusring{outline:1px dotted ButtonText}fieldset[data-v-f83ee78c]{padding:.35em .75em .625em}legend[data-v-f83ee78c]{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress[data-v-f83ee78c]{vertical-align:baseline}textarea[data-v-f83ee78c]{overflow:auto}[type=checkbox][data-v-f83ee78c],[type=radio][data-v-f83ee78c]{box-sizing:border-box;padding:0}[type=number][data-v-f83ee78c]::-webkit-inner-spin-button,[type=number][data-v-f83ee78c]::-webkit-outer-spin-button{height:auto}[type=search][data-v-f83ee78c]{outline-offset:-2px;appearance:textfield}[type=search][data-v-f83ee78c]::-webkit-search-decoration{appearance:none}[data-v-f83ee78c]::-webkit-file-upload-button{font:inherit;appearance:button}details[data-v-f83ee78c]{display:block}summary[data-v-f83ee78c]{display:list-item}template[data-v-f83ee78c]{display:none}[hidden][data-v-f83ee78c]{display:none}html[data-v-f83ee78c]{background:var(--nmorph-main-color)}[data-v-f83ee78c]: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}.nmorph-body-3[data-v-f83ee78c]{font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-body-2[data-v-f83ee78c]{font-size:var(--el-font-size-small);line-height:var(--line-height-regular)}.nmorph-body-1[data-v-f83ee78c]{font-size:var(--el-font-size-base);line-height:var(--line-height-regular)}.nmorph-title-3[data-v-f83ee78c]{font-size:var(--el-font-size-medium);line-height:var(--line-height-loose)}.nmorph-title-2[data-v-f83ee78c]{font-weight:600;font-size:var(--el-font-size-large);line-height:var(--line-height-loose)}.nmorph-title-1[data-v-f83ee78c]{font-weight:800;font-size:var(--el-font-size-extra-large);line-height:var(--line-height-loose)}[data-v-f83ee78c]: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-blur: calc(var(--base-shadow-width) * var(--base-shadow-blur-coefficient));--nmorph-wrapper-padding: calc(var(--base-shadow-width) * 1.5)}[data-v-f83ee78c]: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-200: 20px;--border-radius-999: 99px;--border-radius-circular: 50%;--default-border-radius: var(--border-radius-40)}.nmorph-outset[data-v-f83ee78c]{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-inset[data-v-f83ee78c]{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-combined[data-v-f83ee78c]{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color),inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}[data-v-f83ee78c]:root{--transition-04: .4s;--transition-03: .3s;--transition-02: .2s;--transition-01: .1s}.list-enter-active[data-v-f83ee78c],.list-leave-active[data-v-f83ee78c]{transition:all var(--transition-02) ease}.list-enter-from[data-v-f83ee78c],.list-leave-to[data-v-f83ee78c]{transform:translate(30px);opacity:0}.opacity-enter-active[data-v-f83ee78c],.opacity-list-leave-active[data-v-f83ee78c]{transition:all var(--transition-02) ease}.opacity-enter-from[data-v-f83ee78c],.opacity-leave-to[data-v-f83ee78c]{opacity:0}[data-v-f83ee78c]{color:var(--nmorph-text-color)}body[data-v-f83ee78c]{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-f83ee78c]{--height: var(--default-thickness-component);height:var(--height)}.nmorph--thin-component[data-v-f83ee78c]{--height: var(--thin-component);height:var(--height)}.nmorph--thick-component[data-v-f83ee78c]{--height: var(--thick-component);height:var(--height)}.nmorph--thin-component.nmorph-native-input[data-v-f83ee78c]{font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-native-input[data-v-f83ee78c]:focus{color:var(--nmorph-focus-text-color)}.nmorph-native-input[data-v-f83ee78c]:focus::placeholder{color:var(--nmorph-focus-text-color)}.nmorph-native-input[data-v-f83ee78c]::placeholder{color:var(--nmorph-text-color)}.nmorph--fill[data-v-f83ee78c]{width:100%}.nmorph--focused .nmorph-icon svg[data-v-f83ee78c]{--color: var(--nmorph-focus-text-color)}.nmorph-radio[data-v-f83ee78c]{--size: var(--extra-thin-component);cursor:pointer}.nmorph-radio .nmorph-radio__content[data-v-f83ee78c]{position:relative;display:flex;align-items:center;justify-content:center}.nmorph-radio span[data-v-f83ee78c]{margin-top:2px}.nmorph-radio .nmorph-radio__input-wrapper[data-v-f83ee78c]{position:relative;width:var(--size);height:var(--size)}.nmorph-radio input[data-v-f83ee78c]{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}.nmorph-radio .nmorph-radio__fake[data-v-f83ee78c]{border-radius:var(--border-radius-circular);width:100%;height:100%;position:absolute;top:0;left:0;background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-radio .nmorph-radio__fake-checked[data-v-f83ee78c]{width:50%;height:50%;background:var(--nmorph-accent-color);border-radius:var(--border-radius-circular);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nmorph-radio .nmorph-radio__label[data-v-f83ee78c]{margin-left:var(--indentation-02)}.nmorph-radio--button-style[data-v-f83ee78c]{--size: var(--default-thickness-component)}.nmorph-radio--button-style .nmorph-radio__fake[data-v-f83ee78c]{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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-radio--checked .nmorph-radio__fake[data-v-f83ee78c]{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-radio--disabled[data-v-f83ee78c]{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-backtop{position:fixed;right:var(--28ac814d);bottom:var(--5c1e7dcc);opacity:0;transition:opacity .2s ease-in-out}.nmorph-backtop .nmorph-backtop__up-icon{transform:rotate(180deg)}.nmorph-backtop--show{opacity:1}.nmorph-breadcrumb,.nmorph-breadcrumb .nmorph-breadcrumb__content{display:flex}.nmorph-breadcrumb .nmorph-breadcrumb__separator{margin:0 var(--indentation-03)}.nmorph-dropdown{position:fixed;width:var(--f609801e);border-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-dropdown--closed{z-index:-1000;opacity:0}.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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-tabs__label{margin-right:var(--indentation-02);padding:var(--indentation-03);border-radius:var(--default-border-radius);cursor:pointer;background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-tabs__label--disabled{cursor:not-allowed;opacity:.6}.nmorph-tabs__label--selected{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-tabs__content__wrapper{padding:var(--indentation-02);border-bottom-right-radius:var(--default-border-radius);border-bottom-left-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-tabs__content{padding:var(--indentation-03);border-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-divider{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-divider--horizontal{width:100%;height:2px}.nmorph-divider--vertical{width:2px;height:auto}.__histoire-render-story:not(.__histoire-render-custom-controls){padding:12px;overflow:visible}.htw-h-full{background:var(--nmorph-main-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}html{line-height:1.15;text-size-adjust:100%}body{width:auto!important;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}html{background:var(--nmorph-main-color)}: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}.nmorph-body-3{font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-body-2{font-size:var(--el-font-size-small);line-height:var(--line-height-regular)}.nmorph-body-1{font-size:var(--el-font-size-base);line-height:var(--line-height-regular)}.nmorph-title-3{font-size:var(--el-font-size-medium);line-height:var(--line-height-loose)}.nmorph-title-2{font-weight:600;font-size:var(--el-font-size-large);line-height:var(--line-height-loose)}.nmorph-title-1{font-weight:800;font-size:var(--el-font-size-extra-large);line-height:var(--line-height-loose)}: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-blur: calc(var(--base-shadow-width) * var(--base-shadow-blur-coefficient));--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-200: 20px;--border-radius-999: 99px;--border-radius-circular: 50%;--default-border-radius: var(--border-radius-40)}.nmorph-outset{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-inset{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-combined{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color),inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}: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{transform:translate(30px);opacity:0}.opacity-enter-active,.opacity-list-leave-active{transition:all var(--transition-02) ease}.opacity-enter-from,.opacity-leave-to{opacity:0}*{color:var(--nmorph-text-color)}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(--nmorph-focus-text-color)}.nmorph-native-input:focus::placeholder{color:var(--nmorph-focus-text-color)}.nmorph-native-input::placeholder{color:var(--nmorph-text-color)}.nmorph--fill{width:100%}.nmorph--focused .nmorph-icon svg{--color: var(--nmorph-focus-text-color)}.nmorph-overlay{opacity:0;pointer-events:none;position:fixed;top:0;left:0;z-index:1;width:100vw;height:100vh;overflow:hidden;background:var(--nmorph-overlay-color);transition:ease-in-out var(--transition-02) opacity}.nmorph-overlay--outside-click{cursor:pointer}.nmorph-overlay--transparent{background:transparent}.nmorph-overlay--show{opacity:1;pointer-events:auto}
|
|
1
|
+
.nmorph-button{display:inline-block;width:auto}.nmorph-button .nmorph-button__content{width:100%;height:var(--height);padding:var(--indentation-00) var(--indentation-04);line-height:0;border:none;border-radius:var(--default-border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-button .nmorph-button__content span{--color: var(--nmorph-white-color)}.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(--nmorph-white-color);background:var(--nmorph-accent-color);box-shadow:none}.nmorph-button .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--nmorph-white-color)}.nmorph-button .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-white-color)}.nmorph-button--ripple .nmorph-button__content{position:relative;overflow:hidden}.nmorph-button--ripple .nmorph-button__content:after{background-image:radial-gradient(circle,var(--nmorph-main-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);font-weight:400}.nmorph-button--bg-transparent-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-button--disabled{cursor:not-allowed;opacity:.6}.nmorph-button--round .nmorph-button__content{border-radius:var(--border-radius-200)}.nmorph-button--circle{width:var(--height)}.nmorph-button--circle .nmorph-button__content{border-radius:var(--border-radius-circular)}.nmorph-button--transparent{padding:var(--indentation-00)}.nmorph-button--transparent .nmorph-button__content:not(:disabled,[loading=true]):hover{box-shadow:none;background:transparent}.nmorph-button--transparent .nmorph-button__content{background:transparent;box-shadow:none}.nmorph-button--square,.nmorph-button--icon{width:var(--height);height:var(--height)}.nmorph-icon{--color: var(--2f7363e1);display:flex;align-items:center;width:var(--width);min-width:var(--width);height:var(--height);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--small{--width: 14px;--height: 14px}.nmorph-icon--medium{--width: 20px;--height: 20px}.nmorph-icon--large{--width: 32px;--height: 32px}.nmorph-link{--link-color: var(--nmorph-info-color);--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(--nmorph-success-color);--hover-color: var(--nmorph-success-color)}.nmorph-link--warning{--link-color: var(--nmorph-warn-color);--hover-color: var(--nmorph-warn-color)}.nmorph-link--error{--link-color: var(--nmorph-error-text-color);--hover-color: var(--nmorph-error-text-color)}.nmorph-scroll{--scrollbar-width: 8px;--scrollbar-height: 8px;--padding-right: var(--scrollbar-width);--padding-bottom: var(--scrollbar-height);padding-right:var(--bd47d458);padding-bottom:var(--6f33bd73);overflow:var(--53434826) var(--53434824);scroll-behavior:var(--aa996170)}.nmorph-scroll::-webkit-scrollbar{width:var(--scrollbar-height);height:var(--scrollbar-height);background-color:transparent;cursor:pointer}.nmorph-scroll::-webkit-scrollbar-track{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);border-radius:var(--border-radius-40)}.nmorph-scroll::-webkit-scrollbar-thumb{background-color:var(--nmorph-accent-color);border-radius:var(--border-radius-40)}.nmorph-avatar{width:var(--75318566);height:var(--75318566);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(--6c0db3e8)}.nmorph-avatar .nmorph-avatar__image--hide{display:none;width:0;height:0;opacity:0}.nmorph-avatar--circle{border-radius:var(--border-radius-circular)}.nmorph-avatar--square{border-radius:var(--default-border-radius)}.nmorph-badge{position:relative;display:inline-block}.nmorph-badge .nmorph-badge__container{position:absolute;background:var(--22efcb97);border-radius:var(--default-border-radius);opacity:1}.nmorph-badge .nmorph-badge__content{padding:2px 4px;color:var(--nmorph-light-shade-color)}.nmorph-badge .nmorph-badge__container--hidden{opacity:0}.nmorph-badge .nmorph-badge__dot{width:4px;height:4px;border-radius:var(--border-radius-circular)}.nmorph-calendar{--table-data-cell-height: 50px;background:var(--nmorph-main-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);font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular);font-weight:400}.nmorph-calendar .nmorph-calendar-date{height:100%;display:flex;align-items:center;justify-content:center}.nmorph-calendar .nmorph-calendar-date--today{color:var(--nmorph-info-color);font-weight:700;font-weight:600;font-size:var(--el-font-size-medium);line-height:var(--line-height-loose)}.nmorph-calendar .nmorph-table .nmorph-table__cell{padding:0 var(--indentation-01)}.nmorph-calendar .nmorph-calendar-date--selected{color:var(--nmorph-white-color);background:var(--nmorph-accent-color)}.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(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);color:var(--nmorph-accent-color)}.nmorph-calendar-header{display:flex;align-items:center;justify-content:space-between}.nmorph-calendar-header__actions{display:flex}.nmorph-calendar-header__action:nth-child(2){margin:0 var(--indentation-03)}.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-weight:600;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);font-weight:400;height:fit-content}.nmorph-card--inset{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-card--outset{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-card--combined{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color),inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-carousel{--height: 500px;position:relative;height:var(--height);overflow:hidden;border:10px solid var(--nmorph-main-color);border-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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{position:absolute;bottom:16px;display:flex;justify-content:center;width:100%}.nmorph-carousel .nmorph-carousel__element-indicator{width:30px;height:2px;margin-right:var(--indentation-02);background:var(--nmorph-gray-color)}.nmorph-carousel .nmorph-carousel__element-indicator--active{background:var(--nmorph-white-color)}.nmorph-carousel .nmorph-carousel__action-btn{position:absolute;top:50%;padding:var(--indentation-03);background:var(--info-color-01);border-radius:var(--default-border-radius);transform:translateY(-50%);cursor:pointer}.nmorph-carousel .nmorph-carousel__action-btn:hover{background:var(--nmorph-info-color)}.nmorph-carousel .nmorph-carousel__action-btn .nmorph-icon{--color: var(--nmorph-white-color)}.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{flex-shrink:0;width:100%;height:100%}.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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-collapse-item .nmorph-collapse-item__content{box-sizing:content-box;overflow:hidden;border-radius:var(--default-border-radius);transition:height var(--transition-speed) ease-in-out;background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-collapse-item__inner-wrapper{padding:var(--indentation-03)}.nmorph-collapse-item--disabled{cursor:not-allowed;opacity:.6}.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(--234993c7)}.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-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}.nmorph-progress{--height: 8px;--width-transition: .4s ease-in-out width;--animation: slide 2s linear infinite}.nmorph-progress .nmorph-progress__linear{display:flex;align-items:center;height:100%;height:var(--height)}.nmorph-progress .nmorph-progress__linear .nmorph-progress__outer{width:100%;height:100%;overflow:hidden;border-radius:var(--border-radius-circular);background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-progress .nmorph-progress__linear .nmorph-progress__inner{position:relative;width:var(--1039697d);height:100%;background:var(--cef13cc6);border-radius:var(--border-radius-circular);transition:var(--width-transition);animation:var(--2953a0be)}.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);font-weight:400}.nmorph-progress .nmorph-progress__linear .nmorph-progress__inner-text{position:absolute;top:50%;right:var(--indentation-02);color:var(--nmorph-light-shade-color);transform:translateY(-50%);font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular);font-weight:400}.nmorph-progress .nmorph-progress__circle{position:relative;width:var(--3b0b01ec);height:var(--3b0b01ec);border-radius:var(--border-radius-circular);background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-progress .nmorph-progress__circle:after{width:92%;height:92%;border-radius:var(--border-radius-circular);content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--nmorph-main-color);box-shadow:0 0 var(--base-shadow-blur) var(--nmorph-dark-shade-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{transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .5s;fill:none;stroke:var(--cef13cc6);stroke-width:var(--514b0928)}@keyframes slide{0%{left:-50%}to{left: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(--nmorph-gray-color) 25%,var(--info-color-01) 37%,var(--nmorph-gray-color) 63%);background-size:400% 100%;animation:nmorph-skeleton-loading-animation 1.4s ease infinite}@keyframes nmorph-skeleton-loading-animation{0%{background-position:100% 50%}to{background-position:0 50%}}.nmorph-skeleton-item{height:14px;margin-bottom:var(--indentation-02);background:var(--info-color-01)}.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:var(--border-radius-circular)}.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{margin-bottom:-1px;transform:rotate(180deg)}.nmorph-sort-button .nmorph-sort-button__icon-up,.nmorph-sort-button .nmorph-sort-button__icon-down{--color: var(--nmorph-dark-shade-color)}.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(--nmorph-accent-color)}.nmorph-table{--border-color: var(--nmorph-accent-color);--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;margin-left:var(--indentation-03)}.nmorph-table table{width:calc(100% - 2px);margin-left:1px;border-collapse:collapse;border-spacing:0}.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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);overflow:hidden;border-radius:var(--default-border-radius);--border-color: transparent}.nmorph-table--nmorph .nmorph-table__button-wrapper{padding:var(--indentation-02)}.nmorph-table--nmorph .nmorph-table__table-row{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.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(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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);font-weight:400}.nmorph-tag--thick{--height: var(--thick-component)}.nmorph-tag--transparent{background:transparent;box-shadow:none}.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;align-items:center}.nmorph-alert .nmorph-alert__icon{margin-right:var(--indentation-03)}.nmorph-alert .nmorph-alert__close{align-self:flex-start;margin-left:var(--indentation-03);cursor:pointer}.nmorph-alert--hide{display:none}.nmorph-alert--success{background:var(--nmorph-success-color)}.nmorph-alert--success .nmorph-alert__content,.nmorph-alert--success .nmorph-alert__content-title{color:var(--nmorph-black-color)}.nmorph-alert--success .nmorph-icon{--color: var(--nmorph-success-text-color)}.nmorph-alert--error{background:var(--nmorph-error-color)}.nmorph-alert--error .nmorph-alert__content,.nmorph-alert--error .nmorph-alert__content-title{color:var(--nmorph-black-color)}.nmorph-alert--error .nmorph-icon{--color: var(--nmorph-error-text-color)}.nmorph-alert--warning{background:var(--nmorph-warn-color)}.nmorph-alert--warning .nmorph-alert__content,.nmorph-alert--warning .nmorph-alert__content-title{color:var(--nmorph-black-color)}.nmorph-alert--warning .nmorph-icon{--color: var(--nmorph-warn-text-color)}.nmorph-alert--info{background:var(--nmorph-info-color)}.nmorph-alert--info .nmorph-alert__content,.nmorph-alert--info .nmorph-alert__content-title{color:var(--nmorph-black-color)}.nmorph-alert--info .nmorph-icon{--color: var(--nmorph-info-text-color)}.nmorph-dialog{--width: 500px;width:var(--width);padding:var(--indentation-04);border-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nmorph-dialog .nmorph-dialog__header{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:var(--el-font-size-large);line-height:var(--line-height-loose)}.nmorph-tooltip{--max-width: 120px;display:inline-block;width:var(--042206ed)}.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(--nmorph-main-color);box-shadow:0 0 var(--base-shadow-blur) var(--nmorph-dark-shade-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(--nmorph-main-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(--nmorph-main-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(--nmorph-main-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(--nmorph-main-color);border-width:8px 0 8px 8px;transform:translateY(-50%)}.nmorph-checkbox{--size: var(--extra-thin-component);display:inline-flex;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(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-checkbox .nmorph-checkbox__fake-checked{width:50%;height:50%;background:var(--nmorph-accent-color);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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-checkbox--checked .nmorph-checkbox__fake{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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)}.nmorph-autocomplete__list-item{margin-bottom:var(--indentation-01);padding:var(--indentation-02) var(--indentation-04)}.nmorph-autocomplete__loading{display:flex;align-items:center;justify-content:center;height:100px}.nmorph-autocomplete__list-item:hover{color:var(--nmorph-white-color);background:var(--nmorph-accent-color)}.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{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--indentation-03);overflow:hidden;border-radius:var(--default-border-radius);cursor:pointer;background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-date-picker .nmorph-date-picker__selected-value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nmorph-date-picker .nmorph-date-picker__input--open{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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-year-month-picker .nmorph-year-month-picker__header{display:flex;justify-content:space-between;padding-bottom:var(--indentation-04);border-bottom:1px solid var(--nmorph-accent-color)}.nmorph-year-month-picker .nmorph-year-month-picker__value{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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){width:100%;margin:0}.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-header{display:flex;justify-content:space-between;padding:var(--indentation-03)}.nmorph-date-picker-header .nmorph-date-picker-header__center-side{display:flex;justify-content:center;width:165px;margin:0 var(--indentation-00);border-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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-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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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-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(--nmorph-error-text-color);text-align:left}.nmorph-error-box--empty:not(.nmorph-error-box--static-height){display:none}.nmorph-validation-icon{width:var(--bd9433c4);margin-left:var(--indentation-03)}.nmorph-validation-icon--valid .nmorph-validation-icon__content{--color: var(--nmorph-success-color)}.nmorph-validation-icon--invalid .nmorph-validation-icon__content{--color: var(--nmorph-error-text-color)}.nmorph-form-item{margin:var(--indentation-03) var(--indentation-00)}.nmorph-form-item label{font-weight:600;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(--nmorph-success-color)}.nmorph-form-item--invalid .nmorph-native-input:focus{background:var(--nmorph-error-text-color)}.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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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(--nmorph-main-color);border-bottom:1px solid var(--nmorph-main-color);transition:ease-in-out var(--transition-01) background;background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-number-input input:focus{background:var(--nmorph-accent-color);outline:none;background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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(--f154b2b0)}.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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nmorph-select--open .nmorph-select__chevron{transform:rotate(180deg)}.nmorph-select--open .nmorph-select__content{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-select--selected-line-outset .nmorph-select__content{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-select-option{--hover-bg: var(--nmorph-accent-color);--hover-color: var(--nmorph-white-color);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-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(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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(--a08b3702);height:20px;border:0;border-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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-999);cursor:pointer}.nmorph-switch .nmorph-switch__content{position:relative;height:100%;font-size:8px;border-radius:var(--border-radius-999);transition:background ease-in-out var(--transition-02),box-shadow ease-in-out var(--transition-02);background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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-999);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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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(--nmorph-accent-color);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-text-input{display:flex;flex-direction:column;align-items:flex-start;--search-indent: 8px}.nmorph-text-input .nmorph-text-input__input-side{position:relative;display:flex;align-items:center;justify-content:flex-end;width:100%}.nmorph-text-input .nmorph-text-input__prepend-icon{position:absolute;left:0;margin-left:4px}.nmorph-text-input input{width:100%;height:var(--height);text-indent:var(--1b4d3fbc);border:none;border-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-text-input input:focus{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);background:var(--nmorph-accent-color);outline:none}.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(--nmorph-white-color)}.nmorph-button.nmorph--focused .nmorph-text-input__password-btn .nmorph-button:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--nmorph-white-color)}.nmorph-time-picker{width:160px;cursor:pointer}.nmorph-time-picker .nmorph-time-picker__content{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);position:relative;display:flex;padding:var(--indentation-03)}.nmorph-time-picker .nmorph-time-picker__dropdown:after{width:100%;height:var(--139069aa);border-top:solid 1px var(--nmorph-accent-color);border-bottom:solid 1px var(--nmorph-accent-color);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(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.__histoire-render-story[data-v-f83ee78c]:not(.__histoire-render-custom-controls){padding:12px;overflow:visible}.htw-h-full[data-v-f83ee78c]{background:var(--nmorph-main-color)}[data-v-f83ee78c]: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-f83ee78c],[data-v-f83ee78c]:before,[data-v-f83ee78c]:after{box-sizing:border-box}input[data-v-f83ee78c]::-webkit-outer-spin-button,input[data-v-f83ee78c]::-webkit-inner-spin-button{margin:0;appearance:none}html[data-v-f83ee78c]{line-height:1.15;text-size-adjust:100%}body[data-v-f83ee78c]{width:auto!important;margin:0}main[data-v-f83ee78c]{display:block}h1[data-v-f83ee78c]{margin:.67em 0;font-size:2em}hr[data-v-f83ee78c]{box-sizing:content-box;height:0;overflow:visible}pre[data-v-f83ee78c]{font-size:1em;font-family:monospace}a[data-v-f83ee78c]{background:transparent}abbr[title][data-v-f83ee78c]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none}b[data-v-f83ee78c],strong[data-v-f83ee78c]{font-weight:bolder}code[data-v-f83ee78c],kbd[data-v-f83ee78c],samp[data-v-f83ee78c]{font-size:1em;font-family:monospace}small[data-v-f83ee78c]{font-size:80%}sub[data-v-f83ee78c],sup[data-v-f83ee78c]{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub[data-v-f83ee78c]{bottom:-.25em}sup[data-v-f83ee78c]{top:-.5em}img[data-v-f83ee78c]{border-style:none}input[data-v-f83ee78c]:disabled{cursor:not-allowed}button[data-v-f83ee78c],input[data-v-f83ee78c],optgroup[data-v-f83ee78c],select[data-v-f83ee78c],textarea[data-v-f83ee78c]{margin:0;font-size:100%;font-family:inherit;line-height:1.15}button[data-v-f83ee78c],input[data-v-f83ee78c]{overflow:visible}input[type=number][data-v-f83ee78c]{appearance:textfield}button[data-v-f83ee78c],select[data-v-f83ee78c]{text-transform:none}button[data-v-f83ee78c],[type=button][data-v-f83ee78c],[type=reset][data-v-f83ee78c],[type=submit][data-v-f83ee78c]{appearance:button}button[data-v-f83ee78c]::-moz-focus-inner,[type=button][data-v-f83ee78c]::-moz-focus-inner,[type=reset][data-v-f83ee78c]::-moz-focus-inner,[type=submit][data-v-f83ee78c]::-moz-focus-inner{padding:0;border-style:none}button[data-v-f83ee78c]:-moz-focusring,[type=button][data-v-f83ee78c]:-moz-focusring,[type=reset][data-v-f83ee78c]:-moz-focusring,[type=submit][data-v-f83ee78c]:-moz-focusring{outline:1px dotted ButtonText}fieldset[data-v-f83ee78c]{padding:.35em .75em .625em}legend[data-v-f83ee78c]{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress[data-v-f83ee78c]{vertical-align:baseline}textarea[data-v-f83ee78c]{overflow:auto}[type=checkbox][data-v-f83ee78c],[type=radio][data-v-f83ee78c]{box-sizing:border-box;padding:0}[type=number][data-v-f83ee78c]::-webkit-inner-spin-button,[type=number][data-v-f83ee78c]::-webkit-outer-spin-button{height:auto}[type=search][data-v-f83ee78c]{outline-offset:-2px;appearance:textfield}[type=search][data-v-f83ee78c]::-webkit-search-decoration{appearance:none}[data-v-f83ee78c]::-webkit-file-upload-button{font:inherit;appearance:button}details[data-v-f83ee78c]{display:block}summary[data-v-f83ee78c]{display:list-item}template[data-v-f83ee78c]{display:none}[hidden][data-v-f83ee78c]{display:none}html[data-v-f83ee78c]{background:var(--nmorph-main-color)}[data-v-f83ee78c]: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}.nmorph-body-3[data-v-f83ee78c]{font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular);font-weight:400}.nmorph-body-2[data-v-f83ee78c]{font-size:var(--el-font-size-small);line-height:var(--line-height-regular);font-weight:400}.nmorph-body-1[data-v-f83ee78c]{font-size:var(--el-font-size-base);line-height:var(--line-height-regular);font-weight:400}.nmorph-title-3[data-v-f83ee78c]{font-weight:600;font-size:var(--el-font-size-medium);line-height:var(--line-height-loose)}.nmorph-title-2[data-v-f83ee78c]{font-weight:600;font-size:var(--el-font-size-large);line-height:var(--line-height-loose)}.nmorph-title-1[data-v-f83ee78c]{font-weight:800;font-size:var(--el-font-size-extra-large);line-height:var(--line-height-loose)}[data-v-f83ee78c]: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-blur: calc(var(--base-shadow-width) * var(--base-shadow-blur-coefficient));--nmorph-wrapper-padding: calc(var(--base-shadow-width) * 1.5)}[data-v-f83ee78c]: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-200: 20px;--border-radius-999: 99px;--border-radius-circular: 50%;--default-border-radius: var(--border-radius-40)}.nmorph-outset[data-v-f83ee78c]{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-inset[data-v-f83ee78c]{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-combined[data-v-f83ee78c]{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color),inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}[data-v-f83ee78c]:root{--transition-04: .4s;--transition-03: .3s;--transition-02: .2s;--transition-01: .1s}.list-enter-active[data-v-f83ee78c],.list-leave-active[data-v-f83ee78c]{transition:all var(--transition-02) ease}.list-enter-from[data-v-f83ee78c],.list-leave-to[data-v-f83ee78c]{transform:translate(30px);opacity:0}.opacity-enter-active[data-v-f83ee78c],.opacity-list-leave-active[data-v-f83ee78c]{transition:all var(--transition-02) ease}.opacity-enter-from[data-v-f83ee78c],.opacity-leave-to[data-v-f83ee78c]{opacity:0}[data-v-f83ee78c]{color:var(--nmorph-text-color)}body[data-v-f83ee78c]{font-family:Helvetica,Roboto,Arial,sans-serif;font-size:var(--el-font-size-base);line-height:var(--line-height-regular);font-weight:400}.nmorph--default-height-component[data-v-f83ee78c]{--height: var(--default-thickness-component);height:var(--height)}.nmorph--thin-component[data-v-f83ee78c]{--height: var(--thin-component);height:var(--height)}.nmorph--thick-component[data-v-f83ee78c]{--height: var(--thick-component);height:var(--height)}.nmorph--thin-component.nmorph-native-input[data-v-f83ee78c]{font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular);font-weight:400}.nmorph-native-input[data-v-f83ee78c]:focus{color:var(--nmorph-focus-text-color)}.nmorph-native-input[data-v-f83ee78c]:focus::placeholder{color:var(--nmorph-focus-text-color)}.nmorph-native-input[data-v-f83ee78c]::placeholder{color:var(--nmorph-text-color)}.nmorph--fill[data-v-f83ee78c]{width:100%}.nmorph--focused .nmorph-icon svg[data-v-f83ee78c]{--color: var(--nmorph-focus-text-color)}.nmorph-radio[data-v-f83ee78c]{--size: var(--extra-thin-component);cursor:pointer}.nmorph-radio .nmorph-radio__content[data-v-f83ee78c]{position:relative;display:flex;align-items:center;justify-content:center}.nmorph-radio span[data-v-f83ee78c]{margin-top:2px}.nmorph-radio .nmorph-radio__input-wrapper[data-v-f83ee78c]{position:relative;width:var(--size);height:var(--size)}.nmorph-radio input[data-v-f83ee78c]{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}.nmorph-radio .nmorph-radio__fake[data-v-f83ee78c]{border-radius:var(--border-radius-circular);width:100%;height:100%;position:absolute;top:0;left:0;background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-radio .nmorph-radio__fake-checked[data-v-f83ee78c]{width:50%;height:50%;background:var(--nmorph-accent-color);border-radius:var(--border-radius-circular);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nmorph-radio .nmorph-radio__label[data-v-f83ee78c]{margin-left:var(--indentation-02)}.nmorph-radio--button-style[data-v-f83ee78c]{--size: var(--default-thickness-component)}.nmorph-radio--button-style .nmorph-radio__fake[data-v-f83ee78c]{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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-radio--checked .nmorph-radio__fake[data-v-f83ee78c]{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-radio--disabled[data-v-f83ee78c]{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-backtop{position:fixed;right:var(--28ac814d);bottom:var(--5c1e7dcc);opacity:0;transition:opacity .2s ease-in-out}.nmorph-backtop .nmorph-backtop__up-icon{transform:rotate(180deg)}.nmorph-backtop--show{opacity:1}.nmorph-breadcrumb,.nmorph-breadcrumb .nmorph-breadcrumb__content{display:flex}.nmorph-breadcrumb .nmorph-breadcrumb__separator{margin:0 var(--indentation-03)}.nmorph-dropdown{position:fixed;width:var(--f609801e);border-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-dropdown--closed{z-index:-1000;opacity:0}.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(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-tabs__label{margin-right:var(--indentation-02);padding:var(--indentation-03);border-radius:var(--default-border-radius);cursor:pointer;background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-tabs__label--disabled{cursor:not-allowed;opacity:.6}.nmorph-tabs__label--selected{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-tabs__content__wrapper{padding:var(--indentation-02);border-bottom-right-radius:var(--default-border-radius);border-bottom-left-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-tabs__content{padding:var(--indentation-03);border-radius:var(--default-border-radius);background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-divider{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-divider--horizontal{width:100%;height:2px}.nmorph-divider--vertical{width:2px;height:auto}.__histoire-render-story:not(.__histoire-render-custom-controls){padding:12px;overflow:visible}.htw-h-full{background:var(--nmorph-main-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}html{line-height:1.15;text-size-adjust:100%}body{width:auto!important;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}html{background:var(--nmorph-main-color)}: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}.nmorph-body-3{font-size:var(--el-font-size-extra-small);line-height:var(--line-height-regular);font-weight:400}.nmorph-body-2{font-size:var(--el-font-size-small);line-height:var(--line-height-regular);font-weight:400}.nmorph-body-1{font-size:var(--el-font-size-base);line-height:var(--line-height-regular);font-weight:400}.nmorph-title-3{font-weight:600;font-size:var(--el-font-size-medium);line-height:var(--line-height-loose)}.nmorph-title-2{font-weight:600;font-size:var(--el-font-size-large);line-height:var(--line-height-loose)}.nmorph-title-1{font-weight:800;font-size:var(--el-font-size-extra-large);line-height:var(--line-height-loose)}: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-blur: calc(var(--base-shadow-width) * var(--base-shadow-blur-coefficient));--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-200: 20px;--border-radius-999: 99px;--border-radius-circular: 50%;--default-border-radius: var(--border-radius-40)}.nmorph-outset{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-inset{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-combined{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color),inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}: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{transform:translate(30px);opacity:0}.opacity-enter-active,.opacity-list-leave-active{transition:all var(--transition-02) ease}.opacity-enter-from,.opacity-leave-to{opacity:0}*{color:var(--nmorph-text-color)}body{font-family:Helvetica,Roboto,Arial,sans-serif;font-size:var(--el-font-size-base);line-height:var(--line-height-regular);font-weight:400}.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);font-weight:400}.nmorph-native-input:focus{color:var(--nmorph-focus-text-color)}.nmorph-native-input:focus::placeholder{color:var(--nmorph-focus-text-color)}.nmorph-native-input::placeholder{color:var(--nmorph-text-color)}.nmorph--fill{width:100%}.nmorph--focused .nmorph-icon svg{--color: var(--nmorph-focus-text-color)}.nmorph-overlay{opacity:0;pointer-events:none;position:fixed;top:0;left:0;z-index:1;width:100vw;height:100vh;overflow:hidden;background:var(--nmorph-overlay-color);transition:ease-in-out var(--transition-02) opacity}.nmorph-overlay--outside-click{cursor:pointer}.nmorph-overlay--transparent{background:transparent}.nmorph-overlay--show{opacity:1;pointer-events:auto}
|