.vdr{touch-action:none;box-sizing:border-box;border:1px dashed #000;position:absolute}.handle{box-sizing:border-box;background:#eee;border:1px solid #333;width:10px;height:10px;position:absolute}.handle-tl{cursor:nw-resize;top:-10px;left:-10px}.handle-tm{cursor:n-resize;margin-left:-5px;top:-10px;left:50%}.handle-tr{cursor:ne-resize;top:-10px;right:-10px}.handle-ml{cursor:w-resize;margin-top:-5px;top:50%;left:-10px}.handle-mr{cursor:e-resize;margin-top:-5px;top:50%;right:-10px}.handle-bl{cursor:sw-resize;bottom:-10px;left:-10px}.handle-bm{cursor:s-resize;margin-left:-5px;bottom:-10px;left:50%}.handle-br{cursor:se-resize;bottom:-10px;right:-10px}@media only screen and (width<=768px){[class*=handle-]:before{content:"";position:absolute;inset:-10px}}.oh-canvas-item-runmode{display:block}.oh-canvas-item-editmode{cursor:move;color:red;outline:1px dashed red;font-size:10px}.oh-canvas-item-editmode *{cursor:move!important}.oh-canvas-item{pointer-events:auto;position:absolute}.oh-canvas-item .oh-canvas-item-content{box-sizing:border-box;width:100%;height:100%;margin:0;position:relative}.oh-canvas-item .oh-canvas-item-content.card{flex-direction:column;display:flex}.oh-canvas-item .oh-canvas-item-content.card .card-content{flex-direction:column;flex:1;justify-content:center;display:flex}.oh-canvas-item .oh-canvas-item-content.card .card-content .swiper-container .placeholder-widget{width:100%;height:100%;margin:0}.oh-canvas-item .oh-canvas-item-content.card .card-content .oh-swiper-slide.edit-mode{min-height:0}.oh-canvas-item .oh-canvas-item-content.card .oh-image-card,.oh-canvas-item .oh-canvas-item-content.card .oh-gauge-card{flex:1;overflow:hidden}.oh-canvas-item .oh-canvas-item-content.card .oh-image-card *,.oh-canvas-item .oh-canvas-item-content.card .oh-gauge-card *{height:100%}.oh-canvas-item .oh-canvas-item-content.card .oh-image-card .oh-image,.oh-canvas-item .oh-canvas-item-content.card .oh-gauge-card .oh-image{object-fit:contain;height:calc(100% - 10px)}.oh-canvas-item .oh-canvas-item-styled.card{box-shadow:none;background:0 0}.oh-canvas-item .oh-canvas-item-styled.card .card-content .segmented,.oh-canvas-item .oh-canvas-item-styled.card .card-footer .segmented,.oh-canvas-item .oh-canvas-item-styled.card .card-content .stepper,.oh-canvas-item .oh-canvas-item-styled.card .card-footer .stepper,.oh-canvas-item .oh-canvas-item-styled.card .card-content .toggle,.oh-canvas-item .oh-canvas-item-styled.card .card-footer .toggle{background:var(--f7-card-bg-color)}.oh-canvas-item .oh-canvas-item-shadow.card .card-content .segmented,.oh-canvas-item .oh-canvas-item-shadow.card .card-footer .segmented,.oh-canvas-item .oh-canvas-item-shadow.card .card-content .stepper,.oh-canvas-item .oh-canvas-item-shadow.card .card-footer .stepper,.oh-canvas-item .oh-canvas-item-shadow.card .card-content .toggle,.oh-canvas-item .oh-canvas-item-shadow.card .card-footer .toggle,.oh-canvas-item .oh-canvas-item-shadow.card .card-content .oh-slider .range-bar,.oh-canvas-item .oh-canvas-item-shadow.card .card-footer .oh-slider .range-bar,.oh-canvas-item .oh-canvas-item-shadow.card .card-content .oh-slider .range-knob,.oh-canvas-item .oh-canvas-item-shadow.card .card-footer .oh-slider .range-knob,.oh-canvas-item .oh-canvas-item-shadow.card .card-content .oh-slider .range-knob-label,.oh-canvas-item .oh-canvas-item-shadow.card .card-footer .oh-slider .range-knob-label{box-shadow:var(--oh-canvas-item-box-shadow)}.oh-canvas-item .oh-canvas-item-shadow.card .card-content img,.oh-canvas-item .oh-canvas-item-shadow.card .card-footer img,.oh-canvas-item .oh-canvas-item-shadow.card .card-content svg,.oh-canvas-item .oh-canvas-item-shadow.card .card-footer svg{filter:var(--oh-canvas-item-svg-shadow)}.oh-canvas-item .oh-canvas-item-shadow.card .label-card-content{text-shadow:var(--oh-canvas-item-text-shadow)}.oh-canvas-item .oh-canvas-item-id{position:absolute;bottom:0;right:0}.oh-canvas-item .oh-canvas-item-msg{position:absolute;bottom:-22px;right:0}.oh-canvas-item .placeholder-widget a{height:100%;padding:0;display:flex}.oh-canvas-item .drag-handle{z-index:1000;padding:2px;top:0;left:0;position:absolute!important}.oh-canvas-item .configure-canvas-menu{position:absolute;top:2px;right:2px}.oh-canvas-item .configure-canvas-menu .menu-inner{padding:0}.oh-canvas-item .configure-canvas-menu .menu-inner:after{width:0}