/* n-icon */
.n-icon{height: 1em;width: 1em;line-height: 1em;text-align: center;display: inline-block;position: relative;fill: currentColor;}.n-icon.n-icon--color-transition{transition: color .3s var(--n-bezier);}.n-icon.n-icon--depth{color: var(--n-color);}.n-icon.n-icon--depth svg{opacity: var(--n-opacity);transition: opacity .3s var(--n-bezier);}.n-icon svg{height: 1em;width: 1em;}

/* n-popover */
.n-popover{transition: box-shadow .3s var(--n-bezier), background-color .3s var(--n-bezier), color .3s var(--n-bezier);position: relative;font-size: var(--n-font-size);color: var(--n-text-color);box-shadow: var(--n-box-shadow);word-break: break-word;}.n-popover > .n-scrollbar{height: inherit;max-height: inherit;}.n-popover:not(.n-popover--raw){background-color: var(--n-color);border-radius: var(--n-border-radius);}.n-popover:not(.n-popover--raw):not(.n-popover--scrollable):not(.n-popover--show-header-or-footer){padding: var(--n-padding);}.n-popover .n-popover__header{padding: var(--n-padding);border-bottom: 1px solid var(--n-divider-color);transition: border-color .3s var(--n-bezier);}.n-popover .n-popover__footer{padding: var(--n-padding);border-top: 1px solid var(--n-divider-color);transition: border-color .3s var(--n-bezier);}.n-popover.n-popover--scrollable .n-popover__content, .n-popover.n-popover--show-header-or-footer .n-popover__content{padding: var(--n-padding);}.n-popover-shared{transform-origin: inherit;}.n-popover-shared .n-popover-arrow-wrapper{position: absolute;overflow: hidden;pointer-events: none;}.n-popover-shared .n-popover-arrow-wrapper .n-popover-arrow{transition: background-color .3s var(--n-bezier);position: absolute;display: block;width: calc(var(--n-arrow-height) * 1.414);height: calc(var(--n-arrow-height) * 1.414);box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);transform: rotate(45deg);background-color: var(--n-color);pointer-events: all;}.n-popover-shared.popover-transition-enter-from, .n-popover-shared.popover-transition-leave-to{opacity: 0;transform: scale(.85);}.n-popover-shared.popover-transition-enter-to, .n-popover-shared.popover-transition-leave-from{transform: scale(1);opacity: 1;}.n-popover-shared.popover-transition-enter-active{transition: box-shadow .3s var(--n-bezier), background-color .3s var(--n-bezier), color .3s var(--n-bezier), opacity .15s var(--n-bezier-ease-out), transform .15s var(--n-bezier-ease-out);}.n-popover-shared.popover-transition-leave-active{transition: box-shadow .3s var(--n-bezier), background-color .3s var(--n-bezier), color .3s var(--n-bezier), opacity .15s var(--n-bezier-ease-in), transform .15s var(--n-bezier-ease-in);}[v-placement="top-start"] > .n-popover-shared{margin-bottom: var(--n-space);}[v-placement="top-start"] > .n-popover-shared.n-popover-shared--show-arrow{margin-bottom: var(--n-space-arrow);}[v-placement="top-start"] > .n-popover-shared.n-popover-shared--overlap{margin: 0;}[v-placement="top-start"] > .n-popover-shared > .n-popover-arrow-wrapper{right: 0;left: 0;top: 0;bottom: 0;top: 100%;bottom: auto;height: var(--n-space-arrow);}[v-placement="top-start"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow{top: calc(var(--n-arrow-height) * 1.414 / -2);left: calc(var(--n-arrow-offset) - var(--v-offset-left));}[v-placement="top"] > .n-popover-shared{margin-bottom: var(--n-space);}[v-placement="top"] > .n-popover-shared.n-popover-shared--show-arrow{margin-bottom: var(--n-space-arrow);}[v-placement="top"] > .n-popover-shared.n-popover-shared--overlap{margin: 0;}[v-placement="top"] > .n-popover-shared > .n-popover-arrow-wrapper{right: 0;left: 0;top: 0;bottom: 0;top: 100%;bottom: auto;height: var(--n-space-arrow);}[v-placement="top"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow{top: calc(var(--n-arrow-height) * 1.414 / -2);transform: translateX(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);left: 50%;}[v-placement="top-end"] > .n-popover-shared{margin-bottom: var(--n-space);}[v-placement="top-end"] > .n-popover-shared.n-popover-shared--show-arrow{margin-bottom: var(--n-space-arrow);}[v-placement="top-end"] > .n-popover-shared.n-popover-shared--overlap{margin: 0;}[v-placement="top-end"] > .n-popover-shared > .n-popover-arrow-wrapper{right: 0;left: 0;top: 0;bottom: 0;top: 100%;bottom: auto;height: var(--n-space-arrow);}[v-placement="top-end"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow{top: calc(var(--n-arrow-height) * 1.414 / -2);right: calc(var(--n-arrow-offset) + var(--v-offset-left));}[v-placement="bottom-start"] > .n-popover-shared{margin-top: var(--n-space);}[v-placement="bottom-start"] > .n-popover-shared.n-popover-shared--show-arrow{margin-top: var(--n-space-arrow);}[v-placement="bottom-start"] > .n-popover-shared.n-popover-shared--overlap{margin: 0;}[v-placement="bottom-start"] > .n-popover-shared > .n-popover-arrow-wrapper{right: 0;left: 0;top: 0;bottom: 0;bottom: 100%;top: auto;height: var(--n-space-arrow);}[v-placement="bottom-start"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow{bottom: calc(var(--n-arrow-height) * 1.414 / -2);left: calc(var(--n-arrow-offset) - var(--v-offset-left));}[v-placement="bottom"] > .n-popover-shared{margin-top: var(--n-space);}[v-placement="bottom"] > .n-popover-shared.n-popover-shared--show-arrow{margin-top: var(--n-space-arrow);}[v-placement="bottom"] > .n-popover-shared.n-popover-shared--overlap{margin: 0;}[v-placement="bottom"] > .n-popover-shared > .n-popover-arrow-wrapper{right: 0;left: 0;top: 0;bottom: 0;bottom: 100%;top: auto;height: var(--n-space-arrow);}[v-placement="bottom"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow{bottom: calc(var(--n-arrow-height) * 1.414 / -2);transform: translateX(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);left: 50%;}[v-placement="bottom-end"] > .n-popover-shared{margin-top: var(--n-space);}[v-placement="bottom-end"] > .n-popover-shared.n-popover-shared--show-arrow{margin-top: var(--n-space-arrow);}[v-placement="bottom-end"] > .n-popover-shared.n-popover-shared--overlap{margin: 0;}[v-placement="bottom-end"] > .n-popover-shared > .n-popover-arrow-wrapper{right: 0;left: 0;top: 0;bottom: 0;bottom: 100%;top: auto;height: var(--n-space-arrow);}[v-placement="bottom-end"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow{bottom: calc(var(--n-arrow-height) * 1.414 / -2);right: calc(var(--n-arrow-offset) + var(--v-offset-left));}[v-placement="left-start"] > .n-popover-shared{margin-right: var(--n-space);}[v-placement="left-start"] > .n-popover-shared.n-popover-shared--show-arrow{margin-right: var(--n-space-arrow);}[v-placement="left-start"] > .n-popover-shared.n-popover-shared--overlap{margin: 0;}[v-placement="left-start"] > .n-popover-shared > .n-popover-arrow-wrapper{right: 0;left: 0;top: 0;bottom: 0;left: 100%;right: auto;width: var(--n-space-arrow);}[v-placement="left-start"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow{left: calc(var(--n-arrow-height) * 1.414 / -2);top: calc(var(--n-arrow-offset-vertical) - var(--v-offset-top));}[v-placement="left"] > .n-popover-shared{margin-right: var(--n-space);}[v-placement="left"] > .n-popover-shared.n-popover-shared--show-arrow{margin-right: var(--n-space-arrow);}[v-placement="left"] > .n-popover-shared.n-popover-shared--overlap{margin: 0;}[v-placement="left"] > .n-popover-shared > .n-popover-arrow-wrapper{right: 0;left: 0;top: 0;bottom: 0;left: 100%;right: auto;width: var(--n-space-arrow);}[v-placement="left"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow{left: calc(var(--n-arrow-height) * 1.414 / -2);transform: translateY(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);top: 50%;}[v-placement="left-end"] > .n-popover-shared{margin-right: var(--n-space);}[v-placement="left-end"] > .n-popover-shared.n-popover-shared--show-arrow{margin-right: var(--n-space-arrow);}[v-placement="left-end"] > .n-popover-shared.n-popover-shared--overlap{margin: 0;}[v-placement="left-end"] > .n-popover-shared > .n-popover-arrow-wrapper{right: 0;left: 0;top: 0;bottom: 0;left: 100%;right: auto;width: var(--n-space-arrow);}[v-placement="left-end"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow{left: calc(var(--n-arrow-height) * 1.414 / -2);bottom: calc(var(--n-arrow-offset-vertical) + var(--v-offset-top));}[v-placement="right-start"] > .n-popover-shared{margin-left: var(--n-space);}[v-placement="right-start"] > .n-popover-shared.n-popover-shared--show-arrow{margin-left: var(--n-space-arrow);}[v-placement="right-start"] > .n-popover-shared.n-popover-shared--overlap{margin: 0;}[v-placement="right-start"] > .n-popover-shared > .n-popover-arrow-wrapper{right: 0;left: 0;top: 0;bottom: 0;right: 100%;left: auto;width: var(--n-space-arrow);}[v-placement="right-start"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow{right: calc(var(--n-arrow-height) * 1.414 / -2);top: calc(var(--n-arrow-offset-vertical) - var(--v-offset-top));}[v-placement="right"] > .n-popover-shared{margin-left: var(--n-space);}[v-placement="right"] > .n-popover-shared.n-popover-shared--show-arrow{margin-left: var(--n-space-arrow);}[v-placement="right"] > .n-popover-shared.n-popover-shared--overlap{margin: 0;}[v-placement="right"] > .n-popover-shared > .n-popover-arrow-wrapper{right: 0;left: 0;top: 0;bottom: 0;right: 100%;left: auto;width: var(--n-space-arrow);}[v-placement="right"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow{right: calc(var(--n-arrow-height) * 1.414 / -2);transform: translateY(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);top: 50%;}[v-placement="right-end"] > .n-popover-shared{margin-left: var(--n-space);}[v-placement="right-end"] > .n-popover-shared.n-popover-shared--show-arrow{margin-left: var(--n-space-arrow);}[v-placement="right-end"] > .n-popover-shared.n-popover-shared--overlap{margin: 0;}[v-placement="right-end"] > .n-popover-shared > .n-popover-arrow-wrapper{right: 0;left: 0;top: 0;bottom: 0;right: 100%;left: auto;width: var(--n-space-arrow);}[v-placement="right-end"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow{right: calc(var(--n-arrow-height) * 1.414 / -2);bottom: calc(var(--n-arrow-offset-vertical) + var(--v-offset-top));}[v-placement="right-start"] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow{top: calc(max(calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset-vertical)) - var(--v-offset-top));}[v-placement="left-start"] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow{top: calc(max(calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset-vertical)) - var(--v-offset-top));}[v-placement="top-end"] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow{right: calc(max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) + var(--v-offset-left));}[v-placement="bottom-end"] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow{right: calc(max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) + var(--v-offset-left));}[v-placement="right-end"] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow{bottom: calc(max(calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset-vertical)) + var(--v-offset-top));}[v-placement="left-end"] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow{bottom: calc(max(calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset-vertical)) + var(--v-offset-top));}[v-placement="top-start"] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow{left: calc(max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) - var(--v-offset-left));}[v-placement="bottom-start"] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow{left: calc(max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) - var(--v-offset-left));}

/* vueuc/binder */
.v-binder-follower-container{position: absolute;left: 0;right: 0;top: 0;height: 0;pointer-events: none;z-index: auto;}.v-binder-follower-content{position: absolute;z-index: auto;}.v-binder-follower-content > *{pointer-events: all;}

/* n-button */
.n-button{margin: 0;font-weight: var(--n-font-weight);line-height: 1;font-family: inherit;padding: var(--n-padding);height: var(--n-height);font-size: var(--n-font-size);border-radius: var(--n-border-radius);color: var(--n-text-color);background-color: var(--n-color);width: var(--n-width);white-space: nowrap;outline: none;position: relative;z-index: auto;border: none;display: inline-flex;flex-wrap: nowrap;flex-shrink: 0;align-items: center;justify-content: center;user-select: none;-webkit-user-select: none;text-align: center;cursor: pointer;text-decoration: none;transition: color .3s var(--n-bezier), background-color .3s var(--n-bezier), opacity .3s var(--n-bezier), border-color .3s var(--n-bezier);}.n-button.n-button--color .n-button__border{border-color: var(--n-border-color);}.n-button.n-button--color.n-button--disabled .n-button__border{border-color: var(--n-border-color-disabled);}.n-button.n-button--color:not(.n-button--disabled):focus .n-button__state-border{border-color: var(--n-border-color-focus);}.n-button.n-button--color:not(.n-button--disabled):hover .n-button__state-border{border-color: var(--n-border-color-hover);}.n-button.n-button--color:not(.n-button--disabled):active .n-button__state-border{border-color: var(--n-border-color-pressed);}.n-button.n-button--color:not(.n-button--disabled).n-button--pressed .n-button__state-border{border-color: var(--n-border-color-pressed);}.n-button.n-button--disabled{background-color: var(--n-color-disabled);color: var(--n-text-color-disabled);}.n-button.n-button--disabled .n-button__border{border: var(--n-border-disabled);}.n-button:not(.n-button--disabled):focus{background-color: var(--n-color-focus);color: var(--n-text-color-focus);}.n-button:not(.n-button--disabled):focus .n-button__state-border{border: var(--n-border-focus);}.n-button:not(.n-button--disabled):hover{background-color: var(--n-color-hover);color: var(--n-text-color-hover);}.n-button:not(.n-button--disabled):hover .n-button__state-border{border: var(--n-border-hover);}.n-button:not(.n-button--disabled):active{background-color: var(--n-color-pressed);color: var(--n-text-color-pressed);}.n-button:not(.n-button--disabled):active .n-button__state-border{border: var(--n-border-pressed);}.n-button:not(.n-button--disabled).n-button--pressed{background-color: var(--n-color-pressed);color: var(--n-text-color-pressed);}.n-button:not(.n-button--disabled).n-button--pressed .n-button__state-border{border: var(--n-border-pressed);}.n-button.n-button--loading{cursor: wait;}.n-button .n-base-wave{pointer-events: none;top: 0;right: 0;bottom: 0;left: 0;animation-iteration-count: 1;animation-duration: var(--n-ripple-duration);animation-timing-function: var(--n-bezier-ease-out), var(--n-bezier-ease-out);}.n-button .n-base-wave.n-base-wave--active{z-index: 1;animation-name: button-wave-spread, button-wave-opacity;}.n-button .n-button__border, .n-button .n-button__state-border{position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: inherit;transition: border-color .3s var(--n-bezier);pointer-events: none;}.n-button .n-button__border{border: var(--n-border);}.n-button .n-button__state-border{border: var(--n-border);border-color: #0000;z-index: 1;}.n-button .n-button__icon{margin: var(--n-icon-margin);margin-left: 0;height: var(--n-icon-size);width: var(--n-icon-size);max-width: var(--n-icon-size);font-size: var(--n-icon-size);position: relative;flex-shrink: 0;}.n-button .n-button__icon .n-icon-slot{height: var(--n-icon-size);width: var(--n-icon-size);position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;}.n-button .n-button__icon .n-icon-slot.icon-switch-transition-enter-from, .n-button .n-button__icon .n-icon-slot.icon-switch-transition-leave-to{transform: translateY(-50%) scale(0.75);left: 0;top: 50%;opacity: 0;}.n-button .n-button__icon .n-icon-slot.icon-switch-transition-enter-to, .n-button .n-button__icon .n-icon-slot.icon-switch-transition-leave-from{transform: scale(1) translateY(-50%);left: 0;top: 50%;opacity: 1;}.n-button .n-button__icon .n-icon-slot.icon-switch-transition-enter-active, .n-button .n-button__icon .n-icon-slot.icon-switch-transition-leave-active{transform-origin: center;position: absolute;left: 0;top: 50%;transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;}.n-button .n-button__icon.fade-in-width-expand-transition-leave-from, .n-button .n-button__icon.fade-in-width-expand-transition-enter-to{opacity: 1;}.n-button .n-button__icon.fade-in-width-expand-transition-leave-to, .n-button .n-button__icon.fade-in-width-expand-transition-enter-from{opacity: 0!important;margin-left: 0!important;margin-right: 0!important;}.n-button .n-button__icon.fade-in-width-expand-transition-leave-active{overflow: hidden;transition: opacity .2s cubic-bezier(.4, 0, .2, 1), max-width .2s cubic-bezier(.4, 0, .2, 1) .1s, margin-left .2s cubic-bezier(.4, 0, .2, 1) .1s, margin-right .2s cubic-bezier(.4, 0, .2, 1) .1s;}.n-button .n-button__icon.fade-in-width-expand-transition-enter-active{overflow: hidden;transition: opacity .2s cubic-bezier(.4, 0, .2, 1) .1s, max-width .2s cubic-bezier(.4, 0, .2, 1), margin-left .2s cubic-bezier(.4, 0, .2, 1), margin-right .2s cubic-bezier(.4, 0, .2, 1);}.n-button .n-button__content{display: flex;align-items: center;flex-wrap: nowrap;min-width: 0;}.n-button .n-button__content ~ .n-button__icon{margin: var(--n-icon-margin);margin-right: 0;}.n-button.n-button--block{display: flex;width: 100%;}.n-button.n-button--dashed .n-button__border, .n-button.n-button--dashed .n-button__state-border{border-style: dashed !important;}.n-button.n-button--disabled{cursor: not-allowed;opacity: var(--n-opacity-disabled);}@keyframes button-wave-spread{from{box-shadow: 0 0 0.5px 0 var(--n-ripple-color);}to{box-shadow: 0 0 0.5px 4.5px var(--n-ripple-color);}}@keyframes button-wave-opacity{from{opacity: var(--n-wave-opacity);}to{opacity: 0;}}

/* n-modal */
.n-modal-container{position: fixed;left: 0;top: 0;height: 0;width: 0;display: flex;}.n-modal-mask{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0, 0, 0, .4);}.n-modal-mask.fade-in-transition-enter-active{transition: all .25s var(--n-bezier-ease-out)!important;}.n-modal-mask.fade-in-transition-leave-active{transition: all .25s var(--n-bezier-ease-out)!important;}.n-modal-mask.fade-in-transition-enter-from, .n-modal-mask.fade-in-transition-leave-to{opacity: 0;}.n-modal-mask.fade-in-transition-leave-from, .n-modal-mask.fade-in-transition-enter-to{opacity: 1;}.n-modal-body-wrapper{position: fixed;left: 0;right: 0;top: 0;bottom: 0;overflow: visible;}.n-modal-body-wrapper .n-modal-scroll-content{min-height: 100%;display: flex;position: relative;}.n-modal-body-wrapper.n-modal-body-wrapper--mask-hidden{pointer-events: none;}.n-modal-body-wrapper.n-modal-body-wrapper--mask-hidden .n-modal-scroll-content > *{pointer-events: all;}.n-modal{position: relative;align-self: center;color: var(--n-text-color);margin: auto;box-shadow: var(--n-box-shadow);}.n-modal.fade-in-scale-up-transition-leave-active{transform-origin: inherit;transition: opacity .25s cubic-bezier(.4, 0, 1, 1), transform .25s cubic-bezier(.4, 0, 1, 1) ;}.n-modal.fade-in-scale-up-transition-enter-active{transform-origin: inherit;transition: opacity .25s cubic-bezier(0, 0, .2, 1), transform .25s cubic-bezier(0, 0, .2, 1) ;}.n-modal.fade-in-scale-up-transition-enter-from, .n-modal.fade-in-scale-up-transition-leave-to{opacity: 0;transform: scale(.5);}.n-modal.fade-in-scale-up-transition-leave-from, .n-modal.fade-in-scale-up-transition-enter-to{opacity: 1;transform: scale(1);}.n-modal .n-draggable{cursor: move;user-select: none;}

/* n-badge */
@keyframes badge-wave-spread{from{box-shadow: 0 0 0.5px 0px var(--n-ripple-color);opacity: 0.6;}to{box-shadow: 0 0 0.5px 4.5px var(--n-ripple-color);opacity: 0;}}.n-badge{display: inline-flex;position: relative;vertical-align: middle;font-family: var(--n-font-family);}.n-badge.n-badge--as-is .n-badge-sup{position: static;transform: translateX(0);}.n-badge.n-badge--as-is .n-badge-sup.fade-in-scale-up-transition-leave-active{transform-origin: left bottom;transition: opacity .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1) ;}.n-badge.n-badge--as-is .n-badge-sup.fade-in-scale-up-transition-enter-active{transform-origin: left bottom;transition: opacity .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1) ;}.n-badge.n-badge--as-is .n-badge-sup.fade-in-scale-up-transition-enter-from, .n-badge.n-badge--as-is .n-badge-sup.fade-in-scale-up-transition-leave-to{opacity: 0;transform: translateX(0) scale(.9);}.n-badge.n-badge--as-is .n-badge-sup.fade-in-scale-up-transition-leave-from, .n-badge.n-badge--as-is .n-badge-sup.fade-in-scale-up-transition-enter-to{opacity: 1;transform: translateX(0) scale(1);}.n-badge.n-badge--dot .n-badge-sup{height: 8px;width: 8px;padding: 0;min-width: 8px;left: 100%;bottom: calc(100% - 4px);}.n-badge.n-badge--dot .n-badge-sup ::before{border-radius: 4px;}.n-badge .n-badge-sup{background: var(--n-color);transition: background-color .3s var(--n-bezier), color .3s var(--n-bezier);color: #FFF;position: absolute;height: 18px;line-height: 18px;border-radius: 9px;padding: 0 6px;text-align: center;font-size: var(--n-font-size);transform: translateX(-50%);left: 100%;bottom: calc(100% - 9px);font-variant-numeric: tabular-nums;z-index: 2;display: flex;align-items: center;}.n-badge .n-badge-sup.fade-in-scale-up-transition-leave-active{transform-origin: left bottom;transition: opacity .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1) ;}.n-badge .n-badge-sup.fade-in-scale-up-transition-enter-active{transform-origin: left bottom;transition: opacity .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1) ;}.n-badge .n-badge-sup.fade-in-scale-up-transition-enter-from, .n-badge .n-badge-sup.fade-in-scale-up-transition-leave-to{opacity: 0;transform: translateX(-50%) scale(.9);}.n-badge .n-badge-sup.fade-in-scale-up-transition-leave-from, .n-badge .n-badge-sup.fade-in-scale-up-transition-enter-to{opacity: 1;transform: translateX(-50%) scale(1);}.n-badge .n-badge-sup .n-base-wave{z-index: 1;animation-duration: 2s;animation-iteration-count: infinite;animation-delay: 1s;animation-timing-function: var(--n-ripple-bezier);animation-name: badge-wave-spread;}.n-badge .n-badge-sup::before{opacity: 0;transform: scale(1);border-radius: 9px;content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;}

/* n-image */
body > .n-image-container{position: fixed;}.n-image-preview-container{position: fixed;left: 0;right: 0;top: 0;bottom: 0;display: flex;}.n-image-preview-overlay{z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, .3);}.n-image-preview-overlay.fade-in-transition-enter-active{transition: all 0.2s cubic-bezier(.4, 0, .2, 1)!important;}.n-image-preview-overlay.fade-in-transition-leave-active{transition: all 0.2s cubic-bezier(.4, 0, .2, 1)!important;}.n-image-preview-overlay.fade-in-transition-enter-from, .n-image-preview-overlay.fade-in-transition-leave-to{opacity: 0;}.n-image-preview-overlay.fade-in-transition-leave-from, .n-image-preview-overlay.fade-in-transition-enter-to{opacity: 1;}.n-image-preview-toolbar{z-index: 1;position: absolute;left: 50%;transform: translateX(-50%);border-radius: var(--n-toolbar-border-radius);height: 48px;bottom: 40px;padding: 0 12px;background: var(--n-toolbar-color);box-shadow: var(--n-toolbar-box-shadow);color: var(--n-toolbar-icon-color);transition: color .3s var(--n-bezier);display: flex;align-items: center;}.n-image-preview-toolbar .n-base-icon{padding: 0 8px;font-size: 28px;cursor: pointer;}.n-image-preview-toolbar.fade-in-transition-enter-active{transition: all 0.2s cubic-bezier(.4, 0, .2, 1)!important;}.n-image-preview-toolbar.fade-in-transition-leave-active{transition: all 0.2s cubic-bezier(.4, 0, .2, 1)!important;}.n-image-preview-toolbar.fade-in-transition-enter-from, .n-image-preview-toolbar.fade-in-transition-leave-to{opacity: 0;}.n-image-preview-toolbar.fade-in-transition-leave-from, .n-image-preview-toolbar.fade-in-transition-enter-to{opacity: 1;}.n-image-preview-wrapper{position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;pointer-events: none;}.n-image-preview-wrapper.fade-in-scale-up-transition-leave-active{transform-origin: inherit;transition: opacity .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1) ;}.n-image-preview-wrapper.fade-in-scale-up-transition-enter-active{transform-origin: inherit;transition: opacity .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1) ;}.n-image-preview-wrapper.fade-in-scale-up-transition-enter-from, .n-image-preview-wrapper.fade-in-scale-up-transition-leave-to{opacity: 0;transform: scale(.9);}.n-image-preview-wrapper.fade-in-scale-up-transition-leave-from, .n-image-preview-wrapper.fade-in-scale-up-transition-enter-to{opacity: 1;transform: scale(1);}.n-image-preview{user-select: none;-webkit-user-select: none;pointer-events: all;margin: auto;max-height: calc(100vh - 32px);max-width: calc(100vw - 32px);transition: transform .3s var(--n-bezier);}.n-image{display: inline-flex;max-height: 100%;max-width: 100%;}.n-image:not(.n-image--preview-disabled){cursor: pointer;}.n-image img{border-radius: inherit;}

/* n-carousel */
.n-carousel{position: relative;width: 100%;height: 100%;touch-action: pan-y;overflow: hidden;}.n-carousel .n-carousel__slides{display: flex;width: 100%;height: 100%;transition-timing-function: var(--n-bezier);transition-property: transform;}.n-carousel .n-carousel__slides .n-carousel__slide{flex-shrink: 0;position: relative;width: 100%;height: 100%;outline: none;overflow: hidden;}.n-carousel .n-carousel__slides .n-carousel__slide > img{display: block;}.n-carousel .n-carousel__dots{position: absolute;display: flex;flex-wrap: nowrap;}.n-carousel .n-carousel__dots.n-carousel__dots--dot .n-carousel__dot{height: var(--n-dot-size);width: var(--n-dot-size);background-color: var(--n-dot-color);border-radius: 50%;cursor: pointer;transition: box-shadow .3s var(--n-bezier), background-color .3s var(--n-bezier);outline: none;}.n-carousel .n-carousel__dots.n-carousel__dots--dot .n-carousel__dot:focus{background-color: var(--n-dot-color-focus);}.n-carousel .n-carousel__dots.n-carousel__dots--dot .n-carousel__dot.n-carousel__dot--active{background-color: var(--n-dot-color-active);}.n-carousel .n-carousel__dots.n-carousel__dots--line .n-carousel__dot{border-radius: 9999px;width: var(--n-dot-line-width);height: 4px;background-color: var(--n-dot-color);cursor: pointer;transition: width .3s var(--n-bezier), box-shadow .3s var(--n-bezier), background-color .3s var(--n-bezier);outline: none;}.n-carousel .n-carousel__dots.n-carousel__dots--line .n-carousel__dot:focus{background-color: var(--n-dot-color-focus);}.n-carousel .n-carousel__dots.n-carousel__dots--line .n-carousel__dot.n-carousel__dot--active{width: var(--n-dot-line-width-active);background-color: var(--n-dot-color-active);}.n-carousel .n-carousel__arrow{transition: background-color .3s var(--n-bezier);cursor: pointer;height: 28px;width: 28px;display: flex;align-items: center;justify-content: center;background-color: rgba(255, 255, 255, .2);color: var(--n-arrow-color);border-radius: 8px;user-select: none;-webkit-user-select: none;font-size: 18px;}.n-carousel .n-carousel__arrow svg{height: 1em;width: 1em;}.n-carousel .n-carousel__arrow:hover{background-color: rgba(255, 255, 255, .3);}.n-carousel.n-carousel--vertical{touch-action: pan-x;}.n-carousel.n-carousel--vertical .n-carousel__slides{flex-direction: column;}.n-carousel.n-carousel--vertical.n-carousel--fade .n-carousel__slide{top: 50%;left: unset;transform: translateY(-50%);}.n-carousel.n-carousel--vertical.n-carousel--card .n-carousel__slide{top: 50%;left: unset;transform: translateY(-50%) translateZ(-400px);}.n-carousel.n-carousel--vertical.n-carousel--card .n-carousel__slide.n-carousel__slide--current{transform: translateY(-50%) translateZ(0);}.n-carousel.n-carousel--vertical.n-carousel--card .n-carousel__slide.n-carousel__slide--prev{transform: translateY(-100%) translateZ(-200px);}.n-carousel.n-carousel--vertical.n-carousel--card .n-carousel__slide.n-carousel__slide--next{transform: translateY(0%) translateZ(-200px);}.n-carousel.n-carousel--usercontrol .n-carousel__slides > div{position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;transform: translate(-50%, -50%);}.n-carousel.n-carousel--left .n-carousel__dots{transform: translateY(-50%);top: 50%;left: 12px;flex-direction: column;}.n-carousel.n-carousel--left .n-carousel__dots.n-carousel__dots--line .n-carousel__dot{width: 4px;height: var(--n-dot-line-width);margin: 4px 0;transition: height .3s var(--n-bezier), box-shadow .3s var(--n-bezier), background-color .3s var(--n-bezier);outline: none;}.n-carousel.n-carousel--left .n-carousel__dots.n-carousel__dots--line .n-carousel__dot.n-carousel__dot--active{height: var(--n-dot-line-width-active);}.n-carousel.n-carousel--left .n-carousel__dot{margin: 4px 0;}.n-carousel .n-carousel__arrow-group{position: absolute;display: flex;flex-wrap: nowrap;}.n-carousel.n-carousel--vertical .n-carousel__arrow{transform: rotate(90deg);}.n-carousel.n-carousel--show-arrow.n-carousel--bottom .n-carousel__dots{transform: translateX(0);bottom: 18px;left: 18px;}.n-carousel.n-carousel--show-arrow.n-carousel--top .n-carousel__dots{transform: translateX(0);top: 18px;left: 18px;}.n-carousel.n-carousel--show-arrow.n-carousel--left .n-carousel__dots{transform: translateX(0);top: 18px;left: 18px;}.n-carousel.n-carousel--show-arrow.n-carousel--right .n-carousel__dots{transform: translateX(0);top: 18px;right: 18px;}.n-carousel.n-carousel--left .n-carousel__arrow-group{bottom: 12px;left: 12px;flex-direction: column;}.n-carousel.n-carousel--left .n-carousel__arrow-group > *:first-child{margin-bottom: 12px;}.n-carousel.n-carousel--right .n-carousel__dots{transform: translateY(-50%);top: 50%;right: 12px;flex-direction: column;}.n-carousel.n-carousel--right .n-carousel__dots.n-carousel__dots--line .n-carousel__dot{width: 4px;height: var(--n-dot-line-width);margin: 4px 0;transition: height .3s var(--n-bezier), box-shadow .3s var(--n-bezier), background-color .3s var(--n-bezier);outline: none;}.n-carousel.n-carousel--right .n-carousel__dots.n-carousel__dots--line .n-carousel__dot.n-carousel__dot--active{height: var(--n-dot-line-width-active);}.n-carousel.n-carousel--right .n-carousel__dot{margin: 4px 0;}.n-carousel.n-carousel--right .n-carousel__arrow-group{bottom: 12px;right: 12px;flex-direction: column;}.n-carousel.n-carousel--right .n-carousel__arrow-group > *:first-child{margin-bottom: 12px;}.n-carousel.n-carousel--top .n-carousel__dots{transform: translateX(-50%);top: 12px;left: 50%;}.n-carousel.n-carousel--top .n-carousel__dots.n-carousel__dots--line .n-carousel__dot{margin: 0 4px;}.n-carousel.n-carousel--top .n-carousel__dot{margin: 0 4px;}.n-carousel.n-carousel--top .n-carousel__arrow-group{top: 12px;right: 12px;}.n-carousel.n-carousel--top .n-carousel__arrow-group > *:first-child{margin-right: 12px;}.n-carousel.n-carousel--bottom .n-carousel__dots{transform: translateX(-50%);bottom: 12px;left: 50%;}.n-carousel.n-carousel--bottom .n-carousel__dots.n-carousel__dots--line .n-carousel__dot{margin: 0 4px;}.n-carousel.n-carousel--bottom .n-carousel__dot{margin: 0 4px;}.n-carousel.n-carousel--bottom .n-carousel__arrow-group{bottom: 12px;right: 12px;}.n-carousel.n-carousel--bottom .n-carousel__arrow-group > *:first-child{margin-right: 12px;}.n-carousel.n-carousel--fade .n-carousel__slide{position: absolute;opacity: 0;transition-property: opacity;pointer-events: none;}.n-carousel.n-carousel--fade .n-carousel__slide.n-carousel__slide--current{opacity: 1;pointer-events: auto;}.n-carousel.n-carousel--card .n-carousel__slides{perspective: 1000px;}.n-carousel.n-carousel--card .n-carousel__slide{position: absolute;left: 50%;opacity: 0;transform: translateX(-50%) translateZ(-400px);transition-property: opacity, transform;}.n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--current{opacity: 1;transform: translateX(-50%) translateZ(0);z-index: 1;}.n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--prev{opacity: 0.4;transform: translateX(-100%) translateZ(-200px);}.n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--next{opacity: 0.4;transform: translateX(0%) translateZ(-200px);}

/* n-base-wave */
.n-base-wave{position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: inherit;}

/* n-tag */
.n-tag{--n-close-margin: var(--n-close-margin-top) var(--n-close-margin-right) var(--n-close-margin-bottom) var(--n-close-margin-left);white-space: nowrap;position: relative;box-sizing: border-box;cursor: default;display: inline-flex;align-items: center;flex-wrap: nowrap;padding: var(--n-padding);border-radius: var(--n-border-radius);color: var(--n-text-color);background-color: var(--n-color);transition: border-color .3s var(--n-bezier), background-color .3s var(--n-bezier), color .3s var(--n-bezier), box-shadow .3s var(--n-bezier), opacity .3s var(--n-bezier);line-height: 1;height: var(--n-height);font-size: var(--n-font-size);}.n-tag.n-tag--strong{font-weight: var(--n-font-weight-strong);}.n-tag .n-tag__border{pointer-events: none;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: inherit;border: var(--n-border);transition: border-color .3s var(--n-bezier);}.n-tag .n-tag__icon{display: flex;margin: 0 4px 0 0;color: var(--n-text-color);transition: color .3s var(--n-bezier);font-size: var(--n-avatar-size-override);}.n-tag .n-tag__avatar{display: flex;margin: 0 6px 0 0;}.n-tag .n-tag__close{margin: var(--n-close-margin);transition: background-color .3s var(--n-bezier), color .3s var(--n-bezier);}.n-tag.n-tag--round{padding: 0 calc(var(--n-height) / 3);border-radius: calc(var(--n-height) / 2);}.n-tag.n-tag--round .n-tag__icon{margin: 0 4px 0 calc((var(--n-height) - 8px) / -2);}.n-tag.n-tag--round .n-tag__avatar{margin: 0 6px 0 calc((var(--n-height) - 8px) / -2);}.n-tag.n-tag--round.n-tag--closable{padding: 0 calc(var(--n-height) / 4) 0 calc(var(--n-height) / 3);}.n-tag.n-tag--icon.n-tag--round, .n-tag.n-tag--avatar.n-tag--round{padding: 0 calc(var(--n-height) / 3) 0 calc(var(--n-height) / 2);}.n-tag.n-tag--disabled{cursor: not-allowed !important;opacity: var(--n-opacity-disabled);}.n-tag.n-tag--checkable{cursor: pointer;box-shadow: none;color: var(--n-text-color-checkable);background-color: var(--n-color-checkable);}.n-tag.n-tag--checkable:not(.n-tag--disabled):hover{background-color: var(--n-color-hover-checkable);}.n-tag.n-tag--checkable:not(.n-tag--disabled):hover:not(.n-tag--checked){color: var(--n-text-color-hover-checkable);}.n-tag.n-tag--checkable:not(.n-tag--disabled):active{background-color: var(--n-color-pressed-checkable);}.n-tag.n-tag--checkable:not(.n-tag--disabled):active:not(.n-tag--checked){color: var(--n-text-color-pressed-checkable);}.n-tag.n-tag--checkable.n-tag--checked{color: var(--n-text-color-checked);background-color: var(--n-color-checked);}.n-tag.n-tag--checkable.n-tag--checked:not(.n-tag--disabled):hover{background-color: var(--n-color-checked-hover);}.n-tag.n-tag--checkable.n-tag--checked:not(.n-tag--disabled):active{background-color: var(--n-color-checked-pressed);}

/* n-popconfirm */
.n-popconfirm .n-popconfirm__body{font-size: var(--n-font-size);display: flex;align-items: center;flex-wrap: nowrap;position: relative;}.n-popconfirm .n-popconfirm__body .n-popconfirm__icon{display: flex;font-size: var(--n-icon-size);color: var(--n-icon-color);transition: color .3s var(--n-bezier);margin: 0 8px 0 0;}.n-popconfirm .n-popconfirm__action{display: flex;justify-content: flex-end;}.n-popconfirm .n-popconfirm__action:not(:first-child){margin-top: 8px}.n-popconfirm .n-popconfirm__action .n-button:not(:last-child){margin-right: 8px;}

/* n-ellipsis */
.n-ellipsis{overflow: hidden;}.n-ellipsis:not(.n-ellipsis--line-clamp){white-space: nowrap;display: inline-block;vertical-align: bottom;max-width: 100%;}.n-ellipsis.n-ellipsis--line-clamp{display: -webkit-inline-box;-webkit-box-orient: vertical;}.n-ellipsis.n-ellipsis--cursor-pointer{cursor: pointer;}

/* n-avatar */
.n-avatar{width: var(--n-merged-size);height: var(--n-merged-size);color: #FFF;font-size: var(--n-font-size);display: inline-flex;position: relative;overflow: hidden;text-align: center;border: var(--n-border);border-radius: var(--n-border-radius);--n-merged-color: var(--n-color);background-color: var(--n-merged-color);transition: border-color .3s var(--n-bezier), background-color .3s var(--n-bezier), color .3s var(--n-bezier);}.n-avatar .n-modal, .n-avatar .n-drawer{--n-merged-color: var(--n-color-modal);}.n-avatar .n-popover{--n-merged-color: var(--n-color-popover);}.n-avatar img{width: 100%;height: 100%;}.n-avatar .n-avatar__text{white-space: nowrap;display: inline-block;position: absolute;left: 50%;top: 50%;}.n-avatar .n-icon{vertical-align: bottom;font-size: calc(var(--n-merged-size) - 6px);}.n-avatar .n-avatar__text{line-height: 1.25}

/* n-pagination */
.n-pagination{display: flex;vertical-align: middle;font-size: var(--n-item-font-size);flex-wrap: nowrap;}.n-pagination .n-pagination-prefix{display: flex;align-items: center;margin: var(--n-prefix-margin);}.n-pagination .n-pagination-suffix{display: flex;align-items: center;margin: var(--n-suffix-margin);}.n-pagination > *:not(:first-child){margin: var(--n-item-margin);}.n-pagination .n-select{width: var(--n-select-width);}.n-pagination.transition-disabled .n-pagination-item{transition: none!important;}.n-pagination .n-pagination-quick-jumper{white-space: nowrap;display: flex;color: var(--n-jumper-text-color);transition: color .3s var(--n-bezier);align-items: center;font-size: var(--n-jumper-font-size);}.n-pagination .n-pagination-quick-jumper .n-input{margin: var(--n-input-margin);width: var(--n-input-width);}.n-pagination .n-pagination-item{position: relative;cursor: pointer;user-select: none;-webkit-user-select: none;display: flex;align-items: center;justify-content: center;box-sizing: border-box;min-width: var(--n-item-size);height: var(--n-item-size);padding: var(--n-item-padding);background-color: var(--n-item-color);color: var(--n-item-text-color);border-radius: var(--n-item-border-radius);border: var(--n-item-border);fill: var(--n-button-icon-color);transition: color .3s var(--n-bezier), border-color .3s var(--n-bezier), background-color .3s var(--n-bezier), fill .3s var(--n-bezier);}.n-pagination .n-pagination-item.n-pagination-item--button{background: var(--n-button-color);color: var(--n-button-icon-color);border: var(--n-button-border);padding: 0;}.n-pagination .n-pagination-item.n-pagination-item--button .n-base-icon{font-size: var(--n-button-icon-size);}.n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--hover{background: var(--n-item-color-hover);color: var(--n-item-text-color-hover);border: var(--n-item-border-hover);}.n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--hover.n-pagination-item--button{background: var(--n-button-color-hover);border: var(--n-button-border-hover);color: var(--n-button-icon-color-hover);}.n-pagination .n-pagination-item:not(.n-pagination-item--disabled):hover{background: var(--n-item-color-hover);color: var(--n-item-text-color-hover);border: var(--n-item-border-hover);}.n-pagination .n-pagination-item:not(.n-pagination-item--disabled):hover.n-pagination-item--button{background: var(--n-button-color-hover);border: var(--n-button-border-hover);color: var(--n-button-icon-color-hover);}.n-pagination .n-pagination-item:not(.n-pagination-item--disabled):active{background: var(--n-item-color-pressed);color: var(--n-item-text-color-pressed);border: var(--n-item-border-pressed);}.n-pagination .n-pagination-item:not(.n-pagination-item--disabled):active.n-pagination-item--button{background: var(--n-button-color-pressed);border: var(--n-button-border-pressed);color: var(--n-button-icon-color-pressed);}.n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--active{background: var(--n-item-color-active);color: var(--n-item-text-color-active);border: var(--n-item-border-active);}.n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--active:hover{background: var(--n-item-color-active-hover);}.n-pagination .n-pagination-item.n-pagination-item--disabled{cursor: not-allowed;color: var(--n-item-text-color-disabled);}.n-pagination .n-pagination-item.n-pagination-item--disabled.n-pagination-item--active, .n-pagination .n-pagination-item.n-pagination-item--disabled.n-pagination-item--button{background-color: var(--n-item-color-disabled);border: var(--n-item-border-disabled);}.n-pagination.n-pagination--disabled{cursor: not-allowed;}.n-pagination.n-pagination--disabled .n-pagination-quick-jumper{color: var(--n-jumper-text-color-disabled);}.n-pagination.n-pagination--simple{display: flex;align-items: center;flex-wrap: nowrap;}.n-pagination.n-pagination--simple .n-pagination-quick-jumper .n-input{margin: 0;}

/* n-base-icon */
.n-base-icon{height: 1em;width: 1em;line-height: 1em;text-align: center;display: inline-block;position: relative;fill: currentColor;}.n-base-icon svg{height: 1em;width: 1em;}

/* n-input */
.n-input{max-width: 100%;cursor: text;line-height: 1.5;z-index: auto;outline: none;box-sizing: border-box;position: relative;display: inline-flex;border-radius: var(--n-border-radius);background-color: var(--n-color);transition: background-color .3s var(--n-bezier);font-size: var(--n-font-size);font-weight: var(--n-font-weight);--n-padding-vertical: calc((var(--n-height) - 1.5 * var(--n-font-size)) / 2);}.n-input .n-input__input, .n-input .n-input__textarea{overflow: hidden;flex-grow: 1;position: relative;}.n-input .n-input__input-el, .n-input .n-input__textarea-el, .n-input .n-input__input-mirror, .n-input .n-input__textarea-mirror, .n-input .n-input__separator, .n-input .n-input__placeholder{box-sizing: border-box;font-size: inherit;line-height: 1.5;font-family: inherit;border: none;outline: none;background-color: #0000;text-align: inherit;transition: -webkit-text-fill-color .3s var(--n-bezier), caret-color .3s var(--n-bezier), color .3s var(--n-bezier), text-decoration-color .3s var(--n-bezier);}.n-input .n-input__input-el, .n-input .n-input__textarea-el{-webkit-appearance: none;scrollbar-width: none;width: 100%;min-width: 0;text-decoration-color: var(--n-text-decoration-color);color: var(--n-text-color);caret-color: var(--n-caret-color);background-color: transparent;}.n-input .n-input__input-el::-webkit-scrollbar, .n-input .n-input__textarea-el::-webkit-scrollbar, .n-input .n-input__input-el::-webkit-scrollbar-track-piece, .n-input .n-input__textarea-el::-webkit-scrollbar-track-piece, .n-input .n-input__input-el::-webkit-scrollbar-thumb, .n-input .n-input__textarea-el::-webkit-scrollbar-thumb{width: 0;height: 0;display: none;}.n-input .n-input__input-el::placeholder, .n-input .n-input__textarea-el::placeholder{color: #0000;-webkit-text-fill-color: transparent !important;}.n-input .n-input__input-el:-webkit-autofill ~ .n-input__placeholder, .n-input .n-input__textarea-el:-webkit-autofill ~ .n-input__placeholder{display: none;}.n-input.n-input--round:not(.n-input--textarea){border-radius: calc(var(--n-height) / 2);}.n-input .n-input__placeholder{pointer-events: none;position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;color: var(--n-placeholder-color);}.n-input .n-input__placeholder span{width: 100%;display: inline-block;}.n-input.n-input--textarea .n-input__placeholder{overflow: visible;}.n-input:not(.n-input--autosize){width: 100%;}.n-input.n-input--autosize .n-input__textarea-el, .n-input.n-input--autosize .n-input__input-el{position: absolute;top: 0;left: 0;height: 100%;}.n-input .n-input-wrapper{overflow: hidden;display: inline-flex;flex-grow: 1;position: relative;padding-left: var(--n-padding-left);padding-right: var(--n-padding-right);}.n-input .n-input__input-mirror{padding: 0;height: var(--n-height);line-height: var(--n-height);overflow: hidden;visibility: hidden;position: static;white-space: pre;pointer-events: none;}.n-input .n-input__input-el{padding: 0;height: var(--n-height);line-height: var(--n-height);}.n-input .n-input__input-el[type=password]::-ms-reveal{display: none;}.n-input .n-input__input-el + .n-input__placeholder{display: flex;align-items: center;}.n-input:not(.n-input--textarea) .n-input__placeholder{white-space: nowrap;}.n-input .n-input__eye{display: flex;align-items: center;justify-content: center;transition: color .3s var(--n-bezier);}.n-input.n-input--textarea{width: 100%;}.n-input.n-input--textarea .n-input-word-count{position: absolute;right: var(--n-padding-right);bottom: var(--n-padding-vertical);}.n-input.n-input--textarea.n-input--resizable .n-input-wrapper{resize: vertical;min-height: var(--n-height);}.n-input.n-input--textarea .n-input__textarea-el, .n-input.n-input--textarea .n-input__textarea-mirror, .n-input.n-input--textarea .n-input__placeholder{height: 100%;padding-left: 0;padding-right: 0;padding-top: var(--n-padding-vertical);padding-bottom: var(--n-padding-vertical);word-break: break-word;display: inline-block;vertical-align: bottom;box-sizing: border-box;line-height: var(--n-line-height-textarea);margin: 0;resize: none;white-space: pre-wrap;scroll-padding-block-end: var(--n-padding-vertical);}.n-input.n-input--textarea .n-input__textarea-mirror{width: 100%;pointer-events: none;overflow: hidden;visibility: hidden;position: static;white-space: pre-wrap;overflow-wrap: break-word;}.n-input.n-input--pair .n-input__input-el, .n-input.n-input--pair .n-input__placeholder{text-align: center;}.n-input.n-input--pair .n-input__separator{display: flex;align-items: center;transition: color .3s var(--n-bezier);color: var(--n-text-color);white-space: nowrap;}.n-input.n-input--pair .n-input__separator .n-icon{color: var(--n-icon-color);}.n-input.n-input--pair .n-input__separator .n-base-icon{color: var(--n-icon-color);}.n-input.n-input--disabled{cursor: not-allowed;background-color: var(--n-color-disabled);}.n-input.n-input--disabled .n-input__border{border: var(--n-border-disabled);}.n-input.n-input--disabled .n-input__input-el, .n-input.n-input--disabled .n-input__textarea-el{cursor: not-allowed;color: var(--n-text-color-disabled);text-decoration-color: var(--n-text-color-disabled);}.n-input.n-input--disabled .n-input__placeholder{color: var(--n-placeholder-color-disabled);}.n-input.n-input--disabled .n-input__separator{color: var(--n-text-color-disabled);}.n-input.n-input--disabled .n-input__separator .n-icon{color: var(--n-icon-color-disabled);}.n-input.n-input--disabled .n-input__separator .n-base-icon{color: var(--n-icon-color-disabled);}.n-input.n-input--disabled .n-input-word-count{color: var(--n-count-text-color-disabled);}.n-input.n-input--disabled .n-input__suffix, .n-input.n-input--disabled .n-input__prefix{color: var(--n-text-color-disabled);}.n-input.n-input--disabled .n-input__suffix .n-icon, .n-input.n-input--disabled .n-input__prefix .n-icon{color: var(--n-icon-color-disabled);}.n-input.n-input--disabled .n-input__suffix .n-internal-icon, .n-input.n-input--disabled .n-input__prefix .n-internal-icon{color: var(--n-icon-color-disabled);}.n-input:not(.n-input--disabled) .n-input__eye{color: var(--n-icon-color);cursor: pointer;}.n-input:not(.n-input--disabled) .n-input__eye:hover{color: var(--n-icon-color-hover);}.n-input:not(.n-input--disabled) .n-input__eye:active{color: var(--n-icon-color-pressed);}.n-input:not(.n-input--disabled):hover .n-input__state-border{border: var(--n-border-hover);}.n-input:not(.n-input--disabled).n-input--focus{background-color: var(--n-color-focus);}.n-input:not(.n-input--disabled).n-input--focus .n-input__state-border{border: var(--n-border-focus);box-shadow: var(--n-box-shadow-focus);}.n-input .n-input__border, .n-input .n-input__state-border{box-sizing: border-box;position: absolute;left: 0;right: 0;top: 0;bottom: 0;pointer-events: none;border-radius: inherit;border: var(--n-border);transition: box-shadow .3s var(--n-bezier), border-color .3s var(--n-bezier);}.n-input .n-input__state-border{border-color: #0000;z-index: 1;}.n-input .n-input__prefix{margin-right: 4px;}.n-input .n-input__suffix{margin-left: 4px;}.n-input .n-input__suffix, .n-input .n-input__prefix{transition: color .3s var(--n-bezier);flex-wrap: nowrap;flex-shrink: 0;line-height: var(--n-height);white-space: nowrap;display: inline-flex;align-items: center;justify-content: center;color: var(--n-suffix-text-color);}.n-input .n-input__suffix .n-base-loading, .n-input .n-input__prefix .n-base-loading{font-size: var(--n-icon-size);margin: 0 2px;color: var(--n-loading-color);}.n-input .n-input__suffix .n-base-clear, .n-input .n-input__prefix .n-base-clear{font-size: var(--n-icon-size);}.n-input .n-input__suffix .n-base-clear .n-base-clear__placeholder .n-base-icon, .n-input .n-input__prefix .n-base-clear .n-base-clear__placeholder .n-base-icon{transition: color .3s var(--n-bezier);color: var(--n-icon-color);font-size: var(--n-icon-size);}.n-input .n-input__suffix > .n-icon, .n-input .n-input__prefix > .n-icon{transition: color .3s var(--n-bezier);color: var(--n-icon-color);font-size: var(--n-icon-size);}.n-input .n-input__suffix .n-base-icon, .n-input .n-input__prefix .n-base-icon{font-size: var(--n-icon-size);}.n-input .n-input-word-count{pointer-events: none;line-height: 1.5;font-size: .85em;color: var(--n-count-text-color);transition: color .3s var(--n-bezier);margin-left: 4px;font-variant: tabular-nums;}.n-input.n-input--warning-status:not(.n-input--disabled) .n-base-loading{color: var(--n-loading-color-warning)}.n-input.n-input--warning-status:not(.n-input--disabled) .n-input__input-el, .n-input.n-input--warning-status:not(.n-input--disabled) .n-input__textarea-el{caret-color: var(--n-caret-color-warning);}.n-input.n-input--warning-status:not(.n-input--disabled) .n-input__state-border{border: var(--n-border-warning);}.n-input.n-input--warning-status:not(.n-input--disabled):hover .n-input__state-border{border: var(--n-border-hover-warning);}.n-input.n-input--warning-status:not(.n-input--disabled):focus{background-color: var(--n-color-focus-warning);}.n-input.n-input--warning-status:not(.n-input--disabled):focus .n-input__state-border{box-shadow: var(--n-box-shadow-focus-warning);border: var(--n-border-focus-warning);}.n-input.n-input--warning-status:not(.n-input--disabled).n-input--focus{background-color: var(--n-color-focus-warning);}.n-input.n-input--warning-status:not(.n-input--disabled).n-input--focus .n-input__state-border{box-shadow: var(--n-box-shadow-focus-warning);border: var(--n-border-focus-warning);}.n-input.n-input--error-status:not(.n-input--disabled) .n-base-loading{color: var(--n-loading-color-error)}.n-input.n-input--error-status:not(.n-input--disabled) .n-input__input-el, .n-input.n-input--error-status:not(.n-input--disabled) .n-input__textarea-el{caret-color: var(--n-caret-color-error);}.n-input.n-input--error-status:not(.n-input--disabled) .n-input__state-border{border: var(--n-border-error);}.n-input.n-input--error-status:not(.n-input--disabled):hover .n-input__state-border{border: var(--n-border-hover-error);}.n-input.n-input--error-status:not(.n-input--disabled):focus{background-color: var(--n-color-focus-error);}.n-input.n-input--error-status:not(.n-input--disabled):focus .n-input__state-border{box-shadow: var(--n-box-shadow-focus-error);border: var(--n-border-focus-error);}.n-input.n-input--error-status:not(.n-input--disabled).n-input--focus{background-color: var(--n-color-focus-error);}.n-input.n-input--error-status:not(.n-input--disabled).n-input--focus .n-input__state-border{box-shadow: var(--n-box-shadow-focus-error);border: var(--n-border-focus-error);}

/* n-progress */
.n-progress{display: inline-block;}.n-progress .n-progress-icon{color: var(--n-icon-color);transition: color .3s var(--n-bezier);}.n-progress.n-progress--line{width: 100%;display: block;}.n-progress.n-progress--line .n-progress-content{display: flex;align-items: center;}.n-progress.n-progress--line .n-progress-content .n-progress-graph{flex: 1;}.n-progress.n-progress--line .n-progress-custom-content{margin-left: 14px;}.n-progress.n-progress--line .n-progress-icon{width: 30px;padding-left: 14px;height: var(--n-icon-size-line);line-height: var(--n-icon-size-line);font-size: var(--n-icon-size-line);}.n-progress.n-progress--line .n-progress-icon.n-progress-icon--as-text{color: var(--n-text-color-line-outer);text-align: center;width: 40px;font-size: var(--n-font-size);padding-left: 4px;transition: color .3s var(--n-bezier);}.n-progress.n-progress--circle, .n-progress.n-progress--dashboard{width: 120px;}.n-progress.n-progress--circle .n-progress-custom-content, .n-progress.n-progress--dashboard .n-progress-custom-content{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: flex;align-items: center;justify-content: center;}.n-progress.n-progress--circle .n-progress-text, .n-progress.n-progress--dashboard .n-progress-text{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: flex;align-items: center;color: inherit;font-size: var(--n-font-size-circle);color: var(--n-text-color-circle);font-weight: var(--n-font-weight-circle);transition: color .3s var(--n-bezier);white-space: nowrap;}.n-progress.n-progress--circle .n-progress-icon, .n-progress.n-progress--dashboard .n-progress-icon{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: flex;align-items: center;color: var(--n-icon-color);font-size: var(--n-icon-size-circle);}.n-progress.n-progress--multiple-circle{width: 200px;color: inherit;}.n-progress.n-progress--multiple-circle .n-progress-text{font-weight: var(--n-font-weight-circle);color: var(--n-text-color-circle);position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: flex;align-items: center;justify-content: center;transition: color .3s var(--n-bezier);}.n-progress .n-progress-content{position: relative;}.n-progress .n-progress-graph{position: relative;}.n-progress .n-progress-graph .n-progress-graph-circle svg{vertical-align: bottom;}.n-progress .n-progress-graph .n-progress-graph-circle .n-progress-graph-circle-fill{stroke: var(--n-fill-color);transition: opacity .3s var(--n-bezier), stroke .3s var(--n-bezier), stroke-dasharray .3s var(--n-bezier);}.n-progress .n-progress-graph .n-progress-graph-circle .n-progress-graph-circle-fill.n-progress-graph-circle-fill--empty{opacity: 0;}.n-progress .n-progress-graph .n-progress-graph-circle .n-progress-graph-circle-rail{transition: stroke .3s var(--n-bezier);overflow: hidden;stroke: var(--n-rail-color);}.n-progress .n-progress-graph .n-progress-graph-line.n-progress-graph-line--indicator-inside .n-progress-graph-line-rail{height: 16px;line-height: 16px;border-radius: 10px;}.n-progress .n-progress-graph .n-progress-graph-line.n-progress-graph-line--indicator-inside .n-progress-graph-line-rail .n-progress-graph-line-fill{height: inherit;border-radius: 10px;}.n-progress .n-progress-graph .n-progress-graph-line.n-progress-graph-line--indicator-inside .n-progress-graph-line-rail .n-progress-graph-line-indicator{background: #0000;white-space: nowrap;text-align: right;margin-left: 14px;margin-right: 14px;height: inherit;font-size: 12px;color: var(--n-text-color-line-inner);transition: color .3s var(--n-bezier);}.n-progress .n-progress-graph .n-progress-graph-line.n-progress-graph-line--indicator-inside-label{height: 16px;display: flex;align-items: center;}.n-progress .n-progress-graph .n-progress-graph-line.n-progress-graph-line--indicator-inside-label .n-progress-graph-line-rail{flex: 1;transition: background-color .3s var(--n-bezier);}.n-progress .n-progress-graph .n-progress-graph-line.n-progress-graph-line--indicator-inside-label .n-progress-graph-line-indicator{background: var(--n-fill-color);font-size: 12px;transform: translateZ(0);display: flex;vertical-align: middle;height: 16px;line-height: 16px;padding: 0 10px;border-radius: 10px;position: absolute;white-space: nowrap;color: var(--n-text-color-line-inner);transition: right .2s var(--n-bezier), color .3s var(--n-bezier), background-color .3s var(--n-bezier);}.n-progress .n-progress-graph .n-progress-graph-line .n-progress-graph-line-rail{position: relative;overflow: hidden;height: var(--n-rail-height);border-radius: 5px;background-color: var(--n-rail-color);transition: background-color .3s var(--n-bezier);}.n-progress .n-progress-graph .n-progress-graph-line .n-progress-graph-line-rail .n-progress-graph-line-fill{background: var(--n-fill-color);position: relative;border-radius: 5px;height: inherit;width: 100%;max-width: 0%;transition: background-color .3s var(--n-bezier), max-width .2s var(--n-bezier);}.n-progress .n-progress-graph .n-progress-graph-line .n-progress-graph-line-rail .n-progress-graph-line-fill.n-progress-graph-line-fill--processing::after{content: "";background-image: var(--n-line-bg-processing);animation: progress-processing-animation 2s var(--n-bezier) infinite;}@keyframes progress-processing-animation{0%{position: absolute;left: 0;top: 0;bottom: 0;right: 100%;opacity: 1;}66%{position: absolute;left: 0;top: 0;bottom: 0;right: 0;opacity: 0;}100%{position: absolute;left: 0;top: 0;bottom: 0;right: 0;opacity: 0;}}

/* n-layout */
.n-layout{color: var(--n-text-color);background-color: var(--n-color);box-sizing: border-box;position: relative;z-index: auto;flex: auto;overflow: hidden;transition: box-shadow .3s var(--n-bezier), background-color .3s var(--n-bezier), color .3s var(--n-bezier);}.n-layout .n-layout-scroll-container{overflow-x: hidden;box-sizing: border-box;height: 100%;}.n-layout.n-layout--absolute-positioned{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}

/* n-layout-sider */
.n-layout-sider{flex-shrink: 0;box-sizing: border-box;position: relative;z-index: 1;color: var(--n-text-color);transition: color .3s var(--n-bezier), border-color .3s var(--n-bezier), min-width .3s var(--n-bezier), max-width .3s var(--n-bezier), transform .3s var(--n-bezier), background-color .3s var(--n-bezier);background-color: var(--n-color);display: flex;justify-content: flex-end;}.n-layout-sider.n-layout-sider--bordered .n-layout-sider__border{content: "";position: absolute;top: 0;bottom: 0;width: 1px;background-color: var(--n-border-color);transition: background-color .3s var(--n-bezier);}.n-layout-sider .n-layout-sider__left-placement.n-layout-sider__left-placement--bordered .n-layout-sider__border{right: 0;}.n-layout-sider.n-layout-sider--right-placement{justify-content: flex-start;}.n-layout-sider.n-layout-sider--right-placement.n-layout-sider--bordered .n-layout-sider__border{left: 0;}.n-layout-sider.n-layout-sider--right-placement.n-layout-sider--collapsed .n-layout-toggle-button .n-base-icon{transform: rotate(180deg);}.n-layout-sider.n-layout-sider--right-placement.n-layout-sider--collapsed .n-layout-toggle-bar:hover .n-layout-toggle-bar__top{transform: rotate(-12deg) scale(1.15) translateY(-2px);}.n-layout-sider.n-layout-sider--right-placement.n-layout-sider--collapsed .n-layout-toggle-bar:hover .n-layout-toggle-bar__bottom{transform: rotate(12deg) scale(1.15) translateY(2px);}.n-layout-sider.n-layout-sider--right-placement .n-layout-toggle-button{left: 0;transform: translateX(-50%) translateY(-50%);}.n-layout-sider.n-layout-sider--right-placement .n-layout-toggle-button .n-base-icon{transform: rotate(0);}.n-layout-sider.n-layout-sider--right-placement .n-layout-toggle-bar{left: -28px;transform: rotate(180deg);}.n-layout-sider.n-layout-sider--right-placement .n-layout-toggle-bar:hover .n-layout-toggle-bar__top{transform: rotate(12deg) scale(1.15) translateY(-2px);}.n-layout-sider.n-layout-sider--right-placement .n-layout-toggle-bar:hover .n-layout-toggle-bar__bottom{transform: rotate(-12deg) scale(1.15) translateY(2px);}.n-layout-sider.n-layout-sider--collapsed .n-layout-toggle-bar:hover .n-layout-toggle-bar__top{transform: rotate(-12deg) scale(1.15) translateY(-2px);}.n-layout-sider.n-layout-sider--collapsed .n-layout-toggle-bar:hover .n-layout-toggle-bar__bottom{transform: rotate(12deg) scale(1.15) translateY(2px);}.n-layout-sider.n-layout-sider--collapsed .n-layout-toggle-button .n-base-icon{transform: rotate(0);}.n-layout-sider .n-layout-toggle-button{transition: color .3s var(--n-bezier), right .3s var(--n-bezier), left .3s var(--n-bezier), border-color .3s var(--n-bezier), background-color .3s var(--n-bezier);cursor: pointer;width: 24px;height: 24px;position: absolute;top: 50%;right: 0;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 18px;color: var(--n-toggle-button-icon-color);border: var(--n-toggle-button-border);background-color: var(--n-toggle-button-color);box-shadow: 0 2px 4px 0px rgba(0, 0, 0, .06);transform: translateX(50%) translateY(-50%);z-index: 1;}.n-layout-sider .n-layout-toggle-button .n-base-icon{transition: transform .3s var(--n-bezier);transform: rotate(180deg);}.n-layout-sider .n-layout-toggle-bar{cursor: pointer;height: 72px;width: 32px;position: absolute;top: calc(50% - 36px);right: -28px;}.n-layout-sider .n-layout-toggle-bar .n-layout-toggle-bar__top, .n-layout-sider .n-layout-toggle-bar .n-layout-toggle-bar__bottom{position: absolute;width: 4px;border-radius: 2px;height: 38px;left: 14px;transition: background-color .3s var(--n-bezier), transform .3s var(--n-bezier);}.n-layout-sider .n-layout-toggle-bar .n-layout-toggle-bar__bottom{position: absolute;top: 34px;}.n-layout-sider .n-layout-toggle-bar:hover .n-layout-toggle-bar__top{transform: rotate(12deg) scale(1.15) translateY(-2px);}.n-layout-sider .n-layout-toggle-bar:hover .n-layout-toggle-bar__bottom{transform: rotate(-12deg) scale(1.15) translateY(2px);}.n-layout-sider .n-layout-toggle-bar .n-layout-toggle-bar__top, .n-layout-sider .n-layout-toggle-bar .n-layout-toggle-bar__bottom{background-color: var(--n-toggle-bar-color);}.n-layout-sider .n-layout-toggle-bar:hover .n-layout-toggle-bar__top, .n-layout-sider .n-layout-toggle-bar:hover .n-layout-toggle-bar__bottom{background-color: var(--n-toggle-bar-color-hover);}.n-layout-sider .n-layout-sider__border{position: absolute;top: 0;right: 0;bottom: 0;width: 1px;transition: background-color .3s var(--n-bezier);}.n-layout-sider .n-layout-sider-scroll-container{flex-grow: 1;flex-shrink: 0;box-sizing: border-box;height: 100%;opacity: 0;transition: opacity .3s var(--n-bezier);max-width: 100%;}.n-layout-sider.n-layout-sider--show-content .n-layout-sider-scroll-container{opacity: 1;}.n-layout-sider.n-layout-sider--absolute-positioned{position: absolute;left: 0;top: 0;bottom: 0;}

/* n-menu */
.n-menu{background-color: var(--n-color);color: var(--n-item-text-color);overflow: hidden;transition: background-color .3s var(--n-bezier);box-sizing: border-box;font-size: var(--n-font-size);padding-bottom: 6px;}.n-menu.n-menu--horizontal{max-width: 100%;width: 100%;display: flex;overflow: hidden;padding-bottom: 0;}.n-menu.n-menu--horizontal .n-submenu{margin: 0;}.n-menu.n-menu--horizontal .n-menu-item{margin: 0;}.n-menu.n-menu--horizontal .n-menu-item-content{padding: 0 20px;border-bottom: 2px solid #0000;}.n-menu.n-menu--horizontal .n-menu-item-content::before{display: none;}.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--selected{border-bottom: 2px solid var(--n-border-color-horizontal)}.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content__icon{color: var(--n-item-icon-color-active-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header{color: var(--n-item-text-color-active-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header a{color: var(--n-item-text-color-active-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header .n-menu-item-content-header__extra{color: var(--n-item-text-color-active-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--child-active{border-bottom: 2px solid var(--n-border-color-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content-header{color: var(--n-item-text-color-child-active-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content-header a{color: var(--n-item-text-color-child-active-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content-header .n-menu-item-content-header__extra{color: var(--n-item-text-color-child-active-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content__icon{color: var(--n-item-icon-color-child-active-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content__icon{color: var(--n-item-icon-color-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content-header{color: var(--n-item-text-color-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content-header a{color: var(--n-item-text-color-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content-header .n-menu-item-content-header__extra{color: var(--n-item-text-color-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content__icon{color: var(--n-item-icon-color-active-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content-header{color: var(--n-item-text-color-active-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content-header a{color: var(--n-item-text-color-active-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content-header .n-menu-item-content-header__extra{color: var(--n-item-text-color-active-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content__icon{color: var(--n-item-icon-color-active-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content-header{color: var(--n-item-text-color-active-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content-header a{color: var(--n-item-text-color-active-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content-header .n-menu-item-content-header__extra{color: var(--n-item-text-color-active-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content__icon{color: var(--n-item-icon-color-child-active-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content-header{color: var(--n-item-text-color-child-active-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content-header a{color: var(--n-item-text-color-child-active-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content-header .n-menu-item-content-header__extra{color: var(--n-item-text-color-child-active-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content__icon{color: var(--n-item-icon-color-child-active-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content-header{color: var(--n-item-text-color-child-active-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content-header a{color: var(--n-item-text-color-child-active-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content-header .n-menu-item-content-header__extra{color: var(--n-item-text-color-child-active-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover{border-bottom: 2px solid var(--n-border-color-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content__icon{color: var(--n-item-icon-color-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content-header{color: var(--n-item-text-color-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content-header a{color: var(--n-item-text-color-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content-header .n-menu-item-content-header__extra{color: var(--n-item-text-color-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):hover{border-bottom: 2px solid var(--n-border-color-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content__icon{color: var(--n-item-icon-color-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content-header{color: var(--n-item-text-color-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content-header a{color: var(--n-item-text-color-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content-header .n-menu-item-content-header__extra{color: var(--n-item-text-color-hover-horizontal);}.n-menu.n-menu--horizontal .n-menu-item-content .n-menu-item-content-header a{color: var(--n-item-text-color-horizontal);}.n-menu:not(.n-menu--responsive) .n-menu-item-content-header{overflow: hidden;text-overflow: ellipsis;}.n-menu.n-menu--collapsed .n-menu-item-content.n-menu-item-content--selected::before{background-color: var(--n-item-color-active-collapsed) !important;}.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content-header{opacity: 0;}.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content__arrow{opacity: 0;}.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content__icon{color: var(--n-item-icon-color-collapsed);}.n-menu .n-menu-item{height: var(--n-item-height);margin-top: 6px;position: relative;}.n-menu .n-menu-item-content{box-sizing: border-box;line-height: 1.75;height: 100%;display: grid;grid-template-areas: "icon content arrow";grid-template-columns: auto 1fr auto;align-items: center;cursor: pointer;position: relative;padding-right: 18px;transition: background-color .3s var(--n-bezier), padding-left .3s var(--n-bezier), border-color .3s var(--n-bezier);}.n-menu .n-menu-item-content > *{z-index: 1;}.n-menu .n-menu-item-content::before{z-index: auto;content: "";background-color: #0000;position: absolute;left: 8px;right: 8px;top: 0;bottom: 0;pointer-events: none;border-radius: var(--n-border-radius);transition: background-color .3s var(--n-bezier);}.n-menu .n-menu-item-content.n-menu-item-content--disabled{opacity: .45;cursor: not-allowed;}.n-menu .n-menu-item-content.n-menu-item-content--collapsed .n-menu-item-content__arrow{transform: rotate(0);}.n-menu .n-menu-item-content.n-menu-item-content--selected::before{background-color: var(--n-item-color-active);}.n-menu .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content__arrow{color: var(--n-arrow-color-active);}.n-menu .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content__icon{color: var(--n-item-icon-color-active);}.n-menu .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header{color: var(--n-item-text-color-active);}.n-menu .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header a{color: var(--n-item-text-color-active);}.n-menu .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header .n-menu-item-content-header__extra{color: var(--n-item-text-color-active);}.n-menu .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content-header{color: var(--n-item-text-color-child-active);}.n-menu .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content-header a{color: var(--n-item-text-color-child-active);}.n-menu .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content-header .n-menu-item-content-header__extra{color: var(--n-item-text-color-child-active);}.n-menu .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content__arrow{color: var(--n-arrow-color-child-active);}.n-menu .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content__icon{color: var(--n-item-icon-color-child-active);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within::before{background-color: var(--n-item-color-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content__arrow{color: var(--n-arrow-color-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content__icon{color: var(--n-item-icon-color-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content-header{color: var(--n-item-text-color-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content-header a{color: var(--n-item-text-color-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content-header .n-menu-item-content-header__extra{color: var(--n-item-text-color-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content__arrow{color: var(--n-arrow-color-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content__icon{color: var(--n-item-icon-color-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content-header{color: var(--n-item-text-color-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content-header a{color: var(--n-item-text-color-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content-header .n-menu-item-content-header__extra{color: var(--n-item-text-color-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content__arrow{color: var(--n-arrow-color-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content__icon{color: var(--n-item-icon-color-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content-header{color: var(--n-item-text-color-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content-header a{color: var(--n-item-text-color-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content-header .n-menu-item-content-header__extra{color: var(--n-item-text-color-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content__arrow{color: var(--n-arrow-color-child-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content__icon{color: var(--n-item-icon-color-child-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content-header{color: var(--n-item-text-color-child-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content-header a{color: var(--n-item-text-color-child-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content-header .n-menu-item-content-header__extra{color: var(--n-item-text-color-child-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content__arrow{color: var(--n-arrow-color-child-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content__icon{color: var(--n-item-icon-color-child-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content-header{color: var(--n-item-text-color-child-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content-header a{color: var(--n-item-text-color-child-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content-header .n-menu-item-content-header__extra{color: var(--n-item-text-color-child-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover::before{background-color: var(--n-item-color-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover::before{background-color: var(--n-item-color-active-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover::before{background-color: var(--n-item-color-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content__arrow{color: var(--n-arrow-color-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content__icon{color: var(--n-item-icon-color-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content-header{color: var(--n-item-text-color-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content-header a{color: var(--n-item-text-color-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content-header .n-menu-item-content-header__extra{color: var(--n-item-text-color-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):hover::before{background-color: var(--n-item-color-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content__arrow{color: var(--n-arrow-color-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content__icon{color: var(--n-item-icon-color-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content-header{color: var(--n-item-text-color-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content-header a{color: var(--n-item-text-color-hover);}.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content-header .n-menu-item-content-header__extra{color: var(--n-item-text-color-hover);}.n-menu .n-menu-item-content .n-menu-item-content__icon{grid-area: icon;color: var(--n-item-icon-color);transition: color .3s var(--n-bezier), font-size .3s var(--n-bezier), margin-right .3s var(--n-bezier);box-sizing: content-box;display: inline-flex;align-items: center;justify-content: center;}.n-menu .n-menu-item-content .n-menu-item-content__arrow{grid-area: arrow;font-size: 16px;color: var(--n-arrow-color);transform: rotate(180deg);opacity: 1;transition: color .3s var(--n-bezier), transform 0.2s var(--n-bezier), opacity 0.2s var(--n-bezier);}.n-menu .n-menu-item-content .n-menu-item-content-header{grid-area: content;transition: color .3s var(--n-bezier), opacity .3s var(--n-bezier);opacity: 1;white-space: nowrap;color: var(--n-item-text-color);}.n-menu .n-menu-item-content .n-menu-item-content-header a{outline: none;text-decoration: none;transition: color .3s var(--n-bezier);color: var(--n-item-text-color);}.n-menu .n-menu-item-content .n-menu-item-content-header a::before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;}.n-menu .n-menu-item-content .n-menu-item-content-header .n-menu-item-content-header__extra{font-size: .93em;color: var(--n-group-text-color);transition: color .3s var(--n-bezier);}.n-menu .n-submenu{cursor: pointer;position: relative;margin-top: 6px;}.n-menu .n-submenu .n-menu-item-content{height: var(--n-item-height);}.n-menu .n-submenu .n-submenu-children{overflow: hidden;padding: 0;}.n-menu .n-submenu .n-submenu-children.fade-in-height-expand-transition-leave-from, .n-menu .n-submenu .n-submenu-children.fade-in-height-expand-transition-enter-to{opacity: 1;}.n-menu .n-submenu .n-submenu-children.fade-in-height-expand-transition-leave-to, .n-menu .n-submenu .n-submenu-children.fade-in-height-expand-transition-enter-from{opacity: 0;margin-top: 0 !important;margin-bottom: 0 !important;}.n-menu .n-submenu .n-submenu-children.fade-in-height-expand-transition-leave-active{overflow: hidden;transition: max-height .2s cubic-bezier(.4, 0, .2, 1) 0s, opacity .2s cubic-bezier(0, 0, .2, 1) 0s, margin-top .2s cubic-bezier(.4, 0, .2, 1) 0s, margin-bottom .2s cubic-bezier(.4, 0, .2, 1) 0s, padding-top .2s cubic-bezier(.4, 0, .2, 1) 0s, padding-bottom .2s cubic-bezier(.4, 0, .2, 1) 0s}.n-menu .n-submenu .n-submenu-children.fade-in-height-expand-transition-enter-active{overflow: hidden;transition: max-height .2s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, 1, 1), margin-top .2s cubic-bezier(.4, 0, .2, 1), margin-bottom .2s cubic-bezier(.4, 0, .2, 1), padding-top .2s cubic-bezier(.4, 0, .2, 1), padding-bottom .2s cubic-bezier(.4, 0, .2, 1)}.n-menu .n-menu-item-group .n-menu-item-group-title{margin-top: 6px;color: var(--n-group-text-color);cursor: default;font-size: .93em;height: 36px;display: flex;align-items: center;transition: padding-left .3s var(--n-bezier), color .3s var(--n-bezier);}.n-menu-tooltip a{color: inherit;text-decoration: none;}.n-menu-divider{transition: background-color .3s var(--n-bezier);background-color: var(--n-divider-color);height: 1px;margin: 6px 18px;}

/* n-dropdown */
.n-dropdown-menu{transform-origin: var(--v-transform-origin);background-color: var(--n-color);border-radius: var(--n-border-radius);box-shadow: var(--n-box-shadow);position: relative;transition: background-color .3s var(--n-bezier), box-shadow .3s var(--n-bezier);}.n-dropdown-menu.fade-in-scale-up-transition-leave-active{transform-origin: inherit;transition: opacity .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1) ;}.n-dropdown-menu.fade-in-scale-up-transition-enter-active{transform-origin: inherit;transition: opacity .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1) ;}.n-dropdown-menu.fade-in-scale-up-transition-enter-from, .n-dropdown-menu.fade-in-scale-up-transition-leave-to{opacity: 0;transform: scale(.9);}.n-dropdown-menu.fade-in-scale-up-transition-leave-from, .n-dropdown-menu.fade-in-scale-up-transition-enter-to{opacity: 1;transform: scale(1);}.n-dropdown-menu .n-dropdown-option{position: relative;}.n-dropdown-menu .n-dropdown-option a{text-decoration: none;color: inherit;outline: none;}.n-dropdown-menu .n-dropdown-option a::before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body{display: flex;cursor: pointer;position: relative;height: var(--n-option-height);line-height: var(--n-option-height);font-size: var(--n-font-size);color: var(--n-option-text-color);transition: color .3s var(--n-bezier);}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body::before{content: "";position: absolute;top: 0;bottom: 0;left: 4px;right: 4px;transition: background-color .3s var(--n-bezier);border-radius: var(--n-border-radius);}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--pending{color: var(--n-option-text-color-hover);}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--pending .n-dropdown-option-body__prefix, .n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--pending .n-dropdown-option-body__suffix{color: var(--n-option-text-color-hover);}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--pending::before{background-color: var(--n-option-color-hover);}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--active{color: var(--n-option-text-color-active);}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--active .n-dropdown-option-body__prefix, .n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--active .n-dropdown-option-body__suffix{color: var(--n-option-text-color-active);}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--active::before{background-color: var(--n-option-color-active);}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--child-active{color: var(--n-option-text-color-child-active);}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--child-active .n-dropdown-option-body__prefix, .n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(.n-dropdown-option-body--disabled).n-dropdown-option-body--child-active .n-dropdown-option-body__suffix{color: var(--n-option-text-color-child-active);}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body.n-dropdown-option-body--disabled{cursor: not-allowed;opacity: var(--n-option-opacity-disabled);}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body.n-dropdown-option-body--group{font-size: calc(var(--n-font-size) - 1px);color: var(--n-group-header-text-color);}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body.n-dropdown-option-body--group .n-dropdown-option-body__prefix{width: calc(var(--n-option-prefix-width) / 2);}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body.n-dropdown-option-body--group .n-dropdown-option-body__prefix.n-dropdown-option-body__prefix--show-icon{width: calc(var(--n-option-icon-prefix-width) / 2);}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__prefix{width: var(--n-option-prefix-width);display: flex;justify-content: center;align-items: center;color: var(--n-prefix-color);transition: color .3s var(--n-bezier);z-index: 1;}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__prefix.n-dropdown-option-body__prefix--show-icon{width: var(--n-option-icon-prefix-width);}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__prefix .n-icon{font-size: var(--n-option-icon-size);}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__label{white-space: nowrap;flex: 1;z-index: 1;}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__suffix{box-sizing: border-box;flex-grow: 0;flex-shrink: 0;display: flex;justify-content: flex-end;align-items: center;min-width: var(--n-option-suffix-width);padding: 0 8px;transition: color .3s var(--n-bezier);color: var(--n-suffix-color);z-index: 1;}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__suffix.n-dropdown-option-body__suffix--has-submenu{width: var(--n-option-icon-suffix-width);}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__suffix .n-icon{font-size: var(--n-option-icon-size);}.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-menu{pointer-events: all;}.n-dropdown-menu .n-dropdown-option .n-dropdown-offset-container{pointer-events: none;position: absolute;left: 0;right: 0;top: -4px;bottom: -4px;}.n-dropdown-menu .n-dropdown-divider{transition: background-color .3s var(--n-bezier);background-color: var(--n-divider-color);height: 1px;margin: 4px 0;}.n-dropdown-menu .n-dropdown-menu-wrapper{transform-origin: var(--v-transform-origin);width: fit-content;}.n-dropdown-menu > .n-scrollbar{height: inherit;max-height: inherit;}.n-dropdown-menu:not(.n-dropdown-menu--scrollable){padding: var(--n-padding);}.n-dropdown-menu.n-dropdown-menu--scrollable .n-dropdown-menu__content{padding: var(--n-padding);}

/* n-affix */
.n-affix.n-affix--affixed{position: fixed;}.n-affix.n-affix--affixed.n-affix--absolute-positioned{position: absolute;}

/* n-button-group */
.n-button-group{flex-wrap: nowrap;display: inline-flex;position: relative;}.n-button-group:not(.n-button-group--vertical){flex-direction: row;}.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button:first-child:not(:last-child){margin-right: 0!important;border-top-right-radius: 0!important;border-bottom-right-radius: 0!important;}.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button:last-child:not(:first-child){margin-left: 0!important;border-top-left-radius: 0!important;border-bottom-left-radius: 0!important;}.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button:not(:first-child):not(:last-child){margin-left: 0!important;margin-right: 0!important;border-radius: 0!important;}.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--default-type + .n-button.n-button--default-type .n-button__border{border-left-width: 0!important;}.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--default-type + .n-button.n-button--default-type .n-button__state-border{left: -1px!important;}.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--primary-type + .n-button.n-button--primary-type .n-button__border{border-left-width: 0!important;}.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--primary-type + .n-button.n-button--primary-type .n-button__state-border{left: -1px!important;}.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--info-type + .n-button.n-button--info-type .n-button__border{border-left-width: 0!important;}.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--info-type + .n-button.n-button--info-type .n-button__state-border{left: -1px!important;}.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--success-type + .n-button.n-button--success-type .n-button__border{border-left-width: 0!important;}.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--success-type + .n-button.n-button--success-type .n-button__state-border{left: -1px!important;}.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--warning-type + .n-button.n-button--warning-type .n-button__border{border-left-width: 0!important;}.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--warning-type + .n-button.n-button--warning-type .n-button__state-border{left: -1px!important;}.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--error-type + .n-button.n-button--error-type .n-button__border{border-left-width: 0!important;}.n-button-group:not(.n-button-group--vertical):not(.n-button-group--rtl) .n-button.n-button--ghost.n-button--error-type + .n-button.n-button--error-type .n-button__state-border{left: -1px!important;}.n-button-group.n-button-group--vertical{flex-direction: column;}.n-button-group.n-button-group--vertical .n-button:first-child:not(:last-child){margin-bottom: 0!important;margin-left: 0!important;margin-right: 0!important;border-bottom-left-radius: 0!important;border-bottom-right-radius: 0!important;}.n-button-group.n-button-group--vertical .n-button:last-child:not(:first-child){margin-top: 0!important;margin-left: 0!important;margin-right: 0!important;border-top-left-radius: 0!important;border-top-right-radius: 0!important;}.n-button-group.n-button-group--vertical .n-button:not(:first-child):not(:last-child){margin: 0!important;border-radius: 0!important;}.n-button-group.n-button-group--vertical .n-button.n-button--default-type + .n-button.n-button--default-type .n-button__border{border-top-width: 0!important;}.n-button-group.n-button-group--vertical .n-button.n-button--default-type + .n-button.n-button--default-type .n-button__state-border{top: -1px!important;}.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--primary-type + .n-button.n-button--primary-type .n-button__border{border-top-width: 0!important;}.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--primary-type + .n-button.n-button--primary-type .n-button__state-border{top: -1px!important;}.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--info-type + .n-button.n-button--info-type .n-button__border{border-top-width: 0!important;}.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--info-type + .n-button.n-button--info-type .n-button__state-border{top: -1px!important;}.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--success-type + .n-button.n-button--success-type .n-button__border{border-top-width: 0!important;}.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--success-type + .n-button.n-button--success-type .n-button__state-border{top: -1px!important;}.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--warning-type + .n-button.n-button--warning-type .n-button__border{border-top-width: 0!important;}.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--warning-type + .n-button.n-button--warning-type .n-button__state-border{top: -1px!important;}.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--error-type + .n-button.n-button--error-type .n-button__border{border-top-width: 0!important;}.n-button-group.n-button-group--vertical .n-button.n-button--ghost.n-button--error-type + .n-button.n-button--error-type .n-button__state-border{top: -1px!important;}



/* salong-theme-css */
body.dark{--salong-color-main: #008efb;--salong-color-hover: #014ec1;--salong-color-title: #FFFFFF;--salong-color-text: #b3bdd3;--salong-color-meta: #565E75;--salong-color-border: #1C2032;--salong-color-bg: #141828;--salong-bg-body: #111219;--salong-bg-module: #171B2C;--salong-bg-footer: #171B2C;--salong-color-content-post: #b3bdd3;--salong-color-content-post-a: #008efb;--salong-color-content-post-a-hover: #014ec1;--salong-popup-bg: rgba(0,15,30,.8);--salong-popup-blur: 10px;--salong-category-panel-bg: #171B2C;--salong-category-panel-fir: #b3bdd3;--salong-category-panel-sec: #5b6b82;--salong-category-panel-border: rgba(0,0,0,0.2);--plyr-color-main: #008efb;--plyr-audio-border: 1px solid #1C2032;--plyr-audio-controls-background: #171B2C;--plyr-audio-control-color: #b3bdd3;--salong-message-info-bg: rgba(56, 137, 197, 0.25);--salong-message-info-border: rgba(56, 137, 197, 0.35);--salong-message-info-color: rgb(56, 137, 197);--salong-message-success-bg: rgba(42, 148, 125, 0.25);--salong-message-success-border: rgba(42, 148, 125, 0.35);--salong-message-success-color: rgb(42, 148, 125);--salong-message-warning-bg: rgba(240, 138, 0, 0.25);--salong-message-warning-border: rgba(240, 138, 0, 0.35);--salong-message-warning-color: rgb(240, 138, 0);--salong-message-error-bg: rgba(208, 58, 82, 0.25);--salong-message-error-border: rgba(208, 58, 82, 0.35);--salong-message-error-color: rgb(208, 58, 82);}:root{--salong-small-font-size: 11px;--salong-small-line-height: 23px;--salong-default-font-size: 12px;--salong-default-line-height: 24px;--salong-medium-font-size: 13px;--salong-medium-line-height: 25px;--salong-large-font-size: 16px;--salong-large-line-height: 28px;--salong-huge-font-size: 18px;--salong-huge-line-height: 30px;--salong-wrapper-width: 1200px;--salong-module-radius: 6px;--salong-button-radius: 4px;--salong-input-radius: 4px;--salong-color-price: #f30;--salong-color-menu-transparent-color: #B1C1E8;--salong-border-before-image-color: rgba(255, 255, 255, 0.1);--salong-color-rate-0: #edd268;--salong-color-rate-1: #F7BA2A;--salong-color-rate-2: #FF9900;--salong-color-image-before-title: #fff;--salong-color-image-before-subtitle: #d5dde5;--salong-color-image-before-desc: #99A9BF;--salong-body-font-size: 12px;--salong-body-line-height: 24px;--salong-nav-menu-font-size: 14px;--salong-nav-menu-line-height: 26px;--salong-module-title-font-size: 24px;--salong-module-title-line-height: 32px;--salong-excerpt-font-size: 13px;--salong-excerpt-line-height: 28px;--salong-post-content-pc-font-size: 14px;--salong-post-content-pc-line-height: 32px;--salong-post-content-mobile-font-size: 13px;--salong-post-content-mobile-line-height: 28px;--salong-h1-font-size: 26px;--salong-h1-line-height: 36px;--salong-h2-font-size: 18px;--salong-h2-line-height: 32px;--salong-h3-font-size: 16px;--salong-h3-line-height: 28px;--salong-h4-font-size: 14px;--salong-h4-line-height: 24px;--salong-h5-font-size: 13px;--salong-h5-line-height: 20px;--salong-h6-font-size: 12px;--salong-h6-line-height: 18px;--salong-color-main: #008efb;--salong-color-hover: #014ec1;--salong-color-title: #0E172B;--salong-color-text: #62748E;--salong-color-meta: #9AA7B9;--salong-color-border: #EFF5FF;--salong-color-bg: #f8fafc;--salong-bg-body: #F8F9FC;--salong-bg-module: #fff;--salong-bg-footer: #fff;--salong-color-content-post: #62748E;--salong-color-content-post-a: #008efb;--salong-color-content-post-a-hover: #014ec1;--salong-popup-bg: rgba(0,15,30,.8);--salong-popup-blur: 10px;--salong-category-panel-bg: #242F40;--salong-category-panel-fir: #9AA7B9;--salong-category-panel-sec: #5b6b82;--salong-category-panel-border: rgba(255,255,255,0.08);--plyr-color-main: #008efb;--plyr-audio-border: 1px solid #EFF5FF;--plyr-audio-controls-background: #fff;--plyr-audio-control-color: #62748E;--salong-message-info-bg: rgba(237, 245, 254, 1);--salong-message-info-border: rgba(199, 223, 251, 1);--salong-message-info-color: #2080f0;--salong-message-success-bg: rgba(237, 247, 242, 1);--salong-message-success-border: rgba(197, 231, 213, 1);--salong-message-success-color: #18a058;--salong-message-warning-bg: rgba(254, 247, 237, 1);--salong-message-warning-border: rgba(250, 247, 237, 1);--salong-message-warning-color: #f0a020;--salong-message-error-bg: rgba(251, 238, 241, 1);--salong-message-error-border: rgba(243, 238, 241, 1);--salong-message-error-color: #d03050;}
/* Static interaction controls */
.static-swiper { position: relative; }
.static-swiper-viewport { overflow: hidden; width: 100%; }
.static-swiper-track { display: flex !important; flex-wrap: nowrap !important; transition: transform .45s cubic-bezier(.4,0,.2,1); will-change: transform; }
.static-swiper-track > * { flex-shrink: 0 !important; min-width: 0; }
.static-swiper-arrow {
  position: absolute; z-index: 70; top: 50%; width: 34px; height: 34px; border: 0;
  border-radius: 10px; transform: translateY(-50%); cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--n-arrow-color, #fff); background: rgba(15,23,42,.36);
  backdrop-filter: blur(10px); box-shadow: 0 10px 24px rgba(15,23,42,.18);
  transition: opacity .2s ease, background-color .2s ease, transform .2s ease;
}
.static-swiper-arrow:hover { background: rgba(0,142,251,.8); transform: translateY(-50%) scale(1.04); }
.static-swiper-arrow.is-prev { left: 10px; }
.static-swiper-arrow.is-next { right: 10px; }
section[id^="article-"] > .static-swiper-arrow.is-prev { left: -17px; }
section[id^="article-"] > .static-swiper-arrow.is-next { right: -17px; }
.static-swiper-arrow[disabled] { opacity: .32; cursor: not-allowed; transform: translateY(-50%); }
.static-swiper-arrow svg { width: 18px; height: 18px; }
.static-swiper-dots { display: flex; gap: 8px; align-items: center; justify-content: center; margin-top: 18px; }
.static-swiper-dots button {
  width: 16px; height: 8px; border: 0; border-radius: 999px; padding: 0;
  background: rgba(148,163,184,.42); cursor: pointer; transition: width .2s ease, background-color .2s ease;
}
.static-swiper-dots button.active { width: 26px; background: var(--color-main, #008efb); }
@media (max-width: 960px) {
  section[id^="article-"] > .static-swiper-arrow.is-prev { left: 6px; }
  section[id^="article-"] > .static-swiper-arrow.is-next { right: 6px; }
}

/* Static homepage interactions */
.static-carousel-shell { width: 100%; position: relative; display: block; overflow: visible; }
.static-carousel { width: 100%; min-width: 0; height: auto; overflow: hidden; position: relative; }
.static-carousel .static-carousel-track { display: flex !important; flex-wrap: nowrap !important; align-items: stretch; justify-content: flex-start !important; gap: 0 !important; column-gap: 0 !important; row-gap: 0 !important; height: auto !important; will-change: transform; }
.static-carousel .n-carousel__slide { height: auto !important; min-width: 0; overflow: visible !important; }
.static-carousel .n-carousel__slide > * { height: 100%; }
.static-carousel .static-carousel-dots { position: static !important; transform: none !important; margin-top: 18px; justify-content: center; }
.static-carousel .n-carousel__dots.n-carousel__dots--line .n-carousel__dot { margin: 0 4px; background: rgba(148,163,184,.42); }
.static-carousel .n-carousel__dots.n-carousel__dots--line .n-carousel__dot.n-carousel__dot--active { background: var(--salong-color-main, #008efb); }
.static-carousel-shell > .static-carousel-arrow { position: absolute; top: var(--static-carousel-arrow-top, 50%); z-index: 6; width: 36px; height: 36px; border: 1px solid rgba(0,0,0,.06); border-radius: 50%; display: inline-flex !important; align-items: center; justify-content: center; padding: 0; color: var(--salong-color-text, #62748E); background: rgba(255,255,255,.92); box-shadow: 0 2px 8px rgba(0,0,0,.06); cursor: pointer; transform: translateY(-50%); transition: background-color .25s ease, color .25s ease, transform .2s ease, opacity .25s ease; opacity: 1 !important; visibility: visible !important; }
.static-carousel-shell > .static-carousel-arrow-prev { left: -48px; }
.static-carousel-shell > .static-carousel-arrow-next { right: -48px; }
.static-carousel-shell > .static-carousel-arrow:hover { color: var(--salong-color-main, #008efb); background: #fff; transform: translateY(-50%) scale(1.04); }
.static-carousel-shell > .static-carousel-arrow:active { transform: translateY(-50%) scale(.94); }
#notice-1756015495794 .static-carousel { padding-bottom: 0; }
#notice-1756015495794 .n-carousel__slide { display: flex; align-items: center; }
#services-list .service .icon-category,
#services-list .service .icon-post_date,
#services-list .service .icon-like_count,
#services-list .service .icon-collect_count,
#services-list .service .icon-view_count { display: none !important; }
#services-list .service .flex.gap-2.flex-wrap.flex-1.color-meta { display: none !important; }
#nested-1749716653047 { background-color: #fff; }
#link-1749716648790 { background-color: #F8F9FC; box-shadow: none !important; }
.static-home-pagination { --n-prefix-margin: 0 8px 0 0; --n-suffix-margin: 0 0 0 8px; --n-item-font-size: 12px; --n-select-width: unset; --n-select-margin: 0 0 0 8px; --n-input-width: 60px; --n-input-margin: 0 0 0 8px; --n-input-margin-rtl: 0 8px 0 0; --n-item-size: 30px; --n-item-text-color: #62748E; --n-item-text-color-disabled: #9AA7B9; --n-item-text-color-hover: #014ec1; --n-item-text-color-active: #008efb; --n-item-text-color-pressed: #0369a1; --n-item-color: #0000; --n-item-color-hover: #0000; --n-item-color-disabled: #f8fafc; --n-item-color-active: #0000; --n-item-color-active-hover: #0000; --n-item-color-pressed: #0000; --n-item-border: 1px solid #0000; --n-item-border-hover: 1px solid #0000; --n-item-border-disabled: 1px solid #EFF5FF; --n-item-border-active: 1px solid #008efb; --n-item-border-pressed: 1px solid #0000; --n-item-padding: 0 4px; --n-item-border-radius: 3px; --n-bezier: cubic-bezier(.4, 0, .2, 1); --n-jumper-font-size: 12px; --n-jumper-text-color: #62748E; --n-jumper-text-color-disabled: #9AA7B9; --n-item-margin: 0 0 0 8px; --n-item-margin-rtl: 0 8px 0 0; --n-button-icon-size: 16px; --n-button-icon-color: #62748E; --n-button-icon-color-hover: #62748E; --n-button-icon-color-pressed: #62748E; --n-button-color-hover: #0000; --n-button-color: #0000; --n-button-color-pressed: #0000; --n-button-border: 1px solid #EFF5FF; --n-button-border-hover: 1px solid #EFF5FF; --n-button-border-pressed: 1px solid #EFF5FF; }
.static-home-pagination a { text-decoration: none; }

#select-1749716655577 { background: #F8F9FC; }
#select-1749716655577 > .wrapper { width: min(calc(100% - 120px), 1320px); max-width: 1320px; }
#select-1749716655577 .static-carousel-shell { overflow: visible; }
#select-1749716655577 .static-carousel { overflow: hidden; padding: 4px 0 6px; }
#select-1749716655577 .static-carousel .n-carousel__slide > * { height: 100%; }
#select-1749716655577 #whys-list { overflow: visible; }
#select-1749716655577 #whys-list > section,
#select-1749716655577 .n-carousel__slide > section { min-height: 112px; width: 100%; background: #fff; border-color: #EFF5FF !important; box-shadow: none; }
#select-1749716655577 #whys-list > section:hover,
#select-1749716655577 .n-carousel__slide > section:hover { box-shadow: 0 10px 28px rgba(15, 23, 42, .06); }
#select-1749716655577 #whys-list > section,
#select-1749716655577 .n-carousel__slide > section { padding: 24px 26px !important; gap: 16px !important; }
#select-1749716655577 #whys-list > section > span,
#select-1749716655577 .n-carousel__slide > section > span { width: 56px !important; height: 56px !important; flex: 0 0 56px; background: rgba(34, 197, 94, .08); border-radius: 6px; margin: 0 !important; }
#select-1749716655577 #whys-list > section > span img,
#select-1749716655577 .n-carousel__slide > section > span img { width: 28px !important; height: 28px !important; object-fit: contain; }
#select-1749716655577 #whys-list h3 { margin: 0; font-size: 15px; line-height: 24px; font-weight: 700; }
#select-1749716655577 #whys-list p { margin: 0; font-size: 13px; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

#evaluation-1749716648900 { background: #fff; box-shadow: none !important; }
#evaluation-1749716648900 .salong-testimonials-inner { width: min(calc(100% - 120px), 1320px); max-width: 1320px; gap: 32px !important; }
#evaluation-1749716648900 .salong-testimonials-head { align-items: flex-end; }
#evaluation-1749716648900 .salong-testimonials-head .module-title { font-size: 24px; line-height: 32px; font-weight: 400; letter-spacing: 0; }
#evaluation-1749716648900 .salong-testimonials-head .color-meta { font-size: 12px; line-height: 24px; }
#evaluation-1749716648900 .salong-testimonials-body { position: relative; }
#evaluation-1749716648900 .salong-testimonials-list { overflow: visible !important; border-radius: 0; }
#evaluation-1749716648900 .carousel-wrapper { position: relative; display: block; width: 100%; gap: 0; overflow: visible; }
#evaluation-1749716648900 .carousel-host { width: 100%; display: block !important; overflow: hidden !important; flex: none; padding: 8px 0 6px; margin: -8px 0 -6px; }
#evaluation-1749716648900 .carousel-track { display: flex !important; flex-wrap: nowrap !important; align-items: stretch; }
#evaluation-1749716648900 .carousel-slide { min-width: 0; flex-shrink: 0; }
#evaluation-1749716648900 .carousel-slide > * { height: 100%; }
#evaluation-1749716648900 .carousel-page { flex: 0 0 100%; min-width: 0; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; }
#evaluation-1749716648900 .carousel-arrow { position: absolute; top: 50%; width: 36px; height: 36px; border: 0; border-radius: 50%; background: transparent; box-shadow: none; color: #cbd5e1; transform: translateY(-50%); z-index: 8; }
#evaluation-1749716648900 .carousel-arrow:hover { color: var(--salong-color-main, #008efb); background: transparent; }
#evaluation-1749716648900 .carousel-prev { left: -52px; }
#evaluation-1749716648900 .carousel-next { right: -52px; }
#evaluation-1749716648900 .carousel-arrow:disabled { opacity: .28; pointer-events: none; }
#evaluation-1749716648900 .carousel-dots { display: flex; justify-content: center; align-items: center; margin-top: 16px; gap: 8px; }
#evaluation-1749716648900 .carousel-dot { width: 8px; height: 8px; border-radius: 50%; background: #cbd5e1; }
#evaluation-1749716648900 .carousel-dot.active { width: 8px; background: var(--salong-color-main, #008efb); }
#evaluation-1749716648900 .salong-testimonial-card { min-height: 380px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 26px 40px 24px; text-align: center; color: inherit; cursor: default; box-shadow: none; transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
#evaluation-1749716648900 .salong-testimonial-card:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(15, 23, 42, .06); }
#evaluation-1749716648900 .salong-testimonial-avatar { width: 120px; height: 120px; display: grid; place-items: center; border: 6px solid #EFF5FF; border-radius: 50%; overflow: hidden; margin: 0 auto 18px; background: #fff; }
#evaluation-1749716648900 .salong-testimonial-avatar-inner { width: 100%; height: 100%; display: grid; place-items: center; border-radius: 50%; overflow: hidden; }
#evaluation-1749716648900 .salong-testimonial-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
#evaluation-1749716648900 .salong-testimonial-content { width: 100%; min-width: 0; display: flex; flex-direction: column; align-items: center; }
#evaluation-1749716648900 .salong-testimonial-person { display: flex; flex-direction: column; align-items: center; gap: 4px; }
#evaluation-1749716648900 .salong-testimonial-person h4 { font-size: 14px; line-height: 24px; font-weight: 700; margin: 0; }
#evaluation-1749716648900 .salong-testimonial-location,
#evaluation-1749716648900 .salong-testimonial-role { font-size: 12px; line-height: 24px; }
#evaluation-1749716648900 .salong-testimonial-quote { margin-top: 24px; font-size: 13px; line-height: 28px; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

.jump-button { fill: var(--salong-bg-module, #fff); margin-bottom: -1px; }
.jump-button svg { width: 90px; fill: var(--salong-bg-module, #fff); filter: drop-shadow(0 -4px 14px rgba(15,23,42,.16)); animation: static-scroll-left-right 1.5s infinite; }
@keyframes static-scroll-left-right {
  0%, 100% { transform: translate(0); }
  50% { transform: translate(6px); }
}

.scroll-nav { transition: left .2s ease, transform .2s ease; }
.scroll-nav.static-nav-open,
.scroll-nav:hover { left: 12px !important; }
.scroll-nav .n-layout-sider { transition: max-width .2s ease, width .2s ease; }
.scroll-nav.static-nav-open .n-layout-sider,
.scroll-nav:hover .n-layout-sider { max-width: 200px !important; }
.scroll-nav.static-nav-open .n-menu.n-menu--collapsed .n-menu-item-content-header,
.scroll-nav.static-nav-open .n-menu.n-menu--collapsed .n-menu-item-content__arrow,
.scroll-nav:hover .n-menu.n-menu--collapsed .n-menu-item-content-header,
.scroll-nav:hover .n-menu.n-menu--collapsed .n-menu-item-content__arrow { opacity: 1; }
.scroll-nav .n-menu-item-content--selected::before { background-color: rgba(0,142,251,.1) !important; }
.scroll-nav .n-menu-item-content--selected .n-menu-item-content-header,
.scroll-nav .n-menu-item-content--selected .n-menu-item-content__icon { color: var(--salong-color-main, #008efb) !important; }

.static-modal { position: fixed; inset: 0; z-index: 120; display: none; align-items: center; justify-content: center; padding: 24px; }
.static-modal.is-open { display: flex; }
.static-modal-mask { position: absolute; inset: 0; background: rgba(15,23,42,.48); backdrop-filter: blur(8px); }
.static-modal-card { position: relative; z-index: 1; width: min(520px, 92vw); border: 1px solid var(--salong-color-border, #EFF5FF); box-shadow: 0 24px 70px rgba(15,23,42,.24); overflow: hidden; }
.static-modal-card header { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid var(--salong-color-border, #EFF5FF); }
.static-modal-card header button { width: 30px; height: 30px; border-radius: 999px; color: var(--salong-color-meta, #9AA7B9); }
.static-modal-card header button:hover { color: #fff; background: var(--salong-color-hover, #014ec1); }
.static-modal-body { padding: 18px; }
.static-search-input,
.static-login-form input { width: 100%; height: 40px; padding: 0 12px; border: 1px solid var(--salong-color-border, #EFF5FF); border-radius: var(--salong-input-radius, 4px); color: var(--salong-color-text, #62748E); background: var(--salong-color-bg, #f8fafc); outline: none; }
.static-search-results { display: grid; gap: 10px; margin-top: 14px; max-height: 320px; overflow: auto; }
.static-search-results a { display: block; padding: 10px 12px; border: 1px solid var(--salong-color-border, #EFF5FF); border-radius: var(--salong-module-radius, 6px); background: var(--salong-color-bg, #f8fafc); }
.static-login-form { display: grid; gap: 12px; }

#salong header > section.is-home-header-solid { top: 12px !important; background: rgba(255,255,255,.96) !important; border-color: rgba(226,232,240,.92) !important; box-shadow: 0 12px 34px rgba(15,23,42,.11); }
#salong header > section.is-home-header-hidden { opacity: 0 !important; pointer-events: none !important; transform: translate3d(0, -140%, 0) !important; }
#salong header > section.is-home-header-solid .menu-transparent-color { color: var(--salong-color-text, #62748E) !important; fill: currentColor; }
#salong header > section.is-home-header-solid .site-header-topbar { border-color: rgba(226,232,240,.85) !important; }
.site-mobile-menu-button { display: none; align-items: center; justify-content: center; flex-direction: column; gap: 4px; width: 34px; height: 34px; padding: 0; border: 0; background: transparent; color: inherit; }
.site-mobile-menu-button span { width: 17px; height: 2px; border-radius: 999px; background: currentColor; transition: transform .22s ease, opacity .18s ease, background-color .22s ease; }
#salong header > section.is-mobile-menu-open { background: rgba(255,255,255,.98) !important; border-color: rgba(226,232,240,.92) !important; box-shadow: 0 12px 34px rgba(15,23,42,.12); }
#salong header > section.is-mobile-menu-open .menu-transparent-color { color: var(--salong-color-text, #62748E) !important; fill: currentColor; }
#salong header > section.is-mobile-menu-open .site-mobile-menu-button span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
#salong header > section.is-mobile-menu-open .site-mobile-menu-button span:nth-child(2) { opacity: 0; }
#salong header > section.is-mobile-menu-open .site-mobile-menu-button span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.static-side-actions { position: fixed; top: 50%; right: 12px; z-index: 90; display: none !important; flex-direction: column; gap: 6px; transform: translateY(-50%); }
.static-side-actions button { position: relative; width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--salong-color-border, #EFF5FF); border-radius: var(--salong-button-radius, 4px); color: var(--salong-color-text, #62748E); background: var(--salong-bg-module, #fff); box-shadow: 0 1px 8px rgba(15,23,42,.08); }
.static-side-actions button:hover { color: #fff; background: var(--salong-color-hover, #014ec1); }
.static-side-actions sup { position: absolute; top: -5px; right: -5px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px; color: #fff; background: #d03050; font-size: 10px; line-height: 16px; }
.static-side-actions .static-wechat span { position: absolute; right: 42px; top: 50%; display: none; width: 148px; transform: translateY(-50%); padding: 10px; border: 1px solid var(--salong-color-border, #EFF5FF); border-radius: var(--salong-module-radius, 6px); background: var(--salong-bg-module, #fff); box-shadow: 0 16px 40px rgba(15,23,42,.16); color: var(--salong-color-text, #62748E); text-align: center; }
.static-side-actions .static-wechat:hover span { display: block; }
.static-side-actions .static-wechat img { width: 120px; height: 120px; margin: 0 auto 6px; }
@media (max-width: 768px) {
  #select-1749716655577 > .wrapper,
  #evaluation-1749716648900 .salong-testimonials-inner { width: min(calc(100% - 32px), 1320px); }
  .footer-wechat-block,
  .static-side-actions,
  .scroll-nav { display: none !important; }
  .static-carousel .static-carousel-dots { margin-top: 12px; }
  .static-carousel-shell > .static-carousel-arrow { width: 32px; height: 32px; }
  .static-carousel-shell > .static-carousel-arrow-prev { left: 8px; }
  .static-carousel-shell > .static-carousel-arrow-next { right: 8px; }
}

@media (max-width: 767.98px) {
  html,
  body { width: 100%; overflow-x: hidden; }

  #salong { display: block !important; overflow-x: hidden; }
  #salong .n-config-provider { min-width: 0; }
  .static-side-actions,
  .scroll-nav,
  .article-1430-mobile-toolbar,
  .n-back-top,
  .n-float-button,
  .n-float-button-group { display: none !important; visibility: hidden !important; pointer-events: none !important; }
  #salong .wrapper,
  #salong .full { width: calc(100% - 32px) !important; max-width: calc(100% - 32px) !important; margin-left: auto !important; margin-right: auto !important; }

  #salong header > section { left: 12px !important; right: 12px !important; top: 12px !important; padding-left: 12px !important; padding-right: 12px !important; border-color: rgba(255,255,255,.12) !important; }
  #salong header .site-header-topbar { display: none !important; }
  #salong header .site-header-mainbar { height: 54px !important; gap: 10px !important; }
  #salong header .top-menu,
  #salong header .header-menu { display: none !important; }
  #salong header img[alt] { height: 34px !important; max-width: 116px; object-fit: contain; }
  #salong header .header-buttons { gap: 6px !important; margin-left: auto; }
  #salong header .header-buttons button { width: 34px !important; height: 34px !important; padding: 0 !important; }
  #salong header .site-mobile-menu-button { display: inline-flex !important; flex: 0 0 34px; }
  #salong header > section.is-mobile-menu-open .header-menu { position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 16; display: block !important; padding: 10px; border: 1px solid rgba(226,232,240,.95); border-radius: var(--salong-module-radius, 6px); background: rgba(255,255,255,.98); box-shadow: 0 16px 34px rgba(15,23,42,.12); }
  #salong header > section.is-mobile-menu-open .header-menu ul.menu { display: flex !important; flex-direction: column; align-items: stretch; gap: 2px; }
  #salong header > section.is-mobile-menu-open .header-menu ul.menu > li { display: block !important; width: 100%; }
  #salong header > section.is-mobile-menu-open .header-menu ul.menu > li > section { min-height: 40px; padding: 0 8px; }
  #salong header > section.is-mobile-menu-open .header-menu ul.menu > li > section > a { flex: 1; min-width: 0; padding: 11px 0 !important; }
  #salong header > section.is-mobile-menu-open .header-menu ul.menu > li.menu-item-has-children > section > a { padding-right: 0 !important; }
  #salong header > section.is-mobile-menu-open .header-menu .sub-menu { position: static !important; display: block !important; visibility: visible !important; opacity: 1 !important; transform: none !important; padding: 0 0 8px 18px; margin: 0; border-top: 0 !important; background: transparent !important; box-shadow: none !important; }
  #salong header > section.is-mobile-menu-open .header-menu .sub-menu::before { display: none !important; }
  #salong header > section.is-mobile-menu-open .header-menu .sub-menu a { display: flex; min-height: 34px; align-items: center; padding: 7px 0 !important; color: var(--salong-color-meta, #9AA7B9) !important; }

  #carousel-1749716650340 { height: 100svh !important; min-height: 560px; }
  #carousel-1749716650340 .hero-slide > section { width: calc(100% - 32px) !important; gap: 28px !important; }
  #carousel-1749716650340 .color-image-before-subtitle { font-size: 14px !important; line-height: 22px !important; text-align: center; }
  #carousel-1749716650340 .color-image-before-title { font-size: 34px !important; line-height: 1.18 !important; max-width: 100%; }
  #carousel-1749716650340 .hero-arrows { display: none !important; }
  #carousel-1749716650340 .jump-button svg { width: 82px; }

  #notice-1756015495794 .wrapper { padding-top: 12px !important; padding-bottom: 12px !important; }
  #notice-1756015495794 .wrapper > section { gap: 10px !important; }
  #notice-1756015495794 .n-tag { flex: 0 0 auto; }
  #notice-1756015495794 .n-carousel { min-width: 0; flex: 1; }

  .home-modules.division > section > section[style*="padding-top"],
  #article-1749716651604 > section,
  #article-1749716655918 > section,
  #article-1749716650925 > section,
  #select-1749716655577 > section,
  #article-1749716653132 > section,
  #counter-1749716648332 > section,
  #article-1776994188529 > section,
  #article-1776994487725 > section,
  #evaluation-1749716648900 > section,
  #article-1749716649078 > section,
  #article-1749716655312 > section,
  #nested-1749716653047 > section,
  #link-1749716648790 > section,
  #join-1749716649878 > section { padding-top: 64px !important; padding-bottom: 64px !important; }

  .module-title,
  .color-title.module-title,
  .color-image-before-title.module-title { font-size: 23px !important; line-height: 1.25 !important; }
  .color-meta { line-height: 20px; }
  .items-end.flex,
  .items-center.flex { min-width: 0; flex-wrap: wrap; }
  [data-product-tabs],
  [data-home-article-tabs],
  #article-1776994487725 .items-end .flex.gap-3 { width: 100%; overflow-x: auto; padding-bottom: 2px; flex-wrap: nowrap !important; }
  [data-product-tabs] button,
  [data-home-article-tabs] button,
  #article-1776994487725 .items-end .flex.gap-3 button { flex: 0 0 auto; }

  #courses-list,
  #products-list,
  #portfolios-list,
  #events-list,
  #videos-list,
  #articles-list,
  #ai-navs-list { grid-template-columns: 1fr !important; gap: 12px !important; overflow: visible !important; }
  #stats-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  #products-list,
  #portfolios-list { grid-template-columns: 1fr !important; }

  #services-list,
  #whys-list,
  #teams-list,
  #partners-list { overflow: visible !important; }
  .static-carousel { overflow: hidden !important; }
  .static-carousel .n-carousel__slide > * { height: 100%; }
  .static-carousel-shell > .static-carousel-arrow { background: rgba(255,255,255,.92); box-shadow: 0 4px 16px rgba(15,23,42,.12); }

  #about-list { flex-direction: column !important; padding-top: 64px !important; padding-bottom: 64px !important; background: #F8F9FC !important; color: #62748E !important; }
  #about-list > .absolute { display: none !important; }
  #about-list > section { width: 100% !important; }
  #about-list > section:first-child { justify-content: center !important; padding: 0 16px; }
  #about-list > section:first-child section { width: 100% !important; }
  #about-list > section:first-child img { border-radius: 6px 6px 0 0; }
  #about-list > section:nth-child(2) { width: calc(100% - 32px) !important; margin: 0 auto; padding: 28px 20px !important; background: #fff !important; border-radius: 0 0 6px 6px; }
  #about-list .justify-between.items-end { align-items: flex-start !important; }
  #about-list .color-title,
  #about-list .module-title { color: #0E172B !important; }
  #about-list .color-text,
  #about-list .leading-8 { color: #62748E !important; }
  #about-list .leading-8 { line-height: 26px !important; }

  #select-1749716655577 > .wrapper,
  #evaluation-1749716648900 .salong-testimonials-inner { width: calc(100% - 32px) !important; max-width: calc(100% - 32px) !important; }
  #select-1749716655577 .static-carousel { padding-left: 0; padding-right: 0; }
  #select-1749716655577 .n-carousel__slide > section { min-height: 118px; }
  #evaluation-1749716648900 .carousel-prev { left: 4px; }
  #evaluation-1749716648900 .carousel-next { right: 4px; }
  #evaluation-1749716648900 .salong-testimonial-card { min-height: 350px; padding: 24px 28px; }

  #counter-1749716648332 .text-4xl { font-size: 28px !important; }
  #counter-1749716648332 .w-25 { width: 72px !important; }
  #counter-1749716648332 .h-25 { height: 72px !important; }
  #counter-1749716648332 { background: #fff !important; }
  #counter-1749716648332 > .absolute { display: none !important; }
  #counter-1749716648332 .color-image-before-title { color: #0E172B !important; }
  #counter-1749716648332 .color-image-before-subtitle,
  #counter-1749716648332 .color-image-before-desc { color: #9AA7B9 !important; }
  #counter-1749716648332 .rounded-full { border-color: #EFF5FF !important; }

  #article-1776994487725 > section { padding-left: 16px !important; padding-right: 16px !important; }
  #article-1776994487725 > section > section > section:first-child { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; padding: 14px !important; }
  #ai-navs-list .bookmark { min-height: 84px; }

  #nested-1749716653047 .nested-container { display: grid !important; grid-template-columns: 1fr !important; gap: 18px !important; padding-top: 64px !important; padding-bottom: 64px !important; }
  #nested-1749716653047 > .nested-container { width: calc(100% - 8px) !important; max-width: calc(100% - 8px) !important; }
  #nested-1749716653047 [data-home-article-list] { overflow: visible !important; }
  #nested-1749716653047 [data-home-article-list] .post { padding: 14px !important; gap: 12px !important; }
  #nested-1749716653047 [data-home-article-list] .post > section:first-child { min-width: 34% !important; }
  #nested-1749716653047 .module-bg.border-all.p-4 { overflow-x: auto; justify-content: flex-start !important; }
  #sidebar-1749716652802 { display: none !important; visibility: hidden !important; pointer-events: none !important; }

  #link-1749716648790 { padding-top: 0 !important; padding-bottom: 0 !important; }
  #link-1749716648790 .partner-logo { width: 100%; max-width: none !important; height: 64px; display: grid !important; place-items: center; padding: 10px; background: #fff; }
  #link-1749716648790 .partner-logo img { width: auto !important; max-width: 100%; max-height: 38px; object-fit: contain; }

  #article-1749716649078 { background: #F8F9FC !important; }
  #article-1749716649078 .color-image-before-title { color: #0E172B !important; }
  #article-1749716649078 .color-meta,
  #article-1749716649078 .color-text { color: #62748E !important; }
  #article-1749716649078 .team { background: #fff !important; border-color: #EFF5FF !important; box-shadow: none; }

  #join-1749716649878 .w-160,
  #join-1749716649878 [style*="width:600px"],
  #slogans-list .w-160 { width: 100% !important; max-width: 100% !important; }
  #join-1749716649878 .flex[style*="gap:20px"],
  #slogans-list .flex[style*="gap:20px"] { flex-wrap: wrap; justify-content: center; }
  #join-1749716649878 > .relative.z-10.flex { flex-direction: column !important; gap: 0 !important; align-items: center !important; }
  #join-1749716649878 > .relative.z-10.flex > .w-1\/2:first-child { display: none !important; }
  #join-1749716649878 .wrapper.pl-10 { width: calc(100% - 32px) !important; max-width: calc(100% - 32px) !important; padding: 64px 0 !important; margin: 0 auto; align-items: center !important; text-align: center !important; }
  #join-1749716649878 .items-start,
  #join-1749716649878 .color-image-before-desc,
  #join-1749716649878 ul,
  #join-1749716649878 li { text-align: center !important; align-items: center !important; }
  #join-1749716649878 ul { width: 100%; }
  #join-1749716649878 li { justify-content: center !important; }
  #join-1749716649878 .flex[style*="gap:12px"][style*="padding-top"] { justify-content: center !important; flex-wrap: wrap; width: 100%; }

  footer .full,
  footer .wrapper { width: calc(100% - 32px) !important; max-width: calc(100% - 32px) !important; }
  footer .flex.gap-30,
  footer .border-bottom.pb-8.mb-8.flex { flex-direction: column !important; gap: 22px !important; }
  footer #footer-link-groups { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px !important; }
}
