@smart-webcomponents-angular/phoneinput 11.0.1 → 13.0.1

package/source/smart.input.js

@@ -1,6 +1,6 @@
 
-/* Smart UI v11.0.1 (2021-11-30) 
+/* Smart UI v13.0.0 (2022-02-17) 
 Copyright (c) 2011-2021 jQWidgets. 
 License: https://htmlelements.com/license/ */ //
 
-Smart("smart-input",class extends Smart.BaseElement{static get properties(){return{autoCompleteDelay:{value:100,type:"number"},dataSource:{type:"any",value:[],reflectToAttribute:!1},dropDownClassList:{value:[],type:"array",reflectToAttribute:!1},dropDownDataSource:{type:"any",value:[]},dropDownHeight:{type:"any",value:200},dropDownOpenMode:{allowedValues:["default","manual"],value:"default",type:"string"},dropDownWidth:{type:"any",value:null},dropDownButtonPosition:{allowedValues:["none","left","right"],value:"none",type:"string"},hint:{type:"string",value:""},inputPurpose:{type:"string",value:"off"},items:{type:"number",value:8},minLength:{type:"number",value:1},name:{value:"",type:"string"},opened:{value:!1,type:"boolean"},query:{type:"string",value:""},queryMode:{allowedValues:["contains","containsIgnoreCase","doesNotContain","doesNotContainIgnoreCase","equals","equalsIgnoreCase","startsWith","startsWithIgnoreCase","endsWith","endsWithIgnoreCase"],type:"string",value:"containsIgnoreCase"},placeholder:{value:"",type:"string"},readonly:{type:"boolean",value:!1},sorted:{value:!1,type:"boolean"},sortDirection:{value:"asc",type:"string"},selectedIndex:{type:"number",value:-1},selectedValues:{value:[],type:"array"},type:{type:"string"},value:{type:"string",value:""}}}static get styleUrls(){return["smart.textbox.css"]}template(){return'<div id="inputContainer" role="presentation"><input class="smart-input" id=\'input\' readonly=\'[[readonly]]\' placeholder=\'[[placeholder]]\' type=\'[[type]]\' name=\'[[name]]\' value=\'{{value::keyup}}\' disabled=\'[[disabled]]\' aria-label="[[placeholder]]" /><span class="smart-hidden smart-hint" id="span">[[hint]]</span><div id="dropDownButton" tabindex=-1 class="smart-drop-down-button" role="button" aria-label="Toggle popup"><div id="arrow" class="arrow" aria-hidden="true"></div></div></div>'}static get listeners(){return{"input.focus":"_focusHandler","input.blur":"_blurHandler","input.keydown":"_keyDownHandler","input.keyup":"_keyUpHandler","input.keypress":"_keyPressHandler","input.paste":"_pasteHandler","dropDownButton.down":"_dropDownButtonDownHandler","inputContainer.down":"_downHandler","document.up":"_documentUpHandler"}}get selectedIndexes(){return this.isCompleted?[this.selectedIndex]:[]}set selectedIndexes(e){this.isCompleted&&(e&&e[0]?this.selectedIndex=e[0]:this.selectedIndex=-1)}focus(){this.$.input.focus()}select(){const e=this;e.readonly?e.$.input.focus():e.$.input.select()}_documentUpHandler(e){const t=this,r=t.shadowRoot||t.isInShadowDOM?e.originalEvent.composedPath()[0]:e.originalEvent.target;r!==t&&r!==t.$.dropDownButton&&r!==t.$.input&&r!==t.$.arrow?t.$.scrollView.contains(r.shadowParent||r)?t._isPointerDown&&(t._isPointerDown=!1,t.opened&&(t._preventLookup=!0),t.$.input.focus()):(t.opened&&(t._preventLookup=!0),"manual"===t.dropDownOpenMode||t._isPointerDown||t.close(),t._isPointerDown=!1):t._isPointerDown=!1}_focusHandler(){const e=this;e.setAttribute("focus",""),e.readonly||0!==e.minLength||0!==e.$.input.value.length||e._preventLookup?(e.$.fireEvent("focus"),delete e._preventLookup):e._lookup()}_blurHandler(){const e=this;e.opened||e.removeAttribute("focus"),e.opened||e.$.fireEvent("blur"),e._refreshSelectedIndex(),delete e._preventLookup}_pasteHandler(e){const t=this,r=t.$.input,o=r.value,n=r.selectionStart,a=r.selectionEnd;if(!e.clipboardData&&!window.clipboardData)return;const s=(e.clipboardData||window.clipboardData).getData("text");let i=o.slice(0,n)+s,l=i.length;i+=o.slice(a),e.preventDefault(),t.set("value",i),t.setAttribute("data-value",i),r.setSelectionRange(l,l),t._refreshSelectedIndex()}_refreshSelectedIndex(){const e=this;let t=e.dataSource;if(t){let r=-1;if(e.dataSource instanceof Promise)return;if("function"==typeof e.dataSource)return;"string"==typeof t&&(t=e.$.deserialize(t,"array"));for(let o=0;o<t.length;o++){let n=t[o];if("number"!=typeof n&&"boolean"!=typeof n||(n=""+n),"string"==typeof n){if(n===e.value){r=o;break}}else if(n&&n.label===e.value){r=o;break}}e.set("selectedIndex",r,!1),-1===e.selectedIndex&&(e.$.input.dataValue=null)}}selectItem(e){const t=this;let r=t.dataSource;if("string"==typeof r&&(r=t.$.deserialize(r,"array")),r)for(let o=0;o<r.length;o++){const n=r[o];if(t.set("selectedIndex",-1),t.set("value",""),t.$.input.dataValue=null,"string"==typeof n){if(n===e)return t.set("selectedIndex",o,!1),t.set("value",t.$.input.dataValue=e),void t.setAttribute("data-value",t.$.input.dataValue)}else if(n.value===e)return t.set("selectedIndex",o,!1),t.set("value",n.label),t.$.input.dataValue=e,void t.setAttribute("data-value",t.$.input.dataValue)}else t.set("value",t.$.input.dataValue=e),t.setAttribute("data-value",t.$.input.dataValue),t.set("selectedIndex",-1,!1)}getItem(e){const t=this;if(t.dataSource)for(let r=0;r<t.dataSource.length;r++){const o=t.dataSource[r];if(o.value===e)return o}return null}getSelectedItem(){const e=this;return{label:e.value,value:e.$.input.dataValue||e.value}}_refreshMenu(){const e=this;e.$.menu.classList.remove("scroll"),e.$.scrollView.computedVerticalScrollBarVisibility&&e.$.menu.classList.add("scroll")}_performSelect(){const e=this,t=e.$.menu.querySelector(".active"),r=t.getAttribute("data-label"),o=t.dataValue,n=e.value,a=e.$.input.dataValue;e.set("value",r),e.$.input.dataValue=o,e.setAttribute("data-value",o),e.set("selectedIndex",t.index),e.set("selectedValues",[e.$.input.dataValue]),e.close(),r===n&&o===a||e.$.fireEvent("change",{value:o,label:r,oldValue:a,oldLabel:n})}_open(){const e=this;if(e.opened)return;const t=window.scrollX,r=window.scrollY;let o=e.getBoundingClientRect(),n=0,a=0;if(e.timer&&clearTimeout(e.timer),e.getRootNode()&&e.getRootNode().host?e.getRootNode().host.shadowRoot.appendChild(e.$.scrollView):document.body.appendChild(e.$.scrollView),e.setAttribute("aria-owns",e.$.scrollView.id),e.readonly||e.$.input.setAttribute("aria-controls",e.$.scrollView.id),e.$.scrollView.enableShadowDOM&&!e._importedStyle&&(e.$.scrollView.importStyle(e._getStyleUrl("smart.textbox.css")),e._importedStyle=!0),"static"!==getComputedStyle(document.body).position){const e=document.body.getBoundingClientRect();n=e.left,a=e.top}e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",""),e.$.scrollView.style.left=-3+o.left+t-n+"px",e.$.scrollView.style.top=o.bottom+r-a+1+"px",e.$.scrollView.classList.remove("open"),e.opening=!0,e._positionTimer&&clearInterval(e._positionTimer),e._positionTimer=setInterval((()=>{const t=e.getBoundingClientRect();if(e.opening)e.opening=!1,o=t;else if(t.top!==o.top||t.left!==o.left)return void e.close()}),50),e.$.scrollView.onpointerdown=function(){e._isPointerDown=!0},requestAnimationFrame((function(){const t=e.dropDownWidth;if(e.$.scrollView.refresh&&e.$.scrollView.refresh(),e._refreshMenu(),e.$.scrollView.setAttribute("open",""),e.setAttribute("open",""),e.$.dropDownButton.setAttribute("open",""),e.$.input.setAttribute("open",""),t&&"string"==typeof t&&-1!==t.indexOf("%")){const r=parseFloat(t)/100;e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",e.offsetWidth*r+"px")}else if("auto"!==t&&t)e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",parseFloat(t)+"px");else if("auto"===t){if(e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",""),e.$.scrollView.$.scrollViewerContainer.classList.contains("vscroll")){const t=e.$.scrollView.offsetWidth+parseFloat(getComputedStyle(e.$.scrollView).getPropertyValue("--smart-scroll-bar-size"));e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",t+"px")}}else{e.$.menu.style.width="auto";let t=e.$.menu.offsetWidth;const r=e.$.menu.querySelectorAll("li");for(let t=0;t<r.length;t++)e._maxDropDownWidth=Math.max((r[t].firstElementChild||r[t]).offsetWidth,e._maxDropDownWidth);e.$.scrollView.computedVerticalScrollBarVisibility&&(t+=e.$.scrollView.$&&e.$.scrollView.$.verticalScrollBar?e.$.scrollView.$.verticalScrollBar.offsetWidth:30),e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",Math.max(t,e.offsetWidth-8)+"px"),e.$.menu.style.width=""}(e.shadowRoot||e.isInShadowDOM)&&e.$.scrollView._scrollView&&Smart.ScrollBar&&requestAnimationFrame((()=>{e.$.scrollView._scrollView&&e.$.scrollView._scrollView.vScrollBar.refresh()}))})),e.$.scrollView.refresh&&e.$.scrollView.refresh(),e._refreshMenu(),e.set("opened",!0),e.setAttribute("aria-expanded",!0),e.$.fireEvent("open")}close(){const e=this;return!!e.opened&&(e.timer&&clearTimeout(e.timer),e.timer=setTimeout((function(){e.$.scrollView.parentNode&&!e.opened&&(e.$.scrollView.remove(),e.removeAttribute("aria-owns"),e.readonly||e.$.input.removeAttribute("aria-controls"))}),1e3),e._positionTimer&&clearInterval(e._positionTimer),e.$.scrollView.removeAttribute("open"),e.$.dropDownButton.removeAttribute("open"),e.$.input.removeAttribute("open"),e.removeAttribute("open"),e.set("opened",!1),e.setAttribute("aria-expanded",!1),e.$.input.focus(),e.$.fireEvent("close"),!0)}refresh(){const e=this;e.$.scrollView.refresh&&e.$.scrollView.refresh(),e.close()}_lookup(e){const t=this;if(t.query=t.$.input.value,t.$.input.readonly&&(t._incrementalSearchQuery||(t._incrementalSearchQuery=""),t._incrementalSearchQuery+=e.key,t._incrementalSearchTimer&&clearTimeout(t._incrementalSearchTimer),t.query=t._incrementalSearchQuery,t._incrementalSearchTimer=setTimeout((function(){t._incrementalSearchQuery=""}),700)),t.query.length<t.minLength)return void t.close();const r=function(e){clearTimeout(t._autoCompleteTimeout),t._autoCompleteTimeout=setTimeout((()=>{const r=t.context;t.context=t,t._process(e),t.context=r}),t.autoCompleteDelay)};"function"==typeof t.dataSource?t.dataSource(t.query,r):r(t.dataSource)}_downHandler(e){const t=this;t.readonly&&t._dropDownButtonDownHandler(e)}_dropDownButtonDownHandler(e){const t=this;return"manual"!==t.dropDownOpenMode&&t._toggle(),e.preventDefault(),e.stopPropagation(),e.originalEvent.preventDefault(),e.originalEvent.stopPropagation(),t._isPointerDown=!0,!1}_toggle(){const e=this;e.opened?e.close():e.open()}open(){const e=this;function t(t){e._process(t);const r=e.$.menu.querySelector(".active");if(r){const t=e.$.input.dataValue;for(let o=0;o<e.$.menu.children.length;o++){const n=e.$.menu.children[o],a=n.getAttribute("data-label"),s=n.dataValue;if(void 0!==t&&s===t||void 0===t&&a===e.$.input.value){r.classList.remove("active"),n.classList.add("active"),e._setActiveDescendant(n),e.$.input.dataValue=s,e.setAttribute("data-value",s);break}}}e.ensureVisible(),e.$.input.focus(),setTimeout((function(){e.$.input.focus()}),25)}e.dropDownDataSource&&(Array.isArray(e.dropDownDataSource)&&e.dropDownDataSource.length>0||"function"==typeof e.dropDownDataSource)?(e.query="","function"==typeof e.dropDownDataSource?e.dropDownDataSource(e.query,t):t(e.dropDownDataSource)):(e.query="","function"==typeof e.dataSource?e.dataSource(e.query,t):t(e.dataSource))}_process(e){const t=this;"string"==typeof e&&(e=t.$.deserialize(e,"array")),e=e.filter((function(e){return""===e||(t.matcher?t.matcher(e):t._matcher(e))})),e=t._sorter(e),t.sorted&&(e.sort(((e,t)=>void 0!==e.label?e.label.localeCompare(t.label):e.localeCompare(t))),"desc"===t.sortDirection&&e.reverse()),!e.length&&t.opened&&t.close(),0!==e.length&&(t.query.length>0?t._render(e.slice(0,t.items)):t._render(e),t._open(),t.$.scrollView.refresh&&t.$.scrollView.refresh(),t._refreshMenu(),t.ensureVisible())}_matcher(e){const t=this.query;switch(null===e&&(e="null"),e=""+(e=e.label||e),this.queryMode){case"startsWith":return e.startsWith(t);case"startsWithIgnoreCase":return e.toLowerCase().startsWith(t.toLowerCase());case"doesNotContain":return e.indexOf(t)<0;case"doesNotContainIgnoreCase":return e.toLowerCase().indexOf(t.toLowerCase())<0;case"contains":return e.indexOf(t)>-1;default:case"containsIgnoreCase":return~e.toLowerCase().indexOf(t.toLowerCase());case"equals":return 0===e.localeCompare(t);case"equalsIgnoreCase":return 0===e.toLowerCase().localeCompare(t.toLowerCase());case"endsWith":return e.endsWith(t);case"endsWithIgnoreCase":return e.toLowerCase().endsWith(t.toLowerCase())}}_sorter(e){const t=this;let r,o=[],n=[],a=[];if(e&&""===e[0])return e;for(;r=e.shift();){let e=r.label||r;e=""+e,e.toLowerCase().indexOf(t.query.toLowerCase())?~e.indexOf(t.query)?n.push(r):a.push(r):o.push(r)}return o.concat(n,a)}_highlighter(e){const t=this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&");return e.replace(new RegExp("("+t+")","ig"),(function(e,t){return"<strong>"+t+"</strong>"}))}_render(e){const t=this;let r=0;const o=e.map((function(e){let o=e,n=e;"object"==typeof e&&(o=e.label,n=void 0!==e.value?e.value:o),o=""+o;const a=document.createElement("li"),s=document.createElement("a");if(s.href="#",a.id=t.id+"Item"+Math.floor(65536*(1+Math.random())).toString(16).substring(1),a.setAttribute("data-label",o),a.index=r++,a.dataValue=n,"string"==typeof n?a.setAttribute("value",n):a.setAttribute("value",JSON.stringify(n)),a.setAttribute("role","option"),a.setAttribute("aria-label",o),s.innerHTML=t.highlighter?t.highlighter(o):t._highlighter(o),s.setAttribute("aria-hidden",!0),e.icon&&(s.classList.add("icon"),s.classList.add(e.icon)),e.prefix){const t=document.createElement("span");t.innerHTML=e.prefix,s.classList.add("has-prefix"),s.innerHTML=t.innerHTML+s.innerHTML}if(e.suffix){const t=document.createElement("span");t.innerHTML=e.suffix,s.classList.add("has-suffix"),s.innerHTML=s.innerHTML+t.innerHTML}return a.appendChild(s),a}));function n(){const e=t.$.menu.getElementsByClassName("active");e[0]&&e[0].classList.remove("active"),this.classList.add("active"),t._setActiveDescendant(this)}o.length>0&&(o[0].classList.add("active"),t._setActiveDescendant(o[0])),t.$.menu.innerHTML="";for(let e=0;e<o.length;e++){const r=o[e];t.$.menu.appendChild(r),r.onmouseenter=n,r.onmouseleave=function(){this.classList.remove("active"),t._setActiveDescendant(null)},r.onclick=n}}ensureVisible(){const e=this,t=e.$.menu.querySelector(".active");t&&(t.offsetTop+t.offsetHeight>=e.$.scrollView.scrollTop+e.$.scrollView.offsetHeight&&(e.$.scrollView.scrollTop=t.offsetTop+t.offsetHeight),(t.offsetTop<=e.$.scrollView.scrollTop||t.offsetTop>=e.$.scrollView.scrollTop+e.$.scrollView.offsetHeight)&&(e.$.scrollView.scrollTop=t.offsetTop),0===[...e.$.menu.children].indexOf(t)?e.$.scrollView.scrollTop=0:[...e.$.menu.children].indexOf(t)===e.$.menu.children.length-1&&(e.$.scrollView.scrollTop=e.$.scrollView.scrollHeight))}_next(){const e=this,t=e.$.menu.querySelector(".active");if(!t){const t=e.$.menu.firstElementChild;return t.classList.add("active"),void e._setActiveDescendant(t)}t.classList.remove("active");let r=t.nextElementSibling;r||(r=e.$.menu.firstElementChild),r.classList.add("active"),e._setActiveDescendant(r),e.ensureVisible()}_prev(){const e=this,t=e.$.menu.querySelector(".active");if(!t){const t=e.$.menu.firstElementChild;return t.classList.add("active"),void e._setActiveDescendant(t)}t.classList.remove("active");let r=t.previousElementSibling;r||(r=e.$.menu.lastElementChild),r.classList.add("active"),e._setActiveDescendant(r),e.ensureVisible()}_move(e){const t=this;if(t.opened){switch(e.keyCode){case 9:case 13:case 27:e.preventDefault();break;case 38:e.preventDefault(),t._prev();break;case 40:e.preventDefault(),t._next()}e.stopPropagation()}}_keyDownHandler(e){const t=this;t._suppressKeyPressRepeat=![40,38,9,13,27,16,17,18].includes(e.keyCode),t._oldValue=t.$.input.value,e.shiftKey||e.altKey||e.ctrlKey||t._move(e)}_keyPressHandler(e){this._suppressKeyPressRepeat||e.shiftKey||e.altKey||e.ctrlKey||this._move(e)}_keyUpHandler(e){const t=this;if(!e.shiftKey&&"F2"!==e.key)switch(e.keyCode){case 40:case 38:case 16:case 17:case 18:40===e.keyCode&&e.altKey&&t.open(),38===e.keyCode&&e.altKey&&t.close();break;case 9:case 13:if(!t.opened)return;t._performSelect(),e.stopPropagation(),e.preventDefault();break;case 27:if(!t.opened)return;t.close(),e.stopPropagation(),e.preventDefault();break;default:t._lookup(e),!t.opened||e.ctrlKey||e.shiftKey||(e.stopPropagation(),e.preventDefault()),t.$.fireEvent("changing",{value:t.$.input.value,oldValue:t._oldValue}),t.$.input.dataValue=t.$.input.value,t.setAttribute("data-value",t.$.input.dataValue)}}propertyChangedHandler(e,t,r){super.propertyChangedHandler(e,t,r);const o=this;if("selectedIndex"===e)o._setSelection();else if("dropDownClassList"===e){const e=o.$.scrollView;for(let r=0,o=t.length;r<o;r+=1)e.classList.remove(t[r]);for(let t=0,o=r.length;t<o;t+=1)e.classList.add(r[t])}else if("dropDownHeight"===e)"auto"!==o.dropDownHeight?o.$.scrollView.style.setProperty("--smart-input-drop-down-menu-height",o.dropDownHeight+"px"):o.$.scrollView.style.setProperty("--smart-input-drop-down-menu-height","auto");else if("opened"===e)o.opened=t,r?o.open():o.close();else if("placeholder"===e){if(o.readonly){const e=o.getAttribute("aria-label");if(e&&e!==t)return;r?o.setAttribute("aria-label",r):o.removeAttribute("aria-label")}}else if("selectedValues"===e)if(null===r)o.$.input.value="",o.$.input.dataValue=r,o.setAttribute("data-value",r),o._refreshSelectedIndex();else{const e=r.join(","),t=o.value;o.value=e,o.propertyChangedHandler("value",t,o.value)}else"value"===e?(o.displayMember!==o.valueMember&&"string"!=typeof r?(o.set("value",r[o.displayMember]),o.$.input.dataValue=r[o.valueMember],o.setAttribute("data-value",o.$.input.dataValue)):(o.$.input.value=o.$.input.dataValue=r,o.setAttribute("data-value",r)),o._refreshSelectedIndex()):"readonly"===e?(o._setAriaRelations(),o._setInputPurpose()):"theme"===e||"rightToLeft"===e?o.$.scrollView[e]=r:"inputPurpose"===e?o._setInputPurpose():"inverted"===e?r?o.$.scrollView.setAttribute("inverted",""):o.$.scrollView.removeAttribute("inverted"):"disabled"!==e&&"unfocusable"!==e||o._setFocusable()}detached(){super.detached(),this.close(),this.removeAttribute("focus")}render(){const e=this,t=e.dropDownClassList;e._createElement&&e._createElement();const r=e.$.scrollView;for(let e=0,o=t.length;e<o;e+=1)r.classList.add(t[e]);e.opened&&(e.opened=!1,e.open());const o=e.$.menu;o&&(o.setAttribute("role","presentation"),r.appendChild(o)),"auto"!==e.dropDownHeight?r.style.setProperty("--smart-input-drop-down-menu-height",e.dropDownHeight+"px"):r.style.setProperty("--smart-input-drop-down-menu-height","auto"),r.classList.add("smart-input-drop-down-menu");for(let t=0;t<e.classList.length;t++){const o=e.classList[t];"smart-element"!==o&&"smart-input"!==o&&r.classList.add(o+"-drop-down-menu")}r.id=e.id+"_"+e.tagName.toLowerCase()+"_menu_"+Math.floor(65536*(1+Math.random())).toString(16).substring(1),r.ownerElement=e,e._setAriaRelations(),e._setInputPurpose(),e._setSelection(),e.isInitialized=!0,super.render()}_setSelection(){const e=this;let t=e.dataSource;if("string"==typeof t&&(t=e.$.deserialize(t,"array")),e.selectedIndex>=0&&t&&t.length>0){let r=t[e.selectedIndex];if("number"!=typeof r&&"boolean"!=typeof r||(r=""+r),"string"==typeof r){let t=e.$.input.dataValue,o=e.value;e.set("value",r),e.$.input.dataValue=r,e.$.input.setAttribute("data-value",r),e.selectedValues=[e.$.input.dataValue],e.isInitialized&&e.$.fireEvent("change",{value:e.value,label:e.label,oldValue:t,oldLabel:o})}else{let t=e.$.input.dataValue,o=e.value;void 0!==r.value?(e.set("value",void 0!==r.value?r.value+"":""),e.$.input.dataValue=r.value,e.$.input.setAttribute("data-value",r.value),e.selectedValues=[e.$.input.dataValue]):r.label&&(e.selectedValues=[r.value]),r.label&&e.set("value",r.label),e.isInitialized&&e.$.fireEvent("change",{value:e.$.input.dataValue,label:r.value,oldValue:t,oldLabel:o})}}}_createElement(){const e=this,t=document.createElement("ul"),r=document.createElement("smart-scroll-viewer");r.rightToLeft=e.rightToLeft,r.theme=e.theme,r.horizontalScrollBarVisibility="hidden",e.inverted?r.setAttribute("inverted",""):r.removeAttribute("inverted"),e.$.scrollView=r,e.$.menu=t,e._setFocusable(),e.$.menu.onclick=function(t){const r=t.target.closest("li");t.stopPropagation(),t.preventDefault(),e._performSelect(),r&&e.$.fireEvent("itemClick",{item:r,label:r.getAttribute("aria-label"),value:r.dataValue}),e.$.input.focus()}}_setAriaRelations(){const e=this,t=e.getAttribute("aria-label");e.readonly?(e.setAttribute("role","button"),!t&&e.placeholder&&e.setAttribute("aria-label",e.placeholder),e.removeAttribute("aria-readonly"),e.$.input.setAttribute("aria-hidden",!0),e.$.input.removeAttribute("aria-activedescendant"),e.$.input.removeAttribute("aria-controls"),e.$.dropDownButton.setAttribute("aria-hidden",!0)):(e.setAttribute("role","combobox"),t&&t===e.placeholder&&e.removeAttribute("aria-label"),e.$.input.setAttribute("role","searchbox"),e.$.input.removeAttribute("aria-hidden",!0),e.$.dropDownButton.removeAttribute("aria-hidden")),e.setAttribute("aria-expanded",e.opened),e.setAttribute("aria-haspopup","listbox"),e.setAttribute("aria-owns",e.$.scrollView.id),e.$.scrollView.setAttribute("role","listbox")}_setActiveDescendant(e){const t=this;t.readonly||(e?t.setAttribute("aria-activedescendant",e.id):t.removeAttribute("aria-activedescendant"))}_setInputPurpose(){const e=this;e.readonly?e.$.input.removeAttribute("autocomplete"):e.$.input.setAttribute("autocomplete",e.inputPurpose)}_setFocusable(){const e=this;e.disabled||e.unfocusable?e.$.input.setAttribute("tabindex",-1):e.$.input.removeAttribute("tabindex")}});
+Smart("smart-input",class extends Smart.BaseElement{static get properties(){return{autoCompleteDelay:{value:100,type:"number"},dataSource:{type:"any",value:[],reflectToAttribute:!1},dropDownClassList:{value:[],type:"array",reflectToAttribute:!1},dropDownDataSource:{type:"any",value:[]},dropDownHeight:{type:"any",value:200},dropDownOpenMode:{allowedValues:["default","manual"],value:"default",type:"string"},dropDownWidth:{type:"any",value:null},dropDownButtonPosition:{allowedValues:["none","left","right"],value:"none",type:"string"},dropDownOpenPosition:{allowedValues:["bottom","top"],value:"bottom",type:"string"},hint:{type:"string",value:""},inputPurpose:{type:"string",value:"off"},items:{type:"number",value:8},minLength:{type:"number",value:1},name:{value:"",type:"string"},opened:{value:!1,type:"boolean"},query:{type:"string",value:""},queryMode:{allowedValues:["contains","containsIgnoreCase","doesNotContain","doesNotContainIgnoreCase","equals","equalsIgnoreCase","startsWith","startsWithIgnoreCase","endsWith","endsWithIgnoreCase"],type:"string",value:"containsIgnoreCase"},placeholder:{value:"",type:"string"},readonly:{type:"boolean",value:!1},sorted:{value:!1,type:"boolean"},sortDirection:{value:"asc",type:"string"},selectedIndex:{type:"number",value:-1},selectedValues:{value:[],type:"array"},type:{type:"string"},value:{type:"string",value:""}}}static get styleUrls(){return["smart.textbox.css"]}template(){return'<div id="inputContainer" role="presentation"><input class="smart-input" id=\'input\' readonly=\'[[readonly]]\' placeholder=\'[[placeholder]]\' type=\'[[type]]\' name=\'[[name]]\' value=\'{{value::keyup}}\' disabled=\'[[disabled]]\' aria-label="[[placeholder]]" /><span class="smart-hidden smart-hint" id="span">[[hint]]</span><div id="dropDownButton" tabindex=-1 class="smart-drop-down-button" role="button" aria-label="Toggle popup"><div id="arrow" class="arrow" aria-hidden="true"></div></div></div>'}static get listeners(){return{"input.focus":"_focusHandler","input.blur":"_blurHandler","input.keydown":"_keyDownHandler","input.keyup":"_keyUpHandler","input.keypress":"_keyPressHandler","input.paste":"_pasteHandler","dropDownButton.down":"_dropDownButtonDownHandler","inputContainer.down":"_downHandler","document.up":"_documentUpHandler"}}get selectedIndexes(){return this.isCompleted?[this.selectedIndex]:[]}set selectedIndexes(e){this.isCompleted&&(e&&void 0!==e[0]?this.selectedIndex=e[0]:this.selectedIndex=-1)}focus(){this.$.input.focus()}select(){const e=this;e.readonly?e.$.input.focus():e.$.input.select()}_documentUpHandler(e){const t=this,o=t.shadowRoot||t.isInShadowDOM?e.originalEvent.composedPath()[0]:e.originalEvent.target;o!==t&&o!==t.$.dropDownButton&&o!==t.$.input&&o!==t.$.arrow?t.$.scrollView.contains(o.shadowParent||o)?t._isPointerDown&&(t._isPointerDown=!1,t.opened&&(t._preventLookup=!0),t.$.input.focus()):(t.opened&&(t._preventLookup=!0),"manual"===t.dropDownOpenMode||t._isPointerDown||t.close(),t._isPointerDown=!1):t._isPointerDown=!1}_focusHandler(){const e=this;e.setAttribute("focus",""),e.readonly||0!==e.minLength||0!==e.$.input.value.length||e._preventLookup?(e.$.fireEvent("focus"),delete e._preventLookup):e._lookup()}_blurHandler(){const e=this;e.opened||e.removeAttribute("focus"),e.opened||e.$.fireEvent("blur"),e._refreshSelectedIndex(),delete e._preventLookup}_pasteHandler(e){const t=this,o=t.$.input,r=o.value,n=o.selectionStart,a=o.selectionEnd;if(!e.clipboardData&&!window.clipboardData)return;const s=(e.clipboardData||window.clipboardData).getData("text");let l=r.slice(0,n)+s,i=l.length;l+=r.slice(a),e.preventDefault(),t.set("value",l),t.setAttribute("data-value",l),o.setSelectionRange(i,i),t._refreshSelectedIndex()}_refreshSelectedIndex(){const e=this;let t=e.dataSource;if(t){let o=-1;if(e.dataSource instanceof Promise)return;if("function"==typeof e.dataSource)return;"string"==typeof t&&(t=e.$.deserialize(t,"array"));for(let r=0;r<t.length;r++){let n=t[r];if("number"!=typeof n&&"boolean"!=typeof n||(n=""+n),"string"==typeof n){if(n===e.value){o=r;break}}else if(n&&n.label===e.value){o=r;break}}e.set("selectedIndex",o,!1),-1===e.selectedIndex&&(e.$.input.dataValue=null)}}selectItem(e){const t=this;let o=t.dataSource;if("string"==typeof o&&(o=t.$.deserialize(o,"array")),o)for(let r=0;r<o.length;r++){const n=o[r];if(t.set("selectedIndex",-1),t.set("value",""),t.$.input.dataValue=null,"string"==typeof n){if(n===e)return t.set("selectedIndex",r,!1),t.set("value",t.$.input.dataValue=e),void t.setAttribute("data-value",t.$.input.dataValue)}else if(n.value===e)return t.set("selectedIndex",r,!1),t.set("value",n.label),t.$.input.dataValue=e,void t.setAttribute("data-value",t.$.input.dataValue)}else t.set("value",t.$.input.dataValue=e),t.setAttribute("data-value",t.$.input.dataValue),t.set("selectedIndex",-1,!1)}getItem(e){const t=this;if(t.dataSource)for(let o=0;o<t.dataSource.length;o++){const r=t.dataSource[o];if(r.value===e)return r}return null}getSelectedItem(){const e=this;return{label:e.value,value:e.$.input.dataValue||e.value}}_refreshMenu(){const e=this;e.$.menu.classList.remove("scroll"),e.$.scrollView.computedVerticalScrollBarVisibility&&e.$.menu.classList.add("scroll")}_performSelect(){const e=this,t=e.$.menu.querySelector(".active"),o=t.getAttribute("data-label"),r=t.dataValue,n=e.value,a=e.$.input.dataValue;e.set("value",o),e.$.input.dataValue=r,e.setAttribute("data-value",r),e.set("selectedIndex",t.index),e.set("selectedValues",[e.$.input.dataValue]),e.close(),o===n&&r===a||e.$.fireEvent("change",{value:r,label:o,oldValue:a,oldLabel:n})}_open(){const e=this;if(e.opened)return;const t=window.scrollX,o=window.scrollY;let r=e.getBoundingClientRect(),n=0,a=0;if(e.timer&&clearTimeout(e.timer),e.getRootNode()&&e.getRootNode().host?e.getRootNode().host.shadowRoot.appendChild(e.$.scrollView):document.body.appendChild(e.$.scrollView),e.setAttribute("aria-owns",e.$.scrollView.id),e.readonly||e.$.input.setAttribute("aria-controls",e.$.scrollView.id),e.$.scrollView.enableShadowDOM&&!e._importedStyle&&(e.$.scrollView.importStyle(e._getStyleUrl("smart.textbox.css")),e._importedStyle=!0),"static"!==getComputedStyle(document.body).position){const e=document.body.getBoundingClientRect();n=e.left,a=e.top}e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",""),e.$.scrollView.style.left=-3+r.left+t-n+"px",e.$.scrollView.classList.remove("open"),"bottom"===e.dropDownOpenPosition?e.$.scrollView.style.top=r.bottom+o-a+1+"px":e.$.scrollView.style.top=r.top-e.$.scrollView.offsetHeight+o-a+1+"px",e.opening=!0,e._positionTimer&&clearInterval(e._positionTimer),e._positionTimer=setInterval((()=>{const t=e.getBoundingClientRect();if(e.opening)e.opening=!1,r=t;else if(Math.abs(parseInt(t.top)-parseInt(r.top))>=10||Math.abs(parseInt(t.left)-parseInt(r.left))>=10){const o=window.scrollX,r=window.scrollY;return e.$.scrollView.style.left=-3+t.left+o-n+"px",void("bottom"===e.dropDownOpenPosition?e.$.scrollView.style.top=t.bottom+r-a+1+"px":e.$.scrollView.style.top=t.top-e.$.scrollView.offsetHeight+r-a+1+"px")}}),50),e.$.scrollView.onpointerdown=function(){e._isPointerDown=!0},requestAnimationFrame((function(){const t=e.dropDownWidth;if(e.$.scrollView.refresh&&e.$.scrollView.refresh(),e._refreshMenu(),e.$.scrollView.setAttribute("open",""),e.setAttribute("open",""),e.$.dropDownButton.setAttribute("open",""),e.$.input.setAttribute("open",""),t&&"string"==typeof t&&-1!==t.indexOf("%")){const o=parseFloat(t)/100;e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",e.offsetWidth*o+"px")}else if("auto"!==t&&t)e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",parseFloat(t)+"px");else if("auto"===t){if(e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",""),e.$.scrollView.$.scrollViewerContainer.classList.contains("vscroll")){const t=e.$.scrollView.offsetWidth+parseFloat(getComputedStyle(e.$.scrollView).getPropertyValue("--smart-scroll-bar-size"));e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",t+"px")}}else{e.$.menu.style.width="auto";let t=e.$.menu.offsetWidth;const o=e.$.menu.querySelectorAll("li");for(let t=0;t<o.length;t++)e._maxDropDownWidth=Math.max((o[t].firstElementChild||o[t]).offsetWidth,e._maxDropDownWidth);e.$.scrollView.computedVerticalScrollBarVisibility&&(t+=e.$.scrollView.$&&e.$.scrollView.$.verticalScrollBar?e.$.scrollView.$.verticalScrollBar.offsetWidth:30),e.$.scrollView.style.setProperty("--smart-input-drop-down-menu-width",Math.max(t,e.offsetWidth-8)+"px"),e.$.menu.style.width=""}(e.shadowRoot||e.isInShadowDOM)&&e.$.scrollView._scrollView&&Smart.ScrollBar&&requestAnimationFrame((()=>{e.$.scrollView._scrollView&&e.$.scrollView._scrollView.vScrollBar.refresh()}))})),e.$.scrollView.refresh&&e.$.scrollView.refresh(),e._refreshMenu(),e.set("opened",!0),e.setAttribute("aria-expanded",!0),e.$.fireEvent("open")}close(){const e=this;return!!e.opened&&(e.timer&&clearTimeout(e.timer),e.timer=setTimeout((function(){e.$.scrollView.parentNode&&!e.opened&&(e.$.scrollView.remove(),e.removeAttribute("aria-owns"),e.readonly||e.$.input.removeAttribute("aria-controls"))}),1e3),e._positionTimer&&clearInterval(e._positionTimer),e.$.scrollView.removeAttribute("open"),e.$.dropDownButton.removeAttribute("open"),e.$.input.removeAttribute("open"),e.removeAttribute("open"),e.set("opened",!1),e.setAttribute("aria-expanded",!1),e.$.input.focus(),e.$.fireEvent("close"),!0)}refresh(){const e=this;e.$.scrollView.refresh&&e.$.scrollView.refresh(),e.close()}_lookup(e){const t=this;if(t.query=t.$.input.value,t.$.input.readonly&&(t._incrementalSearchQuery||(t._incrementalSearchQuery=""),t._incrementalSearchQuery+=e.key,t._incrementalSearchTimer&&clearTimeout(t._incrementalSearchTimer),t.query=t._incrementalSearchQuery,t._incrementalSearchTimer=setTimeout((function(){t._incrementalSearchQuery=""}),700)),t.query.length<t.minLength)return void t.close();const o=function(e){clearTimeout(t._autoCompleteTimeout),t._autoCompleteTimeout=setTimeout((()=>{const o=t.context;t.context=t,t._process(e),t.context=o}),t.autoCompleteDelay)};"function"==typeof t.dataSource?t.dataSource(t.query,o):o(t.dataSource)}_downHandler(e){const t=this;t.readonly&&t._dropDownButtonDownHandler(e)}_dropDownButtonDownHandler(e){const t=this;return"manual"!==t.dropDownOpenMode&&t._toggle(),e.preventDefault(),e.stopPropagation(),e.originalEvent.preventDefault(),e.originalEvent.stopPropagation(),t._isPointerDown=!0,!1}_toggle(){const e=this;e.opened?e.close():e.open()}open(){const e=this;function t(t){e._process(t);const o=e.$.menu.querySelector(".active");if(o){const t=e.$.input.dataValue;for(let r=0;r<e.$.menu.children.length;r++){const n=e.$.menu.children[r],a=n.getAttribute("data-label"),s=n.dataValue;if(void 0!==t&&s===t||void 0===t&&a===e.$.input.value){o.classList.remove("active"),n.classList.add("active"),e._setActiveDescendant(n),e.$.input.dataValue=s,e.setAttribute("data-value",s);break}}}e.ensureVisible(),e.$.input.focus(),setTimeout((function(){e.$.input.focus()}),25)}e.dropDownDataSource&&(Array.isArray(e.dropDownDataSource)&&e.dropDownDataSource.length>0||"function"==typeof e.dropDownDataSource)?(e.query="","function"==typeof e.dropDownDataSource?e.dropDownDataSource(e.query,t):t(e.dropDownDataSource)):(e.query="","function"==typeof e.dataSource?e.dataSource(e.query,t):t(e.dataSource))}_process(e){const t=this;"string"==typeof e&&(e=t.$.deserialize(e,"array")),e=e.filter((function(e){return""===e||(t.matcher?t.matcher(e):t._matcher(e))})),e=t._sorter(e),t.sorted&&(e.sort(((e,t)=>void 0!==e.label?e.label.localeCompare(t.label):e.localeCompare(t))),"desc"===t.sortDirection&&e.reverse()),!e.length&&t.opened&&t.close(),0===e.length&&!0!==t.allowItemsAdd||(t.query.length>0?t._render(e.slice(0,t.items)):t._render(e),t._open(),t.$.scrollView.refresh&&t.$.scrollView.refresh(),t._refreshMenu(),t.ensureVisible())}_matcher(e){const t=this.query;switch(null===e&&(e="null"),e=""+(e=e.label||e),this.queryMode){case"startsWith":return e.startsWith(t);case"startsWithIgnoreCase":return e.toLowerCase().startsWith(t.toLowerCase());case"doesNotContain":return e.indexOf(t)<0;case"doesNotContainIgnoreCase":return e.toLowerCase().indexOf(t.toLowerCase())<0;case"contains":return e.indexOf(t)>-1;default:case"containsIgnoreCase":return~e.toLowerCase().indexOf(t.toLowerCase());case"equals":return 0===e.localeCompare(t);case"equalsIgnoreCase":return 0===e.toLowerCase().localeCompare(t.toLowerCase());case"endsWith":return e.endsWith(t);case"endsWithIgnoreCase":return e.toLowerCase().endsWith(t.toLowerCase())}}_sorter(e){const t=this;let o,r=[],n=[],a=[];if(e&&""===e[0])return e;for(;o=e.shift();){let e=o.label||o;e=""+e,e.toLowerCase().indexOf(t.query.toLowerCase())?~e.indexOf(t.query)?n.push(o):a.push(o):r.push(o)}return r.concat(n,a)}_highlighter(e){const t=this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&");return e.replace(new RegExp("("+t+")","ig"),(function(e,t){return"<strong>"+t+"</strong>"}))}_render(e){const t=this;let o=0;const r=e.map((function(e){let r=e,n=e;"object"==typeof e&&(r=e.label,n=void 0!==e.value?e.value:r),r=""+r;const a=document.createElement("li"),s=document.createElement("a");if(s.href="#",a.id=t.id+"Item"+Math.floor(65536*(1+Math.random())).toString(16).substring(1),a.setAttribute("data-label",r),a.index=o++,a.dataValue=n,"string"==typeof n?a.setAttribute("value",n):a.setAttribute("value",JSON.stringify(n)),a.setAttribute("role","option"),a.setAttribute("aria-label",r),s.innerHTML=t.highlighter?t.highlighter(r):t._highlighter(r),s.setAttribute("aria-hidden",!0),e.icon&&(s.classList.add("icon"),s.classList.add(e.icon)),e.prefix){const t=document.createElement("span");t.innerHTML=e.prefix,s.classList.add("has-prefix"),s.innerHTML=t.innerHTML+s.innerHTML}if(e.suffix){const t=document.createElement("span");t.innerHTML=e.suffix,s.classList.add("has-suffix"),s.innerHTML=s.innerHTML+t.innerHTML}return a.appendChild(s),a}));function n(){const e=t.$.menu.getElementsByClassName("active");e[0]&&e[0].classList.remove("active"),this.classList.add("active"),t._setActiveDescendant(this)}r.length>0&&(r[0].classList.add("active"),t._setActiveDescendant(r[0])),t.$.menu.innerHTML="";for(let e=0;e<r.length;e++){const o=r[e];t.$.menu.appendChild(o),o.onmouseenter=n,o.onmouseleave=function(){this.classList.remove("active"),t._setActiveDescendant(null)},o.onclick=n}}ensureVisible(){const e=this,t=e.$.menu.querySelector(".active");t&&(t.offsetTop+t.offsetHeight>=e.$.scrollView.scrollTop+e.$.scrollView.offsetHeight&&(e.$.scrollView.scrollTop=t.offsetTop+t.offsetHeight),(t.offsetTop<=e.$.scrollView.scrollTop||t.offsetTop>=e.$.scrollView.scrollTop+e.$.scrollView.offsetHeight)&&(e.$.scrollView.scrollTop=t.offsetTop),0===[...e.$.menu.children].indexOf(t)?e.$.scrollView.scrollTop=0:[...e.$.menu.children].indexOf(t)===e.$.menu.children.length-1&&(e.$.scrollView.scrollTop=e.$.scrollView.scrollHeight))}_next(){const e=this,t=e.$.menu.querySelector(".active");if(!t){const t=e.$.menu.firstElementChild;return t.classList.add("active"),void e._setActiveDescendant(t)}t.classList.remove("active");let o=t.nextElementSibling;o||(o=e.$.menu.firstElementChild),o.classList.add("active"),e._setActiveDescendant(o),e.ensureVisible()}_prev(){const e=this,t=e.$.menu.querySelector(".active");if(!t){const t=e.$.menu.firstElementChild;return t.classList.add("active"),void e._setActiveDescendant(t)}t.classList.remove("active");let o=t.previousElementSibling;o||(o=e.$.menu.lastElementChild),o.classList.add("active"),e._setActiveDescendant(o),e.ensureVisible()}_move(e){const t=this;if(t.opened){switch(e.keyCode){case 9:case 13:case 27:e.preventDefault();break;case 38:e.preventDefault(),t._prev();break;case 40:e.preventDefault(),t._next()}e.stopPropagation()}}_keyDownHandler(e){const t=this;t._suppressKeyPressRepeat=![40,38,9,13,27,16,17,18].includes(e.keyCode),t._oldValue=t.$.input.value,e.shiftKey||e.altKey||e.ctrlKey||t._move(e)}_keyPressHandler(e){this._suppressKeyPressRepeat||e.shiftKey||e.altKey||e.ctrlKey||this._move(e)}_keyUpHandler(e){const t=this;if(!e.shiftKey&&"F2"!==e.key)switch(e.keyCode){case 40:case 38:case 16:case 17:case 18:40===e.keyCode&&e.altKey&&t.open(),38===e.keyCode&&e.altKey&&t.close();break;case 9:case 13:if(!t.opened)return;t._performSelect(),e.stopPropagation(),e.preventDefault();break;case 27:if(!t.opened)return;t.close(),e.stopPropagation(),e.preventDefault();break;default:t._lookup(e),!t.opened||e.ctrlKey||e.shiftKey||(e.stopPropagation(),e.preventDefault()),t.$.fireEvent("changing",{value:t.$.input.value,oldValue:t._oldValue}),t.$.input.dataValue=t.$.input.value,t.setAttribute("data-value",t.$.input.dataValue)}}propertyChangedHandler(e,t,o){super.propertyChangedHandler(e,t,o);const r=this;if("selectedIndex"===e)r._setSelection();else if("dataSource"===e)r._setSelection(!1);else if("dropDownClassList"===e){const e=r.$.scrollView;for(let o=0,r=t.length;o<r;o+=1)e.classList.remove(t[o]);for(let t=0,r=o.length;t<r;t+=1)e.classList.add(o[t])}else if("dropDownHeight"===e)"auto"!==r.dropDownHeight?r.$.scrollView.style.setProperty("--smart-input-drop-down-menu-height",r.dropDownHeight+"px"):r.$.scrollView.style.setProperty("--smart-input-drop-down-menu-height","auto");else if("opened"===e)r.opened=t,o?r.open():r.close();else if("placeholder"===e){if(r.readonly){const e=r.getAttribute("aria-label");if(e&&e!==t)return;o?r.setAttribute("aria-label",o):r.removeAttribute("aria-label")}}else if("selectedValues"===e)if(null===o)r.$.input.value="",r.$.input.dataValue=o,r.setAttribute("data-value",o),r._refreshSelectedIndex();else{const e=o.join(","),t=r.value;r.value=e,r.propertyChangedHandler("value",t,r.value)}else"value"===e?(r.displayMember!==r.valueMember&&"string"!=typeof o?(r.set("value",o[r.displayMember]),r.$.input.dataValue=o[r.valueMember],r.setAttribute("data-value",r.$.input.dataValue)):(r.$.input.value=r.$.input.dataValue=o,r.setAttribute("data-value",o)),r._refreshSelectedIndex()):"readonly"===e?(r._setAriaRelations(),r._setInputPurpose()):"theme"===e||"rightToLeft"===e?r.$.scrollView[e]=o:"inputPurpose"===e?r._setInputPurpose():"inverted"===e?o?r.$.scrollView.setAttribute("inverted",""):r.$.scrollView.removeAttribute("inverted"):"disabled"!==e&&"unfocusable"!==e||r._setFocusable()}detached(){super.detached(),this.close(),this.removeAttribute("focus")}render(){const e=this,t=e.dropDownClassList;if(e.selectedValues&&e.selectedValues.length){const t=e.selectedValues.join(",");e.value=t}e._createElement&&e._createElement();const o=e.$.scrollView;for(let e=0,r=t.length;e<r;e+=1)o.classList.add(t[e]);e.opened&&(e.opened=!1,e.open());const r=e.$.menu;r&&(r.setAttribute("role","presentation"),o.appendChild(r)),"auto"!==e.dropDownHeight?o.style.setProperty("--smart-input-drop-down-menu-height",e.dropDownHeight+"px"):o.style.setProperty("--smart-input-drop-down-menu-height","auto"),o.classList.add("smart-input-drop-down-menu");for(let t=0;t<e.classList.length;t++){const r=e.classList[t];"smart-element"!==r&&"smart-input"!==r&&o.classList.add(r+"-drop-down-menu")}o.id=e.id+"_"+e.tagName.toLowerCase()+"_menu_"+Math.floor(65536*(1+Math.random())).toString(16).substring(1),o.ownerElement=e,e._setAriaRelations(),e._setInputPurpose(),e._setSelection(),e.isInitialized=!0,super.render()}_setSelection(e){const t=this;let o=t.dataSource;if("string"==typeof o&&(o=t.$.deserialize(o,"array")),t.selectedIndex>=0&&o&&o.length>0){let r=o[t.selectedIndex];if("number"!=typeof r&&"boolean"!=typeof r||(r=""+r),"string"==typeof r){let e=t.$.input.dataValue,o=t.value;t.set("value",r),t.$.input.dataValue=r,t.$.input.setAttribute("data-value",r),t.selectedValues=[t.$.input.dataValue],t.isInitialized&&t.$.fireEvent("change",{value:t.value,label:t.label,oldValue:e,oldLabel:o})}else{let o=t.$.input.dataValue,n=t.value;r&&(void 0!==r.value?(t.set("value",void 0!==r.value?r.value+"":""),t.$.input.dataValue=r.value,t.$.input.setAttribute("data-value",r.value),t.selectedValues=[t.$.input.dataValue]):r.label&&(t.selectedValues=[r.value]),r.label&&t.set("value",r.label)),t.isInitialized&&!1!==e&&t.$.fireEvent("change",{value:t.$.input.dataValue,label:r.value,oldValue:o,oldLabel:n})}}}_createElement(){const e=this,t=document.createElement("ul"),o=document.createElement("smart-scroll-viewer");o.rightToLeft=e.rightToLeft,o.theme=e.theme,o.horizontalScrollBarVisibility="hidden",e.inverted?o.setAttribute("inverted",""):o.removeAttribute("inverted"),e.$.scrollView=o,e.$.menu=t,e._setFocusable(),e.$.menu.onclick=function(t){const o=t.target.closest("li");t.stopPropagation(),t.preventDefault(),e._performSelect(),o&&e.$.fireEvent("itemClick",{item:o,label:o.getAttribute("aria-label"),value:o.dataValue}),e.$.input.focus()}}_setAriaRelations(){const e=this,t=e.getAttribute("aria-label");e.readonly?(e.setAttribute("role","button"),!t&&e.placeholder&&e.setAttribute("aria-label",e.placeholder),e.removeAttribute("aria-readonly"),e.$.input.setAttribute("aria-hidden",!0),e.$.input.removeAttribute("aria-activedescendant"),e.$.input.removeAttribute("aria-controls"),e.$.dropDownButton.setAttribute("aria-hidden",!0)):(e.setAttribute("role","combobox"),t&&t===e.placeholder&&e.removeAttribute("aria-label"),e.$.input.setAttribute("role","searchbox"),e.$.input.removeAttribute("aria-hidden",!0),e.$.dropDownButton.removeAttribute("aria-hidden")),e.setAttribute("aria-expanded",e.opened),e.setAttribute("aria-haspopup","listbox"),e.setAttribute("aria-owns",e.$.scrollView.id),e.$.scrollView.setAttribute("role","listbox")}_setActiveDescendant(e){const t=this;t.readonly||(e?t.setAttribute("aria-activedescendant",e.id):t.removeAttribute("aria-activedescendant"))}_setInputPurpose(){const e=this;e.readonly?e.$.input.removeAttribute("autocomplete"):e.$.input.setAttribute("autocomplete",e.inputPurpose)}_setFocusable(){const e=this;e.disabled||e.unfocusable?e.$.input.setAttribute("tabindex",-1):e.$.input.removeAttribute("tabindex")}});

package/source/smart.phoneinput.js

@@ -1,5 +1,5 @@
 
-/* Smart UI v11.0.1 (2021-11-30) 
+/* Smart UI v13.0.0 (2022-02-17) 
 Copyright (c) 2011-2021 jQWidgets. 
 License: https://htmlelements.com/license/ */ //
 

package/source/smart.scrollbar.js

@@ -1,5 +1,5 @@
 
-/* Smart UI v11.0.1 (2021-11-30) 
+/* Smart UI v13.0.0 (2022-02-17) 
 Copyright (c) 2011-2021 jQWidgets. 
 License: https://htmlelements.com/license/ */ //
 

package/styles/font/smart-icons.svg

@@ -1,10 +1,10 @@
 <?xml version="1.0" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg xmlns="http://www.w3.org/2000/svg">
-<metadata>Copyright (C) 2021 by original authors @ fontello.com</metadata>
+<metadata>Copyright (C) 2022 by original authors @ fontello.com</metadata>
 <defs>
-<font id="fontello" horiz-adv-x="1000" >
-<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
+<font id="jqx-icons" horiz-adv-x="1000" >
+<font-face font-family="jqx-icons" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
 <missing-glyph horiz-adv-x="1000" />
 <glyph glyph-name="table" unicode="&#xe800;" d="M286 148v-108q0-22-16-37t-38-16h-178q-23 0-38 16t-16 37v108q0 22 16 38t38 15h178q23 0 38-15t16-38z m0 285v-107q0-22-16-38t-38-15h-178q-23 0-38 15t-16 38v107q0 23 16 38t38 16h178q23 0 38-16t16-38z m357-285v-108q0-22-16-37t-38-16h-178q-23 0-38 16t-16 37v108q0 22 16 38t38 15h178q23 0 38-15t16-38z m-357 571v-107q0-22-16-38t-38-16h-178q-23 0-38 16t-16 38v107q0 22 16 38t38 16h178q23 0 38-16t16-38z m357-286v-107q0-22-16-38t-38-15h-178q-23 0-38 15t-16 38v107q0 23 16 38t38 16h178q23 0 38-16t16-38z m357-285v-108q0-22-16-37t-38-16h-178q-22 0-38 16t-16 37v108q0 22 16 38t38 15h178q23 0 38-15t16-38z m-357 571v-107q0-22-16-38t-38-16h-178q-23 0-38 16t-16 38v107q0 22 16 38t38 16h178q23 0 38-16t16-38z m357-286v-107q0-22-16-38t-38-15h-178q-22 0-38 15t-16 38v107q0 23 16 38t38 16h178q23 0 38-16t16-38z m0 286v-107q0-22-16-38t-38-16h-178q-22 0-38 16t-16 38v107q0 22 16 38t38 16h178q23 0 38-16t16-38z" horiz-adv-x="1000" />
 
@@ -134,6 +134,8 @@
 
 <glyph glyph-name="up" unicode="&#xe83f;" d="M366 784l334-334q31-31 31-73t-31-74-74-31-73 31l-83 82v-377q0-44-31-74t-73-30q-43 0-74 31t-31 73v377l-82-82q-31-31-74-31t-74 31-31 74 31 73z" horiz-adv-x="731.4" />
 
+<glyph glyph-name="videocam" unicode="&#xe840;" d="M1000 654v-608q0-23-22-32-7-3-14-3-15 0-25 10l-225 225v-92q0-67-47-114t-113-47h-393q-67 0-114 47t-47 114v392q0 67 47 114t114 47h393q66 0 113-47t47-114v-92l225 225q10 10 25 10 7 0 14-2 22-10 22-33z" horiz-adv-x="1000" />
+
 <glyph glyph-name="first_page" unicode="&#xe900;" d="M250 600h84v-500h-84v500z m518-441l-59-59-250 250 250 250 59-59-192-191z" horiz-adv-x="1000" />
 
 <glyph glyph-name="keyboard_arrow_down" unicode="&#xe901;" d="M309 524l191-192 191 192 59-59-250-250-250 250z" horiz-adv-x="1000" />
@@ -198,6 +200,8 @@
 
 <glyph glyph-name="underline" unicode="&#xf0cd;" d="M27 726q-21 1-25 2l-2 49q7 1 22 1 34 0 63-3 74-4 93-4 47 0 93 2 65 2 82 3 31 0 48 1l-1-8 1-36v-5q-33-5-69-5-33 0-44-14-7-7-7-73 0-7 0-18t0-15l1-127 8-157q3-69 28-112 20-33 54-52 49-26 98-26 59 0 107 16 31 10 55 28 27 20 37 36 20 31 29 63 12 41 12 128 0 44-2 72t-6 68-8 89l-2 33q-3 37-13 49-19 20-43 19l-56-1-8 2 1 48h47l114-6q43-2 110 6l10-1q3-22 3-29 0-4-2-17-25-7-47-8-41-6-44-9-8-8-8-23 0-4 0-15t1-17q5-11 13-221 3-109-9-170-8-42-23-68-21-36-62-69-42-31-102-49-61-19-142-19-93 0-159 26-66 26-99 68-34 42-47 109-9 45-9 132v186q0 105-9 119-14 20-82 22z m830-787v36q0 8-5 13t-13 5h-821q-8 0-13-5t-5-13v-36q0-8 5-13t13-5h821q8 0 13 5t5 13z" horiz-adv-x="857.1" />
 
+<glyph glyph-name="table-1" unicode="&#xf0ce;" d="M286 82v107q0 8-5 13t-13 5h-179q-7 0-12-5t-6-13v-107q0-8 6-13t12-5h179q8 0 13 5t5 13z m0 214v108q0 7-5 12t-13 5h-179q-7 0-12-5t-6-12v-108q0-7 6-12t12-5h179q8 0 13 5t5 12z m285-214v107q0 8-5 13t-12 5h-179q-8 0-13-5t-5-13v-107q0-8 5-13t13-5h179q7 0 12 5t5 13z m-285 429v107q0 8-5 13t-13 5h-179q-7 0-12-5t-6-13v-107q0-8 6-13t12-5h179q8 0 13 5t5 13z m285-215v108q0 7-5 12t-12 5h-179q-8 0-13-5t-5-12v-108q0-7 5-12t13-5h179q7 0 12 5t5 12z m286-214v107q0 8-5 13t-13 5h-178q-8 0-13-5t-5-13v-107q0-8 5-13t13-5h178q8 0 13 5t5 13z m-286 429v107q0 8-5 13t-12 5h-179q-8 0-13-5t-5-13v-107q0-8 5-13t13-5h179q7 0 12 5t5 13z m286-215v108q0 7-5 12t-13 5h-178q-8 0-13-5t-5-12v-108q0-7 5-12t13-5h178q8 0 13 5t5 12z m0 215v107q0 8-5 13t-13 5h-178q-8 0-13-5t-5-13v-107q0-8 5-13t13-5h178q8 0 13 5t5 13z m72 178v-607q0-37-27-63t-63-26h-750q-36 0-63 26t-26 63v607q0 37 26 63t63 27h750q37 0 63-27t27-63z" horiz-adv-x="928.6" />
+
 <glyph glyph-name="columns" unicode="&#xf0db;" d="M89-7h340v643h-358v-625q0-7 6-13t12-5z m768 18v625h-357v-643h339q8 0 13 5t5 13z m72 678v-678q0-37-27-63t-63-27h-750q-36 0-63 27t-26 63v678q0 37 26 63t63 27h750q37 0 63-27t27-63z" horiz-adv-x="928.6" />
 
 <glyph glyph-name="sort-1" unicode="&#xf0dc;" d="M571 237q0-15-10-25l-250-250q-11-11-25-11t-25 11l-250 250q-11 10-11 25t11 25 25 11h500q14 0 25-11t10-25z m0 214q0-14-10-25t-25-11h-500q-15 0-25 11t-11 25 11 25l250 250q10 11 25 11t25-11l250-250q10-10 10-25z" horiz-adv-x="571.3" />
@@ -206,6 +210,8 @@
 
 <glyph glyph-name="paste" unicode="&#xf0ea;" d="M429-85h500v358h-233q-22 0-37 15t-16 38v232h-214v-643z m142 804v36q0 7-5 12t-12 6h-393q-7 0-13-6t-5-12v-36q0-7 5-13t13-5h393q7 0 12 5t5 13z m143-375h167l-167 167v-167z m286-71v-375q0-23-16-38t-38-16h-535q-23 0-38 16t-16 38v89h-303q-23 0-38 16t-16 37v750q0 23 16 38t38 16h607q22 0 38-16t15-38v-183q12-7 20-15l228-228q16-15 27-42t11-49z" horiz-adv-x="1000" />
 
+<glyph glyph-name="bell-alt" unicode="&#xf0f3;" d="M509-96q0 8-9 8-33 0-57 24t-23 57q0 9-9 9t-9-9q0-41 29-70t69-28q9 0 9 9z m455 160q0-29-21-50t-50-21h-250q0-59-42-101t-101-42-101 42-42 101h-250q-29 0-50 21t-21 50q28 24 51 49t47 67 42 89 27 115 11 145q0 84 66 157t171 89q-5 10-5 21 0 23 16 38t38 16 38-16 16-38q0-11-5-21 106-16 171-89t66-157q0-78 11-145t28-115 41-89 48-67 50-49z" horiz-adv-x="1000" />
+
 <glyph glyph-name="circle-empty" unicode="&#xf10c;" d="M429 648q-83 0-153-41t-110-111-41-152 41-152 110-111 153-41 152 41 110 111 41 152-41 152-110 111-152 41z m428-304q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.4" />
 
 <glyph glyph-name="circle" unicode="&#xf111;" d="M857 344q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.4" />
@@ -238,6 +244,8 @@
 
 <glyph glyph-name="youtube-play" unicode="&#xf16a;" d="M397 221l270 139-270 141v-280z m103 481q94 0 181-3t128-5l41-2q0 0 9-1t13-2 13-2 16-5 16-7 17-11 16-15q4-3 9-10t16-33 15-56q4-36 7-76t3-64v-98q1-81-10-162-4-30-14-55t-18-35l-8-9q-7-8-16-15t-17-10-16-7-16-5-13-2-13-2-9-1q-140-11-350-11-115 2-201 4t-111 4l-28 3-20 2q-20 3-30 5t-29 12-31 23q-4 3-9 10t-16 33-15 56q-4 36-7 76t-3 64v98q-1 81 10 162 4 31 14 55t18 35l8 9q8 9 16 15t17 11 16 7 16 5 13 2 13 2 9 1q140 10 350 10z" horiz-adv-x="1000" />
 
+<glyph glyph-name="trello" unicode="&#xf181;" d="M393 100v571q0 8-5 13t-13 5h-268q-8 0-13-5t-5-13v-571q0-8 5-13t13-5h268q8 0 13 5t5 13z m375 214v357q0 8-5 13t-13 5h-268q-8 0-13-5t-5-13v-357q0-7 5-12t13-6h268q8 0 13 6t5 12z m89 429v-786q0-14-10-25t-26-11h-785q-15 0-25 11t-11 25v786q0 14 11 25t25 11h785q15 0 26-11t10-25z" horiz-adv-x="857.1" />
+
 <glyph glyph-name="dot-circled" unicode="&#xf192;" d="M571 344q0-59-41-101t-101-42-101 42-42 101 42 101 101 42 101-42 41-101z m-142 304q-83 0-153-41t-110-111-41-152 41-152 110-111 153-41 152 41 110 111 41 152-41 152-110 111-152 41z m428-304q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.4" />
 
 <glyph glyph-name="header" unicode="&#xf1dc;" d="M939-79q-25 0-74 2t-75 2q-24 0-73-2t-74-2q-13 0-21 12t-7 25q0 18 9 26t22 9 29 4 25 9q18 11 18 78l0 218q0 12-1 17-7 3-28 3h-376q-22 0-29-3 0-5 0-17l-1-207q0-79 21-91 9-6 26-8t32-2 25-8 11-26q0-14-6-26t-21-13q-26 0-78 2t-77 2q-24 0-71-2t-71-2q-13 0-20 12t-7 25q0 17 9 25t20 10 26 4 24 9q18 13 18 80l-1 31v454q0 2 1 15t0 20-1 21-2 24-4 20-6 18-9 10q-8 5-25 7t-29 1-23 7-10 26q0 14 6 26t20 13q26 0 78-2t77-2q23 0 71 2t70 2q14 0 21-13t7-26q0-17-9-25t-22-8-27-2-24-7q-20-12-20-90l1-178q0-12 0-18 7-2 22-2h390q14 0 21 2 1 6 1 18l0 178q0 78-19 90-10 6-33 7t-37 7-14 28q0 14 7 26t21 13q24 0 74-2t73-2q24 0 72 2t72 2q14 0 21-13t7-26q0-17-10-25t-22-8-29-2-24-7q-20-13-20-90l1-526q0-66 19-78 9-6 25-8t30-2 23-9 10-25q0-14-6-26t-20-13z" horiz-adv-x="1000" />

package/styles/smart.base.css

@@ -1,4 +1,4 @@
-:root{--smart-primary-rgb:0,92,153;--smart-primary:rgb(var(--smart-primary-rgb));--smart-primary-color:#ffffff;--smart-secondary-rgb:45,45,48;--smart-secondary:rgb(var(--smart-secondary-rgb));--smart-secondary-color:#ffffff;--smart-error-rgb:176,0,32;--smart-error:rgb(var(--smart-error-rgb));--smart-error-color:#ffffff;--smart-success-rgb:139,195,74;--smart-success:rgb(var(--smart-success-rgb));--smart-success-color:#ffffff;--smart-info-rgb:92,192,222;--smart-info:rgb(var(--smart-info-rgb));--smart-info-color:#fff;--smart-warning-rgb:240,173,78;--smart-warning:rgb(var(--smart-warning-rgb));--smart-warning-color:#fff;--smart-light-rgb:255,255,255;--smart-light:rgb(var(--smart-light-rgb));--smart-light-color:#222222;--smart-dark-rgb:34,34,34;--smart-dark:rgb(var(--smart-dark-rgb));--smart-dark-color:#ffffff;--smart-background:#fefefe;--smart-background-color:#5A5A5A;--smart-surface:#F5F5F5;--smart-surface-color:#323232;--smart-disabled:#CCCCCC;--smart-disabled-color:#555;--smart-ui-state-hover:#ebebeb;--smart-ui-state-color-hover:#333;--smart-ui-state-border-hover:var(--smart-ui-state-hover);--smart-ui-state-active:var(--smart-primary);--smart-ui-state-color-active:var(--smart-primary-color);--smart-ui-state-border-active:var(--smart-primary);--smart-ui-state-focus:#e2e0e0;--smart-ui-state-color-focus:#333;--smart-ui-state-border-focus:var(--smart-ui-state-focus);--smart-ui-state-selected:rgba(var(--smart-primary-rgb), .1);--smart-ui-state-color-selected:var(--smart-primary);--smart-ui-state-border-selected:rgba(var(--smart-primary-rgb), .1);--smart-item-border-width:1px;--smart-item-border-radius:var(--smart-border-radius);--smart-item-border-top-left-radius:var(--smart-border-radius);--smart-item-border-top-right-radius:var(--smart-border-radius);--smart-item-border-bottom-left-radius:var(--smart-border-radius);--smart-item-border-bottom-right-radius:var(--smart-border-radius);--smart-font-size:14px;--smart-font-weight:inherit;--smart-font-style:inherit;--smart-font-family:Roboto,"Helvetica Neue",sans-serif;--smart-font-family-icon:smart-icons;--smart-font-family-icon-src:local('./font/smart-icons'),url(./font/smart-icons.woff2) format('woff2'),url(./font/smart-icons.woff) format('woff'),url(./font/smart-icons.ttf) format('truetype'),url(./font/smart-icons.eot) format('embedded-opentype');--smart-border-width:1px;--smart-border-radius:4px;--smart-border-top-left-radius:var(--smart-border-radius);--smart-border-top-right-radius:var(--smart-border-radius);--smart-border-bottom-left-radius:var(--smart-border-radius);--smart-border-bottom-right-radius:var(--smart-border-radius);--smart-border:#E0E0E0;--smart-border-rgb:244,224,224;--smart-outline:#b2b2b2;--smart-editor-selection:var(--smart-primary);--smart-editor-selection-color:var(--smart-primary-color);--smart-alternation-index0-color:var(--smart-surface-color);--smart-alternation-index0-border:var(--smart-surface);--smart-alternation-index0-background:var(--smart-surface);--smart-alternation-index1-color:#111;--smart-alternation-index1-border:#9BBB59;--smart-alternation-index1-background:#9BBB59;--smart-alternation-index2-color:#fff;--smart-alternation-index2-border:#FC3752;--smart-alternation-index2-background:#FC3752;--smart-tick-color:var(--smart-border);--smart-tick-label-color:var(--smart-background-color);--smart-box-height:450px;--smart-box-width:450px;--smart-bar-height:48px;--smart-bar-width:400px;--smart-editor-height:30px;--smart-editor-width:250px;--smart-editor-drop-down-width:300px;--smart-editor-drop-down-height:400px;--smart-editor-drop-down-padding-size:3px;--smart-editor-drop-down-max-width:800px;--smart-editor-drop-down-min-width:100px;--smart-editor-drop-down-max-height:400px;--smart-editor-drop-down-min-height:50px;--smart-editor-drop-down-resize-bar-height:15px;--smart-editor-drop-down-vertical-offset:5px;--smart-editor-drop-down-z-index:9999;--smart-editor-label-padding:4px;--smart-editor-addon-width:27px;--smart-column-icon-size:30px;--smart-icon-table:'\e800';--smart-icon-star:'\e801';--smart-icon-star-empty:'\e802';--smart-icon-plus:'\e803';--smart-icon-minus:'\e804';--smart-icon-attention-circled:'\e805';--smart-icon-align-left:'\e806';--smart-icon-align-right:'\e807';--smart-icon-align-center:'\e808';--smart-icon-align-justify:'\e813';--smart-icon-reload:'\e809';--smart-icon-cancel:'\e80d';--smart-icon-close:'\e80d';--smart-icon-cancel-circled:'\e80e';--smart-icon-plus-circled:'\e810';--smart-icon-power:'\e811';--smart-icon-minus-circled:'\e814';--smart-icon-arrow-up-alt:'\e817';--smart-icon-radio:'\e818';--smart-icon-refresh:'\e819';--smart-icon-chart:'\e81a';--smart-icon-check-squared:'\e81b';--smart-icon-resize-full:'\e81c';--smart-icon-resize-small:'\e81d';--smart-icon-resize-vertical:'\e80c';--smart-icon-resize-horizontal:'\e80f';--smart-icon-lock:'\e821';--smart-icon-sort:'\e823';--smart-icon-delete:'\e826';--smart-icon-search:'\e828';--smart-icon-calendar:'\e829';--smart-icon-edit:'\e82a';--smart-icon-popup:'\e82c';--smart-icon-lock-open:'\e82e';--smart-icon-add-filter:'\e82f';--smart-icon-block:'\e832';--smart-icon-settings:'\e833';--smart-icon-duplicate:'\e834';--smart-icon-copy-record:'\e835';--smart-icon-download-alt:'\e836';--smart-icon-clock:'\e837';--smart-icon-attention:'\e838';--smart-icon-help-circled:'\e839';--smart-icon-mail:'\e83c';--smart-icon-up:'\e83f';--smart-icon-first-page:'\e900';--smart-icon-arrow-down:'\e901';--smart-icon-arrow-left:'\e902';--smart-icon-arrow-right:'\e903';--smart-icon-arrow-up:'\e904';--smart-icon-arrow-down-filled:'\e812';--smart-icon-arrow-left-filled:'\e816';--smart-icon-arrow-right-filled:'\e81e';--smart-icon-arrow-up-filled:'\e815';--smart-icon-last-page:'\e905';--smart-icon-more-horiz:'\e906';--smart-icon-skip-next:'\e907';--smart-icon-check:'\e908';--smart-icon-mode-edit:'\e909';--smart-icon-replay:'\e90c';--smart-icon-visibility:'\e90d';--smart-icon-visibility-off:'\e90e';--smart-icon-link:'\e831';--smart-icon-unlink:'\f127';--smart-icon-link-ext:'\f08e';--smart-icon-check-empty:'\f096';--smart-icon-filter:'\f0b0';--smart-icon-resize-full-alt:'\f0b2';--smart-icon-menu:'\f0c9';--smart-icon-sort-1:'\f0dc';--smart-icon-paste:'\f0ea';--smart-icon-circle-empty:'\f10c';--smart-icon-circle:'\f111';--smart-icon-ellipsis:'\f141';--smart-icon-minus-squared:'\f146';--smart-icon-ok-squared:'\f14a';--smart-icon-sort-name-up:'\f15d';--smart-icon-sort-name-down:'\f15e';--smart-icon-sort-alt-up:'\f160';--smart-icon-sort-alt-down:'\f161';--smart-icon-sort-number-up:'\f162';--smart-icon-sort-number-down:'\f163';--smart-icon-dot-circled:'\f192';--smart-icon-toggle-off:'\f204';--smart-icon-toggle-on:'\f205';--smart-icon-group:'\f247';--smart-icon-ungroup:'\f248';--smart-icon-window-maximize:'\f2d0';--smart-icon-window-minimize:'\f2d1';--smart-icon-window-restore:'\f2d2';--smart-icon-window-pin-alt:'\e82d';--smart-icon-window-pin:'\e80a';--smart-icon-docs:'\f0c5';--smart-icon-math:'\f01a';--smart-icon-spin:'\e80b';--smart-icon-user:'\e81f';--smart-icon-font:'\f031';--smart-icon-fontsize:'\f088';--smart-icon-contains:'\f063';--smart-icon-starts_with:'\f064';--smart-icon-ends_with:'\f065';--smart-icon-does_not_contain:'\f066';--smart-icon-equals:'\f52c';--smart-icon-greater-than:'\f531';--smart-icon-greater-than-equal:'\f532';--smart-icon-less-than:'\f536';--smart-icon-less-than-equal:'\f537';--smart-icon-not-equal:'\f53e';--smart-icon-percentage:'\f541';--smart-icon-grip-vertical:'\f58e';--smart-icon-between:'\f06a';--smart-icon-bold:'\e820';--smart-icon-italic:'\e822';--smart-icon-underline:'\f0cd';--smart-icon-strike-through:'\f0cc';--smart-icon-list-ordered:'\f0cb';--smart-icon-list-unordered:'\f0ca';--smart-icon-subscript:'\f12c';--smart-icon-superscript:'\f12b';--smart-icon-color-background:'\e830';--smart-icon-indent-right:'\e824';--smart-icon-indent-left:'\e825';--smart-icon-image:'\e827';--smart-icon-case-lower:'aa';--smart-icon-case-upper:'AA';--smart-icon-print:'\e82b';--smart-icon-format-clear:'T';--smart-icon-source-code:'\f121';--smart-icon-split-mode:'\e83b';--smart-icon-cut:'\e83a';--smart-icon-video:'\f16a';--smart-icon-header:'\f1dc';--smart-icon-row:'\f0db';--smart-icon-row-before:'\f2d0';--smart-icon-row-after:'\f2d0';--smart-icon-row-delete:var(--smart-icon-cancel-circled);--smart-icon-column:'\f0db';--smart-icon-column-left:'\f2d0';--smart-icon-column-right:'\f2d0';--smart-icon-column-delete:var(--smart-icon-cancel-circled);--smart-icon-vertical-align:'\f06a \e80c';--smart-icon-styles:'\f1fc';--smart-icon-comment:'\F0E5';--smart-icon-card:'\E83E';--smart-icon-tasks:'\F0AE';--smart-icon-phone:'\E83D';--smart-accordion-animation-duration:225ms;--smart-accordion-default-width:var(--smart-box-width);--smart-accordion-default-height:var(--smart-box-height);--smart-accordion-expanded-content-height:0px;--smart-accordion-expanded-content-local-height:0px;--smart-accordion-item-header-height:var(--smart-bar-height);--smart-accordion-item-expanded-offset:20px;--smart-array-default-width:var(--smart-box-width);--smart-array-default-height:var(--smart-box-height);--smart-array-element-gap:3px;--smart-breadcrumb-default-width:400px;--smart-breadcrumb-default-height:auto;--smart-breadcrumb-padding:10px;--smart-breadcrumb-drop-down-width:var(--smart-editor-drop-down-width);--smart-breadcrumb-item-height:40px;--smart-breadcrumb-horizontal-offset:10px;--smart-button-text-transform:uppercase;--smart-button-padding:8px 16px;--smart-button-large-padding:10px 16px;--smart-button-large-font-size:18px;--smart-button-small-padding:5px 10px;--smart-button-small-font-size:12px;--smart-button-very-small-padding:3px 5px;--smart-button-very-small-font-size:10px;--smart-button-flat-color:var(--smart-background-color);--smart-button-outlined-color:var(--smart-background-color);--smart-button-outlined-border:var(--smart-border);--smart-button-group-default-width:auto;--smart-button-group-default-height:auto;--smart-calendar-header-height:calc(0.75 * var(--smart-bar-height));--smart-calendar-footer-height:calc(0.75 * var(--smart-bar-height));--smart-calendar-title-height:calc(1.25 * var(--smart-bar-height));--smart-calendar-cell-size:30px;--smart-calendar-cell-spacing:4px;--smart-calendar-default-width:calc(50px + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)));--smart-calendar-default-height:calc(var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height));--smart-calendar-title-text-transform:initial;--smart-calendar-week-title-text-transform:uppercase;--smart-calendar-header-text-transform:uppercase;--smart-calendar-footer-text-transform:uppercase;--smart-calendar-cell-border-top-right-radius:15px;--smart-calendar-cell-border-top-left-radius:15px;--smart-calendar-cell-border-bottom-left-radius:15px;--smart-calendar-cell-border-bottom-right-radius:15px;--smart-calendar-title-padding:10px;--smart-calendar-important-date-background:var(--smart-ui-state-hover);--smart-calendar-important-date-color:var(--smart-ui-state-color-hover);--smart-calendar-important-date-border-color:var(--smart-ui-state-border-hover);--smart-calendar-navigation-button-size:30px;--smart-card-view-default-width:1200px;--smart-card-view-default-height:800px;--smart-card-view-header-height:30px;--smart-card-view-cover-height:var(--smart-carousel-default-height);--smart-card-view-vertical-offset:15px;--smart-card-view-column-min-width:250px;--smart-card-view-gap:10px;--smart-card-view-add-new-button-size:60px;--smart-carousel-default-width:600px;--smart-carousel-default-height:200px;--smart-carousel-3d-mode-slide-width:400px;--smart-carousel-3d-mode-slide-height:400px;--smart-carousel-multiple-mode-slide-width:200px;--smart-chart-default-width:850px;--smart-chart-default-height:500px;--smart-check-box-default-size:calc(1px + 1/2 * var(--smart-editor-height));--smart-color-panel-default-width:auto;--smart-color-panel-default-height:auto;--smart-color-panel-palette-size:300px;--smart-color-panel-grid-mode-item-size:20px;--smart-color-panel-grid-mode-column-count:8;--smart-color-panel-grid-mode-columns-gap:1px;--smart-color-panel-brightness:0;--smart-color-panel-default-mode-sections-gap:8px;--smart-color-panel-palette-width:var(--smart-color-panel-palette-size);--smart-color-panel-palette-height:var(--smart-color-panel-palette-size);--smart-color-panel-alpha-channel-color:white;--smart-color-picker-default-width:var(--smart-editor-width);--smart-color-picker-default-height:var(--smart-editor-height);--smart-color-picker-drop-down-width:auto;--smart-color-picker-drop-down-height:auto;--smart-combo-box-default-width:var(--smart-editor-width);--smart-combo-box-default-height:var(--smart-editor-height);--smart-combo-box-drop-down-width:auto;--smart-combo-box-drop-down-height:auto;--smart-chip-default-height:var(--smart-editor-height);--smart-chip-avatar-background:var(--smart-secondary);--smart-currency-format-panel-currency-holder-width:1fr;--smart-currency-format-panel-apply-button-width:125px;--smart-currency-format-panel-header-holder-offset:2%;--smart-currency-format-panel-currency-holder-input-width:1fr;--smart-currency-format-panel-currency-holder-dropdown-width:165px;--smart-currency-format-panel-currency-holder-dropdown-button-width:95%;--smart-currency-format-panel-border-size:1px;--smart-currency-format-panel-border-color:#ccc;--smart-currency-format-panel-border-radius:4px;--smart-currency-format-panel-currencies-margin-top:15px;--smart-currency-format-panel-currencies-max-height:400px;--smart-currency-format-panel-currencies-item-padding:12px;--smart-currency-format-panel-currency-holder-padding-left:5px;--smart-currency-format-panel-currency-holder-padding-top:3px;--smart-currency-format-panel-currency-holder-padding-bottom:3px;--smart-currency-format-panel-currency-input-width:100%;--smart-currency-format-panel-currencies-left-padding:10px;--smart-currency-format-panel-currencies-hover-background:#f1f1f1;--smart-currency-format-panel-currencies-example-format-color:#777;--smart-data-view-padding:10px;--smart-data-view-customize-panel-width:200px;--smart-data-view-filter-panel-width:550px;--smart-data-view-sort-panel-width:450px;--smart-data-view-search-panel-width:250px;--smart-date-format-panel-main-container-width:960px;--smart-date-format-panel-main-container-padding:15px;--smart-date-format-panel-border-radius:4px;--smart-date-format-panel-border-size:1px;--smart-date-format-panel-border-color:#ccc;--smart-date-format-panel-smart-inputs-container-width:1fr;--smart-date-format-panel-apply-container-width:150px;--smart-date-format-panel-smart-input-buttons-column-gap:2%;--smart-date-format-panel-smart-inputs-holder-width:94%;--smart-date-format-panel-add-format-holder-width:6%;--smart-date-format-panel-smart-inputs-list-holder-offset:2px;--smart-date-format-panel-smart-input-format-width:150px;--smart-date-format-panel-smart-input-sign-width:80px;--smart-date-format-panel-smart-input-height:25px;--smart-date-format-panel-each-smart-input-offset:4px;--smart-date-format-panel-all-format-holders-width:255px;--smart-date-format-panel-add-format-holder-button:120px;--smart-date-format-panel-each-add-format-holder-width:120px;--smart-date-format-panel-add-new-format-dropdown-offset:5px;--smart-date-format-panel-date-time-format-list-offset-top:15px;--smart-date-format-panel-date-time-format-list-max-height:400px;--smart-date-format-panel-each-date-time-format-offset:12px;--smart-date-time-picker-default-width:var(--smart-editor-width);--smart-date-time-picker-default-height:var(--smart-editor-height);--smart-date-time-picker-header-opacity:0.8;--smart-date-time-picker-header-opacity-active:1;--smart-date-time-picker-drop-down-width:var(--smart-editor-drop-down-height);--smart-date-time-picker-drop-down-height:auto;--smart-docking-layout-default-width:1000px;--smart-docking-layout-default-height:800px;--smart-docking-layout-feedback-background-secondary-size:7px;--smart-drop-down-list-default-width:var(--smart-editor-width);--smart-drop-down-list-default-height:var(--smart-editor-height);--smart-drop-down-list-drop-down-width:initial;--smart-drop-down-list-drop-down-height:auto;--smart-drop-down-button-default-width:auto;--smart-drop-down-button-default-height:var(--smart-editor-height);--smart-drop-down-button-drop-down-width:var(--smart-editor-drop-down-width);--smart-drop-down-button-drop-down-height:var(--smart-editor-drop-down-height);--smart-editor-default-width:100%;--smart-editor-default-height:600px;--smart-editor-input-min-height:100px;--smart-editor-padding:15px;--smart-editor-toolbar-item-margin:5px;--smart-editor-toolbar-button-width:30px;--smart-editor-toolbar-delimiter-width:5px;--smart-editor-toolbar-drop-down-width-large:100px;--smart-editor-toolbar-drop-down-width-small:65px;--smart-editor-window-header-height:var(--smart-scheduler-window-header-height);--smart-editor-window-footer-height:var(--smart-scheduler-window-footer-height);--smart-editor-inline-toolbar-max-width:80vw;--smart-editor-table-column-width:initial;--smart-editor-table-cell-min-height:20px;--smart-editor-table-cell-min-width:var(--smart-editor-table-cell-min-height);--smart-editor-char-counter-offset:30px;--smart-editor-toolbar-item-height:30px;--smart-editor-toolbar-item-border-radius:var(--smart-border-radius);--smart-editor-toolbar-height:calc(var(--smart-editor-toolbar-item-height) + 2 * var(--smart-editor-toolbar-item-margin));--smart-editor-highlight:var(--smart-primary);--smart-editor-highlight-color:var(--smart-primary-color);--smart-editor-search-bar-offset:5px;--smart-editor-search-bar-padding:5px;--smart-filter-builder-default-width:var(--smart-box-width);--smart-filter-builder-default-height:var(--smart-box-height);--smart-filter-builder-row-height:var(--smart-editor-height);--smart-filter-builder-item-width:var(--smart-editor-width);--smart-filter-builder-group-container-border:4px;--smart-filter-builder-item-margin:20px;--smart-filter-builder-group-condition-margin:5px;--smart-filter-builder-group-margin:15px;--smart-filter-panel-default-width:300px;--smart-filter-panel-default-height:auto;--smart-filter-panel-padding:10px;--smart-filter-panel-border-top-right-radius:var(--smart-border-radius);--smart-filter-panel-border-top-left-radius:var(--smart-border-radius);--smart-filter-panel-border-bottom-left-radius:var(--smart-border-radius);--smart-filter-panel-border-bottom-right-radius:var(--smart-border-radius);--smart-filter-panel-border-width:var(--smart-border-width);--smart-filter-panel-border:var(--smart-border);--smart-filter-panel-background:var(--smart-background);--smart-filter-panel-color:var(--smart-background-color);--smart-filter-panel-vertical-offset:10px;--smart-filter-panel-main-element-height:400px;--smart-file-upload-default-width:var(--smart-editor-width);--smart-file-upload-browse-button-width:auto;--smart-file-upload-browse-button-height:auto;--smart-file-upload-footer-button-width:auto;--smart-file-upload-footer-button-height:auto;--smart-file-upload-text-content-uploading-start:"Connecting ...";--smart-file-upload-text-content-uploading:"Uploading ...";--smart-file-upload-text-content-error:"Upload error!";--smart-file-upload-text-content-pause:"Upload paused!";--smart-file-upload-text-content-drop-zone:"Drag files here";--smart-file-upload-text-content-drop-zone-over:"Drop here \e824";--smart-file-upload-container-min-height:60px;--smart-file-upload-total-files-min-height:20px;--smart-file-upload-drop-zone-height:100%;--smart-gantt-chart-resource-splitter-bar-fit-size:calc(var(--smart-gantt-chart-resource-timeline-content-height) + var(--smart-gantt-chart-task-default-height));--smart-gantt-chart-task-splitter-bar-fit-size:var(--smart-gantt-chart-task-timeline-content-height);--smart-gantt-chart-task-default-height:30px;--smart-gantt-chart-header-height:var(--smart-gantt-chart-task-default-height);--smart-gantt-chart-task-bar-fill-padding:5px;--smart-gantt-chart-task-label-padding:2px var(--smart-gantt-chart-task-bar-fill-padding);--smart-gantt-chart-task-thumb-color:rgba(0, 0, 0, .55);--smart-gantt-chart-task-progress-color:rgba(0, 0, 0, .15);--smart-gantt-chart-project-color:#ffa558;--smart-gantt-chart-project-label-color:#333;--smart-gantt-chart-project-label-color-selected:#000;--smart-gantt-chart-project-progress-color:var(--smart-gantt-chart-task-progress-color);--smart-gantt-chart-task-color:rgb(43, 195, 190);--smart-gantt-chart-milestone-color:#800080;--smart-gantt-chart-timeline-task-background-color:transparent;--smart-gantt-chart-timeline-task-connection-feedback-color:#e6510a;--smart-gantt-chart-timeline-task-connection-feedback-width:1px;--smart-gantt-chart-timeline-task-connection-feedback-style:dashed;--smart-gantt-chart-timeline-task-connection-color:var(--smart-gantt-chart-timeline-task-connection-feedback-color);--smart-gantt-chart-timeline-task-connection-color-hover:var(--smart-gantt-chart-timeline-task-connection-color);--smart-gantt-chart-timeline-task-connection-width:var(--smart-gantt-chart-timeline-task-connection-feedback-width);--smart-gantt-chart-timeline-task-connection-style:solid;--smart-gantt-chart-timeline-task-connection-arrow-type:solid;--smart-gantt-chart-timeline-task-connection-arrow-width:5px;--smart-gantt-chart-timeline-task-resize-indicator-width:4px;--smart-gantt-chart-timeline-task-resize-indicator-color:#fff;--smart-gantt-chart-timeline-task-resize-indicator-border-color:#333;--smart-gantt-chart-timeline-task-progress-thumb-size:10px;--smart-gantt-chart-timeline-cell-size:auto;--smart-gantt-chart-timeline-cell-min-size:70px;--smart-gantt-chart-timeline-task-min-width:5px;--smart-gantt-chart-timeline-weekend-color:#EFF5FD;--smart-gantt-chart-timeline-nonworking-color:#F5F5F5;--smart-gantt-chart-default-width:auto;--smart-gantt-chart-default-height:600px;--smart-gantt-chart-task-popup-window-default-width:60vw;--smart-gantt-chart-connection-popup-window-default-width:300px;--smart-gantt-chart-confirm-popup-window-default-width:var(--smart-gantt-chart-connection-popup-default-width);--smart-gantt-chart-popup-window-header-height:35px;--smart-gantt-chart-popup-window-footer-height:50px;--smart-gantt-chart-header-placeholder:' - ';--smart-gantt-chart-progress-label-padding:0 10px 0 10px;--smart-gantt-chart-filter-row-height:30px;--smart-gantt-chart-task-fill-border-radius:0;--smart-gantt-chart-segment-link-color:var(--smart-gantt-chart-task-color);--smart-gantt-chart-segment-link-size:var(--smart-border-width);--smart-gantt-chart-date-marker-height:25px;--smart-gantt-chart-date-marker-width:var(--smart-border-width);--smart-gantt-chart-date-marker-background:var(--smart-primary);--smart-gantt-chart-date-marker-color:var(--smart-primary-color);--smart-gantt-chart-date-marker-v-offset:15%;--smart-gantt-chart-date-marker-h-offset:10px;--smart-gantt-chart-indicator-icon:initial;--smart-gantt-chart-deadline-icon:var(--smart-icon-attention-circled);--smart-gantt-chart-deadline-color:var(--smart-error);--smart-gantt-chart-baseline-proportion:2;--smart-gantt-chart-baseline-background:rgba(166, 205, 87, .5);--smart-gantt-chart-progress-label-width:60px;--smart-gantt-chart-current-time-indicator-size:1px;--smart-gantt-chart-current-time-indicator-background:var(--smart-primary);--smart-gantt-chart-current-time-indicator-arrow-size:7px;--smart-gantt-chart-current-time-indicator-header-size:2px;--smart-gantt-chart-shader-background:rgba(var(--smart-border-rgb), .5);--smart-gauge-default-width:var(--smart-box-width);--smart-gauge-default-height:var(--smart-box-height);--smart-gauge-track-border:var(--smart-border);--smart-gauge-track-background:var(--smart-background);--smart-gauge-needle-background:var(--smart-primary);--smart-gauge-label-fill-state:initial;--smart-gauge-label-stroke:initial;--smart-grid-default-width:800px;--smart-grid-default-height:400px;--smart-grid-footer-height:var(--smart-bar-height);--smart-grid-header-height:var(--smart-bar-height);--smart-grid-group-header-height:var(--smart-bar-height);--smart-grid-row-height:30px;--smart-grid-column-header-height:var(--smart-bar-height);--smart-grid-filter-footer-height:var(--smart-bar-height);--smart-grid-aggregate-footer-height:var(--smart-bar-height);--smart-grid-header-background-freeze:var(--smart-surface);--smart-grid-header-color-freeze:var(--smart-surface-color);--smart-grid-column-menu-width:200px;--smart-grid-column-menu-height:auto;--smart-grid-column-buttons-width:23px;--smart-grid-cell-color-freeze:var(--smart-surface-color);--smart-grid-cell-background-freeze:var(--smart-surface);--smart-grid-cell-color-delete:#333;--smart-grid-cell-background-delete:#FFDCDC;--smart-grid-cell-color-update:#333;--smart-grid-cell-background-update:#D7F9C7;--smart-grid-cell-color-add:#333;--smart-grid-cell-background-add:#FED59B;--smart-grid-cell-color-unbound:var(--smart-surface-color);--smart-grid-cell-background-unbound:var(--smart-surface);--smart-grid-cell-color-sort:var(--smart-surface-color);--smart-grid-cell-background-sort:var(--smart-surface);--smart-grid-cell-color-filter:var(--smart-surface-color);--smart-grid-cell-background-filter:var(--smart-surface);--smart-grid-group-row-vertical-offset:5;--smart-grid-group-row-horizontal-offset:1;--smart-grid-template-columns:none;--smart-grid-column-gap:0px;--smart-grid-row-gap:0px;--smart-grid-freeze-splitter-size:1px;--smart-grid-resize-line-size:1px;--smart-grid-layout-col-gap:10px;--smart-grid-layout-row-gap:10px;--smart-grid-layout-width:100%;--smart-grid-layout-rows:none;--smart-grid-panel-default-width:450px;--smart-grid-panel-default-height:auto;--smart-grid-panel-padding:10px;--smart-grid-panel-vertical-offset:10px;--smart-grid-panel-item-height:30px;--smart-column-panel-drop-down-height:350px;--smart-multi-column-filter-panel-template-columns:15px 60px 2fr 3fr 3fr;--smart-formatting-panel-default-width:600px;--smart-formatting-panel-row-height:30px;--smart-formatting-panel-add-new-button-size:40px;--smart-formatting-panel-popup-width:300px;--smart-formatting-panel-color-box-height:20px;--smart-kanban-default-width:1200px;--smart-kanban-default-height:500px;--smart-kanban-header-size:35px;--smart-kanban-task-min-width:150px;--smart-kanban-task-min-height:80px;--smart-kanban-text-max-height:200px;--smart-kanban-user-icon-size:30px;--smart-kanban-user-list-width:150px;--smart-kanban-user-list-max-height:400px;--smart-kanban-comments-list-width:350px;--smart-kanban-comments-list-height:400px;--smart-kanban-new-comment-height:50px;--smart-kanban-new-comment-height-expanded:175px;--smart-kanban-send-button-height:30px;--smart-kanban-color-band-width:3px;--smart-kanban-add-new-column-width:1fr;--smart-list-box-default-width:var(--smart-editor-width);--smart-list-box-default-height:var(--smart-editor-width);--smart-list-item-group-header-text-transform:uppercase;--smart-list-item-horizontal-offset:3px;--smart-list-item-vertical-offset:3px;--smart-list-item-height:36px;--smart-list-item-check-box-radius:2px;--smart-list-item-label-padding:0;--smart-list-item-label-border-radius:0;--smart-list-item-padding:9px 12px;--smart-loader-size:var(--smart-editor-height);--smart-led-default-width:var(--smart-editor-height);--smart-led-default-height:var(--smart-editor-height);--smart-list-menu-default-width:var(--smart-box-width);--smart-list-menu-default-height:var(--smart-box-height);--smart-list-menu-filter-input-vertical-offset:5px;--smart-list-menu-filter-input-horizontal-offset:5px;--smart-masked-text-box-default-width:var(--smart-editor-width);--smart-masked-text-box-default-height:var(--smart-editor-height);--smart-menu-default-width:var(--smart-bar-width);--smart-menu-default-height:var(--smart-bar-height);--smart-menu-vertical-default-width:calc(var(--smart-bar-width) / 2);--smart-menu-vertical-default-height:var(--smart-bar-width);--smart-menu-scroll-button-size:calc(var(--smart-bar-height) / 1.5);--smart-multiline-text-box-default-width:var(--smart-editor-width);--smart-multiline-text-box-default-height:calc(10 * var(--smart-editor-height));--smart-multi-split-button-default-width:var(--smart-editor-width);--smart-multi-split-button-default-height:var(--smart-editor-height);--smart-number-format-panel-selected-format-width:1fr;--smart-number-format-panel-apply-button-width:125px;--smart-number-format-panel-header-holder-offset:10px;--smart-number-format-panel-border-size:1px;--smart-number-format-panel-border-color:#ccc;--smart-number-format-panel-border-radius:4px;--smart-number-format-panel-sample-container-vertical-offset:15px;--smart-number-format-panel-sample-container-horizontal-offset:5px;--smart-number-format-panel-formats-list-margin-top:15px;--smart-number-format-panel-formats-list-max-height:400px;--smart-number-format-panel-formats-item-padding:12px;--smart-number-format-panel-selected-format-padding-left:5px;--smart-number-format-panel-selected-format-padding-top:3px;--smart-number-format-panel-selected-format-padding-bottom:3px;--smart-number-format-panel-header-input-width:100%;--smart-number-format-panel-formats-item-left-padding:10px;--smart-number-format-panel-formats-item-hover-background:#f1f1f1;--smart-number-format-panel-formats-item-example-format-color:#777;--smart-numeric-text-box-default-width:var(--smart-editor-width);--smart-numeric-text-box-default-height:var(--smart-editor-height);--smart-numeric-text-box-default-radix-display-width:12%;--smart-numeric-text-box-default-unit-display-width:var(--smart-editor-addon-width);--smart-numeric-text-box-text-align:right;--smart-path-default-width:var(--smart-editor-width);--smart-path-default-height:var(--smart-editor-height);--smart-path-drop-down-width:auto;--smart-path-drop-down-height:auto;--smart-path-button-gap:5px;--smart-path-text-align:start;--smart-power-button-default-width:var(--smart-editor-height);--smart-power-button-default-height:var(--smart-editor-height);--smart-progress-bar-default-width:var(--smart-editor-width);--smart-progress-bar-default-height:var(--smart-editor-height);--smart-circular-progress-bar-default-size:var(--smart-editor-width);--smart-circular-progress-bar-fill-size:20%;--smart-query-builder-default-width:auto;--smart-query-builder-default-height:auto;--smart-query-builder-min-width:100px;--smart-query-builder-content-padding:5px;--smart-query-builder-editor-width:125px;--smart-radio-button-default-size:calc(1px + 1/2 * var(--smart-editor-height));--smart-sortable-handle-size:25px;--smart-splitter-default-width:var(--smart-box-width);--smart-splitter-default-height:var(--smart-box-height);--smart-splitter-bar-size:10px;--smart-splitter-bar-fit-size:100%;--smart-splitter-item-padding:0;--smart-splitter-item-content-padding:0;--smart-splitter-item-size:auto;--smart-switch-button-default-width:calc(var(--smart-editor-height) + 10px);--smart-switch-button-default-height:var(--smart-editor-height);--smart-switch-button-thumb-size:calc(var(--smart-switch-button-default-height) - 8px);--smart-slider-default-width:var(--smart-editor-width);--smart-slider-default-height:35px;--smart-slider-track-size:1px;--smart-slider-thumb-width:20px;--smart-slider-thumb-height:20px;--smart-slider-tooltip-width:60px;--smart-slider-tooltip-height:30px;--smart-slider-spin-button-width:30px;--smart-slider-spin-button-height:30px;--smart-slider-tick-size:10px;--smart-slider-minor-tick-size:5px;--smart-slider-thumb-border-top-right-radius:15px;--smart-slider-thumb-border-top-left-radius:15px;--smart-slider-thumb-border-bottom-left-radius:15px;--smart-slider-thumb-border-bottom-right-radius:15px;--smart-scroll-button-size:16px;--smart-scroll-bar-size:18px;--smart-scroll-bar-default-width:var(--smart-editor-width);--smart-scroll-bar-default-height:var(--smart-scroll-bar-size);--smart-scroll-bar-background:#F1F1F1;--smart-scroll-bar-track-background:var(--smart-scroll-bar-background);--smart-scroll-bar-border:#F1F1F1;--smart-scroll-bar-thumb-border-top-right-radius:0px;--smart-scroll-bar-thumb-border-top-left-radius:0px;--smart-scroll-bar-thumb-border-bottom-left-radius:0px;--smart-scroll-bar-thumb-border-bottom-right-radius:0px;--smart-scroll-bar-thumb-background:#C1C1C1;--smart-scroll-bar-thumb-border:transparent;--smart-scroll-bar-thumb-size:100%;--smart-scroll-bar-thumb-padding:1px;--smart-scroll-bar-thumb-background-hover:#A8A8A8;--smart-scroll-bar-thumb-border-hover:transparent;--smart-scroll-bar-thumb-background-active:#787878;--smart-scroll-bar-thumb-border-active:transparent;--smart-scroll-bar-button-background:#F1F1F1;--smart-scroll-bar-button-border:#F1F1F1;--smart-scroll-bar-button-color:#505050;--smart-scroll-bar-button-background-hover:#D2D2D2;--smart-scroll-bar-button-border-hover:#F1F1F1;--smart-scroll-bar-button-color-hover:#505050;--smart-scroll-bar-button-background-active:#787878;--smart-scroll-bar-button-border-active:#F1F1F1;--smart-scroll-bar-button-color-active:#fff;--smart-table-default-width:100%;--smart-table-default-height:auto;--smart-table-header-footer-height:56px;--smart-table-column-header-height:var(--smart-table-header-footer-height);--smart-table-row-height:48px;--smart-table-cell-padding:12px;--smart-table-row-detail-height:var(--smart-table-row-height);--smart-table-indent:30px;--smart-table-arrow-size:16px;--smart-table-arrow-margin:5px;--smart-table-group-name-display:unset;--smart-table-group-count-display:unset;--smart-pivot-table-cell-width:200px;--smart-pivot-table-secondary-group-width:calc(1.25 * var(--smart-pivot-table-cell-width));--smart-pivot-panel-width:300px;--smart-pivot-panel-default-height:800px;--smart-pivot-panel-tab-item-height:150px;--smart-pivot-panel-padding:10px;--smart-tank-default-width:var(--smart-editor-width);--smart-tank-default-height:calc(10 * var(--smart-editor-height));--smart-tank-scale-size:105px;--smart-tank-thumb-width:25px;--smart-tank-thumb-height:var(--smart-tank-thumb-width);--smart-tank-tooltip-width:80px;--smart-tank-tooltip-height:30px;--smart-tank-tick-size:10px;--smart-tank-minor-tick-size:5px;--smart-tank-minimum-track-size:6px;--smart-tabs-header-button-size:20px;--smart-tabs-animation-duration:0.5s;--smart-tabs-default-width:var(--smart-box-width);--smart-tabs-default-height:var(--smart-box-height);--smart-tabs-header-padding:0px;--smart-tabs-header-offset:0px;--smart-tab-item-padding:12px 16px;--smart-tab-item-offset:5px;--smart-tab-item-initial-offset:5px;--smart-tab-item-text-transform:uppercase;--smart-time-picker-default-width:var(--smart-editor-width);--smart-time-picker-default-height:calc(12 * var(--smart-editor-height));--smart-tooltip-arrow-width:6px;--smart-tooltip-arrow-color:var(--smart-secondary);--smart-tooltip-arrow-translate:0;--smart-tooltip-padding:4px 8px;--smart-tooltip-content-shadow:none;--smart-toast-item-icon:'';--smart-toast-container-default-width:var(--smart-bar-width);--smart-toast-header-height:20px;--smart-toast-info-background:var(--smart-info);--smart-toast-info-color:var(--smart-info-color);--smart-toast-warning-background:var(--smart-warning);--smart-toast-warning-color:var(--smart-warning-color);--smart-toast-error-background:var(--smart-error);--smart-toast-error-color:var(--smart-error-color);--smart-toast-success-background:var(--smart-success);--smart-toast-success-color:var(--smart-success-color);--smart-tree-default-width:var(--smart-box-width);--smart-tree-default-height:var(--smart-box-height);--smart-tree-scroll-button-size:20px;--smart-tree-lines-style:dashed;--smart-tree-indent:16px;--smart-tree-lines-color:var(--smart-border);--smart-tree-lines-width:1px;--smart-tree-item-label-height:36px;--smart-tree-item-padding:9px 12px;--smart-tree-item-vertical-offset:3px;--smart-tree-item-horizontal-offset:3px;--smart-text-box-default-width:var(--smart-editor-width);--smart-text-box-default-height:var(--smart-editor-height);--smart-validation-panel-description-width:20%;--smart-validation-panel-content-width:80%;--smart-validation-panel-appearance-vertical-offset:10px;--smart-validation-panel-appearance-reset-button-left-offset:5px;--smart-validation-panel-appearance-textbox-vertical-offset:5px;--smart-validation-panel-appearance-reset-button-color:var(--smart-primary);--smart-validation-panel-criteria-row-margin-top:10px;--smart-validation-panel-criteria-container-vertical-offset:10px;--smart-validation-panel-criteria-container-input-width:180px;--smart-validation-panel-criteria-container-input-horizontal-offset:2px;--smart-validation-panel-criteria-container-textbox-width:80px;--smart-validation-panel-criteria-container-textbox-horizontal-offset:2px;--smart-validation-panel-criteria-container-text-between-inputs-offset:5px;--smart-validation-panel-invalid-data-vertical-offset:10px;--smart-validation-panel-footer-button-color:#188038;--smart-validation-panel-footer-button-background:white;--smart-validation-panel-footer-vertical-offset:20px;--smart-validation-panel-footer-button-horizontal-offset:5px;--smart-validation-panel-footer-remove-validation-button-color:var(--smart-validation-panel-footer-button-color);--smart-validation-panel-footer-cancel-button-color:var(--smart-validation-panel-footer-button-color);--smart-validation-panel-footer-save-button-color:var(--smart-validation-panel-footer-button-background);--smart-validation-panel-footer-save-button-background:var(--smart-validation-panel-footer-button-color);--smart-password-text-box-default-width:var(--smart-editor-width);--smart-password-text-box-default-height:var(--smart-editor-height);--smart-pager-default-width:var(--smart-bar-width);--smart-pager-default-height:var(--smart-bar-height);--smart-pager-button-width:'auto';--smart-pager-button-height:32px;--smart-pager-page-size-selector-width:60px;--smart-pager-page-index-selector-width:32px;--smart-pager-page-index-selector-height:32px;--smart-pager-page-index-ellipsis-selector-width:32px;--smart-pager-page-index-ellipsis-selector-height:32px;--smart-pager-page-index-selector-horizontal-offset:8px;--smart-pager-padding:2px;--smart-pager-input-width:50px;--smart-scroll-viewer-min-width:none;--smart-scroll-viewer-max-width:none;--smart-scroll-viewer-min-height:none;--smart-scroll-viewer-max-height:none;--smart-scheduler-default-height:auto;--smart-scheduler-default-width:auto;--smart-scheduler-item-size:auto;--smart-scheduler-timeline-cell-width:auto;--smart-scheduler-timeline-cell-height:50px;--smart-scheduler-timeline-cell-min-width:70px;--smart-scheduler-timeline-cell-min-height:35px;--smart-scheduler-header-height:50px;--smart-scheduler-header-today-button-size:70px;--smart-scheduler-header-date-button-max-size:auto;--smart-scheduler-header-navigation-button-size:30px;--smart-scheduler-footer-height:var(--smart-scheduler-header-height);--smart-scheduler-header-box-shadow:initial;--smart-scheduler-header-padding:10px;--smart-scheduler-timeline-header-cell-padding:5px;--smart-scheduler-header-menu-button-size:auto;--smart-scheduler-timeline-weekend-color:var(--smart-background);--smart-scheduler-timeline-nonworking-color:var(--smart-gantt-chart-timeline-nonworking-color);--smart-scheduler-timeline-all-day-label-font-weight:600;--smart-scheduler-timeline-header-horizontal-cells-size:40px;--smart-scheduler-timeline-header-horizontal-label-padding:initial;--smart-scheduler-timeline-header-horizontal-details-size:var(--smart-scheduler-timeline-header-horizontal-cells-size);--smart-scheduler-timeline-header-horizontal-group-size:var(--smart-scheduler-timeline-header-horizontal-cells-size);--smart-scheduler-timeline-header-vertical-cells-size:100px;--smart-scheduler-timeline-header-vertical-label-padding:initial;--smart-scheduler-timeline-header-vertical-details-size:var(--smart-scheduler-timeline-header-vertical-cells-size);--smart-scheduler-timeline-header-vertical-group-size:var(--smart-scheduler-timeline-header-vertical-cells-size);--smart-scheduler-timeline-header-all-day-cells-size:75px;--smart-scheduler-timeline-group-separator-background:var(--smart-outline);--smart-scheduler-timeline-group-separator-size:var(--smart-border-width);--smart-scheduler-timeline-group-white-space:nowrap;--smart-scheduler-timeline-group-header-offset:calc(-50% - var(--smart-scheduler-timeline-header-cell-padding));--smart-scheduler-current-time-indicator-background:var(--smart-primary);--smart-scheduler-current-time-indicator-size:1px;--smart-scheduler-current-time-indicator-header-size:2px;--smart-scheduler-current-time-indicator-arrow-size:7px;--smart-scheduler-shader-background:rgba(var(--smart-border-rgb), .5);--smart-scheduler-view-background:transparent;--smart-scheduler-view-line-size:var(--smart-border-width);--smart-scheduler-view-horizontal-line-color:var(--smart-border);--smart-scheduler-view-vertical-line-color:var(--smart-border);--smart-scheduler-day-week-view-vertical-line-size:var(--smart-scheduler-view-line-size);--smart-scheduler-day-week-view-vertical-line-color:var(--smart-border);--smart-scheduler-day-week-view-hour-size:var(--smart-scheduler-view-line-size);--smart-scheduler-day-week-view-hour-color:var(--smart-border);--smart-scheduler-time-ruler-tick-size:10px;--smart-scheduler-event-background-rgb:52,121,186;--smart-scheduler-event-background:rgba(var(--smart-scheduler-event-background-rgb), 1);--smart-scheduler-legend-item-background:var(--smart-scheduler-event-background);--smart-scheduler-event-color:var(--smart-primary-color);--smart-scheduler-event-focus:rgba(var(--smart-scheduler-event-background-rgb), .9);--smart-scheduler-event-color-focus:var(--smart-scheduler-event-color);--smart-scheduler-event-hover:rgba(var(--smart-scheduler-event-background-rgb), .8);--smart-scheduler-event-color-hover:var(--smart-scheduler-event-color);--smart-scheduler-event-padding-agenda:5px;--smart-scheduler-event-padding-basic:2px;--smart-scheduler-event-padding-timeline:2px;--smart-scheduler-event-padding-all-day:2px;--smart-scheduler-event-content-padding:5px;--smart-scheduler-event-label-font-size:var(--smart-font-size);--smart-scheduler-event-time-font-size:calc(var(--smart-font-size) - 3px);--smart-scheduler-event-time-font-size-agenda:var(--smart-font-size);--smart-scheduler-event-time-font-weight-agenda:600;--smart-scheduler-event-time-opacity-agenda:1;--smart-scheduler-event-time-opacity:0.7;--smart-scheduler-event-icon-size:30px;--smart-scheduler-event-size:30px;--smart-scheduler-event-size-basic:var(--smart-scheduler-event-size);--smart-scheduler-event-size-timeline:60px;--smart-scheduler-event-collector-size:24px;--smart-scheduler-event-collector-mobile-size:28px;--smart-scheduler-event-collector-background:rgba(var(--smart-primary-rgb), 1);--smart-scheduler-event-collector-color:var(--smart-primary-color);--smart-scheduler-event-collector-focus:rgba(var(--smart-primary-rgb), .9);--smart-scheduler-event-collector-color-focus:var(--smart-scheduler-event-collector-color);--smart-scheduler-event-collector-hover:rgba(var(--smart-primary-rgb), .8);--smart-scheduler-event-collector-color-hover:var(--smart-scheduler-event-collector-color);--smart-scheduler-month-view-number-size:24px;--smart-scheduler-status-size:7px;--smart-scheduler-status-padding:5px;--smart-scheduler-status-background:transparent;--smart-scheduler-status-free-background:white;--smart-scheduler-status-tentative-background:0 -244rem/5rem 5rem linear-gradient(45deg, #fd7e14 25%, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .2) 50%, #fd7e14 50%, #fd7e14 75%, rgba(0, 0, 0, .2) 75%, rgba(0, 0, 0, .2));--smart-scheduler-status-busy-background:#dc3545;--smart-scheduler-status-out-of-office-background:#00a9e6;--smart-scheduler-cell-feedback-background:transparent;--smart-scheduler-event-resize-indicator-size:var(--smart-gantt-chart-timeline-task-resize-indicator-width);--smart-scheduler-event-resize-indicator-color:var(--smart-gantt-chart-timeline-task-resize-indicator-color);--smart-scheduler-event-resize-indicator-border-color:var(--smart-gantt-chart-timeline-task-resize-indicator-border-color);--smart-scheduler-restricted-background:0 -245rem/12px 12px linear-gradient(135deg, rgba(255, 0, 0, .15) 25%, transparent 25%, transparent 50%, rgba(255, 0, 0, .15) 50%, rgba(255, 0, 0, .15) 75%, transparent 75%, transparent);--smart-scheduler-event-item-size:50px;--smart-scheduler-event-button-size:30px;--smart-scheduler-event-border-radius:initial;--smart-scheduler-event-collector-border-radius:20px;--smart-scheduler-context-menu-max-height:calc(4 * var(--smart-scheduler-event-item-size));--smart-scheduler-context-menu-max-width:300px;--smart-scheduler-window-header-height:var(--smart-gantt-chart-popup-window-header-height);--smart-scheduler-window-footer-height:var(--smart-gantt-chart-popup-window-footer-height);--smart-scheduler-event-label-font-weight:300;--smart-scheduler-event-time-font-weight:300;--smart-scheduler-event-item-label-font-weight:600;--smart-scheduler-toast-default-width:400px;--smart-scheduler-toast-default-height:50px;--smart-scheduler-shortcut-size:28px;--smart-window-default-height:var(--smart-box-height);--smart-window-default-width:var(--smart-box-width);--smart-window-header-height:var(--smart-bar-height);--smart-window-footer-height:var(--smart-bar-height);--smart-window-min-width:250px;--smart-window-header-padding:10px;--smart-window-footer-padding:6.5px;--smart-window-header-button-size:24px;--smart-window-header-icon-size:var(--smart-font-size);--smart-window-header-background:var(--smart-surface);--smart-window-footer-background:var(--smart-surface);--smart-window-footer-button-width:100px;--smart-window-content-padding:10px;--smart-elevation-24:0 24px 38px 3px rgba(0, 0, 0, .14),0 9px 46px 8px rgba(0, 0, 0, .12),0 11px 15px 0 rgba(0, 0, 0, .2);--smart-elevation-16:0 16px 24px 2px rgba(0, 0, 0, .14),0 6px 30px 5px rgba(0, 0, 0, .12),0 8px 10px 0 rgba(0, 0, 0, .2);--smart-elevation-12:0 12px 17px 2px rgba(0, 0, 0, .14),0 5px 22px 4px rgba(0, 0, 0, .12),0 7px 8px 0 rgba(0, 0, 0, .2);--smart-elevation-8:0 8px 10px 1px rgba(0, 0, 0, .14),0 3px 14px 3px rgba(0, 0, 0, .12),0 4px 15px 0 rgba(0, 0, 0, .2);--smart-elevation-6:0 6px 10px 0 rgba(0, 0, 0, .14),0 1px 18px 0 rgba(0, 0, 0, .12),0 3px 5px 0 rgba(0, 0, 0, .2);--smart-elevation-4:0 2px 4px 0 rgba(0, 0, 0, .14),0 4px 5px 0 rgba(0, 0, 0, .12),0 1px 10px 0 rgba(0, 0, 0, .2);--smart-elevation-2:0 3px 1px -2px rgba(0, 0, 0, .2),0 2px 2px 0 rgba(0, 0, 0, .14),0 1px 5px 0 rgba(0, 0, 0, .12);--smart-elevation-1:0 0 2px 0 rgba(0, 0, 0, .14),0 2px 2px 0 rgba(0, 0, 0, .12),0 1px 3px 0 rgba(0, 0, 0, .2);--smart-elevation-0:none;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--pseudo-element-height:0}.smart-ui-component[theme=dark],body[theme=dark]{--smart-primary-rgb:122,202,255;--smart-primary:rgb(var(--smart-primary-rgb));--smart-primary-color:#242424;--smart-background:#242424;--smart-background-color:#fff;--smart-surface:#333;--smart-surface-color:#fff;--smart-disabled:#535353;--smart-disabled-color:#fff;--smart-border:#464646;--smart-editor-selection:var(--smart-primary);--smart-editor-selection-color:var(--smart-primary-color);--smart-ui-state-hover:#444;--smart-ui-state-color-hover:#fff;--smart-ui-state-border-hover:var(--smart-ui-state-hover);--smart-ui-state-active:var(--smart-primary);--smart-ui-state-color-active:var(--smart-primary-color);--smart-ui-state-border-active:var(--smart-primary);--smart-ui-state-focus:#555;--smart-ui-state-color-focus:#fff;--smart-ui-state-border-focus:#555;--smart-ui-state-selected:rgba(var(--smart-primary-rgb), .1);--smart-ui-state-color-selected:var(--smart-primary);--smart-ui-state-border-selected:rgba(var(--smart-primary-rgb), .1);--smart-alternation-index0-color:var(--smart-surface-color);--smart-alternation-index0-border:var(--smart-surface);--smart-alternation-index0-background:var(--smart-surface);--smart-alternation-index1-color:#111;--smart-alternation-index1-border:#9BBB59;--smart-alternation-index1-background:#9BBB59;--smart-alternation-index2-color:#fff;--smart-alternation-index2-border:#FC3752;--smart-alternation-index2-background:#FC3752;--smart-grid-cell-background-freeze:#242424;--smart-grid-cell-color-freeze:#fff;--smart-scroll-bar-background:#3E3E42;--smart-scroll-bar-track-background:var(--smart-scroll-bar-background);--smart-scroll-bar-border:#3E3E42;--smart-scroll-bar-thumb-background:#686868;--smart-scroll-bar-thumb-border:#686868;--smart-scroll-bar-thumb-background-hover:#9E9E9E;--smart-scroll-bar-thumb-border-hover:#9E9E9E;--smart-scroll-bar-thumb-background-active:#444;--smart-scroll-bar-thumb-border-active:#444;--smart-scroll-bar-button-background:#3E3E42;--smart-scroll-bar-button-border:#3E3E42;--smart-scroll-bar-button-color:#999999;--smart-scroll-bar-button-background-hover:#3E3E42;--smart-scroll-bar-button-border-hover:#3E3E42;--smart-scroll-bar-button-color-hover:var(--smart-primary);--smart-scroll-bar-button-background-active:#3E3E42;--smart-scroll-bar-button-border-active:#3E3E42;--smart-scroll-bar-button-color-active:var(--smart-primary);--smart-gantt-chart-timeline-nonworking-color:#3E3E42;--smart-scheduler-timeline-weekend-color:var(--smart-background);--smart-scheduler-timeline-nonworking-color:var(--smart-gantt-chart-timeline-nonworking-color);--smart-scheduler-event-background-rgb:103,176,245;--smart-scheduler-event-background:rgba(var(--smart-scheduler-event-background-rgb), 1);--smart-scheduler-event-color:var(--smart-primary-color);--smart-scheduler-event-focus:rgba(var(--smart-scheduler-event-background-rgb), .9);--smart-scheduler-event-color-focus:var(--smart-scheduler-event-color);--smart-scheduler-event-hover:rgba(var(--smart-scheduler-event-background-rgb), .8);--smart-scheduler-event-color-hover:var(--smart-scheduler-event-color);--smart-scheduler-event-collector-background:rgba(var(--smart-primary-rgb), 1);--smart-scheduler-event-collector-color:var(--smart-primary-color);--smart-scheduler-event-collector-focus:rgba(var(--smart-primary-rgb), .9);--smart-scheduler-event-collector-color-focus:var(--smart-scheduler-event-collector-color);--smart-scheduler-event-collector-hover:rgba(var(--smart-primary-rgb), .8);--smart-scheduler-event-collector-color-hover:var(--smart-scheduler-event-collector-color);--smart-scheduler-status-free-background:white;--smart-scheduler-status-tentative-background:0 -244rem/5rem 5rem linear-gradient(45deg, #fd7e14 25%, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .2) 50%, #fd7e14 50%, #fd7e14 75%, rgba(0, 0, 0, .2) 75%, rgba(0, 0, 0, .2));--smart-scheduler-status-busy-background:#dc3545;--smart-scheduler-status-out-of-office-background:#00a9e6;--smart-scheduler-event-resize-indicator-color:var(--smart-gantt-chart-timeline-task-resize-indicator-color);--smart-scheduler-event-resize-indicator-border-color:var(--smart-gantt-chart-timeline-task-resize-indicator-border-color);--smart-scheduler-restricted-background:0 -245rem/12px 12px linear-gradient(135deg, rgba(255, 0, 0, .15) 25%, transparent 25%, transparent 50%, rgba(255, 0, 0, .15) 50%, rgba(255, 0, 0, .15) 75%, transparent 75%, transparent)}
+:root{--smart-primary-rgb:0,92,153;--smart-primary:rgb(var(--smart-primary-rgb));--smart-primary-color:#ffffff;--smart-secondary-rgb:45,45,48;--smart-secondary:rgb(var(--smart-secondary-rgb));--smart-secondary-color:#ffffff;--smart-error-rgb:176,0,32;--smart-error:rgb(var(--smart-error-rgb));--smart-error-color:#ffffff;--smart-success-rgb:139,195,74;--smart-success:rgb(var(--smart-success-rgb));--smart-success-color:#ffffff;--smart-info-rgb:92,192,222;--smart-info:rgb(var(--smart-info-rgb));--smart-info-color:#fff;--smart-warning-rgb:240,173,78;--smart-warning:rgb(var(--smart-warning-rgb));--smart-warning-color:#fff;--smart-light-rgb:255,255,255;--smart-light:rgb(var(--smart-light-rgb));--smart-light-color:#222222;--smart-dark-rgb:34,34,34;--smart-dark:rgb(var(--smart-dark-rgb));--smart-dark-color:#ffffff;--smart-background:#fefefe;--smart-background-color:#5A5A5A;--smart-surface:#F5F5F5;--smart-surface-color:#323232;--smart-disabled:#CCCCCC;--smart-disabled-color:#555;--smart-ui-state-hover:#ebebeb;--smart-ui-state-color-hover:#333;--smart-ui-state-border-hover:var(--smart-ui-state-hover);--smart-ui-state-active:var(--smart-primary);--smart-ui-state-color-active:var(--smart-primary-color);--smart-ui-state-border-active:var(--smart-primary);--smart-ui-state-focus:#e2e0e0;--smart-ui-state-color-focus:#333;--smart-ui-state-border-focus:var(--smart-ui-state-focus);--smart-ui-state-selected:rgba(var(--smart-primary-rgb), .1);--smart-ui-state-color-selected:var(--smart-primary);--smart-ui-state-border-selected:rgba(var(--smart-primary-rgb), .1);--smart-item-border-width:1px;--smart-item-border-radius:var(--smart-border-radius);--smart-item-border-top-left-radius:var(--smart-border-radius);--smart-item-border-top-right-radius:var(--smart-border-radius);--smart-item-border-bottom-left-radius:var(--smart-border-radius);--smart-item-border-bottom-right-radius:var(--smart-border-radius);--smart-font-size:14px;--smart-font-weight:inherit;--smart-font-style:inherit;--smart-font-family:Roboto,"Helvetica Neue",sans-serif;--smart-font-family-icon:smart-icons;--smart-font-family-icon-src:local('./font/smart-icons'),url(./font/smart-icons.woff2) format('woff2'),url(./font/smart-icons.woff) format('woff'),url(./font/smart-icons.ttf) format('truetype'),url(./font/smart-icons.eot) format('embedded-opentype');--smart-border-width:1px;--smart-border-radius:4px;--smart-border-top-left-radius:var(--smart-border-radius);--smart-border-top-right-radius:var(--smart-border-radius);--smart-border-bottom-left-radius:var(--smart-border-radius);--smart-border-bottom-right-radius:var(--smart-border-radius);--smart-border:#E0E0E0;--smart-border-rgb:244,224,224;--smart-outline:#b2b2b2;--smart-editor-selection:var(--smart-primary);--smart-editor-selection-color:var(--smart-primary-color);--smart-alternation-index0-color:var(--smart-surface-color);--smart-alternation-index0-border:var(--smart-surface);--smart-alternation-index0-background:var(--smart-surface);--smart-alternation-index1-color:#111;--smart-alternation-index1-border:#9BBB59;--smart-alternation-index1-background:#9BBB59;--smart-alternation-index2-color:#fff;--smart-alternation-index2-border:#FC3752;--smart-alternation-index2-background:#FC3752;--smart-tick-color:var(--smart-border);--smart-tick-label-color:var(--smart-background-color);--smart-box-height:450px;--smart-box-width:450px;--smart-bar-height:48px;--smart-bar-width:400px;--smart-editor-height:30px;--smart-editor-width:250px;--smart-editor-drop-down-width:300px;--smart-editor-drop-down-height:400px;--smart-editor-drop-down-padding-size:3px;--smart-editor-drop-down-max-width:800px;--smart-editor-drop-down-min-width:100px;--smart-editor-drop-down-max-height:400px;--smart-editor-drop-down-min-height:50px;--smart-editor-drop-down-resize-bar-height:15px;--smart-editor-drop-down-vertical-offset:5px;--smart-editor-drop-down-z-index:9999;--smart-editor-label-padding:4px;--smart-editor-addon-width:27px;--smart-column-icon-size:30px;--smart-icon-table:'\e800';--smart-icon-star:'\e801';--smart-icon-star-empty:'\e802';--smart-icon-plus:'\e803';--smart-icon-minus:'\e804';--smart-icon-attention-circled:'\e805';--smart-icon-align-left:'\e806';--smart-icon-align-right:'\e807';--smart-icon-align-center:'\e808';--smart-icon-align-justify:'\e813';--smart-icon-reload:'\e809';--smart-icon-cancel:'\e80d';--smart-icon-close:'\e80d';--smart-icon-cancel-circled:'\e80e';--smart-icon-plus-circled:'\e810';--smart-icon-power:'\e811';--smart-icon-minus-circled:'\e814';--smart-icon-arrow-up-alt:'\e817';--smart-icon-radio:'\e818';--smart-icon-refresh:'\e819';--smart-icon-chart:'\e81a';--smart-icon-check-squared:'\e81b';--smart-icon-resize-full:'\e81c';--smart-icon-resize-small:'\e81d';--smart-icon-resize-vertical:'\e80c';--smart-icon-resize-horizontal:'\e80f';--smart-icon-lock:'\e821';--smart-icon-sort:'\e823';--smart-icon-delete:'\e826';--smart-icon-search:'\e828';--smart-icon-calendar:'\e829';--smart-icon-edit:'\e82a';--smart-icon-popup:'\e82c';--smart-icon-lock-open:'\e82e';--smart-icon-add-filter:'\e82f';--smart-icon-block:'\e832';--smart-icon-settings:'\e833';--smart-icon-duplicate:'\e834';--smart-icon-copy-record:'\e835';--smart-icon-download-alt:'\e836';--smart-icon-clock:'\e837';--smart-icon-attention:'\e838';--smart-icon-help-circled:'\e839';--smart-icon-mail:'\e83c';--smart-icon-up:'\e83f';--smart-icon-first-page:'\e900';--smart-icon-arrow-down:'\e901';--smart-icon-arrow-left:'\e902';--smart-icon-arrow-right:'\e903';--smart-icon-arrow-up:'\e904';--smart-icon-arrow-down-filled:'\e812';--smart-icon-arrow-left-filled:'\e816';--smart-icon-arrow-right-filled:'\e81e';--smart-icon-arrow-up-filled:'\e815';--smart-icon-last-page:'\e905';--smart-icon-more-horiz:'\e906';--smart-icon-skip-next:'\e907';--smart-icon-check:'\e908';--smart-icon-mode-edit:'\e909';--smart-icon-replay:'\e90c';--smart-icon-visibility:'\e90d';--smart-icon-visibility-off:'\e90e';--smart-icon-link:'\e831';--smart-icon-unlink:'\f127';--smart-icon-link-ext:'\f08e';--smart-icon-check-empty:'\f096';--smart-icon-filter:'\f0b0';--smart-icon-resize-full-alt:'\f0b2';--smart-icon-menu:'\f0c9';--smart-icon-sort-1:'\f0dc';--smart-icon-paste:'\f0ea';--smart-icon-circle-empty:'\f10c';--smart-icon-circle:'\f111';--smart-icon-ellipsis:'\f141';--smart-icon-minus-squared:'\f146';--smart-icon-ok-squared:'\f14a';--smart-icon-sort-name-up:'\f15d';--smart-icon-sort-name-down:'\f15e';--smart-icon-sort-alt-up:'\f160';--smart-icon-sort-alt-down:'\f161';--smart-icon-sort-number-up:'\f162';--smart-icon-sort-number-down:'\f163';--smart-icon-dot-circled:'\f192';--smart-icon-toggle-off:'\f204';--smart-icon-toggle-on:'\f205';--smart-icon-group:'\f247';--smart-icon-ungroup:'\f248';--smart-icon-window-maximize:'\f2d0';--smart-icon-window-minimize:'\f2d1';--smart-icon-window-restore:'\f2d2';--smart-icon-window-pin-alt:'\e82d';--smart-icon-window-pin:'\e80a';--smart-icon-docs:'\f0c5';--smart-icon-math:'\f01a';--smart-icon-spin:'\e80b';--smart-icon-user:'\e81f';--smart-icon-font:'\f031';--smart-icon-fontsize:'\f088';--smart-icon-contains:'\f063';--smart-icon-starts_with:'\f064';--smart-icon-ends_with:'\f065';--smart-icon-does_not_contain:'\f066';--smart-icon-equals:'\f52c';--smart-icon-greater-than:'\f531';--smart-icon-greater-than-equal:'\f532';--smart-icon-less-than:'\f536';--smart-icon-less-than-equal:'\f537';--smart-icon-not-equal:'\f53e';--smart-icon-percentage:'\f541';--smart-icon-grip-vertical:'\f58e';--smart-icon-between:'\f06a';--smart-icon-bold:'\e820';--smart-icon-italic:'\e822';--smart-icon-underline:'\f0cd';--smart-icon-strike-through:'\f0cc';--smart-icon-list-ordered:'\f0cb';--smart-icon-list-unordered:'\f0ca';--smart-icon-subscript:'\f12c';--smart-icon-superscript:'\f12b';--smart-icon-color-background:'\e830';--smart-icon-indent-right:'\e824';--smart-icon-indent-left:'\e825';--smart-icon-image:'\e827';--smart-icon-case-lower:'aa';--smart-icon-case-upper:'AA';--smart-icon-print:'\e82b';--smart-icon-format-clear:'T';--smart-icon-source-code:'\f121';--smart-icon-split-mode:'\e83b';--smart-icon-cut:'\e83a';--smart-icon-video:'\f16a';--smart-icon-video-camera:'\e840';--smart-icon-bell:'\f0f3';--smart-icon-header:'\f1dc';--smart-icon-row:'\f0db';--smart-icon-row-before:'\f2d0';--smart-icon-row-after:'\f2d0';--smart-icon-row-delete:var(--smart-icon-cancel-circled);--smart-icon-column:'\f0db';--smart-icon-column-left:'\f2d0';--smart-icon-column-right:'\f2d0';--smart-icon-column-delete:var(--smart-icon-cancel-circled);--smart-icon-vertical-align:'\f06a \e80c';--smart-icon-styles:'\f1fc';--smart-icon-comment:'\F0E5';--smart-icon-card:'\E83E';--smart-icon-tasks:'\F0AE';--smart-icon-phone:'\E83D';--smart-icon-kanban:'\F181';--smart-icon-table-alt:'\F0CE';--smart-accordion-animation-duration:225ms;--smart-accordion-default-width:var(--smart-box-width);--smart-accordion-default-height:var(--smart-box-height);--smart-accordion-expanded-content-height:0px;--smart-accordion-expanded-content-local-height:0px;--smart-accordion-item-header-height:var(--smart-bar-height);--smart-accordion-item-expanded-offset:20px;--smart-array-default-width:var(--smart-box-width);--smart-array-default-height:var(--smart-box-height);--smart-array-element-gap:3px;--smart-breadcrumb-default-width:400px;--smart-breadcrumb-default-height:auto;--smart-breadcrumb-padding:10px;--smart-breadcrumb-drop-down-width:var(--smart-editor-drop-down-width);--smart-breadcrumb-item-height:40px;--smart-breadcrumb-horizontal-offset:10px;--smart-button-text-transform:uppercase;--smart-button-padding:8px 16px;--smart-button-large-padding:10px 16px;--smart-button-large-font-size:18px;--smart-button-small-padding:5px 10px;--smart-button-small-font-size:12px;--smart-button-very-small-padding:3px 5px;--smart-button-very-small-font-size:10px;--smart-button-flat-color:var(--smart-background-color);--smart-button-outlined-color:var(--smart-background-color);--smart-button-outlined-border:var(--smart-border);--smart-button-group-default-width:auto;--smart-button-group-default-height:auto;--smart-calendar-header-height:calc(0.75 * var(--smart-bar-height));--smart-calendar-footer-height:calc(0.75 * var(--smart-bar-height));--smart-calendar-title-height:calc(1.25 * var(--smart-bar-height));--smart-calendar-cell-size:30px;--smart-calendar-cell-spacing:4px;--smart-calendar-default-width:calc(50px + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)));--smart-calendar-default-height:calc(var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height));--smart-calendar-title-text-transform:initial;--smart-calendar-week-title-text-transform:uppercase;--smart-calendar-header-text-transform:uppercase;--smart-calendar-footer-text-transform:uppercase;--smart-calendar-cell-border-top-right-radius:15px;--smart-calendar-cell-border-top-left-radius:15px;--smart-calendar-cell-border-bottom-left-radius:15px;--smart-calendar-cell-border-bottom-right-radius:15px;--smart-calendar-title-padding:10px;--smart-calendar-important-date-background:var(--smart-ui-state-hover);--smart-calendar-important-date-color:var(--smart-ui-state-color-hover);--smart-calendar-important-date-border-color:var(--smart-ui-state-border-hover);--smart-calendar-navigation-button-size:30px;--smart-card-view-default-width:1200px;--smart-card-view-default-height:800px;--smart-card-view-header-height:30px;--smart-card-view-cover-height:var(--smart-carousel-default-height);--smart-card-view-vertical-offset:15px;--smart-card-view-column-min-width:250px;--smart-card-view-gap:10px;--smart-card-view-add-new-button-size:60px;--smart-carousel-default-width:600px;--smart-carousel-default-height:200px;--smart-carousel-3d-mode-slide-width:400px;--smart-carousel-3d-mode-slide-height:400px;--smart-carousel-multiple-mode-slide-width:200px;--smart-chart-default-width:850px;--smart-chart-default-height:500px;--smart-check-box-default-size:calc(1px + 1/2 * var(--smart-editor-height));--smart-color-panel-default-width:auto;--smart-color-panel-default-height:auto;--smart-color-panel-palette-size:300px;--smart-color-panel-grid-mode-item-size:20px;--smart-color-panel-grid-mode-column-count:8;--smart-color-panel-grid-mode-columns-gap:1px;--smart-color-panel-brightness:0;--smart-color-panel-default-mode-sections-gap:8px;--smart-color-panel-palette-width:var(--smart-color-panel-palette-size);--smart-color-panel-palette-height:var(--smart-color-panel-palette-size);--smart-color-panel-alpha-channel-color:white;--smart-color-picker-default-width:var(--smart-editor-width);--smart-color-picker-default-height:var(--smart-editor-height);--smart-color-picker-drop-down-width:auto;--smart-color-picker-drop-down-height:auto;--smart-combo-box-default-width:var(--smart-editor-width);--smart-combo-box-default-height:var(--smart-editor-height);--smart-combo-box-drop-down-width:auto;--smart-combo-box-drop-down-height:auto;--smart-chip-default-height:var(--smart-editor-height);--smart-chip-avatar-background:var(--smart-secondary);--smart-currency-format-panel-currency-holder-width:1fr;--smart-currency-format-panel-apply-button-width:125px;--smart-currency-format-panel-header-holder-offset:2%;--smart-currency-format-panel-currency-holder-input-width:1fr;--smart-currency-format-panel-currency-holder-dropdown-width:165px;--smart-currency-format-panel-currency-holder-dropdown-button-width:95%;--smart-currency-format-panel-border-size:1px;--smart-currency-format-panel-border-color:#ccc;--smart-currency-format-panel-border-radius:4px;--smart-currency-format-panel-currencies-margin-top:15px;--smart-currency-format-panel-currencies-max-height:400px;--smart-currency-format-panel-currencies-item-padding:12px;--smart-currency-format-panel-currency-holder-padding-left:5px;--smart-currency-format-panel-currency-holder-padding-top:3px;--smart-currency-format-panel-currency-holder-padding-bottom:3px;--smart-currency-format-panel-currency-input-width:100%;--smart-currency-format-panel-currencies-left-padding:10px;--smart-currency-format-panel-currencies-hover-background:#f1f1f1;--smart-currency-format-panel-currencies-example-format-color:#777;--smart-data-view-padding:10px;--smart-data-view-customize-panel-width:320px;--smart-data-view-filter-panel-width:550px;--smart-data-view-sort-panel-width:450px;--smart-data-view-search-panel-width:250px;--smart-date-format-panel-main-container-width:960px;--smart-date-format-panel-main-container-padding:15px;--smart-date-format-panel-border-radius:4px;--smart-date-format-panel-border-size:1px;--smart-date-format-panel-border-color:#ccc;--smart-date-format-panel-smart-inputs-container-width:1fr;--smart-date-format-panel-apply-container-width:150px;--smart-date-format-panel-smart-input-buttons-column-gap:2%;--smart-date-format-panel-smart-inputs-holder-width:94%;--smart-date-format-panel-add-format-holder-width:6%;--smart-date-format-panel-smart-inputs-list-holder-offset:2px;--smart-date-format-panel-smart-input-format-width:150px;--smart-date-format-panel-smart-input-sign-width:80px;--smart-date-format-panel-smart-input-height:25px;--smart-date-format-panel-each-smart-input-offset:4px;--smart-date-format-panel-all-format-holders-width:255px;--smart-date-format-panel-add-format-holder-button:120px;--smart-date-format-panel-each-add-format-holder-width:120px;--smart-date-format-panel-add-new-format-dropdown-offset:5px;--smart-date-format-panel-date-time-format-list-offset-top:15px;--smart-date-format-panel-date-time-format-list-max-height:400px;--smart-date-format-panel-each-date-time-format-offset:12px;--smart-date-time-picker-default-width:var(--smart-editor-width);--smart-date-time-picker-default-height:var(--smart-editor-height);--smart-date-time-picker-header-opacity:0.8;--smart-date-time-picker-header-opacity-active:1;--smart-date-time-picker-drop-down-width:var(--smart-editor-drop-down-height);--smart-date-time-picker-drop-down-height:auto;--smart-docking-layout-default-width:1000px;--smart-docking-layout-default-height:800px;--smart-docking-layout-feedback-background-secondary-size:7px;--smart-drop-down-list-default-width:var(--smart-editor-width);--smart-drop-down-list-default-height:var(--smart-editor-height);--smart-drop-down-list-drop-down-width:initial;--smart-drop-down-list-drop-down-height:auto;--smart-drop-down-button-default-width:auto;--smart-drop-down-button-default-height:var(--smart-editor-height);--smart-drop-down-button-drop-down-width:var(--smart-editor-drop-down-width);--smart-drop-down-button-drop-down-height:var(--smart-editor-drop-down-height);--smart-editor-default-width:100%;--smart-editor-default-height:600px;--smart-editor-input-min-height:100px;--smart-editor-padding:15px;--smart-editor-toolbar-item-margin:5px;--smart-editor-toolbar-button-width:30px;--smart-editor-toolbar-delimiter-width:5px;--smart-editor-toolbar-drop-down-width-large:100px;--smart-editor-toolbar-drop-down-width-small:65px;--smart-editor-window-header-height:var(--smart-scheduler-window-header-height);--smart-editor-window-footer-height:var(--smart-scheduler-window-footer-height);--smart-editor-inline-toolbar-max-width:80vw;--smart-editor-table-column-width:initial;--smart-editor-table-cell-min-height:20px;--smart-editor-table-cell-min-width:var(--smart-editor-table-cell-min-height);--smart-editor-char-counter-offset:30px;--smart-editor-toolbar-item-height:30px;--smart-editor-toolbar-item-border-radius:var(--smart-border-radius);--smart-editor-toolbar-height:calc(var(--smart-editor-toolbar-item-height) + 2 * var(--smart-editor-toolbar-item-margin));--smart-editor-highlight:var(--smart-primary);--smart-editor-highlight-color:var(--smart-primary-color);--smart-editor-search-bar-offset:5px;--smart-editor-search-bar-padding:5px;--smart-filter-builder-default-width:var(--smart-box-width);--smart-filter-builder-default-height:var(--smart-box-height);--smart-filter-builder-row-height:var(--smart-editor-height);--smart-filter-builder-item-width:var(--smart-editor-width);--smart-filter-builder-group-container-border:4px;--smart-filter-builder-item-margin:20px;--smart-filter-builder-group-condition-margin:5px;--smart-filter-builder-group-margin:15px;--smart-filter-panel-default-width:300px;--smart-filter-panel-default-height:auto;--smart-filter-panel-padding:10px;--smart-filter-panel-border-top-right-radius:var(--smart-border-radius);--smart-filter-panel-border-top-left-radius:var(--smart-border-radius);--smart-filter-panel-border-bottom-left-radius:var(--smart-border-radius);--smart-filter-panel-border-bottom-right-radius:var(--smart-border-radius);--smart-filter-panel-border-width:var(--smart-border-width);--smart-filter-panel-border:var(--smart-border);--smart-filter-panel-background:var(--smart-background);--smart-filter-panel-color:var(--smart-background-color);--smart-filter-panel-vertical-offset:10px;--smart-filter-panel-main-element-height:400px;--smart-file-upload-default-width:var(--smart-editor-width);--smart-file-upload-browse-button-width:auto;--smart-file-upload-browse-button-height:auto;--smart-file-upload-footer-button-width:auto;--smart-file-upload-footer-button-height:auto;--smart-file-upload-text-content-uploading-start:"Connecting ...";--smart-file-upload-text-content-uploading:"Uploading ...";--smart-file-upload-text-content-error:"Upload error!";--smart-file-upload-text-content-pause:"Upload paused!";--smart-file-upload-text-content-drop-zone:"Drag files here";--smart-file-upload-text-content-drop-zone-over:"Drop here \e824";--smart-file-upload-container-min-height:60px;--smart-file-upload-total-files-min-height:20px;--smart-file-upload-drop-zone-height:100%;--smart-gantt-chart-resource-splitter-bar-fit-size:calc(var(--smart-gantt-chart-resource-timeline-content-height) + var(--smart-gantt-chart-task-default-height));--smart-gantt-chart-task-splitter-bar-fit-size:var(--smart-gantt-chart-task-timeline-content-height);--smart-gantt-chart-task-default-height:30px;--smart-gantt-chart-header-height:var(--smart-gantt-chart-task-default-height);--smart-gantt-chart-task-bar-fill-padding:5px;--smart-gantt-chart-task-label-padding:2px var(--smart-gantt-chart-task-bar-fill-padding);--smart-gantt-chart-task-thumb-color:rgba(0, 0, 0, .55);--smart-gantt-chart-task-progress-color:rgba(0, 0, 0, .15);--smart-gantt-chart-project-color:#ffa558;--smart-gantt-chart-project-label-color:#333;--smart-gantt-chart-project-label-color-selected:#000;--smart-gantt-chart-project-progress-color:var(--smart-gantt-chart-task-progress-color);--smart-gantt-chart-task-color:rgb(43, 195, 190);--smart-gantt-chart-milestone-color:#800080;--smart-gantt-chart-timeline-task-background-color:transparent;--smart-gantt-chart-timeline-task-connection-feedback-color:#e6510a;--smart-gantt-chart-timeline-task-connection-feedback-width:1px;--smart-gantt-chart-timeline-task-connection-feedback-style:dashed;--smart-gantt-chart-timeline-task-connection-color:var(--smart-gantt-chart-timeline-task-connection-feedback-color);--smart-gantt-chart-timeline-task-connection-color-hover:var(--smart-gantt-chart-timeline-task-connection-color);--smart-gantt-chart-timeline-task-connection-width:var(--smart-gantt-chart-timeline-task-connection-feedback-width);--smart-gantt-chart-timeline-task-connection-style:solid;--smart-gantt-chart-timeline-task-connection-arrow-type:solid;--smart-gantt-chart-timeline-task-connection-arrow-width:5px;--smart-gantt-chart-timeline-task-resize-indicator-width:4px;--smart-gantt-chart-timeline-task-resize-indicator-color:#fff;--smart-gantt-chart-timeline-task-resize-indicator-border-color:#333;--smart-gantt-chart-timeline-task-progress-thumb-size:10px;--smart-gantt-chart-timeline-cell-size:auto;--smart-gantt-chart-timeline-cell-min-size:70px;--smart-gantt-chart-timeline-task-min-width:5px;--smart-gantt-chart-timeline-weekend-color:#EFF5FD;--smart-gantt-chart-timeline-nonworking-color:#F5F5F5;--smart-gantt-chart-default-width:auto;--smart-gantt-chart-default-height:600px;--smart-gantt-chart-task-popup-window-default-width:60vw;--smart-gantt-chart-connection-popup-window-default-width:300px;--smart-gantt-chart-confirm-popup-window-default-width:var(--smart-gantt-chart-connection-popup-default-width);--smart-gantt-chart-popup-window-header-height:35px;--smart-gantt-chart-popup-window-footer-height:50px;--smart-gantt-chart-header-placeholder:' - ';--smart-gantt-chart-progress-label-padding:0 10px 0 10px;--smart-gantt-chart-filter-row-height:30px;--smart-gantt-chart-task-fill-border-radius:0;--smart-gantt-chart-segment-link-color:var(--smart-gantt-chart-task-color);--smart-gantt-chart-segment-link-size:var(--smart-border-width);--smart-gantt-chart-date-marker-height:25px;--smart-gantt-chart-date-marker-width:var(--smart-border-width);--smart-gantt-chart-date-marker-background:var(--smart-primary);--smart-gantt-chart-date-marker-color:var(--smart-primary-color);--smart-gantt-chart-date-marker-v-offset:15%;--smart-gantt-chart-date-marker-h-offset:10px;--smart-gantt-chart-indicator-icon:initial;--smart-gantt-chart-deadline-icon:var(--smart-icon-attention-circled);--smart-gantt-chart-deadline-color:var(--smart-error);--smart-gantt-chart-baseline-proportion:2;--smart-gantt-chart-baseline-background:rgba(166, 205, 87, .5);--smart-gantt-chart-progress-label-width:60px;--smart-gantt-chart-current-time-indicator-size:1px;--smart-gantt-chart-current-time-indicator-background:var(--smart-primary);--smart-gantt-chart-current-time-indicator-arrow-size:7px;--smart-gantt-chart-current-time-indicator-header-size:2px;--smart-gantt-chart-shader-background:rgba(var(--smart-border-rgb), .5);--smart-gauge-default-width:var(--smart-box-width);--smart-gauge-default-height:var(--smart-box-height);--smart-gauge-track-border:var(--smart-border);--smart-gauge-track-background:var(--smart-background);--smart-gauge-needle-background:var(--smart-primary);--smart-gauge-label-fill-state:initial;--smart-gauge-label-stroke:initial;--smart-grid-default-width:800px;--smart-grid-default-height:400px;--smart-grid-footer-height:var(--smart-bar-height);--smart-grid-header-height:var(--smart-bar-height);--smart-grid-group-header-height:var(--smart-bar-height);--smart-grid-row-height:30px;--smart-grid-column-header-height:var(--smart-bar-height);--smart-grid-filter-footer-height:var(--smart-bar-height);--smart-grid-aggregate-footer-height:var(--smart-bar-height);--smart-grid-header-background-freeze:var(--smart-surface);--smart-grid-header-color-freeze:var(--smart-surface-color);--smart-grid-column-menu-width:200px;--smart-grid-column-menu-height:auto;--smart-grid-column-buttons-width:23px;--smart-grid-cell-color-freeze:var(--smart-surface-color);--smart-grid-cell-background-freeze:var(--smart-surface);--smart-grid-cell-color-delete:#333;--smart-grid-cell-background-delete:#FFDCDC;--smart-grid-cell-color-update:#333;--smart-grid-cell-background-update:#D7F9C7;--smart-grid-cell-color-add:#333;--smart-grid-cell-background-add:#FED59B;--smart-grid-cell-color-unbound:var(--smart-surface-color);--smart-grid-cell-background-unbound:var(--smart-surface);--smart-grid-cell-color-sort:var(--smart-surface-color);--smart-grid-cell-background-sort:var(--smart-surface);--smart-grid-cell-color-filter:var(--smart-surface-color);--smart-grid-cell-background-filter:var(--smart-surface);--smart-grid-group-row-vertical-offset:5;--smart-grid-group-row-horizontal-offset:1;--smart-grid-template-columns:none;--smart-grid-column-gap:0px;--smart-grid-row-gap:0px;--smart-grid-freeze-splitter-size:1px;--smart-grid-resize-line-size:1px;--smart-grid-layout-col-gap:10px;--smart-grid-layout-row-gap:10px;--smart-grid-layout-width:100%;--smart-grid-layout-rows:none;--smart-grid-panel-default-width:450px;--smart-grid-panel-default-height:auto;--smart-grid-panel-padding:10px;--smart-grid-panel-vertical-offset:10px;--smart-grid-panel-item-height:30px;--smart-column-panel-drop-down-height:350px;--smart-multi-column-filter-panel-template-columns:15px 60px 2fr 3fr 3fr;--smart-formatting-panel-default-width:600px;--smart-formatting-panel-row-height:30px;--smart-formatting-panel-add-new-button-size:40px;--smart-formatting-panel-popup-width:300px;--smart-formatting-panel-color-box-height:20px;--smart-kanban-default-width:1200px;--smart-kanban-default-height:500px;--smart-kanban-header-size:35px;--smart-kanban-task-min-width:150px;--smart-kanban-task-min-height:80px;--smart-kanban-text-max-height:200px;--smart-kanban-user-icon-size:30px;--smart-kanban-user-list-width:150px;--smart-kanban-user-list-max-height:400px;--smart-kanban-comments-list-width:350px;--smart-kanban-comments-list-height:400px;--smart-kanban-new-comment-height:50px;--smart-kanban-new-comment-height-expanded:175px;--smart-kanban-send-button-height:30px;--smart-kanban-color-band-width:3px;--smart-kanban-add-new-column-width:1fr;--smart-list-box-default-width:var(--smart-editor-width);--smart-list-box-default-height:var(--smart-editor-width);--smart-list-item-group-header-text-transform:uppercase;--smart-list-item-horizontal-offset:3px;--smart-list-item-vertical-offset:3px;--smart-list-item-height:36px;--smart-list-item-check-box-radius:2px;--smart-list-item-label-padding:0;--smart-list-item-label-border-radius:0;--smart-list-item-padding:9px 12px;--smart-loader-size:var(--smart-editor-height);--smart-led-default-width:var(--smart-editor-height);--smart-led-default-height:var(--smart-editor-height);--smart-list-menu-default-width:var(--smart-box-width);--smart-list-menu-default-height:var(--smart-box-height);--smart-list-menu-filter-input-vertical-offset:5px;--smart-list-menu-filter-input-horizontal-offset:5px;--smart-masked-text-box-default-width:var(--smart-editor-width);--smart-masked-text-box-default-height:var(--smart-editor-height);--smart-menu-default-width:var(--smart-bar-width);--smart-menu-default-height:var(--smart-bar-height);--smart-menu-vertical-default-width:calc(var(--smart-bar-width) / 2);--smart-menu-vertical-default-height:var(--smart-bar-width);--smart-menu-scroll-button-size:calc(var(--smart-bar-height) / 1.5);--smart-multiline-text-box-default-width:var(--smart-editor-width);--smart-multiline-text-box-default-height:calc(10 * var(--smart-editor-height));--smart-multi-split-button-default-width:var(--smart-editor-width);--smart-multi-split-button-default-height:var(--smart-editor-height);--smart-number-format-panel-selected-format-width:1fr;--smart-number-format-panel-apply-button-width:125px;--smart-number-format-panel-header-holder-offset:10px;--smart-number-format-panel-border-size:1px;--smart-number-format-panel-border-color:#ccc;--smart-number-format-panel-border-radius:4px;--smart-number-format-panel-sample-container-vertical-offset:15px;--smart-number-format-panel-sample-container-horizontal-offset:5px;--smart-number-format-panel-formats-list-margin-top:15px;--smart-number-format-panel-formats-list-max-height:400px;--smart-number-format-panel-formats-item-padding:12px;--smart-number-format-panel-selected-format-padding-left:5px;--smart-number-format-panel-selected-format-padding-top:3px;--smart-number-format-panel-selected-format-padding-bottom:3px;--smart-number-format-panel-header-input-width:100%;--smart-number-format-panel-formats-item-left-padding:10px;--smart-number-format-panel-formats-item-hover-background:#f1f1f1;--smart-number-format-panel-formats-item-example-format-color:#777;--smart-numeric-text-box-default-width:var(--smart-editor-width);--smart-numeric-text-box-default-height:var(--smart-editor-height);--smart-numeric-text-box-default-radix-display-width:12%;--smart-numeric-text-box-default-unit-display-width:var(--smart-editor-addon-width);--smart-numeric-text-box-text-align:right;--smart-path-default-width:var(--smart-editor-width);--smart-path-default-height:var(--smart-editor-height);--smart-path-drop-down-width:auto;--smart-path-drop-down-height:auto;--smart-path-button-gap:5px;--smart-path-text-align:start;--smart-power-button-default-width:var(--smart-editor-height);--smart-power-button-default-height:var(--smart-editor-height);--smart-progress-bar-default-width:var(--smart-editor-width);--smart-progress-bar-default-height:var(--smart-editor-height);--smart-circular-progress-bar-default-size:var(--smart-editor-width);--smart-circular-progress-bar-fill-size:20%;--smart-query-builder-default-width:auto;--smart-query-builder-default-height:auto;--smart-query-builder-min-width:100px;--smart-query-builder-content-padding:5px;--smart-query-builder-editor-width:125px;--smart-radio-button-default-size:calc(1px + 1/2 * var(--smart-editor-height));--smart-sortable-handle-size:25px;--smart-splitter-default-width:var(--smart-box-width);--smart-splitter-default-height:var(--smart-box-height);--smart-splitter-bar-size:10px;--smart-splitter-bar-fit-size:100%;--smart-splitter-item-padding:0;--smart-splitter-item-content-padding:0;--smart-splitter-item-size:auto;--smart-switch-button-default-width:calc(var(--smart-editor-height) + 10px);--smart-switch-button-default-height:var(--smart-editor-height);--smart-switch-button-thumb-size:calc(var(--smart-switch-button-default-height) - 8px);--smart-slider-default-width:var(--smart-editor-width);--smart-slider-default-height:35px;--smart-slider-track-size:1px;--smart-slider-thumb-width:20px;--smart-slider-thumb-height:20px;--smart-slider-tooltip-width:60px;--smart-slider-tooltip-height:30px;--smart-slider-spin-button-width:30px;--smart-slider-spin-button-height:30px;--smart-slider-tick-size:10px;--smart-slider-minor-tick-size:5px;--smart-slider-thumb-border-top-right-radius:15px;--smart-slider-thumb-border-top-left-radius:15px;--smart-slider-thumb-border-bottom-left-radius:15px;--smart-slider-thumb-border-bottom-right-radius:15px;--smart-scroll-button-size:16px;--smart-scroll-bar-size:18px;--smart-scroll-bar-default-width:var(--smart-editor-width);--smart-scroll-bar-default-height:var(--smart-scroll-bar-size);--smart-scroll-bar-background:#F1F1F1;--smart-scroll-bar-track-background:var(--smart-scroll-bar-background);--smart-scroll-bar-border:#F1F1F1;--smart-scroll-bar-thumb-border-top-right-radius:0px;--smart-scroll-bar-thumb-border-top-left-radius:0px;--smart-scroll-bar-thumb-border-bottom-left-radius:0px;--smart-scroll-bar-thumb-border-bottom-right-radius:0px;--smart-scroll-bar-thumb-background:#C1C1C1;--smart-scroll-bar-thumb-border:transparent;--smart-scroll-bar-thumb-size:100%;--smart-scroll-bar-thumb-padding:1px;--smart-scroll-bar-thumb-background-hover:#A8A8A8;--smart-scroll-bar-thumb-border-hover:transparent;--smart-scroll-bar-thumb-background-active:#787878;--smart-scroll-bar-thumb-border-active:transparent;--smart-scroll-bar-button-background:#F1F1F1;--smart-scroll-bar-button-border:#F1F1F1;--smart-scroll-bar-button-color:#505050;--smart-scroll-bar-button-background-hover:#D2D2D2;--smart-scroll-bar-button-border-hover:#F1F1F1;--smart-scroll-bar-button-color-hover:#505050;--smart-scroll-bar-button-background-active:#787878;--smart-scroll-bar-button-border-active:#F1F1F1;--smart-scroll-bar-button-color-active:#fff;--smart-table-default-width:100%;--smart-table-default-height:auto;--smart-table-header-footer-height:56px;--smart-table-column-header-height:var(--smart-table-header-footer-height);--smart-table-row-height:48px;--smart-table-cell-padding:12px;--smart-table-row-detail-height:var(--smart-table-row-height);--smart-table-indent:30px;--smart-table-arrow-size:16px;--smart-table-arrow-margin:5px;--smart-table-group-name-display:unset;--smart-table-group-count-display:unset;--smart-pivot-table-cell-width:200px;--smart-pivot-table-secondary-group-width:calc(1.25 * var(--smart-pivot-table-cell-width));--smart-pivot-panel-width:300px;--smart-pivot-panel-default-height:800px;--smart-pivot-panel-tab-item-height:150px;--smart-pivot-panel-padding:10px;--smart-tank-default-width:var(--smart-editor-width);--smart-tank-default-height:calc(10 * var(--smart-editor-height));--smart-tank-scale-size:105px;--smart-tank-thumb-width:25px;--smart-tank-thumb-height:var(--smart-tank-thumb-width);--smart-tank-tooltip-width:80px;--smart-tank-tooltip-height:30px;--smart-tank-tick-size:10px;--smart-tank-minor-tick-size:5px;--smart-tank-minimum-track-size:6px;--smart-tabs-header-button-size:20px;--smart-tabs-animation-duration:0.5s;--smart-tabs-default-width:var(--smart-box-width);--smart-tabs-default-height:var(--smart-box-height);--smart-tabs-header-padding:0px;--smart-tabs-header-offset:0px;--smart-tab-item-padding:12px 16px;--smart-tab-item-offset:5px;--smart-tab-item-initial-offset:5px;--smart-tab-item-text-transform:uppercase;--smart-time-picker-default-width:var(--smart-editor-width);--smart-time-picker-default-height:calc(12 * var(--smart-editor-height));--smart-tooltip-arrow-width:6px;--smart-tooltip-arrow-color:var(--smart-secondary);--smart-tooltip-arrow-translate:0;--smart-tooltip-padding:4px 8px;--smart-tooltip-content-shadow:none;--smart-toast-item-icon:'';--smart-toast-container-default-width:var(--smart-bar-width);--smart-toast-header-height:20px;--smart-toast-info-background:var(--smart-info);--smart-toast-info-color:var(--smart-info-color);--smart-toast-warning-background:var(--smart-warning);--smart-toast-warning-color:var(--smart-warning-color);--smart-toast-error-background:var(--smart-error);--smart-toast-error-color:var(--smart-error-color);--smart-toast-success-background:var(--smart-success);--smart-toast-success-color:var(--smart-success-color);--smart-tree-default-width:var(--smart-box-width);--smart-tree-default-height:var(--smart-box-height);--smart-tree-scroll-button-size:20px;--smart-tree-lines-style:dashed;--smart-tree-indent:16px;--smart-tree-lines-color:var(--smart-border);--smart-tree-lines-width:1px;--smart-tree-item-label-height:36px;--smart-tree-item-padding:9px 12px;--smart-tree-item-vertical-offset:3px;--smart-tree-item-horizontal-offset:3px;--smart-text-box-default-width:var(--smart-editor-width);--smart-text-box-default-height:var(--smart-editor-height);--smart-validation-panel-description-width:20%;--smart-validation-panel-content-width:80%;--smart-validation-panel-appearance-vertical-offset:10px;--smart-validation-panel-appearance-reset-button-left-offset:5px;--smart-validation-panel-appearance-textbox-vertical-offset:5px;--smart-validation-panel-appearance-reset-button-color:var(--smart-primary);--smart-validation-panel-criteria-row-margin-top:10px;--smart-validation-panel-criteria-container-vertical-offset:10px;--smart-validation-panel-criteria-container-input-width:180px;--smart-validation-panel-criteria-container-input-horizontal-offset:2px;--smart-validation-panel-criteria-container-textbox-width:80px;--smart-validation-panel-criteria-container-textbox-horizontal-offset:2px;--smart-validation-panel-criteria-container-text-between-inputs-offset:5px;--smart-validation-panel-invalid-data-vertical-offset:10px;--smart-validation-panel-footer-button-color:#188038;--smart-validation-panel-footer-button-background:white;--smart-validation-panel-footer-vertical-offset:20px;--smart-validation-panel-footer-button-horizontal-offset:5px;--smart-validation-panel-footer-remove-validation-button-color:var(--smart-validation-panel-footer-button-color);--smart-validation-panel-footer-cancel-button-color:var(--smart-validation-panel-footer-button-color);--smart-validation-panel-footer-save-button-color:var(--smart-validation-panel-footer-button-background);--smart-validation-panel-footer-save-button-background:var(--smart-validation-panel-footer-button-color);--smart-password-text-box-default-width:var(--smart-editor-width);--smart-password-text-box-default-height:var(--smart-editor-height);--smart-pager-default-width:var(--smart-bar-width);--smart-pager-default-height:var(--smart-bar-height);--smart-pager-button-width:'auto';--smart-pager-button-height:32px;--smart-pager-page-size-selector-width:60px;--smart-pager-page-index-selector-width:32px;--smart-pager-page-index-selector-height:32px;--smart-pager-page-index-ellipsis-selector-width:32px;--smart-pager-page-index-ellipsis-selector-height:32px;--smart-pager-page-index-selector-horizontal-offset:8px;--smart-pager-padding:2px;--smart-pager-input-width:50px;--smart-scroll-viewer-min-width:none;--smart-scroll-viewer-max-width:none;--smart-scroll-viewer-min-height:none;--smart-scroll-viewer-max-height:none;--smart-scheduler-default-height:auto;--smart-scheduler-default-width:auto;--smart-scheduler-item-size:auto;--smart-scheduler-timeline-cell-width:auto;--smart-scheduler-timeline-cell-height:50px;--smart-scheduler-timeline-cell-min-width:70px;--smart-scheduler-timeline-cell-min-height:35px;--smart-scheduler-header-height:50px;--smart-scheduler-header-today-button-size:70px;--smart-scheduler-header-date-button-max-size:auto;--smart-scheduler-header-navigation-button-size:30px;--smart-scheduler-footer-height:var(--smart-scheduler-header-height);--smart-scheduler-header-box-shadow:initial;--smart-scheduler-header-padding:10px;--smart-scheduler-timeline-header-cell-padding:5px;--smart-scheduler-header-menu-button-size:auto;--smart-scheduler-timeline-weekend-color:var(--smart-background);--smart-scheduler-timeline-nonworking-color:var(--smart-gantt-chart-timeline-nonworking-color);--smart-scheduler-timeline-all-day-label-font-weight:600;--smart-scheduler-timeline-header-horizontal-cells-size:40px;--smart-scheduler-timeline-header-horizontal-label-padding:initial;--smart-scheduler-timeline-header-horizontal-details-size:var(--smart-scheduler-timeline-header-horizontal-cells-size);--smart-scheduler-timeline-header-horizontal-group-size:var(--smart-scheduler-timeline-header-horizontal-cells-size);--smart-scheduler-timeline-header-vertical-cells-size:100px;--smart-scheduler-timeline-header-vertical-label-padding:initial;--smart-scheduler-timeline-header-vertical-details-size:var(--smart-scheduler-timeline-header-vertical-cells-size);--smart-scheduler-timeline-header-vertical-group-size:var(--smart-scheduler-timeline-header-vertical-cells-size);--smart-scheduler-timeline-header-all-day-cells-size:75px;--smart-scheduler-timeline-group-separator-background:var(--smart-outline);--smart-scheduler-timeline-group-separator-size:var(--smart-border-width);--smart-scheduler-timeline-group-white-space:nowrap;--smart-scheduler-timeline-group-header-offset:calc(-50% - var(--smart-scheduler-timeline-header-cell-padding));--smart-scheduler-current-time-indicator-background:var(--smart-primary);--smart-scheduler-current-time-indicator-size:1px;--smart-scheduler-current-time-indicator-header-size:2px;--smart-scheduler-current-time-indicator-arrow-size:7px;--smart-scheduler-shader-background:rgba(var(--smart-border-rgb), .5);--smart-scheduler-view-background:transparent;--smart-scheduler-view-line-size:var(--smart-border-width);--smart-scheduler-view-horizontal-line-color:var(--smart-border);--smart-scheduler-view-vertical-line-color:var(--smart-border);--smart-scheduler-day-week-view-vertical-line-size:var(--smart-scheduler-view-line-size);--smart-scheduler-day-week-view-vertical-line-color:var(--smart-border);--smart-scheduler-day-week-view-hour-size:var(--smart-scheduler-view-line-size);--smart-scheduler-day-week-view-hour-color:var(--smart-border);--smart-scheduler-time-ruler-tick-size:10px;--smart-scheduler-event-background-rgb:52,121,186;--smart-scheduler-event-background:rgba(var(--smart-scheduler-event-background-rgb), 1);--smart-scheduler-legend-item-background:var(--smart-scheduler-event-background);--smart-scheduler-event-color:var(--smart-primary-color);--smart-scheduler-event-focus:rgba(var(--smart-scheduler-event-background-rgb), .9);--smart-scheduler-event-color-focus:var(--smart-scheduler-event-color);--smart-scheduler-event-hover:rgba(var(--smart-scheduler-event-background-rgb), .8);--smart-scheduler-event-color-hover:var(--smart-scheduler-event-color);--smart-scheduler-event-padding-agenda:5px;--smart-scheduler-event-padding-basic:2px;--smart-scheduler-event-padding-timeline:2px;--smart-scheduler-event-padding-all-day:2px;--smart-scheduler-event-content-padding:5px;--smart-scheduler-event-label-font-size:var(--smart-font-size);--smart-scheduler-event-time-font-size:calc(var(--smart-font-size) - 3px);--smart-scheduler-event-time-font-size-agenda:var(--smart-font-size);--smart-scheduler-event-time-font-weight-agenda:600;--smart-scheduler-event-time-opacity-agenda:1;--smart-scheduler-event-time-opacity:0.7;--smart-scheduler-event-icon-size:30px;--smart-scheduler-event-size:30px;--smart-scheduler-event-size-basic:var(--smart-scheduler-event-size);--smart-scheduler-event-size-timeline:60px;--smart-scheduler-event-collector-size:24px;--smart-scheduler-event-collector-mobile-size:28px;--smart-scheduler-event-collector-background:rgba(var(--smart-primary-rgb), 1);--smart-scheduler-event-collector-color:var(--smart-primary-color);--smart-scheduler-event-collector-focus:rgba(var(--smart-primary-rgb), .9);--smart-scheduler-event-collector-color-focus:var(--smart-scheduler-event-collector-color);--smart-scheduler-event-collector-hover:rgba(var(--smart-primary-rgb), .8);--smart-scheduler-event-collector-color-hover:var(--smart-scheduler-event-collector-color);--smart-scheduler-month-view-number-size:24px;--smart-scheduler-status-size:7px;--smart-scheduler-status-padding:5px;--smart-scheduler-status-background:transparent;--smart-scheduler-status-free-background:white;--smart-scheduler-status-tentative-background:0 -244rem/5rem 5rem linear-gradient(45deg, #fd7e14 25%, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .2) 50%, #fd7e14 50%, #fd7e14 75%, rgba(0, 0, 0, .2) 75%, rgba(0, 0, 0, .2));--smart-scheduler-status-busy-background:#dc3545;--smart-scheduler-status-out-of-office-background:#00a9e6;--smart-scheduler-cell-feedback-background:transparent;--smart-scheduler-event-resize-indicator-size:var(--smart-gantt-chart-timeline-task-resize-indicator-width);--smart-scheduler-event-resize-indicator-color:var(--smart-gantt-chart-timeline-task-resize-indicator-color);--smart-scheduler-event-resize-indicator-border-color:var(--smart-gantt-chart-timeline-task-resize-indicator-border-color);--smart-scheduler-restricted-background:0 -245rem/12px 12px linear-gradient(135deg, rgba(255, 0, 0, .15) 25%, transparent 25%, transparent 50%, rgba(255, 0, 0, .15) 50%, rgba(255, 0, 0, .15) 75%, transparent 75%, transparent);--smart-scheduler-event-item-size:50px;--smart-scheduler-event-button-size:30px;--smart-scheduler-event-border-radius:initial;--smart-scheduler-event-collector-border-radius:20px;--smart-scheduler-context-menu-max-height:calc(4 * var(--smart-scheduler-event-item-size));--smart-scheduler-context-menu-max-width:300px;--smart-scheduler-window-header-height:var(--smart-gantt-chart-popup-window-header-height);--smart-scheduler-window-footer-height:var(--smart-gantt-chart-popup-window-footer-height);--smart-scheduler-event-label-font-weight:300;--smart-scheduler-event-time-font-weight:300;--smart-scheduler-event-item-label-font-weight:600;--smart-scheduler-toast-default-width:400px;--smart-scheduler-toast-default-height:50px;--smart-scheduler-shortcut-size:28px;--smart-window-default-height:var(--smart-box-height);--smart-window-default-width:var(--smart-box-width);--smart-window-header-height:var(--smart-bar-height);--smart-window-footer-height:var(--smart-bar-height);--smart-window-min-width:250px;--smart-window-header-padding:10px;--smart-window-footer-padding:6.5px;--smart-window-header-button-size:24px;--smart-window-header-icon-size:var(--smart-font-size);--smart-window-header-background:var(--smart-surface);--smart-window-footer-background:var(--smart-surface);--smart-window-footer-button-width:100px;--smart-window-content-padding:10px;--smart-elevation-24:0 24px 38px 3px rgba(0, 0, 0, .14),0 9px 46px 8px rgba(0, 0, 0, .12),0 11px 15px 0 rgba(0, 0, 0, .2);--smart-elevation-16:0 16px 24px 2px rgba(0, 0, 0, .14),0 6px 30px 5px rgba(0, 0, 0, .12),0 8px 10px 0 rgba(0, 0, 0, .2);--smart-elevation-12:0 12px 17px 2px rgba(0, 0, 0, .14),0 5px 22px 4px rgba(0, 0, 0, .12),0 7px 8px 0 rgba(0, 0, 0, .2);--smart-elevation-8:0 8px 10px 1px rgba(0, 0, 0, .14),0 3px 14px 3px rgba(0, 0, 0, .12),0 4px 15px 0 rgba(0, 0, 0, .2);--smart-elevation-6:0 6px 10px 0 rgba(0, 0, 0, .14),0 1px 18px 0 rgba(0, 0, 0, .12),0 3px 5px 0 rgba(0, 0, 0, .2);--smart-elevation-4:0 2px 4px 0 rgba(0, 0, 0, .14),0 4px 5px 0 rgba(0, 0, 0, .12),0 1px 10px 0 rgba(0, 0, 0, .2);--smart-elevation-2:0 3px 1px -2px rgba(0, 0, 0, .2),0 2px 2px 0 rgba(0, 0, 0, .14),0 1px 5px 0 rgba(0, 0, 0, .12);--smart-elevation-1:0 0 2px 0 rgba(0, 0, 0, .14),0 2px 2px 0 rgba(0, 0, 0, .12),0 1px 3px 0 rgba(0, 0, 0, .2);--smart-elevation-0:none;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--pseudo-element-height:0}.smart-ui-component[theme=dark],body[theme=dark]{--smart-primary-rgb:122,202,255;--smart-primary:rgb(var(--smart-primary-rgb));--smart-primary-color:#242424;--smart-background:#242424;--smart-background-color:#fff;--smart-surface:#333;--smart-surface-color:#fff;--smart-disabled:#535353;--smart-disabled-color:#fff;--smart-border:#464646;--smart-editor-selection:var(--smart-primary);--smart-editor-selection-color:var(--smart-primary-color);--smart-ui-state-hover:#444;--smart-ui-state-color-hover:#fff;--smart-ui-state-border-hover:var(--smart-ui-state-hover);--smart-ui-state-active:var(--smart-primary);--smart-ui-state-color-active:var(--smart-primary-color);--smart-ui-state-border-active:var(--smart-primary);--smart-ui-state-focus:#555;--smart-ui-state-color-focus:#fff;--smart-ui-state-border-focus:#555;--smart-ui-state-selected:rgba(var(--smart-primary-rgb), .1);--smart-ui-state-color-selected:var(--smart-primary);--smart-ui-state-border-selected:rgba(var(--smart-primary-rgb), .1);--smart-alternation-index0-color:var(--smart-surface-color);--smart-alternation-index0-border:var(--smart-surface);--smart-alternation-index0-background:var(--smart-surface);--smart-alternation-index1-color:#111;--smart-alternation-index1-border:#9BBB59;--smart-alternation-index1-background:#9BBB59;--smart-alternation-index2-color:#fff;--smart-alternation-index2-border:#FC3752;--smart-alternation-index2-background:#FC3752;--smart-grid-cell-background-freeze:#242424;--smart-grid-cell-color-freeze:#fff;--smart-scroll-bar-background:#3E3E42;--smart-scroll-bar-track-background:var(--smart-scroll-bar-background);--smart-scroll-bar-border:#3E3E42;--smart-scroll-bar-thumb-background:#686868;--smart-scroll-bar-thumb-border:#686868;--smart-scroll-bar-thumb-background-hover:#9E9E9E;--smart-scroll-bar-thumb-border-hover:#9E9E9E;--smart-scroll-bar-thumb-background-active:#444;--smart-scroll-bar-thumb-border-active:#444;--smart-scroll-bar-button-background:#3E3E42;--smart-scroll-bar-button-border:#3E3E42;--smart-scroll-bar-button-color:#999999;--smart-scroll-bar-button-background-hover:#3E3E42;--smart-scroll-bar-button-border-hover:#3E3E42;--smart-scroll-bar-button-color-hover:var(--smart-primary);--smart-scroll-bar-button-background-active:#3E3E42;--smart-scroll-bar-button-border-active:#3E3E42;--smart-scroll-bar-button-color-active:var(--smart-primary);--smart-gantt-chart-timeline-nonworking-color:#3E3E42;--smart-scheduler-timeline-weekend-color:var(--smart-background);--smart-scheduler-timeline-nonworking-color:var(--smart-gantt-chart-timeline-nonworking-color);--smart-scheduler-event-background-rgb:103,176,245;--smart-scheduler-event-background:rgba(var(--smart-scheduler-event-background-rgb), 1);--smart-scheduler-event-color:var(--smart-primary-color);--smart-scheduler-event-focus:rgba(var(--smart-scheduler-event-background-rgb), .9);--smart-scheduler-event-color-focus:var(--smart-scheduler-event-color);--smart-scheduler-event-hover:rgba(var(--smart-scheduler-event-background-rgb), .8);--smart-scheduler-event-color-hover:var(--smart-scheduler-event-color);--smart-scheduler-event-collector-background:rgba(var(--smart-primary-rgb), 1);--smart-scheduler-event-collector-color:var(--smart-primary-color);--smart-scheduler-event-collector-focus:rgba(var(--smart-primary-rgb), .9);--smart-scheduler-event-collector-color-focus:var(--smart-scheduler-event-collector-color);--smart-scheduler-event-collector-hover:rgba(var(--smart-primary-rgb), .8);--smart-scheduler-event-collector-color-hover:var(--smart-scheduler-event-collector-color);--smart-scheduler-status-free-background:white;--smart-scheduler-status-tentative-background:0 -244rem/5rem 5rem linear-gradient(45deg, #fd7e14 25%, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .2) 50%, #fd7e14 50%, #fd7e14 75%, rgba(0, 0, 0, .2) 75%, rgba(0, 0, 0, .2));--smart-scheduler-status-busy-background:#dc3545;--smart-scheduler-status-out-of-office-background:#00a9e6;--smart-scheduler-event-resize-indicator-color:var(--smart-gantt-chart-timeline-task-resize-indicator-color);--smart-scheduler-event-resize-indicator-border-color:var(--smart-gantt-chart-timeline-task-resize-indicator-border-color);--smart-scheduler-restricted-background:0 -245rem/12px 12px linear-gradient(135deg, rgba(255, 0, 0, .15) 25%, transparent 25%, transparent 50%, rgba(255, 0, 0, .15) 50%, rgba(255, 0, 0, .15) 75%, transparent 75%, transparent)}
 smart-accordion,smart-alert-window,smart-array,smart-breadcrumb,smart-button,smart-calendar,smart-card,smart-card-view,smart-carousel,smart-check-box,smart-circular-progress-bar,smart-color-panel,smart-color-picker,smart-column-panel,smart-combo-box,smart-date-time-picker,smart-dialog-window,smart-docking-layout,smart-drop-down-button,smart-drop-down-list,smart-filter-panel,smart-gantt-chart,smart-gauge,smart-grid,smart-group-panel,smart-kanban,smart-layout,smart-led,smart-list-box,smart-list-menu,smart-masked-text-box,smart-menu,smart-multi-column-filter-panel,smart-multi-split-button,smart-multiline-prompt-window,smart-multiline-text-box,smart-numeric-text-box,smart-pager,smart-password-text-box,smart-path,smart-pivot-panel,smart-power-button,smart-progress-bar,smart-progress-window,smart-prompt-window,smart-query-builder,smart-radio-button,smart-repeat-button,smart-scroll-bar,smart-sheduler,smart-slider,smart-sort-panel,smart-splitter,smart-switch-button,smart-tabs,smart-tabs-window,smart-tank,smart-text-box,smart-time-picker,smart-toggle-button,smart-tooltip,smart-tree,smart-wait-window,smart-window{padding:0;margin:0;overflow:hidden;display:block}.smart-element{outline:0;box-sizing:border-box;font-family:var(--smart-font-family);font-size:var(--smart-font-size);font-weight:var(--smart-font-weight);-webkit-tap-highlight-color:transparent;background:var(--smart-background);color:var(--smart-background-color)}.smart-root{width:100%;height:100%;padding:0;margin:0;box-sizing:border-box}smart-alert-window[disabled],smart-breadcrumb[disabled],smart-button-group[disabled],smart-button[disabled],smart-calendar[disabled],smart-card-view[disabled],smart-card[disabled],smart-check-box[disabled],smart-check-input[disabled],smart-chip[disabled],smart-circular-progress-bar[disabled],smart-color-input[disabled],smart-color-panel[disabled],smart-color-picker[disabled],smart-column-panel[disabled],smart-combo-box[disabled],smart-date-input[disabled],smart-date-range-input[disabled],smart-date-time-picker[disabled],smart-dialog-window[disabled],smart-docking-layout[disabled],smart-drop-down-button[disabled],smart-drop-down-list[disabled],smart-editor[disabled],smart-filter-panel[disabled],smart-formatting-panel[disabled],smart-gantt-chart[disabled],smart-gantt[disabled],smart-gauge[disabled],smart-grid[disabled],smart-group-panel[disabled],smart-input[disabled],smart-kanban[disabled],smart-layout[disabled],smart-led[disabled],smart-list-box[disabled],smart-list-item[disabled],smart-list-menu[disabled],smart-menu-item[disabled],smart-menu-items-group[disabled],smart-menu[disabled],smart-multi-column-filter-panel[disabled],smart-multi-combo-input[disabled],smart-multi-input[disabled],smart-multi-split-button[disabled],smart-multiline-prompt-window[disabled],smart-multiline-text-box[disabled],smart-notification-panel[disabled],smart-number-input[disabled],smart-numeric-text-box[disabled],smart-pager .smart-pager-button[disabled],smart-pager[disabled],smart-password-input[disabled],smart-password-text-box[disabled],smart-path[disabled],smart-pivot-table[disabled],smart-power-button[disabled],smart-progress-bar[disabled],smart-progress-window[disabled],smart-prompt-window[disabled],smart-query-builder[disabled],smart-radio-button[disabled],smart-repeat-button[disabled],smart-scheduler[disabled],smart-scroll-bar[disabled],smart-slider[disabled],smart-sort-panel[disabled],smart-splitter[disabled],smart-switch-button[disabled],smart-tab[disabled],smart-table[disabled],smart-tabs[disabled],smart-tank[disabled],smart-text-area[disabled],smart-text-box[disabled],smart-time-input[disabled],smart-time-picker[disabled],smart-toggle-button[disabled],smart-tree-item[disabled]>.smart-tree-item-label-container,smart-tree-items-group[disabled]>.smart-tree-item-label-container,smart-tree[disabled],smart-wait-window[disabled],smart-window[disabled]{opacity:.55;cursor:default;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.smart-window,smart-accordion,smart-button,smart-button-group,smart-calendar,smart-card-view,smart-color-panel,smart-column-panel,smart-date-time-picker,smart-docking-layout,smart-formatting-panel,smart-gantt-chart,smart-grid,smart-group-panel,smart-kanban,smart-layout,smart-list-box,smart-list-menu,smart-menu,smart-multi-column-filter-panel,smart-multiline-text-box,smart-pager,smart-progress-bar,smart-scheduler,smart-scroll-viewer,smart-sort-panel,smart-splitter,smart-tank,smart-text-box,smart-time-picker,smart-tree{border-color:var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);border-width:var(--smart-border-width);border-style:solid}smart-card-view.smart-element,smart-color-panel.smart-element,smart-color-picker.smart-element,smart-combo-box.smart-element,smart-date-time-picker.smart-element,smart-drop-down-button.smart-element,smart-drop-down-list.smart-element,smart-filter-panel.smart-element,smart-kanban.smart-element,smart-masked-text-box.smart-element,smart-menu.smart-element,smart-multi-split-button.smart-element,smart-multiline-text-box.smart-element,smart-numeric-text-box.smart-element,smart-pager.smart-element,smart-password-text-box.smart-element,smart-path.smart-element,smart-query-builder.smart-element,smart-slider.smart-element,smart-switch-button.smart-element,smart-tabs.smart-element,smart-tank.smart-element,smart-text-box.smart-element{overflow:visible}.smart-element input::selection,.smart-input::selection{background:var(--smart-editor-selection);color:var(--smart-editor-selection-color)}@media (hover:hover){.smart-element[theme=dark],body[theme=dark]{scrollbar-color:var(--smart-scroll-bar-thumb-background) var(--smart-scroll-bar-track-background)}body[theme=dark] ::-webkit-scrollbar,body[theme=dark]::-webkit-scrollbar{background-color:var(--smart-background)}body[theme=dark] ::-webkit-scrollbar-track,body[theme=dark] ::-webkit-scrollbar-track-piece,body[theme=dark]::-webkit-scrollbar-track,body[theme=dark]::-webkit-scrollbar-track-piece{background-color:var(--smart-scroll-bar-track-background)}body[theme=dark] ::-webkit-scrollbar-thumb,body[theme=dark]::-webkit-scrollbar-thumb{border:1px solid var(--smart-scroll-bar-thumb-border);background-color:var(--smart-scroll-bar-thumb-background)}body[theme=dark] ::-webkit-scrollbar-thumb:hover,body[theme=dark]::-webkit-scrollbar-thumb:hover{border-color:var(--smart-scroll-bar-thumb-border-hover);background-color:var(--smart-scroll-bar-thumb-background-hover)}body[theme=dark] ::-webkit-scrollbar-button,body[theme=dark]::-webkit-scrollbar-button{background-color:var(--smart-scroll-bar-button-background)}}
-smart-button,smart-repeat-button,smart-toggle-button{--smart-button-flat-color:var(--smart-background-color);text-align:center;display:inline-flex;vertical-align:middle;cursor:pointer;text-transform:var(--smart-button-text-transform);letter-spacing:.08929em;overflow:hidden;border-color:var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);border-width:var(--smart-border-width);border-style:solid;visibility:hidden;font-weight:500}smart-button.smart-element,smart-repeat-button.smart-element,smart-toggle-button.smart-element{display:inline-flex;visibility:inherit}smart-button button::-moz-focus-inner,smart-repeat-button button::-moz-focus-inner,smart-toggle-button button::-moz-focus-inner{border:0}smart-button.primary,smart-repeat-button.primary,smart-toggle-button.primary{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-primary);--smart-border:var(--smart-primary);--smart-border-rgb:var(--smart-primary-rgb);--smart-background-color:var(--smart-primary-color);--smart-ui-state-hover:var(--smart-primary);--smart-ui-state-border-hover:var(--smart-primary);--smart-ui-state-color-hover:var(--smart-primary-color);--smart-ui-state-active:var(--smart-primary);--smart-ui-state-border-active:var(--smart-primary);--smart-ui-state-color-active:var(--smart-primary-color);--smart-ui-state-focus:var(--smart-primary);--smart-ui-state-border-focus:var(--smart-primary);--smart-ui-state-color-focus:var(--smart-primary-color);--smart-button-flat-color:var(--smart-primary);--smart-button-outlined-color:var(--smart-primary);--smart-button-outlined-border:var(--smart-primary)}smart-button.secondary,smart-repeat-button.secondary,smart-toggle-button.secondary{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-secondary);--smart-border:var(--smart-secondary);--smart-border-rgb:var(--smart-secondary-rgb);--smart-background-color:var(--smart-secondary-color);--smart-ui-state-hover:var(--smart-secondary);--smart-ui-state-border-hover:var(--smart-secondary);--smart-ui-state-color-hover:var(--smart-secondary-color);--smart-ui-state-active:var(--smart-secondary);--smart-ui-state-border-active:var(--smart-secondary);--smart-ui-state-color-active:var(--smart-secondary-color);--smart-ui-state-focus:var(--smart-secondary);--smart-ui-state-border-focus:var(--smart-secondary);--smart-ui-state-color-focus:var(--smart-secondary-color);--smart-button-flat-color:var(--smart-secondary);--smart-button-outlined-color:var(--smart-secondary);--smart-button-outlined-border:var(--smart-secondary)}smart-button.success,smart-repeat-button.success,smart-toggle-button.success{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-success);--smart-border:var(--smart-success);--smart-border-rgb:var(--smart-success-rgb);--smart-background-color:var(--smart-success-color);--smart-ui-state-hover:var(--smart-success);--smart-ui-state-border-hover:var(--smart-success);--smart-ui-state-color-hover:var(--smart-success-color);--smart-ui-state-active:var(--smart-success);--smart-ui-state-border-active:var(--smart-success);--smart-ui-state-color-active:var(--smart-success-color);--smart-ui-state-focus:var(--smart-success);--smart-ui-state-border-focus:var(--smart-success);--smart-ui-state-color-focus:var(--smart-success-color);--smart-button-flat-color:var(--smart-success);--smart-button-outlined-color:var(--smart-success);--smart-button-outlined-border:var(--smart-success)}smart-button.error,smart-repeat-button.error,smart-toggle-button.error{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-error);--smart-border:var(--smart-error);--smart-border-rgb:var(--smart-error-rgb);--smart-background-color:var(--smart-error-color);--smart-ui-state-hover:var(--smart-error);--smart-ui-state-border-hover:var(--smart-error);--smart-ui-state-color-hover:var(--smart-error-color);--smart-ui-state-active:var(--smart-error);--smart-ui-state-border-active:var(--smart-error);--smart-ui-state-color-active:var(--smart-error-color);--smart-ui-state-focus:var(--smart-error);--smart-ui-state-border-focus:var(--smart-error);--smart-ui-state-color-focus:var(--smart-error-color);--smart-button-flat-color:var(--smart-error);--smart-button-outlined-color:var(--smart-error);--smart-button-outlined-border:var(--smart-error)}smart-button.info,smart-repeat-button.info,smart-toggle-button.info{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-info);--smart-border:var(--smart-info);--smart-border-rgb:var(--smart-info-rgb);--smart-background-color:var(--smart-info-color);--smart-ui-state-hover:var(--smart-info);--smart-ui-state-border-hover:var(--smart-info);--smart-ui-state-color-hover:var(--smart-info-color);--smart-ui-state-active:var(--smart-info);--smart-ui-state-border-active:var(--smart-info);--smart-ui-state-color-active:var(--smart-info-color);--smart-ui-state-focus:var(--smart-info);--smart-ui-state-border-focus:var(--smart-info);--smart-ui-state-color-focus:var(--smart-info-color);--smart-button-flat-color:var(--smart-info);--smart-button-outlined-color:var(--smart-info);--smart-button-outlined-border:var(--smart-info)}smart-button.warning,smart-repeat-button.warning,smart-toggle-button.warning{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-warning);--smart-border:var(--smart-warning);--smart-border-rgb:var(--smart-warning-rgb);--smart-background-color:var(--smart-warning-color);--smart-ui-state-hover:var(--smart-warning);--smart-ui-state-border-hover:var(--smart-warning);--smart-ui-state-color-hover:var(--smart-warning-color);--smart-ui-state-active:var(--smart-warning);--smart-ui-state-border-active:var(--smart-warning);--smart-ui-state-color-active:var(--smart-warning-color);--smart-ui-state-focus:var(--smart-warning);--smart-ui-state-border-focus:var(--smart-warning);--smart-ui-state-color-focus:var(--smart-warning-color);--smart-button-flat-color:var(--smart-warning);--smart-button-outlined-color:var(--smart-warning);--smart-button-outlined-border:var(--smart-warning)}smart-button.light,smart-repeat-button.light,smart-toggle-button.light{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-light);--smart-border:var(--smart-light);--smart-border-rgb:var(--smart-light-rgb);--smart-background-color:var(--smart-light-color);--smart-ui-state-hover:var(--smart-light);--smart-ui-state-border-hover:var(--smart-light);--smart-ui-state-color-hover:var(--smart-light-color);--smart-ui-state-active:var(--smart-light);--smart-ui-state-border-active:var(--smart-light);--smart-ui-state-color-active:var(--smart-light-color);--smart-ui-state-focus:var(--smart-light);--smart-ui-state-border-focus:var(--smart-light);--smart-ui-state-color-focus:var(--smart-light-color);--smart-button-flat-color:var(--smart-light);--smart-button-outlined-color:var(--smart-light);--smart-button-outlined-border:var(--smart-light)}smart-button.dark,smart-repeat-button.dark,smart-toggle-button.dark{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-dark);--smart-border:var(--smart-dark);--smart-border-rgb:var(--smart-dark-rgb);--smart-background-color:var(--smart-dark-color);--smart-ui-state-hover:var(--smart-dark);--smart-ui-state-border-hover:var(--smart-dark);--smart-ui-state-color-hover:var(--smart-dark-color);--smart-ui-state-active:var(--smart-dark);--smart-ui-state-border-active:var(--smart-dark);--smart-ui-state-color-active:var(--smart-dark-color);--smart-ui-state-focus:var(--smart-dark);--smart-ui-state-border-focus:var(--smart-dark);--smart-ui-state-color-focus:var(--smart-dark-color);--smart-button-flat-color:var(--smart-dark);--smart-button-outlined-color:var(--smart-dark);--smart-button-outlined-border:var(--smart-dark)}smart-button[hover],smart-repeat-button[hover],smart-toggle-button[hover]{color:var(--smart-ui-state-color-hover);border-color:var(--smart-ui-state-border-hover);background-color:var(--smart-ui-state-hover);transition:background-color .1s linear,box-shadow 280ms ease-in-out;opacity:var(--smart-button-opacity-hover)}smart-button[focus],smart-repeat-button[focus],smart-toggle-button[focus]{color:var(--smart-ui-state-color-focus);border-color:var(--smart-ui-state-border-focus);background-color:var(--smart-ui-state-focus);opacity:var(--smart-button-opacity-focus)}smart-button[active],smart-repeat-button[active],smart-toggle-button[active]{color:var(--smart-ui-state-color-active);border-color:var(--smart-ui-state-border-active);background-color:var(--smart-ui-state-active);transition:background-color .1s linear,box-shadow 280ms ease-in-out;opacity:var(--smart-button-opacity-active)}smart-button[disabled],smart-repeat-button[disabled],smart-toggle-button[disabled]{color:var(--smart-disabled-color);border-color:var(--smart-disabled);background-color:var(--smart-disabled);cursor:default;--smart-background:var(--smart-disabled);--smart-border:var(--smart-disabled);--smart-background-color:var(--smart-disabled-color)}smart-button.large button,smart-repeat-button.large button,smart-toggle-button.large button{padding:var(--smart-button-large-padding);font-size:var(--smart-button-large-font-size)}smart-button.small button,smart-repeat-button.small button,smart-toggle-button.small button{padding:var(--smart-button-small-padding);font-size:var(--smart-button-small-font-size)}smart-button.very-small button,smart-repeat-button.very-small button,smart-toggle-button.very-small button{padding:var(--smart-button-very-small-padding);font-size:var(--smart-button-very-small-font-size)}smart-button.rounded,smart-repeat-button.rounded,smart-toggle-button.rounded{--smart-border-top-left-radius:50px;--smart-border-top-right-radius:50px;--smart-border-bottom-left-radius:50px;--smart-border-bottom-right-radius:50px;border-radius:var(--smart-border-bottom-left-radius)!important}smart-button.squared,smart-repeat-button.squared,smart-toggle-button.squared{--smart-border-top-left-radius:0;--smart-border-top-right-radius:0;--smart-border-bottom-left-radius:0;--smart-border-bottom-right-radius:0}smart-button.flat,smart-button.flat[active],smart-button.flat[hover],smart-repeat-button.flat,smart-repeat-button.flat[active],smart-repeat-button.flat[hover],smart-toggle-button.flat,smart-toggle-button.flat[active],smart-toggle-button.flat[hover]{color:var(--smart-button-flat-color);background:0 0;border-color:transparent}smart-button.outlined,smart-button.outlined[active],smart-button.outlined[hover],smart-repeat-button.outlined,smart-repeat-button.outlined[active],smart-repeat-button.outlined[hover],smart-toggle-button.outlined,smart-toggle-button.outlined[active],smart-toggle-button.outlined[hover]{color:var(--smart-button-outlined-color);border-color:var(--smart-button-outlined-border);background:0 0}smart-button.flat[focus],smart-repeat-button.flat[focus],smart-toggle-button.flat[focus]{border-color:var(--smart-ui-state-focus)}smart-button.flat[checked],smart-repeat-button.flat[checked],smart-toggle-button.flat[checked]{text-decoration:underline;background:var(--smart-ui-state-active)}smart-button.flat .smart-ripple,smart-repeat-button.flat .smart-ripple,smart-toggle-button.flat .smart-ripple{background-color:var(--smart-button-flat-color)}smart-button.outlined,smart-repeat-button.outlined,smart-toggle-button.outlined{border-width:calc(2 * var(--smart-border-width))}smart-button.outlined[focus],smart-repeat-button.outlined[focus],smart-toggle-button.outlined[focus]{color:var(--smart-button-outlined-color);border-color:var(--smart-ui-state-focus);background:0 0}smart-button.outlined[checked],smart-repeat-button.outlined[checked],smart-toggle-button.outlined[checked]{color:var(--smart-ui-state-color-active);border-color:var(--smart-ui-state-active);background:var(--smart-ui-state-active)}smart-button.outlined .smart-ripple,smart-repeat-button.outlined .smart-ripple,smart-toggle-button.outlined .smart-ripple{background-color:var(--smart-button-outlined-color)}smart-button.outlined button.smart-button,smart-repeat-button.outlined button.smart-button,smart-toggle-button.outlined button.smart-button{border-radius:initial}smart-button.raised,smart-repeat-button.raised,smart-toggle-button.raised{box-shadow:var(--smart-elevation-2);transition:background-color .1s linear,box-shadow 280ms ease-in-out}smart-button.raised[hover],smart-repeat-button.raised[hover],smart-toggle-button.raised[hover]{box-shadow:var(--smart-elevation-4)}smart-button.raised button[active],smart-button.raised[active],smart-button.raised[checked],smart-repeat-button.raised button[active],smart-repeat-button.raised[active],smart-repeat-button.raised[checked],smart-toggle-button.raised button[active],smart-toggle-button.raised[active],smart-toggle-button.raised[checked]{box-shadow:var(--smart-elevation-8)}smart-button.raised[focus],smart-button.raised[focus]:not([checked]),smart-repeat-button.raised[focus],smart-repeat-button.raised[focus]:not([checked]),smart-toggle-button.raised[focus],smart-toggle-button.raised[focus]:not([checked]){box-shadow:var(--smart-elevation-6)}smart-button.floating,smart-repeat-button.floating,smart-toggle-button.floating{border-radius:50%;width:48px;height:48px;box-shadow:var(--smart-elevation-4);transition:background-color .1s linear,box-shadow 280ms ease-in-out}smart-button.floating[hover],smart-repeat-button.floating[hover],smart-toggle-button.floating[hover]{box-shadow:var(--smart-elevation-6)}smart-button.floating[active],smart-button.floating[checked],smart-repeat-button.floating[active],smart-repeat-button.floating[checked],smart-toggle-button.floating[active],smart-toggle-button.floating[checked]{box-shadow:var(--smart-elevation-12)}smart-button.floating[focus],smart-button.floating[focus]:not([checked]),smart-repeat-button.floating[focus],smart-repeat-button.floating[focus]:not([checked]),smart-toggle-button.floating[focus],smart-toggle-button.floating[focus]:not([checked]){box-shadow:var(--smart-elevation-6)}smart-button[right-to-left],smart-repeat-button[right-to-left],smart-toggle-button[right-to-left]{direction:rtl}button.smart-button{position:relative;padding:var(--smart-button-padding);text-align:inherit;vertical-align:inherit;cursor:inherit;text-transform:inherit;font-weight:inherit;letter-spacing:inherit;background:inherit;color:inherit;border:none;-webkit-font-smoothing:antialiased;opacity:var(--smart-button-opacity);white-space:nowrap;border-radius:inherit}.smart-button .smart-ripple{background:var(--smart-background-color)}[smart-toggle-button] .smart-container,smart-toggle-button .smart-container{font-weight:inherit;font-style:inherit}[smart-toggle-button][checked],smart-toggle-button[checked]{color:var(--smart-ui-state-color-selected);border-color:var(--smart-ui-state-border-selected);background-color:var(--smart-ui-state-selected)}.smart-scroll-button .smart-button{padding:0}:host(.smart-button.flat) .smart-ripple{background-color:var(--smart-button-flat-color)}:host(.smart-button.outlined) .smart-ripple{background-color:var(--smart-button-outlined-color)}button.smart-button[type]:not(.smart-container){border-color:var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);border-width:var(--smart-border-width);border-style:solid;text-align:center;vertical-align:middle;cursor:pointer;text-transform:var(--smart-button-text-transform);font-weight:500;letter-spacing:.08929em;overflow:hidden;font-style:var(--smart-font-style);font-size:var(--smart-font-size);background:var(--smart-background);outline:0}button.smart-button[type]:hover{color:var(--smart-ui-state-color-hover);border-color:var(--smart-ui-state-border-hover);background-color:var(--smart-ui-state-hover)}button.smart-button[type]:not([disabled]):active{color:var(--smart-ui-state-color-active);border-color:var(--smart-ui-state-border-active);background-color:var(--smart-ui-state-active)}
+smart-button,smart-repeat-button,smart-toggle-button{--smart-button-flat-color:var(--smart-background-color);text-align:center;display:inline-flex;vertical-align:middle;cursor:pointer;text-transform:var(--smart-button-text-transform);letter-spacing:.08929em;overflow:hidden;border-color:var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);border-width:var(--smart-border-width);border-style:solid;visibility:hidden;font-weight:500}smart-button.smart-element,smart-repeat-button.smart-element,smart-toggle-button.smart-element{display:inline-flex;visibility:inherit}smart-button button::-moz-focus-inner,smart-repeat-button button::-moz-focus-inner,smart-toggle-button button::-moz-focus-inner{border:0}smart-button.primary,smart-repeat-button.primary,smart-toggle-button.primary{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-primary);--smart-border:var(--smart-primary);--smart-border-rgb:var(--smart-primary-rgb);--smart-background-color:var(--smart-primary-color);--smart-ui-state-hover:var(--smart-primary);--smart-ui-state-border-hover:var(--smart-primary);--smart-ui-state-color-hover:var(--smart-primary-color);--smart-ui-state-active:var(--smart-primary);--smart-ui-state-border-active:var(--smart-primary);--smart-ui-state-color-active:var(--smart-primary-color);--smart-ui-state-focus:var(--smart-primary);--smart-ui-state-border-focus:var(--smart-primary);--smart-ui-state-color-focus:var(--smart-primary-color);--smart-button-flat-color:var(--smart-primary);--smart-button-outlined-color:var(--smart-primary);--smart-button-outlined-border:var(--smart-primary)}smart-button.secondary,smart-repeat-button.secondary,smart-toggle-button.secondary{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-secondary);--smart-border:var(--smart-secondary);--smart-border-rgb:var(--smart-secondary-rgb);--smart-background-color:var(--smart-secondary-color);--smart-ui-state-hover:var(--smart-secondary);--smart-ui-state-border-hover:var(--smart-secondary);--smart-ui-state-color-hover:var(--smart-secondary-color);--smart-ui-state-active:var(--smart-secondary);--smart-ui-state-border-active:var(--smart-secondary);--smart-ui-state-color-active:var(--smart-secondary-color);--smart-ui-state-focus:var(--smart-secondary);--smart-ui-state-border-focus:var(--smart-secondary);--smart-ui-state-color-focus:var(--smart-secondary-color);--smart-button-flat-color:var(--smart-secondary);--smart-button-outlined-color:var(--smart-secondary);--smart-button-outlined-border:var(--smart-secondary)}smart-button.success,smart-repeat-button.success,smart-toggle-button.success{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-success);--smart-border:var(--smart-success);--smart-border-rgb:var(--smart-success-rgb);--smart-background-color:var(--smart-success-color);--smart-ui-state-hover:var(--smart-success);--smart-ui-state-border-hover:var(--smart-success);--smart-ui-state-color-hover:var(--smart-success-color);--smart-ui-state-active:var(--smart-success);--smart-ui-state-border-active:var(--smart-success);--smart-ui-state-color-active:var(--smart-success-color);--smart-ui-state-focus:var(--smart-success);--smart-ui-state-border-focus:var(--smart-success);--smart-ui-state-color-focus:var(--smart-success-color);--smart-button-flat-color:var(--smart-success);--smart-button-outlined-color:var(--smart-success);--smart-button-outlined-border:var(--smart-success)}smart-button.error,smart-repeat-button.error,smart-toggle-button.error{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-error);--smart-border:var(--smart-error);--smart-border-rgb:var(--smart-error-rgb);--smart-background-color:var(--smart-error-color);--smart-ui-state-hover:var(--smart-error);--smart-ui-state-border-hover:var(--smart-error);--smart-ui-state-color-hover:var(--smart-error-color);--smart-ui-state-active:var(--smart-error);--smart-ui-state-border-active:var(--smart-error);--smart-ui-state-color-active:var(--smart-error-color);--smart-ui-state-focus:var(--smart-error);--smart-ui-state-border-focus:var(--smart-error);--smart-ui-state-color-focus:var(--smart-error-color);--smart-button-flat-color:var(--smart-error);--smart-button-outlined-color:var(--smart-error);--smart-button-outlined-border:var(--smart-error)}smart-button.info,smart-repeat-button.info,smart-toggle-button.info{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-info);--smart-border:var(--smart-info);--smart-border-rgb:var(--smart-info-rgb);--smart-background-color:var(--smart-info-color);--smart-ui-state-hover:var(--smart-info);--smart-ui-state-border-hover:var(--smart-info);--smart-ui-state-color-hover:var(--smart-info-color);--smart-ui-state-active:var(--smart-info);--smart-ui-state-border-active:var(--smart-info);--smart-ui-state-color-active:var(--smart-info-color);--smart-ui-state-focus:var(--smart-info);--smart-ui-state-border-focus:var(--smart-info);--smart-ui-state-color-focus:var(--smart-info-color);--smart-button-flat-color:var(--smart-info);--smart-button-outlined-color:var(--smart-info);--smart-button-outlined-border:var(--smart-info)}smart-button.warning,smart-repeat-button.warning,smart-toggle-button.warning{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-warning);--smart-border:var(--smart-warning);--smart-border-rgb:var(--smart-warning-rgb);--smart-background-color:var(--smart-warning-color);--smart-ui-state-hover:var(--smart-warning);--smart-ui-state-border-hover:var(--smart-warning);--smart-ui-state-color-hover:var(--smart-warning-color);--smart-ui-state-active:var(--smart-warning);--smart-ui-state-border-active:var(--smart-warning);--smart-ui-state-color-active:var(--smart-warning-color);--smart-ui-state-focus:var(--smart-warning);--smart-ui-state-border-focus:var(--smart-warning);--smart-ui-state-color-focus:var(--smart-warning-color);--smart-button-flat-color:var(--smart-warning);--smart-button-outlined-color:var(--smart-warning);--smart-button-outlined-border:var(--smart-warning)}smart-button.light,smart-repeat-button.light,smart-toggle-button.light{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-light);--smart-border:var(--smart-light);--smart-border-rgb:var(--smart-light-rgb);--smart-background-color:var(--smart-light-color);--smart-ui-state-hover:var(--smart-light);--smart-ui-state-border-hover:var(--smart-light);--smart-ui-state-color-hover:var(--smart-light-color);--smart-ui-state-active:var(--smart-light);--smart-ui-state-border-active:var(--smart-light);--smart-ui-state-color-active:var(--smart-light-color);--smart-ui-state-focus:var(--smart-light);--smart-ui-state-border-focus:var(--smart-light);--smart-ui-state-color-focus:var(--smart-light-color);--smart-button-flat-color:var(--smart-light);--smart-button-outlined-color:var(--smart-light);--smart-button-outlined-border:var(--smart-light)}smart-button.dark,smart-repeat-button.dark,smart-toggle-button.dark{--smart-button-opacity-hover:0.75;--smart-button-opacity-focus:0.7;--smart-button-opacity-active:0.65;--smart-background:var(--smart-dark);--smart-border:var(--smart-dark);--smart-border-rgb:var(--smart-dark-rgb);--smart-background-color:var(--smart-dark-color);--smart-ui-state-hover:var(--smart-dark);--smart-ui-state-border-hover:var(--smart-dark);--smart-ui-state-color-hover:var(--smart-dark-color);--smart-ui-state-active:var(--smart-dark);--smart-ui-state-border-active:var(--smart-dark);--smart-ui-state-color-active:var(--smart-dark-color);--smart-ui-state-focus:var(--smart-dark);--smart-ui-state-border-focus:var(--smart-dark);--smart-ui-state-color-focus:var(--smart-dark-color);--smart-button-flat-color:var(--smart-dark);--smart-button-outlined-color:var(--smart-dark);--smart-button-outlined-border:var(--smart-dark)}smart-button[hover],smart-repeat-button[hover],smart-toggle-button[hover]{color:var(--smart-ui-state-color-hover);border-color:var(--smart-ui-state-border-hover);background-color:var(--smart-ui-state-hover);transition:background-color .1s linear,box-shadow 280ms ease-in-out;opacity:var(--smart-button-opacity-hover)}smart-button[focus],smart-repeat-button[focus],smart-toggle-button[focus]{color:var(--smart-ui-state-color-focus);border-color:var(--smart-ui-state-border-focus);background-color:var(--smart-ui-state-focus);opacity:var(--smart-button-opacity-focus)}smart-button[active],smart-repeat-button[active],smart-toggle-button[active]{color:var(--smart-ui-state-color-active);border-color:var(--smart-ui-state-border-active);background-color:var(--smart-ui-state-active);transition:background-color .1s linear,box-shadow 280ms ease-in-out;opacity:var(--smart-button-opacity-active)}smart-button[disabled],smart-repeat-button[disabled],smart-toggle-button[disabled]{color:var(--smart-disabled-color);border-color:var(--smart-disabled);background-color:var(--smart-disabled);cursor:default;--smart-background:var(--smart-disabled);--smart-border:var(--smart-disabled);--smart-background-color:var(--smart-disabled-color)}smart-button.large button,smart-repeat-button.large button,smart-toggle-button.large button{padding:var(--smart-button-large-padding);font-size:var(--smart-button-large-font-size)}smart-button.small button,smart-repeat-button.small button,smart-toggle-button.small button{padding:var(--smart-button-small-padding);font-size:var(--smart-button-small-font-size)}smart-button.very-small button,smart-repeat-button.very-small button,smart-toggle-button.very-small button{padding:var(--smart-button-very-small-padding);font-size:var(--smart-button-very-small-font-size)}smart-button.rounded,smart-repeat-button.rounded,smart-toggle-button.rounded{--smart-border-top-left-radius:50px;--smart-border-top-right-radius:50px;--smart-border-bottom-left-radius:50px;--smart-border-bottom-right-radius:50px;border-radius:var(--smart-border-bottom-left-radius)!important}smart-button.squared,smart-repeat-button.squared,smart-toggle-button.squared{--smart-border-top-left-radius:0;--smart-border-top-right-radius:0;--smart-border-bottom-left-radius:0;--smart-border-bottom-right-radius:0}smart-button.flat,smart-button.flat[active],smart-button.flat[hover],smart-repeat-button.flat,smart-repeat-button.flat[active],smart-repeat-button.flat[hover],smart-toggle-button.flat,smart-toggle-button.flat[active],smart-toggle-button.flat[hover]{color:var(--smart-button-flat-color);background:0 0;border-color:transparent}smart-button.outlined,smart-button.outlined[active],smart-button.outlined[hover],smart-repeat-button.outlined,smart-repeat-button.outlined[active],smart-repeat-button.outlined[hover],smart-toggle-button.outlined,smart-toggle-button.outlined[active],smart-toggle-button.outlined[hover]{color:var(--smart-button-outlined-color);border-color:var(--smart-button-outlined-border);background:0 0}smart-button.flat[focus],smart-repeat-button.flat[focus],smart-toggle-button.flat[focus]{border-color:var(--smart-ui-state-focus)}smart-button.flat[checked],smart-repeat-button.flat[checked],smart-toggle-button.flat[checked]{text-decoration:underline;background:var(--smart-ui-state-active)}smart-button.flat .smart-ripple,smart-repeat-button.flat .smart-ripple,smart-toggle-button.flat .smart-ripple{background-color:var(--smart-button-flat-color)}smart-button.outlined,smart-repeat-button.outlined,smart-toggle-button.outlined{border-width:calc(2 * var(--smart-border-width))}smart-button.outlined[focus],smart-repeat-button.outlined[focus],smart-toggle-button.outlined[focus]{color:var(--smart-button-outlined-color);border-color:var(--smart-ui-state-focus);background:0 0}smart-button.outlined[checked],smart-repeat-button.outlined[checked],smart-toggle-button.outlined[checked]{color:var(--smart-ui-state-color-active);border-color:var(--smart-ui-state-active);background:var(--smart-ui-state-active)}smart-button.outlined .smart-ripple,smart-repeat-button.outlined .smart-ripple,smart-toggle-button.outlined .smart-ripple{background-color:var(--smart-button-outlined-color)}smart-button.outlined button.smart-button,smart-repeat-button.outlined button.smart-button,smart-toggle-button.outlined button.smart-button{border-radius:initial}smart-button.raised,smart-repeat-button.raised,smart-toggle-button.raised{box-shadow:var(--smart-elevation-2);transition:background-color .1s linear,box-shadow 280ms ease-in-out}smart-button.raised[hover],smart-repeat-button.raised[hover],smart-toggle-button.raised[hover]{box-shadow:var(--smart-elevation-4)}smart-button.raised button[active],smart-button.raised[active],smart-button.raised[checked],smart-repeat-button.raised button[active],smart-repeat-button.raised[active],smart-repeat-button.raised[checked],smart-toggle-button.raised button[active],smart-toggle-button.raised[active],smart-toggle-button.raised[checked]{box-shadow:var(--smart-elevation-8)}smart-button.raised[focus],smart-button.raised[focus]:not([checked]),smart-repeat-button.raised[focus],smart-repeat-button.raised[focus]:not([checked]),smart-toggle-button.raised[focus],smart-toggle-button.raised[focus]:not([checked]){box-shadow:var(--smart-elevation-6)}smart-button.floating,smart-repeat-button.floating,smart-toggle-button.floating{border-radius:50%;width:48px;height:48px;box-shadow:var(--smart-elevation-4);transition:background-color .1s linear,box-shadow 280ms ease-in-out}smart-button.floating[hover],smart-repeat-button.floating[hover],smart-toggle-button.floating[hover]{box-shadow:var(--smart-elevation-6)}smart-button.floating[active],smart-button.floating[checked],smart-repeat-button.floating[active],smart-repeat-button.floating[checked],smart-toggle-button.floating[active],smart-toggle-button.floating[checked]{box-shadow:var(--smart-elevation-12)}smart-button.floating[focus],smart-button.floating[focus]:not([checked]),smart-repeat-button.floating[focus],smart-repeat-button.floating[focus]:not([checked]),smart-toggle-button.floating[focus],smart-toggle-button.floating[focus]:not([checked]){box-shadow:var(--smart-elevation-6)}button.smart-button{position:relative;padding:var(--smart-button-padding);text-align:inherit;vertical-align:inherit;cursor:inherit;text-transform:inherit;font-weight:inherit;letter-spacing:inherit;background:inherit;color:inherit;border:none;-webkit-font-smoothing:antialiased;opacity:var(--smart-button-opacity);white-space:nowrap;border-radius:inherit}.smart-button .smart-ripple{background:var(--smart-background-color)}[smart-toggle-button] .smart-container,smart-toggle-button .smart-container{font-weight:inherit;font-style:inherit}[smart-toggle-button][checked],smart-toggle-button[checked]{color:var(--smart-ui-state-color-selected);border-color:var(--smart-ui-state-border-selected);background-color:var(--smart-ui-state-selected)}.smart-scroll-button .smart-button{padding:0}:host(.smart-button.flat) .smart-ripple{background-color:var(--smart-button-flat-color)}:host(.smart-button.outlined) .smart-ripple{background-color:var(--smart-button-outlined-color)}button.smart-button[type]:not(.smart-container){border-color:var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);border-width:var(--smart-border-width);border-style:solid;text-align:center;vertical-align:middle;cursor:pointer;text-transform:var(--smart-button-text-transform);font-weight:500;letter-spacing:.08929em;overflow:hidden;font-style:var(--smart-font-style);font-size:var(--smart-font-size);background:var(--smart-background);outline:0}button.smart-button[type]:hover{color:var(--smart-ui-state-color-hover);border-color:var(--smart-ui-state-border-hover);background-color:var(--smart-ui-state-hover)}button.smart-button[type]:not([disabled]):active{color:var(--smart-ui-state-color-active);border-color:var(--smart-ui-state-border-active);background-color:var(--smart-ui-state-active)}smart-button[right-to-left],smart-repeat-button[right-to-left],smart-toggle-button[right-to-left]{direction:rtl}
 smart-scroll-bar{display:block;touch-action:none;width:var(--smart-scroll-bar-default-width);height:var(--smart-scroll-bar-default-height)}smart-scroll-bar .smart-thumb{position:absolute;width:40px;background-clip:content-box;padding:var(--smart-scroll-bar-thumb-padding) 0;height:var(--smart-scroll-bar-thumb-size);cursor:default;box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--smart-scroll-bar-thumb-border);background-color:var(--smart-scroll-bar-thumb-background);border-top-left-radius:var(--smart-scroll-bar-thumb-border-top-left-radius);border-top-right-radius:var(--smart-scroll-bar-thumb-border-top-right-radius);border-bottom-left-radius:var(--smart-scroll-bar-thumb-border-bottom-left-radius);border-bottom-right-radius:var(--smart-scroll-bar-thumb-border-bottom-right-radius)}smart-scroll-bar .smart-thumb:hover{border-color:var(--smart-scroll-bar-thumb-border-hover);background-color:var(--smart-scroll-bar-thumb-background-hover)}smart-scroll-bar .smart-thumb:active{border-color:var(--smart-scroll-bar-thumb-border-active);background-color:var(--smart-scroll-bar-thumb-background-active)}smart-scroll-bar .smart-track{position:relative;float:left;height:100%;background-color:var(--smart-scroll-bar-track-background);width:100%}smart-scroll-bar .smart-scroll-button{display:none;float:left;width:var(--smart-scroll-button-size);height:100%;cursor:default;background-color:var(--smart-scroll-bar-button-background);color:var(--smart-scroll-bar-button-color);border:1px solid var(--smart-scroll-bar-button-border);min-height:0;padding:0;border-radius:0}smart-scroll-bar .smart-scroll-button:hover{background-color:var(--smart-scroll-bar-button-background-hover);color:var(--smart-scroll-bar-button-color-hover);border-color:var(--smart-scroll-bar-button-border-hover)}smart-scroll-bar .smart-scroll-button:active{background-color:var(--smart-scroll-bar-button-background-active);color:var(--smart-scroll-bar-button-color-active);border-color:var(--smart-scroll-bar-button-border-active)}smart-scroll-bar[show-buttons] .smart-track{width:calc(calc(100% - var(--smart-scroll-button-size) * 2))}smart-scroll-bar[show-buttons] .smart-scroll-button{display:block}smart-scroll-bar[spinner][show-buttons] .smart-track{display:none}smart-scroll-bar[spinner][show-buttons] .smart-scroll-button{width:50%}smart-scroll-bar[discrete]{--smart-scroll-button-size:0px;--smart-scroll-bar-size:15px;--smart-scroll-bar-thumb-border-top-right-radius:6px;--smart-scroll-bar-thumb-border-top-left-radius:6px;--smart-scroll-bar-thumb-border-bottom-left-radius:6px;--smart-scroll-bar-thumb-border-bottom-right-radius:6px;--smart-scroll-bar-thumb-size:100%;--smart-scroll-bar-thumb-padding:3px;--smart-scroll-bar-default-width:var(--smart-editor-width);--smart-scroll-bar-default-height:var(--smart-scroll-bar-size);--smart-scroll-bar-background:#fafafa;--smart-scroll-bar-track-background:var(--smart-scroll-bar-background);--smart-scroll-bar-border:#F1F1F1;--smart-scroll-bar-thumb-background:#C1C1C1;--smart-scroll-bar-thumb-border:transparent}smart-scroll-bar[orientation=vertical]{height:var(--smart-scroll-bar-default-width);width:var(--smart-scroll-bar-default-height)}smart-scroll-bar[orientation=vertical] .smart-thumb{width:var(--smart-scroll-bar-thumb-size);padding:0 var(--smart-scroll-bar-thumb-padding);height:40px;top:0}smart-scroll-bar[orientation=vertical] .smart-track{float:none;width:100%;height:100%}smart-scroll-bar[orientation=vertical] .smart-scroll-button{float:none;height:var(--smart-scroll-button-size);width:100%}smart-scroll-bar[orientation=vertical][show-buttons] .smart-track{height:calc(calc(100% - var(--smart-scroll-button-size) * 2))}smart-scroll-bar[orientation=vertical][spinner] .smart-scroll-button{height:50%;width:100%;float:none}