@font-face{font-family:ks-configurator-icons;font-style:normal;font-weight:400;src:url(https://25618197.fs1.hubspotusercontent-eu1.net/hubfs/25618197/raw_assets/public/mikrona_theme/XR/OT200-2/fonts/ks-configurator-icons.woff) format("woff"),url(https://25618197.fs1.hubspotusercontent-eu1.net/hubfs/25618197/raw_assets/public/mikrona_theme/XR/OT200-2/fonts/ks-configurator-icons.ttf) format("truetype"),url(https://25618197.fs1.hubspotusercontent-eu1.net/hubfs/25618197/raw_assets/public/mikrona_theme/XR/OT200-2/fonts/ks-configurator-icons.svg#ks-configurator-icons) format("svg")}.ksfont-arrow-left:before{content:"\e001"}.ksfont-arrow-right:before{content:"\e002"}.ksfont-arrow-up:before{content:"\e00f"}.ksfont-arrow-down:before{content:"\e000"}.ksfont-angle-dbl-left:before{content:"\e0fa"}.ksfont-angle-dbl-right:before{content:"\e0f9"}.ksfont-reset:before{content:"\e008"}.ksfont-save-configuration:before{content:"\e0ff"}.ksfont-zoom-in:before{content:"\e0fe"}.ksfont-zoom-out:before{content:"\e0fd"}.ksfont-zoom-to-fit:before{content:"\e0fb"}.ksfont-zoom-to-100:before{content:"\e0fc"}:root{--color-panel-background:rgba(50,50,50,.25);--color-panel-border:#555;--color-title-text:#fff;--color-title-background:rgba(80,80,80,.3);--color-title-text-selected:#fff;--color-title-background-selected:#09f;--color-title-text-hover:#fff;--color-title-background-hover:#06f;--color-thumbnail-text:#5a5a5a;--color-thumbnail-background:hsla(0,0%,100%,0);--color-thumbnail-border:hsla(0,0%,100%,0);--color-thumbnail-text-selected:#5a5a5a;--color-thumbnail-background-selected:hsla(0,0%,100%,.1);--color-thumbnail-border-selected:hsla(0,0%,100%,0);--color-thumbnail-text-hover:#5a5a5a;--color-thumbnail-background-hover:hsla(0,0%,100%,.1);--color-thumbnail-border-hover:#09f;--color-window-background:#616161;--size-titles-font:11;--size-thumbnail-font:9}body,html{height:100%}body{background:var(--color-window-background);font-family:Open Sans,sans-serif;margin:0;position:relative}#main{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%;--image-top:0;--image-left:0;--image-zoom-factor:1}.mainimg{flex:0 0 auto;left:calc(var(--image-left)*1px);position:relative;top:calc(var(--image-top)*1px);transform:scale(var(--image-zoom-factor))}.movablecursor{cursor:move}.toolbar{align-items:center;background:var(--color-panel-background);display:flex;flex-direction:column;height:100%;justify-content:flex-end;position:absolute;right:0;top:0;width:40px}.toolbarbutton{color:#8a8a8a;font-family:ks-configurator-icons;font-size:20pt;padding-bottom:10px;user-select:none;-webkit-user-select:none}.toolbarbutton:hover{color:#73b0f0}.toolbarbutton.selected{color:#0092ff}.panelarea{background:var(--color-panel-background);display:flex;position:absolute;--flowwidget-first-size:50;--flowwidget-second-size:50}.panelarea.layouthorizontal{bottom:0;flex-direction:row;height:calc(var(--touch-ui-height)*1%);left:0;width:calc(100% - 40px)}.panelarea.layoutvertical{flex-direction:column;height:100%;right:40px;top:0;width:calc(var(--touch-ui-height)*1%)}.panelarea>.flowwidget:first-child{flex:var(--flowwidget-first-size) var(--flowwidget-first-size) 0}.panelarea>.flowwidget:not(:first-child){flex:var(--flowwidget-second-size) var(--flowwidget-second-size) 0}.flowwidgetbody{align-content:flex-start;background:transparent;border:none;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;font-size:calc(var(--size-thumbnail-font)*1pt);height:100%;overflow:auto;padding:3px;--thumbnail-size-percentage:50%;--current-thumbnail-width:128px;--current-thumbnail-height:128px}.flexaligncontentworkaround .flowselectionbody:before{content:"";flex:0 0 100%;width:0}.flowselectionbody>*{flex:0 0 var(--thumbnail-size-percentage);min-height:0}.flowaccordiongroup.selected>.flowaccordiongroupbody>*{flex:0 0 auto;min-height:0;width:var(--thumbnail-size-percentage)}.flowthumbnailitem{box-sizing:border-box;padding:3px}.flowthumbnailitem>div{align-items:center;background:var(--color-thumbnail-background);border-color:var(--color-thumbnail-border);border-radius:2px;border-style:solid;border-width:2px;box-sizing:border-box;color:var(--color-thumbnail-text);display:flex;flex-direction:column;height:100%;min-width:0}.flowselectionbody.listlayout .flowthumbnailitem>div{flex-direction:row}.flowthumbnailitem>div>*{min-height:0}.flowselectionbody>.flowthumbnailitem>div>:first-child{flex:1 1 0;width:var(--current-thumbnail-width)}.flowselectionbody>.flowthumbnailitem>div>img{object-fit:contain}.flowselectionbody.listlayout>.flowthumbnailitem>div>:first-child{flex:0 0 auto;height:100%;width:auto}.flowselectionbody.listlayout>.flowthumbnailitem>div>svg{max-height:50px;max-width:none}.flowselectionbody>.flowthumbnailitem>div>span{max-width:var(--current-thumbnail-width)}.flowselectionbody.listlayout>.flowthumbnailitem>div>span{max-width:none;padding-left:5px;width:12em}.flowaccordiongroupbody>.flowthumbnailitem>div>:first-child{width:100%}.flowaccordiongroupbody>.flowthumbnailitem>div>img{flex:0 0 auto}.flowaccordiongroupbody>.flowthumbnailitem>div>span{max-width:100%}.flowthumbnailitem>div>span{flex:0 0 auto;overflow:hidden;padding:2px;text-overflow:ellipsis;white-space:nowrap}.flowthumbnailitem>div>svg{max-width:50px}.flowaccordiongroupbody>.flowthumbnailitem>div>svg{height:var(--current-thumbnail-height)}.flowthumbnailitem>div>svg path{fill:var(--color-thumbnail-text)}.hidethumbnailtext .flowthumbnailitem>div>span{display:none}.flowthumbnailitem>div:hover{background:var(--color-thumbnail-background-hover);border-color:var(--color-thumbnail-border-hover);color:var(--color-thumbnail-text-hover)}.flowthumbnailitem>div.selected,.flowthumbnailitem>div.selected:hover{background:var(--color-thumbnail-background-selected);border-color:var(--color-thumbnail-border-selected);color:var(--color-thumbnail-text-selected)}.hidden{visibility:hidden}.nodisplay{display:none}.flowselection{height:100%;position:relative;width:100%}.flowselectionheaderbox{bottom:100%;font-size:calc(var(--size-titles-font)*1pt);position:absolute}.flowselectionheaderbox>div{display:inline-block;vertical-align:bottom}.flowheadertextbox{align-items:center;background-color:var(--color-title-background);color:var(--color-title-text);display:flex;flex-direction:row;padding:.5em;white-space:nowrap;--headertext-title:"Title";--headertext-value:"Current Value"}.flowheadertextbox:hover{background-color:var(--color-title-background-hover);color:var(--color-title-text-hover)}.flowselectionheaderscrollbox{border-left:1px solid var(--color-panel-border)}.flowselectionheaderscrollbox>div{display:inline-block;padding:.5em;vertical-align:bottom}.flowaccordiongroup.selected>.flowheadertextbox,.flowheadertextbox.selected,.flowselectionheaderscrollbox>div{background:var(--color-title-background-selected);color:var(--color-title-text-selected)}.flowaccordiongroup.selected>.flowheadertextbox:hover,.flowheadertextbox.selected:hover,.flowselectionheaderscrollbox>div:hover{background:var(--color-title-background-hover);color:var(--color-title-text-hover)}.flowheadertext{flex:1 1 0;font-weight:700;overflow:hidden;text-overflow:ellipsis}.flowheadertext:before{content:var(--headertext-title)}.flowheadertext:after{content:var(--headertext-value);font-weight:400}.flowheadermarker{flex:0 0 auto;font-family:ks-configurator-icons;padding-left:.3em}.flowselectionheaderscroller{user-select:none;-webkit-user-select:none}.flowselectionheaderscroller>span{font-family:ks-configurator-icons;line-height:1px;vertical-align:middle}.flowselection .flowselectionheadermenu.hidden+.flowheadertextbox .flowheadermarker.ksfont-arrow-up,.flowselection .flowselectionheadermenu:not(.hidden)+.flowheadertextbox .flowheadermarker.ksfont-arrow-left,.flowselection .flowselectionheadermenu:not(.multioptions)+.flowheadertextbox .flowheadermarker{display:none}.flowaccordion{display:flex;flex-direction:column;min-height:0}.flowaccordiongroup{display:flex;flex:0 0 auto;flex-direction:column;min-height:0}.flowaccordiongroup.selected{flex:1 1 auto}.flowaccordiongroup>.flowaccordionheader{flex:0 0 auto;font-size:calc(var(--size-titles-font)*1pt)}.flowaccordiongroup>.flowaccordiongroupbody{display:none;flex:0 1 auto}.flowaccordiongroup.selected>.flowaccordiongroupbody{display:flex}.flowaccordiongroup.selected .flowheadermarker.ksfont-arrow-left,.flowaccordiongroup:not(.selected) .flowheadermarker.ksfont-arrow-down,.flowaccordiongroup:only-child .flowaccordionheader .flowheadermarker{display:none}.flowwidgetdraghandle{align-items:center;background-color:none;display:flex;justify-content:center}.layouthorizontal .flowwidgetdraghandle{cursor:col-resize;flex-direction:column}.layoutvertical .flowwidgetdraghandle{cursor:row-resize;flex-direction:row}.flowwidgetdraghandledot{background-color:#8a8a8a;border-radius:50%;height:5px;width:5px}.layouthorizontal .flowwidgetdraghandledot{margin:2px 1px}.layoutvertical .flowwidgetdraghandledot{margin:1px 2px}.flowwidgetdraghandle:hover>.flowwidgetdraghandledot{background-color:#73b0f0}