.comment-box[data-v-58fd82f4]{border:1px solid #ccc;padding:.5em;border-radius:.5em;margin:.5em 0;background-color:#fff;position:relative;-webkit-font-smoothing:antialiased}.comment-box .meta[data-v-58fd82f4]{display:flex;width:100%;align-items:center}.comment-box .avatar[data-v-58fd82f4]{font-size:.75em;font-weight:700;color:#fff;background-color:#ccc;text-align:center;padding:.5em;width:1em;height:1em;display:flex;justify-content:center;align-items:center;margin:0;border-radius:100%;margin-right:.5em}.comment-box .user[data-v-58fd82f4]{font-size:.8em;font-weight:700}.comment-box .date[data-v-58fd82f4]{font-size:.7em;color:#888}.comment-box .body[data-v-58fd82f4]{font-size:.8em;color:#333;margin-top:.5em;position:relative}.comment-box .body p[data-v-58fd82f4]{margin:0;white-space:pre-wrap}.icon-button[data-v-58fd82f4]{width:1em;height:1em;cursor:pointer;opacity:.5;display:flex;justify-content:center;align-items:center}.icon-button label[data-v-58fd82f4]{position:absolute;right:100%;font-size:.8em;margin-right:1em;display:none;color:#000;width:100px;text-align:right;color:#888}.icon-button svg[data-v-58fd82f4]{width:.75em;height:.75em}.delete-button[data-v-58fd82f4]{position:relative;opacity:1}.delete-button svg[data-v-58fd82f4]{width:2em;height:2em}.delete-button:hover svg[data-v-58fd82f4],.icon-button[data-v-58fd82f4]:hover{opacity:1}.icon-button:hover label[data-v-58fd82f4]{display:block}.edit-button[data-v-58fd82f4]{position:absolute;right:.5em;top:.5em}.comment-buttons[data-v-58fd82f4]{display:flex;justify-content:space-between;width:100%;margin:.5em 0}.button-group[data-v-58fd82f4]{display:flex;align-items:center;position:relative}.comment-input[data-v-58fd82f4]{resize:none;width:100%;border-radius:5px;padding:.6em .8em;box-sizing:border-box;border-color:#aaa}.button+.button[data-v-58fd82f4]{margin-left:.5em}.button-small[data-v-58fd82f4]{font-size:12px}.button-basic[data-v-58fd82f4]{border:none;background-color:transparent;color:#888}.button-basic[data-v-58fd82f4]:hover{border:none;background-color:#eee;color:#555}.button-destructive[data-v-58fd82f4]{background-color:red}.button[disabled][data-v-58fd82f4]{background-color:#eee;color:#555}.delete-options[data-v-58fd82f4]{display:flex;flex-direction:column;position:absolute;bottom:100%;margin-bottom:.5em;margin-left:.5em;border-radius:3px;left:0;padding:.5em;background-color:#fff;border:1px solid #aaa;box-shadow:0 2px 6px rgba(0,0,0,.2)}.options-button[data-v-58fd82f4]{position:relative;display:inline-block;width:1.5em;height:1.5em;margin-right:.5em}.options-button svg[data-v-58fd82f4]{width:1.5em;height:1.5em}.option-link[data-v-58fd82f4]{font-size:12px;margin:4px;display:flex;align-items:center;opacity:.8;cursor:pointer}.option-link svg[data-v-58fd82f4]{display:inline-block;width:1em;height:1em;margin-right:.5em;fill:currentColor}.option-link[data-v-58fd82f4]:hover{opacity:1;color:red}.option-link:hover span[data-v-58fd82f4]{text-decoration:underline}.option-link.resolve[data-v-58fd82f4]:hover{color:var(--color-green)}.delete[data-v-58fd82f4]{color:#ccc;cursor:pointer;opacity:1}.delete[data-v-58fd82f4]:hover{color:red}.delete svg[data-v-58fd82f4]{fill:currentColor}.resolve[data-v-58fd82f4]{color:#ccc;cursor:pointer;opacity:1}.resolve[data-v-58fd82f4]:hover{color:var(--color-green)}.resolve svg[data-v-58fd82f4]{fill:currentColor}.button-success[data-v-58fd82f4]{background-color:var(--color-green)}.options-selector[data-v-58fd82f4]{padding:.3em .5em;border:1px solid #aaa;border-radius:5px}.button.destructive[data-v-58fd82f4]{background-color:red}.comment-box[data-v-58fd82f4]:hover{border-color:#000}.comment-box.deleted[data-v-58fd82f4]{border-color:#eee}.comment-box.deleted[data-v-58fd82f4]:hover{opacity:1}.resolved-label[data-v-58fd82f4]{color:#fff;background:var(--color-primary);padding:0 5px}.container[data-v-6ea0e5a2]{background-color:#fbfcfd;font-size:16px;display:flex;flex-direction:column}.feedback-header[data-v-6ea0e5a2]{display:flex;width:100%;max-width:calc(100% - 2em);justify-content:space-between;align-items:center;padding:.5em 0;margin:0 1em;box-sizing:border-box;border-bottom:1px solid #eee}.user-label[data-v-6ea0e5a2]{font-size:.7em;opacity:.6}.comment-panel[data-v-6ea0e5a2]{padding:1em 1em .5em 1em;box-sizing:border-box}.comment-input[data-v-6ea0e5a2]{resize:none;width:100%;border-radius:5px;padding:.6em .8em;box-sizing:border-box;border-color:#aaa}.comment-buttons[data-v-6ea0e5a2]{display:flex;justify-content:right;width:100%;margin:.5em 0}.button[data-v-6ea0e5a2]{cursor:pointer}.button+.button[data-v-6ea0e5a2]{margin-left:.5em}.button-small[data-v-6ea0e5a2]{font-size:12px}.button-basic[data-v-6ea0e5a2]{border:none;background-color:transparent;color:#888}.button-basic[data-v-6ea0e5a2]:hover{border:none;background-color:#eee;color:#555}.feedback-items[data-v-6ea0e5a2]{padding:1em;box-sizing:border-box;border-top:1px solid #ccc;flex-grow:1;overflow-y:scroll}.page-title label[data-v-6ea0e5a2]{text-transform:uppercase;font-size:.6em;margin:0}.page-title p[data-v-6ea0e5a2]{margin:0;color:#555;font-size:.7em}.show-all-toggle[data-v-6ea0e5a2],.show-all-toggle[data-v-6ea0e5a2]:hover{text-decoration:underline;cursor:pointer}.show-all-toggle[data-v-6ea0e5a2]:hover{color:var(--color-primary)}.feedback-footer[data-v-6ea0e5a2]{padding:.5em 1em;box-sizing:border-box;border-top:1px solid #ccc;display:flex;position:relative;background-color:#ebeff2}.filters .icon[data-v-6ea0e5a2]{display:flex;align-items:center}.filters .icon svg[data-v-6ea0e5a2]{width:1em;height:1em}.feedback-footer .filters[data-v-6ea0e5a2]{display:flex;align-items:center}.feedback-footer .filter-item[data-v-6ea0e5a2]{font-size:.8em;margin-left:.5em;border:1px solid transparent;border-radius:4px;cursor:pointer}.feedback-footer .filter-item[data-v-6ea0e5a2]:hover{opacity:1}.feedback-footer .filter-item.active[data-v-6ea0e5a2]{opacity:1;color:#fff;background-color:var(--color-green)}.icon-button[data-v-6ea0e5a2]{width:1em;height:1em;cursor:pointer;opacity:.5;position:relative}.icon-button label[data-v-6ea0e5a2]{position:absolute;right:100%;font-size:.8em;margin-right:1em;display:none;color:#000;width:100px;text-align:right;color:#888}.icon-button svg[data-v-6ea0e5a2]{width:.75em;height:.75em}.icon-button[data-v-6ea0e5a2]:hover{opacity:1}.icon-button:hover label[data-v-6ea0e5a2]{display:block}.loading[data-v-6ea0e5a2]{font-size:.8em;color:#aaa;margin-top:1em}.total-count-label[data-v-6ea0e5a2]{font-size:.6em;padding:.5em 1em;font-weight:700;background:#eee;box-sizing:border-box;border-top:1px solid #ddd}.feedback-group[data-v-6ea0e5a2]{margin-bottom:1em}.group-date[data-v-6ea0e5a2]{color:#888;font-size:.8em;margin-left:.5em}.filter-editor[data-v-6ea0e5a2]{position:absolute;width:100%;left:0;bottom:100%;padding:1em;box-sizing:border-box;transition:bottom .3s;border-top:1px solid #ddd;border-bottom:1px solid #ccc;background-color:#f8f8f8}.filter-input[data-v-6ea0e5a2]{display:flex;align-items:center;font-size:12px}.filter-input+.filter-input[data-v-6ea0e5a2]{margin-top:.5em}.warning[data-v-6ea0e5a2]{color:#fff;background:red;opacity:1}.attention[data-v-6ea0e5a2]{color:#000;background:#ff0;opacity:1}.demo-menu[data-v-5ac2c095]{position:fixed;left:0;top:0;z-index:100;width:100%;height:100vh;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;font-size:1vw}.demo-menu .menu-panel[data-v-5ac2c095]{position:relative;width:50%;box-sizing:border-box;padding:5%;background-color:var(--color-green);color:#fff;border:10px solid #fff}.menu-panel h1[data-v-5ac2c095]{margin:0;border-bottom:2px solid #fff;padding-bottom:.5em;margin-bottom:1em}.button-code[data-v-5ac2c095]{border:1px solid #fff;padding:.25em .5em;margin:0 .25em;border-radius:.5em;font-family:monospace}.menu-buttons[data-v-5ac2c095]{display:flex;gap:1em;border-top:1px solid #fff;padding:1em 0}.menu-buttons .button[data-v-5ac2c095]{font-size:1em;border:1px solid #fff;padding:1em;background:transparent;color:#fff;border-radius:5px;cursor:pointer;outline:none;text-decoration:none}.menu-buttons .button.button-small[data-v-5ac2c095]{font-size:.9em;padding:.5em;border-radius:3px}.menu-buttons .button.button-small.toggle[data-v-5ac2c095]{border-radius:0}.menu-buttons .button.button-small.toggle-left[data-v-5ac2c095]{border-radius:.5em 0 0 .5em}.menu-buttons .button.button-small.toggle-right[data-v-5ac2c095]{border-radius:0 .5em .5em 0}.menu-buttons .button[data-v-5ac2c095]:hover{text-decoration:underline}.menu-buttons .button[data-active=true][data-v-5ac2c095]{background-color:#fff;color:var(--color-green)}.menu-buttons .button+.button[data-v-5ac2c095]{margin-left:1em}.menu-buttons .button.toggle+.button.toggle[data-v-5ac2c095]{margin-left:0}.button.toggle-left[data-v-5ac2c095]{border-radius:0 0 .5em .5em}.menu-panel small[data-v-5ac2c095]{font-size:.7em;font-weight:400}.menu-groups[data-v-5ac2c095]{padding-top:0;margin-top:2em}.menu-group-header[data-v-5ac2c095]{margin-top:1.5em;margin-bottom:.5em}.close-btn[data-v-5ac2c095]{color:#fff;background-color:transparent;border:none;font-size:2em;margin:.1em .3em;position:absolute;top:0;right:0}:root{--color-primary:#0068b3;--color-blue-lighter:#227cbd;--color-green:#00af85;--color-green-transparent:rgba(0,175,133,0.5)}body,html{margin:0}html{background:repeating-linear-gradient(45deg,#e8f0f6,#e8f0f6 10px,#f3f7fa 0,#f3f7fa 20px)}#app,html{width:100%;height:100%}#app{font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:0;left:0}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.bg-primary{background-color:var(--color-primary)}.text-primary{color:var(--color-primary)}.text-black{color:#222}.text-gray{color:#707070}.button{border:none;border-radius:.3em;background-color:var(--color-primary);color:#fff}.button,.button-outline{padding:.6em 1.5em;font-size:1em}.button-outline{border:1px solid #aaa;color:#888;border-radius:.3em;background-color:transparent}.button-outline:hover{border:none;border-radius:.3em;font-size:1em;background-color:var(--color-primary);color:#fff}.button[data-inactive]{background-color:#cacaca;color:#fff;outline:none}.link{cursor:pointer}.link:hover{text-decoration:underline}.hidden{display:none}#app .demo-container{box-shadow:10px 10px 30px rgba(0,0,0,.3)}#app[data-fullscreen=true] .demo-container{top:50%;left:50%;transform:translate(-50%,-50%);max-width:inherit;width:100%;height:100%;padding-bottom:0}#app[data-fullscreen=true] .demo-container .max-w-100{max-width:100%}.max-w-100{max-width:1580px}#app .demo-container,#app .screen-container{font-size:1vw;max-width:1580px;width:100%}#app .screen-container{position:relative}#app[data-feedback-mode=true] .demo-container,#app[data-feedback-mode=true] .screen-container{width:calc(100vw - 340px);font-size:calc(1vw - 3.4px);padding-bottom:calc(58.22785% - 197.97468px);max-width:1580px}#app[data-feedback-mode=true] .screen-container{position:relative}.feedback-editor{width:340px;position:fixed;right:0;height:100vh;z-index:1000}.app-container{display:flex;height:100%}.app-container,.route-container{width:100%;position:relative}@media(min-width:1580px){#app[data-feedback-mode=true] .demo-container{font-size:calc(1vw - 3.4px);padding-bottom:calc(58.22785% - 197.97468px);left:auto;transform:none}#app .demo-container{font-size:15.8px;padding-bottom:920px;left:50%;transform:translateX(-50%)}#app .screen-container{font-size:15.8px}#app[data-fullscreen=true] .demo-container{font-size:1vw;padding-bottom:0;left:50%;top:50%;transform:translate(-50%,-50%)}#app[data-fullscreen=true] .screen-container{font-size:1vw;padding-bottom:0}}@media(min-width:1920px){#app[data-feedback-mode=true] .demo-container{font-size:15.8px;padding-bottom:920px;left:calc(50% - 170px);transform:translateX(-50%)}}.app-link[data-show-dot=true]:after{content:"";display:none;position:absolute;background-color:var(--color-green);box-sizing:border-box;border-radius:100%;width:1em;height:1em;border:2px solid #fff;top:calc(50% - .5em);left:-.5em}.app-link[data-show-dot=true].dot-right-center:after{top:calc(50% - .5em);left:calc(100% - .5em)}.app-link[data-show-dot=true].dot-bottom-center:after{top:calc(100% - .5em);left:calc(50% - .5em)}.guided-mode .app-link[data-show-dot=true]:after,[data-guided=true] .account-panel-link[data-show-dot=true]:after,[data-guided=true] .screen-link[data-show-dot=true]:after,[data-show-links=true] .account-panel-link[data-show-dot=true]:after,[data-show-links=true] .app-link[data-show-dot=true]:after,[data-show-links=true] .screen-link[data-show-dot=true]:after{display:block}[data-guided=true] .select-box .select-item[data-show-dot=true]:after,[data-show-links=true] .select-box .select-item[data-show-dot=true]:after{content:"";position:absolute;background-color:var(--color-green);box-sizing:border-box;border-radius:100%;width:calc(1em - 4px);height:calc(1em - 4px);top:calc(50% - .25em);right:.5rem}[data-show-links=true] .screen-link{border:2px solid var(--color-green)}.flex-screens .screen,.flex-screens>div{position:relative;width:100%;height:100%}.flex-screens .screen{display:none}.flexlike-screens .screen,.flexlike-screens>div{position:relative;width:100%;height:100%}.flexlike-screens .screen,.pullout-screen,.tablet-screens .screen{display:none}.pullout-screen[data-active=true],.screen[data-active=true]{display:block}.screen[data-active=true].z-max{z-index:100}.pullout .links,.screen .links{position:absolute;top:0;left:0;width:100%;height:0;padding-top:58.22785%}.pullout .links{border:1px solid red;z-index:40}.tablet-screens .screen .links{position:absolute;top:0;left:0;width:100%;height:0;padding-top:109.11458%}.popover{position:absolute;width:100%;height:100%;top:0;right:0;display:none}.popover-with-bkg{background-color:rgba(0,0,0,.4)}.popover[data-active=true]{display:block}.basic-pullout{width:100%;position:absolute;top:6.52174%;height:93.47826%}.basic-pullout .bkg{position:absolute;width:100%;height:100%;right:0;background-color:#000;opacity:.4}.basic-pullout img{display:block}.primary-panel{position:absolute;width:calc(37.97468% + 15px);height:100%;right:0;display:flex;flex-direction:column}.basic-scroll{position:relative;overflow-y:scroll}.w-full{width:100%}img{margin:0}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .5s,transform .5s;transform:translateY(0)}.fade-slide-enter,.fade-slide-leave-to{opacity:0;transform:translateY(10em)}.demo-frame{position:relative;width:100%;max-width:1580px;font-size:1vw}[data-feedback-mode=true] .demo-frame{width:calc(100vw - 340px);font-size:calc(1vw - 3.4px);padding-bottom:calc(58.22785% - 197.97468px);max-width:1580px}.notice{background-color:#ff0;color:#000;padding:1em}@media(min-width:1580px){.demo-frame{font-size:15.8px;margin:0 auto}[data-feedback-mode=true] .demo-frame{margin:0}}@media(min-width:1920px){[data-feedback-mode=true] .demo-frame{font-size:15.8px;margin:0 auto;transform:translateX(-170px)}}.screen-link{position:absolute;box-sizing:border-box;cursor:pointer;opacity:1;transition:opacity .3s;border:2px solid transparent}.screen-link:hover{opacity:1}.screen-link-dots:after{content:"";display:block;position:absolute;background-color:var(--color-green);border-radius:100%;width:.8em;height:.8em;box-sizing:border-box}.screen-link[data-show-dot=true]:after{width:1em;height:1em;top:calc(50% - .5em);left:-.5em}.account-panel-link[data-show-dot=true]:after,.screen-link[data-show-dot=true]:after{content:"";display:none;position:absolute;background-color:var(--color-green);box-sizing:border-box;border-radius:100%;border:2px solid #fff}.account-panel-link[data-show-dot=true]:after{width:1rem;height:1rem;top:calc(50% - .25rem);left:-.5rem}.screen-link[data-show-dot=true].dot-top:after{top:-.5em}.screen-link[data-show-dot=true].dot-top-center:after{top:-.5em;left:calc(50% - .5em)}.screen-link[data-show-dot=true].dot-left-center:after{top:calc(50% - .5em);left:-.375em}.screen-link[data-show-dot=true].dot-right-center:after{top:calc(50% - .5em);left:calc(100% - .5em)}.screen-link[data-show-dot=true].dot-bottom-center:after{top:calc(100% - .5em);left:calc(50% - .5em)}.screen-link .slot-text{display:none}.screen-link.text-white .slot-text{color:#fff}.screen-link.text-black .slot-text,.screen-link.text-white .slot-text{font-size:2em;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;display:block}.screen-link.text-black .slot-text{color:#000}@-webkit-keyframes blink-data-v-43494143{0%{transform:scale(1)}50%{transform:scale(.75)}to{transform:scale(1)}}@keyframes blink-data-v-43494143{0%{transform:scale(1)}50%{transform:scale(.75)}to{transform:scale(1)}}.info-box[data-v-43494143]{font-size:1em;position:absolute}.info-box p[data-v-43494143]{margin:0;font-size:1.1em;line-height:1.5em}.info>p+p[data-v-43494143]{margin-top:1em}.indicator[data-v-43494143]{border-radius:2em;background-color:var(--color-green);top:-.75em;left:-.75em;display:flex;justify-content:center;align-items:center;color:#fff;border:4px solid var(--color-green);box-sizing:border-box;box-shadow:0 0 0 5px rgba(87,194,178,.3);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.indicator[data-v-43494143],.indicator svg[data-v-43494143]{width:1em;height:1em;position:absolute}.indicator.hoverable[data-v-43494143]{width:2em;height:2em;top:-.75em;right:-.75em}.info[data-v-43494143]{position:absolute;transition:opacity .3s;padding:3em;background-color:#f0f0f0;border:1px solid #dedede;color:#080808;box-sizing:border-box;display:block;opacity:1}.company-select[data-v-f6321914]{background-color:#fff;position:absolute;top:calc(100% + .5em);box-shadow:0 0 10px rgba(0,0,0,.2)}.company-select img[data-v-f6321914]{width:20.25316em}.company-tab[data-v-778bf334]{position:absolute;background-color:#fff}.tab-image[data-v-778bf334]{position:absolute;top:0;left:0;width:100%;height:100%}