:root { --ui-primary: #1d1d1b; --ui-primary-hover: #353532; --ui-primary-pressed: #0f0f0e; --ui-on-primary: #ffffff; --ui-canvas: #f5f4f0; --ui-surface: #ffffff; --ui-surface-muted: #f0eee8; --ui-surface-strong: #e8e5de; --ui-surface-hover: #f7f6f2; --ui-surface-selected: #e8e5de; --ui-paper: #fbfaf6; --ui-text: #1d1d1b; --ui-text-secondary: #5f5e59; --ui-text-muted: #6f6e69; --ui-border: #d9d6cf; --ui-border-subtle: #ebe9e4; --ui-border-strong: #c7c3ba; --ui-sidebar: #f5f4f0; --ui-sidebar-active: #e8e5de; --ui-focus: #1d1d1b; --ui-selection: #dfe9e5; --ui-success: #166534; --ui-success-hover: #15803d; --ui-success-pressed: #14532d; --ui-success-surface: #edf8f0; --ui-success-border: #86c99a; --ui-warning: #924b00; --ui-warning-hover: #b45309; --ui-warning-pressed: #783d00; --ui-warning-surface: #fff6e5; --ui-warning-border: #d9ad5f; --ui-danger: #b91c1c; --ui-danger-hover: #dc2626; --ui-danger-pressed: #991b1b; --ui-danger-surface: #fef2f2; --ui-danger-border: #e9a1a1; --ui-info: #1d4ed8; --ui-info-hover: #2563eb; --ui-info-pressed: #1e40af; --ui-info-surface: #eff6ff; --ui-info-border: #93b4e8; --ui-overlay: rgb(17 24 21 / 45%); --ui-scrollbar-thumb: #6f6e69; --ui-scrollbar-track: #f0eee8; --ui-skeleton: #e8e5de; --ui-chart-grid: #ebe8e1; --ui-chart-axis: #6f6e69; --ui-chart-tooltip-bg: #1d1d1b; --ui-chart-tooltip-text: #ffffff; --ui-shadow-floating: 0 12px 32px rgb(31 41 51 / 12%); --public-canvas: #f5f4f0; --public-surface: #fbfaf7; --public-ink: #1d1d1b; --public-muted: #6f6e69; --public-border: #d9d6cf; --artifact-paper: #fbfaf6; --artifact-surface: #ffffff; --artifact-ink: #1d1d1b; --artifact-muted: #6f6e69; --artifact-border: #d9d6cf; --artifact-classroom-board: #0d3a2b; --artifact-classroom-board-mid: #0c3528; --artifact-classroom-board-deep: #0d3126; --artifact-classroom-board-diagram: rgb(7 50 36 / 72%); --artifact-classroom-chalk: #f5f2df; --artifact-classroom-chalk-dim: #f4f1e3; --artifact-classroom-chalk-yellow: #f6dc59; --artifact-classroom-chalk-green: #a8dc65; --artifact-classroom-chalk-blue: #7bd3f7; --artifact-classroom-chalk-red: #ff7d82; --artifact-classroom-header: #fbfaf6; --artifact-classroom-canvas: #f8f7f2; --artifact-classroom-ink: #171916; --artifact-classroom-muted: #76746e; --artifact-classroom-muted-strong: #66645f; --artifact-classroom-border: #dcd9d0; --artifact-classroom-border-strong: #c7c3ba; --artifact-classroom-control-border: rgb(255 255 255 / 22%); --artifact-classroom-control-border-strong: rgb(255 255 255 / 35%); --artifact-classroom-control-hover: rgb(255 255 255 / 7%); --artifact-classroom-status: #6be2a7; --artifact-classroom-status-halo: rgb(107 226 167 / 12%); --artifact-classroom-danger: #b93534; --artifact-classroom-danger-border: #c9413f; --artifact-classroom-warning: #f5dc77; --artifact-classroom-warning-border: #d3b64b; --artifact-classroom-focus: #e7c94a; --artifact-classroom-overlay-shadow: 0 18px 55px rgb(0 0 0 / 25%); --artifact-classroom-pointer-shadow: drop-shadow(6px 7px 7px rgb(0 0 0 / 32%)); --artifact-classroom-chalk-shadow: 0 0 2px rgb(255 255 255 / 55%); --ui-radius-sm: 0px; --ui-radius-md: 0px; --ui-radius-lg: 0px; --ui-sidebar-width: 244px; --ui-sidebar-collapsed-width: 76px; --ui-topbar-height: 60px; --ui-content-max-width: 1540px; --ui-floating-panel-z-index: 3100; color-scheme: light; }
.n-base-wave {

 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 border-radius: inherit;

}
body {

 margin: 0;
 font-size: 14px;
 font-family: v-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 line-height: 1.6;
 -webkit-text-size-adjust: 100%;
 -webkit-tap-highlight-color: transparent;

}

body input {

 font-family: inherit;
 font-size: inherit;
 
}
.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-alert {

 line-height: var(--n-line-height);
 border-radius: var(--n-border-radius);
 position: relative;
 transition: background-color .3s var(--n-bezier);
 background-color: var(--n-color);
 text-align: start;
 word-break: break-word;

}

.n-alert .n-alert__border {

 border-radius: inherit;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 transition: border-color .3s var(--n-bezier);
 border: var(--n-border);
 pointer-events: none;
 
}

.n-alert.n-alert--closable .n-alert-body .n-alert-body__title {

 padding-right: 24px;
 
}

.n-alert .n-alert__icon {
  color: var(--n-icon-color);
}

.n-alert .n-alert-body {
  padding: var(--n-padding);
}

.n-alert .n-alert-body .n-alert-body__title {
  color: var(--n-title-text-color);
}

.n-alert .n-alert-body .n-alert-body__content {
  color: var(--n-content-text-color);
}

.n-alert.fade-in-height-expand-transition-leave-from, .n-alert.fade-in-height-expand-transition-enter-to {
  transform: scale(1);
  opacity: 1;
}

.n-alert.fade-in-height-expand-transition-leave-to, .n-alert.fade-in-height-expand-transition-enter-from {
  transform: scale(0.9);
  opacity: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.n-alert.fade-in-height-expand-transition-leave-active {

 overflow: hidden;
 transition:
 max-height .3s cubic-bezier(.4, 0, .2, 1) 0s,
 opacity .3s cubic-bezier(0, 0, .2, 1) 0s,
 margin-top .3s cubic-bezier(.4, 0, .2, 1) 0s,
 margin-bottom .3s cubic-bezier(.4, 0, .2, 1) 0s,
 padding-top .3s cubic-bezier(.4, 0, .2, 1) 0s,
 padding-bottom .3s cubic-bezier(.4, 0, .2, 1) 0s
 ,transform .3s var(--n-bezier)
 
}

.n-alert.fade-in-height-expand-transition-enter-active {

 overflow: hidden;
 transition:
 max-height .3s cubic-bezier(.4, 0, .2, 1),
 opacity .3s cubic-bezier(.4, 0, 1, 1),
 margin-top .3s cubic-bezier(.4, 0, .2, 1),
 margin-bottom .3s cubic-bezier(.4, 0, .2, 1),
 padding-top .3s cubic-bezier(.4, 0, .2, 1),
 padding-bottom .3s cubic-bezier(.4, 0, .2, 1)
 ,transform .3s var(--n-bezier)
 
}

.n-alert .n-alert__icon {

 position: absolute;
 left: 0;
 top: 0;
 align-items: center;
 justify-content: center;
 display: flex;
 width: var(--n-icon-size);
 height: var(--n-icon-size);
 font-size: var(--n-icon-size);
 margin: var(--n-icon-margin);
 
}

.n-alert .n-alert__close {

 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 position: absolute;
 right: 0;
 top: 0;
 margin: var(--n-close-margin);
 
}

.n-alert.n-alert--show-icon .n-alert-body {
  padding-left: calc(var(--n-icon-margin-left) + var(--n-icon-size) + var(--n-icon-margin-right));
}

.n-alert.n-alert--right-adjust .n-alert-body {
  padding-right: calc(var(--n-close-size) + var(--n-padding) + 2px);
}

.n-alert .n-alert-body {

 border-radius: var(--n-border-radius);
 transition: border-color .3s var(--n-bezier);
 
}

.n-alert .n-alert-body .n-alert-body__title {

 transition: color .3s var(--n-bezier);
 font-size: 16px;
 line-height: 19px;
 font-weight: var(--n-title-font-weight);
 
}

.n-alert .n-alert-body .n-alert-body__title + .n-alert-body__content {
  margin-top: 9px;
}

.n-alert .n-alert-body .n-alert-body__content {
  transition: color .3s var(--n-bezier);
  font-size: var(--n-font-size);
}

.n-alert .n-alert__icon {
  transition: color .3s var(--n-bezier);
}
@keyframes rotator {

 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 }
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
 }
}

.n-base-loading {

 position: relative;
 line-height: 0;
 width: 1em;
 height: 1em;
 
}

.n-base-loading .n-base-loading__transition-wrapper {

 position: absolute;
 width: 100%;
 height: 100%;
 
}

.n-base-loading .n-base-loading__transition-wrapper.icon-switch-transition-enter-from, .n-base-loading .n-base-loading__transition-wrapper.icon-switch-transition-leave-to {
  transform:  scale(0.75);
  left: 0;
  top: 0;
  opacity: 0;
}

.n-base-loading .n-base-loading__transition-wrapper.icon-switch-transition-enter-to, .n-base-loading .n-base-loading__transition-wrapper.icon-switch-transition-leave-from {
  transform: scale(1) ;
  left: 0;
  top: 0;
  opacity: 1;
}

.n-base-loading .n-base-loading__transition-wrapper.icon-switch-transition-enter-active, .n-base-loading .n-base-loading__transition-wrapper.icon-switch-transition-leave-active {
  transform-origin: center;
  position: absolute;
  left: 0;
  top: 0;
  transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-base-loading .n-base-loading__placeholder {

 position: absolute;
 left: 50%;
 top: 50%;
 transform: translateX(-50%) translateY(-50%);
 
}

.n-base-loading .n-base-loading__placeholder.icon-switch-transition-enter-from, .n-base-loading .n-base-loading__placeholder.icon-switch-transition-leave-to {
  transform: translateX(-50%) translateY(-50%) scale(0.75);
  left: 50%;
  top: 50%;
  opacity: 0;
}

.n-base-loading .n-base-loading__placeholder.icon-switch-transition-enter-to, .n-base-loading .n-base-loading__placeholder.icon-switch-transition-leave-from {
  transform: scale(1) translateX(-50%) translateY(-50%);
  left: 50%;
  top: 50%;
  opacity: 1;
}

.n-base-loading .n-base-loading__placeholder.icon-switch-transition-enter-active, .n-base-loading .n-base-loading__placeholder.icon-switch-transition-leave-active {
  transform-origin: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-base-loading .n-base-loading__container {

 animation: rotator 3s linear infinite both;
 
}

.n-base-loading .n-base-loading__container .n-base-loading__icon {

 height: 1em;
 width: 1em;
 
}
.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-empty {

 display: flex;
 flex-direction: column;
 align-items: center;
 font-size: var(--n-font-size);

}

.n-empty .n-empty__icon {

 width: var(--n-icon-size);
 height: var(--n-icon-size);
 font-size: var(--n-icon-size);
 line-height: var(--n-icon-size);
 color: var(--n-icon-color);
 transition:
 color .3s var(--n-bezier);
 
}

.n-empty .n-empty__icon + .n-empty__description {

 margin-top: 8px;
 
}

.n-empty .n-empty__description {

 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);
 
}

.n-empty .n-empty__extra {

 text-align: center;
 transition: color .3s var(--n-bezier);
 margin-top: 12px;
 color: var(--n-extra-text-color);
 
}
@keyframes spin-rotate {

 from {
 transform: rotate(0);
 }
 to {
 transform: rotate(360deg);
 }
 
}

.n-spin-container {

 position: relative;
 
}

.n-spin-container .n-spin-body {

 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateX(-50%) translateY(-50%);
 
}

.n-spin-container .n-spin-body.fade-in-transition-enter-active {
  transition: all 0.2s cubic-bezier(.4, 0, .2, 1)!important;
}

.n-spin-container .n-spin-body.fade-in-transition-leave-active {
  transition: all 0.2s cubic-bezier(.4, 0, .2, 1)!important;
}

.n-spin-container .n-spin-body.fade-in-transition-enter-from, .n-spin-container .n-spin-body.fade-in-transition-leave-to {
  opacity: 0;
}

.n-spin-container .n-spin-body.fade-in-transition-leave-from, .n-spin-container .n-spin-body.fade-in-transition-enter-to {
  opacity: 1;
}

.n-spin-body {

 display: inline-flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 
}

.n-spin {

 display: inline-flex;
 height: var(--n-size);
 width: var(--n-size);
 font-size: var(--n-size);
 color: var(--n-color);
 
}

.n-spin.n-spin--rotate {

 animation: spin-rotate 2s linear infinite;
 
}

.n-spin-description {

 display: inline-block;
 font-size: var(--n-font-size);
 color: var(--n-text-color);
 transition: color .3s var(--n-bezier);
 margin-top: 8px;
 
}

.n-spin-content {

 opacity: 1;
 transition: opacity .3s var(--n-bezier);
 pointer-events: all;
 
}

.n-spin-content.n-spin-content--spinning {

 user-select: none;
 -webkit-user-select: none;
 pointer-events: none;
 opacity: var(--n-opacity-spinning);
 
}