.attributes-wrapper{left:50%;position:absolute;top:calc(100% + 5px);transform:translate(-50%);width:auto}.attributes-wrapper .attributes-panel,.attributes-wrapper .hidden-attributes-panel{transition:width .25s ease-in-out}.attributes-wrapper .attributes-panel:not(.v-expansion-panel--active),.attributes-wrapper .hidden-attributes-panel:not(.v-expansion-panel--active){width:275px}.attributes-wrapper .attributes-panel.v-expansion-panel--active,.attributes-wrapper .hidden-attributes-panel.v-expansion-panel--active{width:500px}.scope-icon{margin:auto;width:36px}.area-marker-wrapper[data-v-3e8e4b86]{position:absolute;z-index:2}.area-marker[data-v-3e8e4b86]{background-color:#00000040;border:2px solid red;position:relative;z-index:-1}.area-marker-corner[data-v-3e8e4b86]{background-color:red;border:1px solid #fff;border-radius:50%;cursor:pointer;height:8px;position:absolute;width:8px}.area-header[data-v-3e8e4b86]{display:grid;grid-template-columns:auto 0;height:24px;justify-content:center;left:0;position:relative;transition:opacity .25s ease-in-out;width:auto}.area-header-backer[data-v-3e8e4b86]{background:radial-gradient(#fff 50%,transparent);color:transparent;filter:blur(5px);height:24px;position:absolute;transform:translateY(-2px);width:100%;z-index:0}.area-name[data-v-3e8e4b86]{background-color:transparent;filter:drop-shadow(-2px -1px 1px white);font-weight:700;height:20px;text-align:center;white-space:nowrap}.area-delete[data-v-3e8e4b86],.area-details-button[data-v-3e8e4b86]{font-size:20px;margin:2px;position:absolute}.area-details-button[data-v-3e8e4b86]{cursor:pointer;filter:drop-shadow(-2px -1px 1px white)}.area-details-wrapper[data-v-3e8e4b86],.area-info[data-v-3e8e4b86]{position:absolute}.area-info[data-v-3e8e4b86]{filter:none;left:calc(100% + 40px)}.close-area-details[data-v-3e8e4b86]{position:absolute;right:10px;top:10px}.area-attributes-wrapper[data-v-3e8e4b86]{width:auto}.area-attributes-wrapper .area-attributes-panel[data-v-3e8e4b86],.area-attributes-wrapper .hidden-attributes-panel[data-v-3e8e4b86]{transition:width .25s ease-in-out}.area-attributes-wrapper .area-attributes-panel[data-v-3e8e4b86]:not(.v-expansion-panel--active),.area-attributes-wrapper .hidden-attributes-panel[data-v-3e8e4b86]:not(.v-expansion-panel--active){width:275px}.area-attributes-wrapper .area-attributes-panel.v-expansion-panel--active[data-v-3e8e4b86],.area-attributes-wrapper .hidden-attributes-panel.v-expansion-panel--active[data-v-3e8e4b86]{width:500px}.scope-icon[data-v-3e8e4b86]{margin:auto;width:36px}.event-drawer-info[data-v-3e8e4b86]{display:grid;grid-template-columns:auto 20px;grid-gap:20px}.event-description[data-v-3e8e4b86]{max-width:400px}.event-link-button[data-v-3e8e4b86]{margin:auto}.event-button.cancel i{color:red;text-shadow:0 0 5px #fff}.header-block[data-v-2d76a3e7]{margin-bottom:10px}.attributes-wrapper[data-v-2d76a3e7]{height:100%;margin:0 auto;width:100%}.view-header[data-v-2d76a3e7]{background:transparent;border:none;color:#000;font-size:24px;font-weight:700;left:50%;min-width:100%;position:absolute;text-align:center;text-shadow:0 0 4px #fff;text-wrap:nowrap;top:-40px;transform:translate(-50%)}.view-outer[data-v-2d76a3e7]{display:block}.view-outer.interacted[data-v-2d76a3e7]{z-index:1000}.view-pii-warning[data-v-2d76a3e7]{position:absolute;right:5px;top:5px}.view-main-wrapper[data-v-2d76a3e7]{background-color:#d7d7d7;box-shadow:3px 3px 5px #00000080;height:auto;position:relative;transform-origin:0 0;width:var(--5999710b)}.view-main-wrapper .btn[data-v-2d76a3e7]{margin:auto}.view-main-wrapper .on-page-events-flyout[data-v-2d76a3e7]{font-size:32px;position:absolute;right:3px;top:62px;transform:translateY(-50%);transition:transform .25s ease-in-out;z-index:-1}.view-main-wrapper .on-page-events-flyout .on-page-events-flyout-inner[data-v-2d76a3e7]{padding:10px}.view-main-wrapper:hover .on-page-events-flyout[data-v-2d76a3e7]{transform:translate(100%,-50%)}.view-main-wrapper .floating-area-name[data-v-2d76a3e7]{opacity:0;transition:opacity .25s ease-in-out}.view-main-wrapper:hover .floating-area-name[data-v-2d76a3e7]{opacity:1}.on-page-events-details[data-v-2d76a3e7] .event-drawer-info{display:grid;grid-template-columns:auto 20px;grid-gap:20px}.on-page-events-details[data-v-2d76a3e7] .event-description{max-width:400px}.on-page-events-details[data-v-2d76a3e7] .event-link-button{margin:auto}.back-button[data-v-2d76a3e7]{bottom:-30px;display:grid;grid-auto-flow:column;grid-template-columns:24px 60px;left:10px;position:absolute;grid-gap:5px;cursor:pointer;z-index:1}.back-button .text[data-v-2d76a3e7]{font-size:20px;line-height:24px}.view-content-wrapper[data-v-2d76a3e7],.view-object-controls[data-v-2d76a3e7]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.awaiting-image[data-v-2d76a3e7],.view-content-wrapper[data-v-2d76a3e7]{position:relative}.awaiting-image[data-v-2d76a3e7]{box-sizing:border-box;height:var(--807492fc);padding:40px 30px 30px;width:var(--5999710b)}.view-object-controls[data-v-2d76a3e7]{background-color:#afafaf;display:grid;grid-template-areas:"grab edit visibility link delete";grid-template-columns:auto 30px 30px 30px 30px;height:38px;padding:4px;position:relative}.view-object-controls .delete-button[data-v-2d76a3e7],.view-object-controls .edit-button[data-v-2d76a3e7],.view-object-controls .event-visibility-button[data-v-2d76a3e7],.view-object-controls .link-button[data-v-2d76a3e7]{cursor:pointer;height:30px;text-align:right}.view-object-controls .event-visibility-button[data-v-2d76a3e7]{grid-area:visibility}.view-object-controls .link-button[data-v-2d76a3e7]{grid-area:link}.view-object-controls .edit-button[data-v-2d76a3e7]{grid-area:edit}.view-object-controls .delete-button[data-v-2d76a3e7]{grid-area:delete}.view-object-controls .grabber-handle[data-v-2d76a3e7]{cursor:move;font-size:18px;grid-area:grab}.pre-mode-select[data-v-2d76a3e7]{display:grid;grid-template-rows:150px auto;grid-gap:20px}.pre-mode-select .btn[data-v-2d76a3e7]{font-size:18px;padding:6px}.upload-mode[data-v-2d76a3e7]{display:grid;grid-gap:20px;position:relative}.upload-mode .preview-image[data-v-2d76a3e7]{background-color:#525252;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #a7a7a7;height:128px;width:100%}.upload-mode .preview-header[data-v-2d76a3e7]{font-size:20px}.upload-mode .btn[data-v-2d76a3e7]{font-size:18px;margin:auto;padding:6px}.upload-mode input[data-v-2d76a3e7]{direction:rtl;text-overflow:ellipsis}.capture-mode[data-v-2d76a3e7]{display:grid;grid-gap:20px}.capture-mode .btn[data-v-2d76a3e7]{font-size:18px;padding:6px}.capture-mode input[type=text][data-v-2d76a3e7]{font-size:16px}.defined-image[data-v-2d76a3e7]{background-position:top;background-repeat:no-repeat;background-size:contain;box-sizing:border-box;display:block;overflow:hidden;width:var(--5999710b)}.defined-image[data-v-2d76a3e7] img{user-drag:none;-webkit-user-drag:none}.view-image[data-v-2d76a3e7]{width:100%}.flow-anchor-wrapper[data-v-2d76a3e7]{height:100%;position:absolute;width:100%}.flow-anchor-wrapper .flow-anchor[data-v-2d76a3e7]{background:#ff0;border-radius:50%;box-shadow:0 0 5px 1px #000;cursor:pointer;height:20px;position:absolute;transform:translate(-10px,-10px);width:20px;z-index:2}.flow-anchor-wrapper .flow-anchor.selected[data-v-2d76a3e7]{background:#2a70ad}.flow-anchor-wrapper .flow-anchor[data-v-2d76a3e7]:hover{background:#3ea5ff}.capture-button[data-v-2d76a3e7]{margin:20px auto}.capture-error[data-v-2d76a3e7]{font-size:12px;margin-bottom:10px}.area-instruction-overlay[data-v-2d76a3e7]{align-items:center;background:#fffc;color:#000;display:flex;flex-direction:column;font-size:16px;height:100%;justify-content:center;left:0;padding:40px;pointer-events:none;position:absolute;text-shadow:0 0 5px #fff;top:0;width:100%;z-index:3}.area-instruction-overlay p[data-v-2d76a3e7]{font-weight:700;margin:auto;text-align:center}.area-names[data-v-2d76a3e7]{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.floating-area-name[data-v-2d76a3e7]{color:#000;font-weight:700;height:18px;left:0;line-height:18px;position:absolute;text-shadow:0 0 5px #fff;text-wrap:nowrap;top:0;transform:translate(-50%,calc(-100% - 6px));z-index:3}.floating-area-delete[data-v-2d76a3e7]{cursor:pointer;font-size:20px;position:absolute;right:0;top:0;transform:translate(100%,-2px)}.floating-text-backer[data-v-2d76a3e7]{background:radial-gradient(#fff 60%,transparent);color:transparent;filter:blur(5px);height:24px;position:absolute;transform:translateY(-6px);width:120%;z-index:-1}.live-screenshot-button[data-v-2d76a3e7]{pointer-events:auto}.info-text{background-color:#2b2b2b!important;color:#fff!important}