vaadin-scroller[slot=drawer]{flex:auto;padding:var(--lumo-space-s)}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box}[slot=drawer]:is(header,footer):is(:empty){display:none}.navicon{--mask-repeat: no-repeat;--mask-position: 50%;vertical-align:middle;--_size: var(--lumo-icon-size-m);mask-image:var(--mask-image);mask-repeat:var(--mask-repeat);mask-position:var(--mask-position);width:var(--_size);height:var(--_size);background-color:currentColor;display:inline-block;flex:none;-webkit-mask-image:var(--mask-image);-webkit-mask-repeat:var(--mask-repeat);-webkit-mask-position:var(--mask-position)}.preview-part{width:100%}widget-instances{display:flex;flex-direction:column}.title-divider{border-bottom:1px solid rgb(233,233,233);display:block;margin-left:5px;margin-right:5px;align-self:center;width:calc(100% - 200px)}.title-divider-full1{border-bottom:1px solid rgb(233,233,233);display:block;margin-left:5px;margin-right:5px;align-self:center;width:calc(100% - 230px)}.title-divider-full{border-bottom:1px solid rgb(233,233,233);display:block;margin-left:5px;margin-right:5px;align-self:center;width:calc(100% - 155px)}.titlepart,.subtitlepart{width:100%;max-width:550px}.dividerpart,.fieldpart,.buttonpart{width:100%}.title-top{font-weight:700px}.title1{align-self:center;font-weight:700}.menuLabelText{font-size:14px}.color-picker{width:30px;height:30px;border:none;margin-top:2px}.color-picker-label{margin-left:7px}.titile-hor-layout{margin-bottom:7px}.icon-style{height:15px;width:15px}.icon-select-color{color:#2196f3}vaadin-combo-box::part(label){font-weight:550;color:#3c3b3b}vaadin-text-field::part(label){font-weight:550;color:#3c3b3b}.div-line-txt{width:40%}.button-url-field{width:100%}.save-button{margin-top:15px}.disabled-checkbox{margin-top:25px;align-self:center}.fx-wrap{flex-wrap:wrap}.button-border{width:10%}.button-border vaadin-horizontal-layout{width:100%}.lx-input-width{width:320px}.full-width{width:100%}.wid-close{width:0px!important}.wid-close img,.wid-close vaadin-grid,.wid-close vaadin-button{display:none}.instance-tc-logo{flex-grow:1;padding:3px;text-align:left}@media (max-width: 414px){.instance-list-layout{width:92%}.button-url-field,.sm-full-width{width:100%}.button-border{width:35%}.title-divider{flex-grow:1}.wid-open{max-width:400px;width:95%}#widgetTitle,#widgetSubtitle{width:100%}.button-layout{flex-wrap:wrap}}@media (min-width:415px) and (max-width: 767px){.instance-list-layout{width:92%}.button-url-field{width:100%}.sm-full-width{width:90%}.button-border{width:35%}.title-divider{flex-grow:1}.wid-open{max-width:650px;width:93%}#widgetTitle,#widgetSubtitle{width:420px}.btn-em{margin-left:20px}}@media (min-width: 768px){.instance-list-layout{width:500px}.mx-width{max-width:1108px;width:100%}.divider-ext{width:1108px;width:100%}.wid-open{width:80%;max-width:700px}#widgetTitle,#widgetSubtitle{width:655px}.btn-em{margin-left:20px}}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:15px;width:15px;left:4px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translate(18px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.instance-list-layout{position:absolute;left:0;height:100%;background:#fff;top:0;z-index:999;transition:all .2s ease-in-out 0s}.instance-business-info{flex-wrap:wrap}.instance-business-info vaadin-text-field,.instance-business-info vaadin-combo-box{padding-top:0!important;margin-top:10px}.instance-config{width:100%}.instance-radio{display:flex}.instance-radio input[type=radio]{-webkit-appearance:none}.instance-radio label{position:relative;margin:auto;border-radius:5px;background:#c1c1c1;transition:.5s;display:flex}.vertical-orientation{height:55px;width:30px}.square-orientation{height:41px;width:40px}.horizontal-orientation{height:26px;width:60px}.instance-radio label>span{font-size:25px;position:absolute;top:50%;left:50%;transform:translate(-50%,80%);font-family:Poppins,sans-serif;font-weight:500}.instance-radio input[type=radio]:checked+label{background-color:green;color:#fff;box-shadow:0 15px 45px #18f98d33}.search-button{font-size:14px;font-weight:400;outline:none;cursor:pointer;padding:0 16px;border:1px solid transparent;font-family:Inter,Arial,sans-serif;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;display:inline-flex;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-grow:1}.no-event{pointer-events:none}.orientation-content vaadin-integer-field{padding-top:0}.orientation-content vaadin-select{margin-top:0}.main-part{padding:24px}.form-div{margin:5px}.disabled-checkbox-type{align-self:center;margin-top:25px}.type-textfield-style{margin-right:10px}.save-type-button{margin:10px}vaadin-connection-indicator{display:none}html{--lumo-space-xs: .25rem;--lumo-space-s: .5rem;--lumo-space-m: 1rem;--lumo-space-l: 1.5rem;--lumo-space-xl: 2.5rem;--lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs);--lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s);--lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m);--lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l);--lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl);--lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2);--lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2);--lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2);--lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2);--lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2);--lumo-font-size-xxs: .75rem;--lumo-font-size-xs: .8125rem;--lumo-font-size-s: .875rem;--lumo-font-size-m: 1rem;--lumo-font-size-l: 1.125rem;--lumo-font-size-xl: 1.375rem;--lumo-font-size-xxl: 1.75rem;--lumo-font-size-xxxl: 2.5rem;--lumo-line-height-xs: 1.25;--lumo-line-height-s: 1.375;--lumo-line-height-m: 1.625;--lumo-border-radius-s: .25em;--lumo-border-radius-m: var(--lumo-border-radius, .25em);--lumo-border-radius-l: .5em;--lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);--lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);--lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);--lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);--lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);--lumo-clickable-cursor: default;--lumo-size-xs: 1.625rem;--lumo-size-s: 1.875rem;--lumo-size-m: 2.25rem;--lumo-size-l: 2.75rem;--lumo-size-xl: 3.5rem;--lumo-icon-size-s: 1.25em;--lumo-icon-size-m: 1.5em;--lumo-icon-size-l: 2.25em;--lumo-icon-size: var(--lumo-icon-size-m);--lumo-base-color: #fff;--lumo-tint-5pct: hsla(0, 0%, 100%, .3);--lumo-tint-10pct: hsla(0, 0%, 100%, .37);--lumo-tint-20pct: hsla(0, 0%, 100%, .44);--lumo-tint-30pct: hsla(0, 0%, 100%, .5);--lumo-tint-40pct: hsla(0, 0%, 100%, .57);--lumo-tint-50pct: hsla(0, 0%, 100%, .64);--lumo-tint-60pct: hsla(0, 0%, 100%, .7);--lumo-tint-70pct: hsla(0, 0%, 100%, .77);--lumo-tint-80pct: hsla(0, 0%, 100%, .84);--lumo-tint-90pct: hsla(0, 0%, 100%, .9);--lumo-tint: #fff;--lumo-shade-5pct: hsla(214, 61%, 25%, .05);--lumo-shade-10pct: hsla(214, 57%, 24%, .1);--lumo-shade-20pct: hsla(214, 53%, 23%, .16);--lumo-shade-30pct: hsla(214, 50%, 22%, .26);--lumo-shade-40pct: hsla(214, 47%, 21%, .38);--lumo-shade-50pct: hsla(214, 45%, 20%, .52);--lumo-shade-60pct: hsla(214, 43%, 19%, .6);--lumo-shade-70pct: hsla(214, 42%, 18%, .69);--lumo-shade-80pct: hsla(214, 41%, 17%, .83);--lumo-shade-90pct: hsla(214, 40%, 16%, .94);--lumo-shade: hsl(214, 35%, 15%);--lumo-contrast-5pct: var(--lumo-shade-5pct);--lumo-contrast-10pct: var(--lumo-shade-10pct);--lumo-contrast-20pct: var(--lumo-shade-20pct);--lumo-contrast-30pct: var(--lumo-shade-30pct);--lumo-contrast-40pct: var(--lumo-shade-40pct);--lumo-contrast-50pct: var(--lumo-shade-50pct);--lumo-contrast-60pct: var(--lumo-shade-60pct);--lumo-contrast-70pct: var(--lumo-shade-70pct);--lumo-contrast-80pct: var(--lumo-shade-80pct);--lumo-contrast-90pct: var(--lumo-shade-90pct);--lumo-contrast: var(--lumo-shade);--lumo-header-text-color: var(--lumo-contrast);--lumo-body-text-color: var(--lumo-contrast-90pct);--lumo-secondary-text-color: var(--lumo-contrast-70pct);--lumo-tertiary-text-color: var(--lumo-contrast-50pct);--lumo-disabled-text-color: var(--lumo-contrast-30pct);--lumo-primary-color: hsl(214, 100%, 48%);--lumo-primary-color-50pct: hsla(214, 100%, 49%, .76);--lumo-primary-color-10pct: hsla(214, 100%, 60%, .13);--lumo-primary-text-color: hsl(214, 100%, 43%);--lumo-primary-contrast-color: #fff;--lumo-error-color: hsl(3, 85%, 48%);--lumo-error-color-50pct: hsla(3, 85%, 49%, .5);--lumo-error-color-10pct: hsla(3, 85%, 49%, .1);--lumo-error-text-color: hsl(3, 89%, 42%);--lumo-error-contrast-color: #fff;--lumo-success-color: hsl(145, 72%, 30%);--lumo-success-color-50pct: hsla(145, 72%, 31%, .5);--lumo-success-color-10pct: hsla(145, 72%, 31%, .1);--lumo-success-text-color: hsl(145, 85%, 25%);--lumo-success-contrast-color: #fff;--lumo-warning-color: hsl(48, 100%, 50%);--lumo-warning-color-10pct: hsla(48, 100%, 50%, .25);--lumo-warning-text-color: hsl(32, 100%, 30%);--lumo-warning-contrast-color: var(--lumo-shade-90pct)}.v-status-message{display:none}