.hello{padding:10px}.hello .editor{position:relative;width:100%;height:70vh}.hello .wt-button{margin-top:10px}:root{--scrollbar-width:5px;--scrollbar-height:5px;--scrollbar-thumb-width:5px;--scrollbar-bg-color:var(--main-color);--scrollbar-thumb-color:var(--secondary-color);--scrollbar-border-radius:var(--border-radius);--border-radius:var(--spacing-2xs);--border-radius--pill:50px}body{font-family:Montserrat,monospace;font-size:14px;font-weight:400;line-height:24px;text-transform:none}:root{--_accent-color-hue:42;--_secondary-color-hue:202;--_page-bg-color-hue:209;--_icon-color-hue:202;--_positive-color-hue:119;--_negative-color-hue:11;--_hold-color-hue:54;--_transfer-color-hue:227;--_opacity--default:0.8;--_opacity--hover:1;--_opacity--active:1;--_opacity--focus:0.8;--_opacity--disabled:0.4;--_accent-color:var(--_accent-color-hue),100%,50%;--_main-color:var(--_accent-color-hue),20%,99%;--_contrast-color:var(--_accent-color-hue),20%,1%;--_secondary-color:var(--_secondary-color-hue),20%,90%;--_secondary-color-50:var(--_secondary-color-hue),22%,96%;--_page-bg-color:var(--_page-bg-color-hue),20%,95%;--_header-color:var(--_page-bg-color-hue),20%,90%;--_positive-color:var(--_positive-color-hue),60%,40%;--_negative-color:var(--_negative-color-hue),80%,50%;--_icon-color:var(--_icon-color-hue),100%,15%;--_hold-color:var(--_hold-color-hue),80%,50%;--_transfer-color:var(--_transfer-color-hue),80%,50%;--accent-color:hsla(var(--_accent-color),1);--main-color:hsla(var(--_main-color),1);--contrast-color:hsla(var(--_contrast-color),1);--secondary-color:hsla(var(--_secondary-color),1);--secondary-color-50:hsla(var(--_secondary-color-50),1);--icon-color:hsla(var(--_icon-color),var(--_opacity--default));--icon-color--hover:hsla(var(--_icon-color),var(--_opacity--hover));--icon-color-accent:var(--accent-color);--icon-color-contrast:hsla(var(--_main-color),var(--_opacity--default));--icon-color-active:var(--icon-color--hover);--icon-color-disabled:hsla(var(--_icon-color),var(--_opacity--disabled));--icon-color-success:var(--true-color);--icon-color-danger:var(--false-color);--icon-color-transfer:var(--transfer-color);--icon-color-hold:var(--hold-color);--icon-color-secondary-50:var(--secondary-color-50);--page-bg-color:hsla(var(--_page-bg-color),1);--header-color:hsla(var(--_header-color),1);--accent-secondary-color:hsla(var(--_accent-color),0.3);--disabled-color:hsl(var(--_contrast-color),var(--_opacity--disabled));--true-color:hsla(var(--_positive-color),var(--_opacity--default));--true--hover-color:hsla(var(--_positive-color),var(--_opacity--hover));--false-color:hsla(var(--_negative-color),var(--_opacity--default));--false--hover-color:hsla(var(--_negative-color),var(--_opacity--hover));--hold-color:hsla(var(--_hold-color),var(--_opacity--default));--hold--hover-color:hsla(var(--_hold-color),var(--_opacity--hover));--transfer-color:hsla(var(--_transfer-color),var(--_opacity--default));--transfer--hover-color:hsla(var(--_transfer-color),var(--_opacity--hover));--tag-bg-color:var(--accent-secondary-color);--form-opacity--default:var(--_opacity--default);--form-opacity--hover:var(--_opacity--hover);--form-opacity--active:var(--_opacity--active);--form-opacity--focus:var(--_opacity--focus);--form-opacity--disabled:var(--_opacity--disabled);--form-placeholder-opacity:0.6;--form-placeholder-opacity--focus:0.4;--form-border-opacity--disabled:0.05;--form-opacity--ouline--default:0.4;--form-opacity--ouline--hover:0.7;--form-input-color:var(--contrast-color);--form-label-color:hsla(var(--_contrast-color),var(--form-opacity--default));--form-label--hover-color:hsla(var(--_contrast-color),var(--form-opacity--hover));--form-label--active-color:hsla(var(--_contrast-color),var(--form-opacity--active));--form-label--disabled-color:hsla(var(--_contrast-color),var(--form-opacity--disabled));--form-border-color:hsla(var(--_contrast-color),var(--form-opacity--default));--form-border--hover-color:hsla(var(--_contrast-color),var(--form-opacity--hover));--form-border--disabled-color:hsla(var(--_contrast-color),var(--form-border-opacity--disabled));--form-placeholder-color:hsla(var(--_contrast-color),var(--form-placeholder-opacity));--form-placeholder-color--focus:hsla(var(--_contrast-color),var(--form-placeholder-opacity--focus));--form-placeholder-color--disabled:hsla(var(--_contrast-color),var(--form-opacity--disabled));--form-outline-label-color:hsla(var(--_contrast-color),var(--form-opacity--default));--form-outline-border-color:hsla(var(--_contrast-color),var(--form-opacity--ouline--default));--form-outline-border--hover-color:hsla(var(--_contrast-color),var(--form-opacity--ouline--hover));--text-opacity--default:var(--_opacity--default);--text-opacity----outline--default:0.7;--text-opacity--disabled:0.5;--text-primary-color:hsla(var(--_contrast-color),var(--text-opacity--default));--text-outline-color:hsla(var(--_contrast-color),var(--text-opacity----outline--default));--text-contrast-color:hsla(var(--_main-color),var(--text-opacity--default));--text--disabled-color:hsla(var(--_contrast-color),var(--text-opacity--disabled));--_chat-client-color:var(--_accent-color);--_chat-client-opacity:0.2;--_chat-agent-color:var(--_contrast-color);--_chat-agent-opacity:0.1;--chat-client-message-bg-color:hsla(var(--_chat-client-color),var(--_chat-client-opacity));--chat-agent-message-bg-color:hsla(var(--_chat-agent-color),var(--_chat-agent-opacity));--chat-client-attachment-bg-color:hsla(var(--_chat-client-color),var(--_chat-client-opacity));--chat-agent-attachment-bg-color:hsla(var(--_chat-agent-color),var(--_chat-agent-opacity));--_elevation-color:rgba(0,0,0,0.08);--elevation-1:0px 0px 2px 1px var(--_elevation-color);--elevation-2:0px 0px 4px 2px var(--_elevation-color);--elevation-3:0px 0px 6px 3px var(--_elevation-color);--elevation-4:0px 0px 8px 4px var(--_elevation-color);--elevation-5:0px 0px 10px 5px var(--_elevation-color);--elevation-6:0px 0px 12px 6px var(--_elevation-color);--elevation-7:0px 0px 14px 7px var(--_elevation-color);--elevation-8:0px 0px 16px 8px var(--_elevation-color);--elevation-9:0px 0px 18px 9px var(--_elevation-color);--elevation-10:0px 0px 20px 10px var(--_elevation-color);--_spacing-multiplicator:8px;--spacing-3xs:calc(var(--_spacing-multiplicator)/4);--spacing-2xs:calc(var(--_spacing-multiplicator)/2);--spacing-xs:calc(var(--_spacing-multiplicator)*1);--spacing-sm:calc(var(--_spacing-multiplicator)*2);--spacing-md:calc(var(--_spacing-multiplicator)*3);--spacing-lg:calc(var(--_spacing-multiplicator)*4);--spacing-xl:calc(var(--_spacing-multiplicator)*5);--spacing-2xl:calc(var(--_spacing-multiplicator)*6);--spacing-3xl:calc(var(--_spacing-multiplicator)*7)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition)}.fade-enter,.fade-leave-to{opacity:0}:root{--chip-padding:var(--spacing-3xs) var(--spacing-sm);--chip-border-radius:var(--spacing-lg);--chip-bg-color:var(--accent-secondary-color);--chip-bg-color--outline:var(--secondary-color);--btn-min-width:90px;--btn-border-size:2px;--btn-padding:var(--spacing-xs) var(--spacing-sm);--btn-padding--size-md:var(--btn-padding);--btn-padding--size-sm:var(--spacing-2xs) var(--spacing-xs);--btn-padding--outline:calc(var(--spacing-xs) - var(--btn-border-size)) calc(var(--spacing-sm) - var(--btn-border-size));--btn-padding--size-md--outline:var(--btn-padding--outline);--btn-padding--size-sm--outline:calc(var(--spacing-2xs) - var(--btn-border-size)) calc(var(--spacing-xs) - var(--btn-border-size));--btn-border:var(--btn-border-size) solid;--btn-dark-font-color:var(--text-primary-color);--btn-light-font-color:var(--text-contrast-color);--btn-accent-color:hsla(var(--_accent-color),var(--_opacity--default));--btn-accent--hover-color:hsla(var(--_accent-color),var(--_opacity--hover));--btn-secondary-color:hsla(var(--_secondary-color),var(--_opacity--default));--btn-secondary--hover-color:hsla(var(--_secondary-color),var(--_opacity--hover));--btn-disabled-font-color:var(--secondary-color-50);--btn-disabled-color:hsla(var(--_secondary-color-hue),15%,75%,var(--_opacity--active));--btn-true-color:var(--true-color);--btn-true--hover-color:var(--true--hover-color);--btn-false-color:var(--false-color);--btn-false--hover-color:var(--false--hover-color);--btn-hold-color:var(--hold-color);--btn-hold--hover-color:var(--hold--hover-color);--btn-transfer-color:var(--transfer-color);--btn-transfer--hover-color:var(--transfer--hover-color);--icon-xl-size:40px;--icon-lg-size:32px;--icon-md-size:24px;--icon-sm-size:16px;--icon-xs-size:8px;--indicator-dot-size--size-sm:var(--spacing-xs);--indicator-dot-size--size-md:var(--spacing-sm);--indicator-dot-size:var(--indicator-size--size-md);--indicator-dot-offset:var(--spacing-2xs);--indicator-text-margin:var(--spacing-2xs);--indicator-primary-color:var(--accent-color);--indicator-secondary-color:var(--secondary-color);--indicator-disabled-color:var(--disabled-color);--indicator-true-color:var(--true-color);--indicator-false-color:var(--false-color);--indicator-transfer-color:var(--transfer-color);--indicator-break-out-color:#f2960d;--input-info-min-height:12px;--input-info-margin:5px;--input-info-color:var(--form-label-color);--input-info--invalid-color:var(--false-color);--divider-border:1px solid;--divider-border-color:var(--page-bg-color);--label--invalid-color:var(--false-color);--loader-size:44px;--loader-dot-size:6px;--loader-path-color:var(--contrast-color);--loader-dot-color:var(--accent-color);--loader-animation-duration:3s;--rounded-action-padding:calc(var(--spacing-xs) - var(--btn-border-size));--rounded-action-padding--outline:calc(var(--spacing-xs) - var(--btn-border-size));--rounded-action-bg-color:var(--main-color);--tooltip-padding:var(--spacing-2xs) var(--spacing-xs);--tooltip-z-index:100;--tooltip-light-text-color:var(--text-primary-color);--tooltip-light-bg-color:var(--main-color);--tooltip-dark-text-color:var(--text-contrast-color);--tooltip-dark-bg-color:var(--contrast-color);--tooltip-elevation:var(--elevation-10)}.wt-context-menu{--context-menu-min-width:160px;--context-menu-max-width:300px;--context-menu-option-color--hover:var(--secondary-color);--context-menu-background-color:var(--main-color);--context-menu-option-padding:var(--spacing-xs)}:root{--popup-wrapper-z-index:11;--popup-shadow-opacity:0.8;--popup-shadow-color:hsla(var(--_contrast-color),var(--popup-shadow-opacity));--popup-max-height:80%;--popup-bg-color:var(--main-color);--popup-sections-gap:var(--spacing-sm);--popup-padding:var(--popup-sections-gap);--popup-header-padding:var(--spacing-xs);--popup-header-bg-color:var(--secondary-color);--popup-main-section-padding-right:var(--spacing-xs);--popup-actions-padding:var(--spacing-xs);--progress-bar-height:12px;--progress-bar-padding:var(--spacing-3xs);--progress-bar-border-radius:var(--progress-bar-padding);--progress-bar-bg-color--primary:var(--accent-color);--progress-bar-bg-color--secondary:var(--secondary-color);--progress-bar-bg-color--success:var(--true-color);--progress-bar-bg-color--danger:var(--false-color);--radio-icon-margin:var(--spacing-xs);--radio-checkmark-size:18px;--radio-bullet-size:8px;--radio-border:2px solid;--checkbox-icon-margin:var(--spacing-xs);--datepicker-padding:var(--input-padding) calc(var(--input-padding) + var(--icon-md-size) + var(--spacing-xs));--datepicker-icon-margin:var(--spacing-xs);--datepicker-border:1px solid;--datepicker-cell-size:var(--spacing-lg);--datepicker-cell-gap:var(--spacing-xs);--datepicker-calendar-padding:var(--spacing-xs);--datepicker-calendar-header-margin:var(--spacing-xs);--datepicker-selected-cell-text-color:var(--main-color);--datepicker-selected-cell-bg-color:var(--accent-color);--datepicker-cell--hover-color:var(--secondary-color-50);--datetimepicker-padding:var(--datepicker-padding);--datetimepicker-icon-margin:var(--datepicker-icon-margin);--datetimepicker-border:1px solid;--datetimepicker-form-padding:var(--spacing-xs);--datetimepicker-form-bg-color:var(--main-color);--datetimepicker-form-z-index:5;--datetimepicker-form-content-margin:var(--spacing-xs);--input-padding:calc(var(--spacing-xs) - 1px);--input-border:1px solid;--input-icon-margin:var(--spacing-xs);--input-after-wrapper-gap:var(--spacing-2xs);--notification-min-width:30vw;--notification-max-width:40vw;--notification-padding:var(--spacing-xs);--notification-icon-margin:var(--spacing-xs);--notification-text-color:var(--text-primary-color);--notification-bg-color:var(--main-color);--search-bar-padding:var(--input-padding) calc(var(--input-padding) + var(--icon-sm-size) + var(--spacing-xs)) var(--input-padding) calc(var(--input-padding) + var(--icon-md-size) + var(--spacing-xs));--select-caret-top-pos:var(--spacing-xs);--select-caret-right-pos:var(--spacing-xs);--select-caret-z-index:1;--select-clear-top-pos:var(--spacing-xs);--select-clear-right-pos:calc(var(--input-padding) + var(--icon-md-size) + var(--select-caret-right-pos));--select-clear-z-index:var(--select-caret-z-index);--select-tags-min-height:calc(24px + var(--spacing-xs)*2);--select-tags-padding:var(--input-padding) calc(var(--input-padding) + var(--icon-md-size) + var(--select-caret-right-pos)) var(--input-padding) var(--input-padding);--select-tags-padding--clearable:var(--input-padding) calc(var(--input-padding) + var(--icon-md-size) + var(--select-clear-right-pos)) var(--input-padding) var(--input-padding);--select-tags-border:var(--input-border);--select-input-min-height:18px;--select-chip-right-pos:calc(var(--spacing-xs) + var(--icon-md-size) + var(--spacing-xs));--select-chip-right-pos--clearable:calc(var(--spacing-xs) + var(--icon-md-size) + var(--select-chip-right-pos));--select-chip-z-index:1;--select-options-padding:var(--input-padding);--select-option--hover-color:var(--accent-secondary-color);--select-option--active-color:var(--accent-secondary-color);--wt-slider-pointer-size:16px;--wt-slider-height:var(--wt-slider-pointer-size);--wt-slider-width:100%;--wt-slider-input-height:8px;--wt-slider-border:1px solid var(--secondary-color);--wt-slider-pointer-radius:50%;--wt-slider-vertical-container-translation:translate(2px);--wt-slider-vertical-transform:translate(-100%) rotate(-90deg);--wt-slider-vertical-transform-origin:100% 0;--switcher-icon-margin:var(--spacing-xs);--switcher-width:40px;--switcher-height:22px;--switcher-cicle-size:14px;--switcher-cicle-margin:4px;--switcher-cicle-translateX:17px;--switcher-bg-color--off:hsla(var(--_icon-color),var(--_opacity--default));--switcher-bg-color--on:hsla(var(--_accent-color),var(--_opacity--default));--switcher-bg-color--off--hover:hsla(var(--_icon-color),var(--_opacity--hover));--switcher-bg-color--on--hover:hsla(var(--_accent-color),var(--_opacity--hover));--switcher-bg-color--off--disabled:hsla(var(--_icon-color),var(--_opacity--disabled));--switcher-bg-color--on--disabled:hsla(var(--_accent-color),var(--_opacity--disabled));--switcher-circle-bg-color:var(--main-color);--switcher-border-radius:24px;--tabs-underiline-height:1px;--tabs-underiline-color:transparent;--tab-padding:var(--spacing-2xs);--tab-margin:0 5px;--tab-color:var(--text-outline-color);--tab--hover-color:var(--text-primary-color);--tab--active-color:var(--text-primary-color);--tab-border:4px solid;--tab--active-border-color:var(--accent-color);--tab-z-index:1;--tags-input-padding:var(--input-padding);--tags-input-min-height:40px;--tags-input-border:var(--input-border);--tags-input-border-color:var(--form-border-color);--tags-input-tags-gap:var(--spacing-xs);--tags-input-tag-text-color:var(--text-primary-color);--tags-input-tag-bg-color:var(--accent-secondary-color);--tags-input-tag-actions-margin-left:var(--spacing-2xs);--tags-input-tag-text-color--deletion:var(--text-contrast-color);--tags-input-tag-bg-color--deletion:var(--false-color);--tags-input-autocomplete-max-height:300px;--tags-input-autocomplete-border:var(--input-border);--tags-input-autocomplete-border-color:var(--form-border-color);--tags-input-autocomplete-option-padding:var(--input-padding);--tags-input-autocomplete-option--text-color:var(--form-placeholder-color);--tags-input-option-bg-color--hover:var(--accent-secondary-color);--tags-input-option-text-color--hover:var(--text-primary-color);--textarea-min-height:100px;--textarea-padding:var(--input-padding) calc(var(--input-padding) + var(--icon-sm-size) + var(--spacing-xs)) var(--input-padding) var(--input-padding);--timepicker-input-width:75px;--timepicker-input-margin:var(--spacing-xs)}.wt-button-select{--button-select-button-padding:var(--spacing-xs) var(--spacing-sm);--button-select-icon-button-padding:var(--spacing-xs);--button-select-buttons-gap:1px;--button-select-icon-color-primary:var(--btn-accent-color);--button-select-icon-color-secondary:var(--btn-secondary-color);--button-select-icon-color-dark:var(--btn-dark-font-color);--button-select-icon-color-ligth:var(--main-color);--button-select-icon-color-primary--hover:var(--btn-accent--hover-color);--button-select-icon-color-danger--hover:var(--btn-false--hover-color);--button-select-icon-color-success--hover:var(--btn-true--hover-color);--button-select-icon-color-transfer--hover:var(--btn-transfer--hover-color);--button-select-icon-color-secondary--hover:var(--btn-secondary--hover-color)}:root{--headline-min-height:40px;--headline-title-margin:var(--spacing-sm);--headline-background:var(--main-color);--wt-app-header-min-height:56px;--wt-app-header-padding:var(--spacing-sm);--wt-app-header-content-gap:var(--spacing-sm);--wt-app-header-content-panel-margin:var(--spacing-2xs);--wt-app-header-content-bg-color:var(--main-color);--wt-app-header-content-z-index:11;--wt-app-navigator-max-height:80vh;--wt-app-navigator-padding:var(--wt-app-header-content-gap);--wt-app-navigator-item-size:120px;--wt-app-navigator-item-gap:var(--wt-app-header-content-gap);--wt-app-navigator-item-border:1px solid;--wt-app-navigator-item-border-color:var(--secondary-color);--wt-app-navigator-item-border-color--hover:var(--accent-color);--wt-header-actions-min-width:120px;--wt-header-actions-content-sections-gap:var(--spacing-lg);--wt-header-actions-padding:var(--wt-app-header-content-gap);--wt-header-actions-action-bg-color--hover:var(--secondary-color);--wt-header-actions-action-link-padding:var(--spacing-xs);--navigation-bar-width:340px;--navigation-bar-z-index:10;--navigation-bar-bg-color:var(--main-color);--navigation-bar-padding:var(--spacing-sm);--navigation-bar-header-padding:var(--spacing-xs);--navigation-bar-app-pic-width:200px;--navigation-bar-app-pic-height:30px;--navigation-bar-list-padding:var(--navigation-bar-padding);--navigation-bar-link-padding:var(--navigation-bar-padding);--navigation-bar-subnav-padding-left:var(--spacing-lg);--navigation-bar-active-expansion-flag-width:5px;--navigation-bar-active-expansion-name-max-width:calc(100% - var(--icon-md-size) - var(--spacing-xs));--notifications-bar-max-height:60%;--notifications-bar-corner-margin:var(--spacing-sm);--notifications-bar-notifications-margin:0 0 var(--spacing-xs) auto;--notifications-bar-z-index:101;--page-wrapper-padding:var(--spacing-sm);--page-wrapper-section-padding:var(--spacing-sm);--page-wrapper-section-gap:var(--spacing-sm);--pagination-gap:var(--spacing-xs);--pagination-size-input-width:70px;--status-select-padding:0 calc(var(--icon-size-md) + var(--spacing-xs)) 0 0;--status-select-option-color:var(--form-input-color);--status-select-bg--hover-color:var(--secondary-color);--table-col-min-width:140px;--table-head-sort-arrow-margin:var(--spacing-xs);--table-head-border:1px solid;--table-head-border-color:var(--secondary-color);--table-min-height:24px;--table-column-gap:var(--spacing-xs);--table-row-padding:var(--spacing-xs);--table-primary-color:var(--main-color);--table--hover-color:var(--accent-secondary-color);--table-secondary-color:var(--secondary-color-50);--table-actions-padding:var(--spacing-xs);--table-actions-icon-gap:var(--spacing-xs)}.wt-player{--plyr-color-main:var(--accent-color);--plyr-audio-control-color:var(--icon-primary-color);--player-close-icon-transform-translate-x:var(--spacing-md);--player-close-icon-transform-translate-y:calc(var(--spacing-md)*-1)}.d-none{display:none}@media(max-width:992px){.d-none-sm{display:none}.d-block-sm{display:block}}@media(max-width:600px){.d-none-xs{display:none}.d-block-xs{display:block}}::-webkit-input-placeholder{font:inherit;-webkit-transition:var(--transition);transition:var(--transition);color:var(--form-placeholder-color)}:-moz-input-placeholder,::-moz-input-placeholder{font:inherit;-moz-transition:var(--transition);transition:var(--transition);color:var(--form-placeholder-color)}:-ms-input-placeholder{font:inherit;-ms-transition:var(--transition);transition:var(--transition);color:var(--form-placeholder-color)}:root{--transition:0.2s;--box-shadow:0px 4px 20px rgba(0,0,0,0.05)}body,html{height:100%}body{min-height:100%;margin:0}h1,h2,h3,h4,h5,h6,p{margin:0;font-weight:400}ul{padding:0;margin:0;list-style-type:none}iframe{border:none;outline:none}button{padding:0;background:transparent;border:none;outline-color:#000;cursor:pointer}a{color:#000;text-decoration:none}.hidden{opacity:0;pointer-events:none}#app{width:100vw;height:100vh;background:var(--page-bg-color)}