.tiptap-editor{display:flex;flex-direction:column;flex:1;overflow:hidden}.tiptap-editor .tiptap-toolbar{display:flex;padding:5px 0 5px 3px}.tiptap-editor .tiptap-toolbar__choices{border:1px solid #9E9E9E;background-color:white}.tiptap-editor .tiptap-toolbar__choices .option{border-top:1px solid #9E9E9E;cursor:pointer}.tiptap-editor .tiptap-toolbar__choices .option:first-child{border-top:none}.tiptap-editor .tiptap-toolbar__choices .option:hover{background-color:#eee}.tiptap-editor .tiptap-toolbar__button{outline:1px solid #9E9E9E;height:36px;cursor:pointer;display:flex;flex-direction:row;align-items:center;margin-right:5px;background-color:white}.tiptap-editor .tiptap-toolbar__button:hover:not(.is-disabled){filter:brightness(0.9)}.tiptap-editor .tiptap-toolbar__button.is-active{filter:brightness(0.7)}.tiptap-editor .tiptap-toolbar__button.is-disabled{opacity:0.6;cursor:default}.tiptap-editor .tiptap-toolbar__button .label{padding:0 10px 0 10px;color:#9C27B0}.tiptap-editor .tiptap-toolbar__button .icon{background-image:url("https://static.purplemash.com/client/apps/writeTiptap/src/assets/tiptap-toolbar.png");width:36px;height:36px}.tiptap-editor .tiptap-toolbar__button .icon.text-color{background-position-x:0}.tiptap-editor .tiptap-toolbar__button .icon.background-color{background-position-x:-36px}.tiptap-editor .tiptap-toolbar__button .icon.bold{background-position-x:-72px}.tiptap-editor .tiptap-toolbar__button .icon.center{background-position-x:-108px}.tiptap-editor .tiptap-toolbar__button .icon.italic{background-position-x:-216px}.tiptap-editor .tiptap-toolbar__button .icon.justify{background-position-x:-252px}.tiptap-editor .tiptap-toolbar__button .icon.left{background-position-x:-288px}.tiptap-editor .tiptap-toolbar__button .icon.ol{background-position-x:-324px}.tiptap-editor .tiptap-toolbar__button .icon.right{background-position-x:-432px}.tiptap-editor .tiptap-toolbar__button .icon.strikethrough{background-position-x:-504px}.tiptap-editor .tiptap-toolbar__button .icon.ul{background-position-x:-612px}.tiptap-editor .tiptap-toolbar__button .icon.underline{background-position-x:-648px}.tiptap-editor .tiptap-toolbar__button .icon.chooser{background-position-x:-720px}.tiptap-editor .tiptap-toolbar__button .icon.image{background-position-x:-756px}.tiptap-editor .tiptap-toolbar__button .icon.sound{background-position-x:-1008px}.tiptap-editor .tiptap-toolbar__button .icon.shrinkText{background-position-x:-1044px}.tiptap-editor .tiptap-toolbar__button .icon.addColumnBefore{background-position-x:-1116px}.tiptap-editor .tiptap-toolbar__button .icon.addColumnAfter{background-position-x:-1152px}.tiptap-editor .tiptap-toolbar__button .icon.deleteColumn{background-position-x:-1188px}.tiptap-editor .tiptap-toolbar__button .icon.addRowBefore{background-position-x:-1224px}.tiptap-editor .tiptap-toolbar__button .icon.addRowAfter{background-position-x:-1260px}.tiptap-editor .tiptap-toolbar__button .icon.deleteRow{background-position-x:-1296px}.tiptap-editor .tiptap-toolbar__button .icon.text-color{background-position-x:-36px}.tiptap-editor .tiptap-toolbar__button .icon.background-color{background-position-x:0px}.tiptap-editor .tiptap-content{overflow-y:auto;border:2px solid #BDBDBD;background:white;color:black;background-clip:padding-box;border-radius:4px;padding:5px 0;flex:1;display:flex}.tiptap-editor .tiptap-content .print .ProseMirror{line-height:1.2}.tiptap-editor .tiptap-content .ProseMirror{flex:1;position:relative;word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;font-variant-ligatures:normal !important;font-feature-settings:"kern" 0, "liga" 0;font-kerning:none;font-stretch:normal;font-synthesis:none;padding:4px 8px 4px 14px;line-height:2;outline:none;font-size:12pt}.tiptap-editor .tiptap-content .ProseMirror pre{white-space:pre-wrap}.tiptap-editor .tiptap-content .ProseMirror li{position:relative}.tiptap-editor .tiptap-content .ProseMirror ul{padding-left:30px}.tiptap-editor .tiptap-content .ProseMirror ol{padding-left:30px}.tiptap-editor .tiptap-content .ProseMirror blockquote{padding-left:1em;border-left:3px solid #eee;margin-left:0;margin-right:0}.tiptap-editor .tiptap-content .ProseMirror p{margin-bottom:0;margin-top:0}.tiptap-editor .tiptap-content .ProseMirror p:first-child{margin-top:10px}.tiptap-editor .tiptap-content .ProseMirror h1:first-child,.tiptap-editor .tiptap-content .ProseMirror h2:first-child,.tiptap-editor .tiptap-content .ProseMirror h3:first-child,.tiptap-editor .tiptap-content .ProseMirror h4:first-child,.tiptap-editor .tiptap-content .ProseMirror h5:first-child,.tiptap-editor .tiptap-content .ProseMirror h6:first-child{margin-top:10px}.tiptap-editor .tiptap-content .ProseMirror .collaboration-cursor__caret{position:relative;margin-left:-1px;margin-right:-1px;border-left:1px solid #0D0D0D;border-right:1px solid #0D0D0D;word-break:normal;pointer-events:none}.tiptap-editor .tiptap-content .ProseMirror .collaboration-cursor__label{position:absolute;top:-1.4em;left:-1px;font-size:12px;font-style:normal;font-weight:600;line-height:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#0d0d0d;padding:.1rem .3rem;border-radius:3px 3px 3px 0;white-space:nowrap;z-index:1}.tiptap-editor .tiptap-content .playable-sound{display:inline-block;position:relative;cursor:grab;border:1px solid #616161;width:120px;height:120px;background-size:120px 120px}.tiptap-editor .tiptap-content .playable-sound:after{content:'';position:absolute;display:inline-block;top:50%;left:50%;margin-left:-15px;margin-top:-15px;width:30px;height:30px;background-size:30px 30px;background-image:url("https://static.purplemash.com/images/soundImporter/play.svg");background-color:white;border-radius:50%}.tiptap-editor .tiptap-content .resizable-image{display:inline-block;position:relative;cursor:grab}.tiptap-editor .tiptap-content .resizable-image.selected:not(.dragging):after{content:'';position:absolute;right:-10px;bottom:-10px;cursor:nwse-resize;display:inline-block;width:20px;height:20px;background:#2196F3;border:2px solid white;border-radius:50%;z-index:3}.tiptap-editor .tiptap-content .resizable-image.selected{outline:2px solid #2196F3;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tiptap-editor .tiptap-content .resizable-image.dragging{outline:2px solid gray;cursor:grabbing}body{--background-colour: white;--control-colour1: #8E24AA;--control-colour2: #7B1FA2;--text-colour: black;--splitter-width: 1px;--chooser-background: white;--text-inverted-colour: white;--tr-odd-row-bg: #E0E0E0}body.dd-theme{--background-colour: radial-gradient(47.95% 52.34% at 50% 50%, #012d25 0%, #212121 100%);--control-colour1: #B2DFDB;--control-colour2: #80CBC4;--text-colour: white;--splitter-width: 5px;--chooser-background: #012d25;--text-inverted-colour: black;--tr-odd-row-bg: #ffffff30}body.dd-theme .dd-invert-img{filter:invert(1)}:root{--vs-colors--lightest:rgba(60,60,60,0.26);--vs-colors--light:rgba(60,60,60,0.5);--vs-colors--dark:#333;--vs-colors--darkest:rgba(0,0,0,0.15);--vs-search-input-color:inherit;--vs-search-input-bg:#fff;--vs-search-input-placeholder-color:inherit;--vs-font-size:1rem;--vs-line-height:1.4;--vs-state-disabled-bg:#f8f8f8;--vs-state-disabled-color:var(--vs-colors--light);--vs-state-disabled-controls-color:var(--vs-colors--light);--vs-state-disabled-cursor:not-allowed;--vs-border-color:var(--vs-colors--lightest);--vs-border-width:1px;--vs-border-style:solid;--vs-border-radius:4px;--vs-actions-padding:4px 6px 0 3px;--vs-controls-color:var(--vs-colors--light);--vs-controls-size:1;--vs-controls--deselect-text-shadow:0 1px 0 #fff;--vs-selected-bg:#f0f0f0;--vs-selected-color:var(--vs-colors--dark);--vs-selected-border-color:var(--vs-border-color);--vs-selected-border-style:var(--vs-border-style);--vs-selected-border-width:var(--vs-border-width);--vs-dropdown-bg:#fff;--vs-dropdown-color:inherit;--vs-dropdown-z-index:1000;--vs-dropdown-min-width:160px;--vs-dropdown-max-height:350px;--vs-dropdown-box-shadow:0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg:#000;--vs-dropdown-option-color:var(--vs-dropdown-color);--vs-dropdown-option-padding:3px 20px;--vs-dropdown-option--active-bg:#5897fb;--vs-dropdown-option--active-color:#fff;--vs-dropdown-option--deselect-bg:#fb5858;--vs-dropdown-option--deselect-color:#fff;--vs-transition-timing-function:cubic-bezier(1,-0.115,0.975,0.855);--vs-transition-duration:150ms}.v-select{font-family:inherit;position:relative}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function:cubic-bezier(1,0.5,0.8,1);--vs-transition-duration:0.15s}@keyframes vSelectSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg:var(--vs-state-disabled-bg);--vs-disabled-color:var(--vs-state-disabled-color);--vs-disabled-cursor:var(--vs-state-disabled-cursor)}.vs--disabled .vs__clear,.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__open-indicator,.vs--disabled .vs__search,.vs--disabled .vs__selected{background-color:var(--vs-disabled-bg);cursor:var(--vs-disabled-cursor)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--vs-search-input-bg);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);display:flex;padding:0 0 4px;white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{align-items:center;display:flex;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);background-color:transparent;border:0;cursor:pointer;margin-right:8px;padding:0}.vs__dropdown-menu{background:var(--vs-dropdown-bg);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);border-top-style:none;box-shadow:var(--vs-dropdown-box-shadow);box-sizing:border-box;color:var(--vs-dropdown-color);display:block;left:0;list-style:none;margin:0;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;padding:5px 0;position:absolute;text-align:left;top:calc(100% - var(--vs-border-width));width:100%;z-index:var(--vs-dropdown-z-index)}.vs__no-options{text-align:center}.vs__dropdown-option{clear:both;color:var(--vs-dropdown-option-color);cursor:pointer;display:block;line-height:1.42857143;padding:var(--vs-dropdown-option-padding);white-space:nowrap}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);display:flex;line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{fill:var(--vs-controls-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-flex;margin-left:4px;padding:0;text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--loading .vs__selected,.vs--single.vs--open .vs__selected{opacity:.4;position:absolute}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-ms-clear,.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration{display:none}.vs__search,.vs__search:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid transparent;border-left:none;box-shadow:none;color:var(--vs-search-input-color);flex-grow:1;font-size:var(--vs-font-size);line-height:var(--vs-line-height);margin:4px 0 0;max-width:100%;outline:none;padding:0 7px;width:0;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;animation:vSelectSpinner 1.1s linear infinite;border:0.9em solid rgba(99,99,99,0.1);border-left-color:rgba(60,60,60,0.45);font-size:5px;opacity:0;overflow:hidden;text-indent:-9999em;transform:translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;height:5em;transform:scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));width:5em}.vs--loading .vs__spinner{opacity:1}.mx-icon-left:before,.mx-icon-right:before,.mx-icon-double-left:before,.mx-icon-double-right:before,.mx-icon-double-left:after,.mx-icon-double-right:after{content:"";position:relative;top:-1px;display:inline-block;width:10px;height:10px;vertical-align:middle;border-style:solid;border-color:currentColor;border-width:2px 0 0 2px;border-radius:1px;box-sizing:border-box;transform-origin:center;transform:rotate(-45deg) scale(0.7)}.mx-icon-double-left:after{left:-4px}.mx-icon-double-right:before{left:4px}.mx-icon-right:before,.mx-icon-double-right:before,.mx-icon-double-right:after{transform:rotate(135deg) scale(0.7)}.mx-btn{box-sizing:border-box;line-height:1;font-size:14px;font-weight:500;padding:7px 15px;margin:0;cursor:pointer;background-color:transparent;outline:none;border:1px solid rgba(0,0,0,0.1);border-radius:4px;color:#73879c;white-space:nowrap}.mx-btn:hover{border-color:#1284e7;color:#1284e7}.mx-btn:disabled,.mx-btn.disabled{color:#ccc;cursor:not-allowed}.mx-btn-text{border:0;padding:0 4px;text-align:left;line-height:inherit}.mx-scrollbar{height:100%}.mx-scrollbar:hover .mx-scrollbar-track{opacity:1}.mx-scrollbar-wrap{height:100%;overflow-x:hidden;overflow-y:auto}.mx-scrollbar-track{position:absolute;top:2px;right:2px;bottom:2px;width:6px;z-index:1;border-radius:4px;opacity:0;transition:opacity .24s ease-out}.mx-scrollbar-track .mx-scrollbar-thumb{position:absolute;width:100%;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,0.3);transition:background-color .3s}.mx-zoom-in-down-enter-active,.mx-zoom-in-down-leave-active{opacity:1;transform:scaleY(1);transition:transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);transform-origin:center top}.mx-zoom-in-down-enter,.mx-zoom-in-down-enter-from,.mx-zoom-in-down-leave-to{opacity:0;transform:scaleY(0)}.mx-datepicker{position:relative;display:inline-block;width:210px}.mx-datepicker svg{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden}.mx-datepicker-range{width:320px}.mx-datepicker-inline{width:auto}.mx-input-wrapper{position:relative}.mx-input{display:inline-block;box-sizing:border-box;width:100%;height:34px;padding:6px 30px;padding-left:10px;font-size:14px;line-height:1.4;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.mx-input:hover,.mx-input:focus{border-color:#409aff}.mx-input:disabled,.mx-input.disabled{color:#ccc;background-color:#f3f3f3;border-color:#ccc;cursor:not-allowed}.mx-input:focus{outline:none}.mx-input::-ms-clear{display:none}.mx-icon-calendar,.mx-icon-clear{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:16px;line-height:1;color:rgba(0,0,0,0.5);vertical-align:middle}.mx-icon-clear{cursor:pointer}.mx-icon-clear:hover{color:rgba(0,0,0,0.8)}.mx-datepicker-main{font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei",sans-serif;color:#73879c;background-color:#fff;border:1px solid #e8e8e8}.mx-datepicker-popup{position:absolute;margin-top:1px;margin-bottom:1px;box-shadow:0 6px 12px rgba(0,0,0,0.175);z-index:2001}.mx-datepicker-sidebar{float:left;box-sizing:border-box;width:100px;padding:6px;overflow:auto}.mx-datepicker-sidebar+.mx-datepicker-content{margin-left:100px;border-left:1px solid #e8e8e8}.mx-datepicker-body{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mx-btn-shortcut{display:block;padding:0 6px;line-height:24px}.mx-range-wrapper{display:flex}@media (max-width: 750px){.mx-range-wrapper{flex-direction:column}}.mx-datepicker-header{padding:6px 8px;border-bottom:1px solid #e8e8e8}.mx-datepicker-footer{padding:6px 8px;text-align:right;border-top:1px solid #e8e8e8}.mx-calendar{box-sizing:border-box;width:248px;padding:6px 12px}.mx-calendar+.mx-calendar{border-left:1px solid #e8e8e8}.mx-calendar-header,.mx-time-header{box-sizing:border-box;height:34px;line-height:34px;text-align:center;overflow:hidden}.mx-btn-icon-left,.mx-btn-icon-double-left{float:left}.mx-btn-icon-right,.mx-btn-icon-double-right{float:right}.mx-calendar-header-label{font-size:14px}.mx-calendar-decade-separator{margin:0 2px}.mx-calendar-decade-separator:after{content:"~"}.mx-calendar-content{position:relative;height:224px;box-sizing:border-box}.mx-calendar-content .cell{cursor:pointer}.mx-calendar-content .cell:hover{color:#73879c;background-color:#f3f9fe}.mx-calendar-content .cell.active{color:#fff;background-color:#1284e7}.mx-calendar-content .cell.in-range,.mx-calendar-content .cell.hover-in-range{color:#73879c;background-color:#dbedfb}.mx-calendar-content .cell.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-calendar-week-mode .mx-date-row{cursor:pointer}.mx-calendar-week-mode .mx-date-row:hover{background-color:#f3f9fe}.mx-calendar-week-mode .mx-date-row.mx-active-week{background-color:#dbedfb}.mx-calendar-week-mode .mx-date-row .cell:hover{color:inherit;background-color:transparent}.mx-calendar-week-mode .mx-date-row .cell.active{color:inherit;background-color:transparent}.mx-week-number{opacity:.5}.mx-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;height:100%;box-sizing:border-box;text-align:center}.mx-table th{padding:0;font-weight:500;vertical-align:middle}.mx-table td{padding:0;vertical-align:middle}.mx-table-date td,.mx-table-date th{height:32px;font-size:12px}.mx-table-date .today{color:#2a90e9}.mx-table-date .cell.not-current-month{color:#ccc;background:none}.mx-time{flex:1;width:224px;background:#fff}.mx-time+.mx-time{border-left:1px solid #e8e8e8}.mx-calendar-time{position:absolute;top:0;left:0;width:100%;height:100%}.mx-time-header{border-bottom:1px solid #e8e8e8}.mx-time-content{height:224px;box-sizing:border-box;overflow:hidden}.mx-time-columns{display:flex;width:100%;height:100%;overflow:hidden}.mx-time-column{flex:1;position:relative;border-left:1px solid #e8e8e8;text-align:center}.mx-time-column:first-child{border-left:0}.mx-time-column .mx-time-list{margin:0;padding:0;list-style:none}.mx-time-column .mx-time-list::after{content:"";display:block;height:192px}.mx-time-column .mx-time-item{cursor:pointer;font-size:12px;height:32px;line-height:32px}.mx-time-column .mx-time-item:hover{color:#73879c;background-color:#f3f9fe}.mx-time-column .mx-time-item.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-column .mx-time-item.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-time-option{cursor:pointer;padding:8px 10px;font-size:14px;line-height:20px}.mx-time-option:hover{color:#73879c;background-color:#f3f9fe}.mx-time-option.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-option.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.v-select{margin:4px 0 4px 0;color:#000}.v-select .vs__dropdown-toggle{background:transparent;color:#000;border:1px #212121 solid}.v-select .vs__search{font-family:Verdana, Arial, sans-serif;color:#000}.v-select .vs__selected{color:black}.v-select button{border:none !important;background:none !important}.v-select.vs--single .vs__selected{color:#000}.option-menu{display:flex;flex-direction:row;padding:5px;border-radius:10px;background-color:#9E9E9E;margin-top:3px;margin-bottom:3px}.option-menu .option-menu-item{padding:4px;padding-left:8px;padding-right:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:normal;cursor:pointer;border:none !important;color:white;min-width:120px}.option-menu .option-menu-item.selected{background-color:white;color:#6A1B9A}.option-menu .option-menu-item:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.option-menu .option-menu-item:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.breathing{animation:breathing 2s infinite}@keyframes breathing{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}body{background:var(--background-colour);color:#000;font-family:"Nunito"}@keyframes blink{0%{box-shadow:0px 0px 10px 3px #ffffffc9}50%{box-shadow:none}100%{box-shadow:0px 0px 10px 3px #ffffffc9}}body .play-mode .dd-button--activity-start,body .play-mode .dd-button--assess-task{animation:blink 3.0s linear infinite}body .main{font-size:16px;height:100%;display:flex;flex-direction:column}body .main .custom-select-box{display:inline-block;min-width:90px}body .main input::-webkit-outer-spin-button,body .main input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}body .main input[type="number"]{-moz-appearance:textfield}body .main .pm-button{white-space:nowrap}body .main .stage-description p{margin-top:0.5em;margin-bottom:0.5em;line-height:1.4}body .main .mx-datepicker{min-width:120px}body .main .mx-datepicker input{height:23px}body .main .pm-toolbar{margin-bottom:10px}body .main .pm-toolbar .dd-button--toolbar-action{background:#1565C0}body .main .pm-toolbar .left button{float:left}body .main .pm-toolbar .center{left:50% !important}body .main .pm-toolbar .right button{margin-right:5px}body .main .pm-toolbar .right button svg{height:27px}body .main .main-area{flex-direction:column;height:100%;display:flex;flex-grow:1;color:var(--text-colour);padding:0;box-sizing:border-box}body .main .main-area--toolbar{padding-top:58px}body .main .main-area .pm-scroll{overflow-x:hidden;overflow-y:auto}body .main .main-area .table-selector-buttons{flex:1;justify-content:flex-end;flex-direction:row;display:flex;align-items:center;margin-top:10px}body .main .main-area .table-selector-buttons button{margin:5px 5px 5px 0}body .main .main-area .activity-intro-area{padding:0 40px}body .main .main-area .activity-play-area{margin-top:5px;padding:0 40px}body .main .main-area .activity-play-area .pm-tabs{margin:0 10px}body .main .main-area .task-summary{background:#b5c8e8;padding:8px;padding-bottom:6px;padding-top:4px;font-size:18px;border-bottom:1px solid black;cursor:pointer;margin-bottom:4px}body .main .main-area .dashboard{flex:1;display:flex;flex-direction:column;padding:5px}body .main .main-area .query-mode-selector{justify-content:flex-end;margin-bottom:2px;display:flex;border:1px solid transparent;margin-left:10px}body .main .main-area .query-mode-selector .query-mode-option label{background-color:transparent;border:1px solid var(--control-colour1);color:var(--control-colour1)}body .main .main-area .query-mode-selector .query-mode-option label .pm-icon{color:var(--control-colour1)}body .main .main-area .query-mode-selector .query-mode-option .pm-toggle input:checked+label{background-color:var(--control-colour1);color:var(--text-inverted-colour)}body .main .main-area .query-mode-selector .query-mode-option .pm-toggle input:checked+label .pm-icon{color:var(--text-inverted-colour)}.query-pane{margin-right:-5px;margin-bottom:-10px}.query-pane .pane-row{flex-wrap:wrap;display:flex}.query-pane .pane-row .pane{background:transparent;flex-direction:column;box-shadow:none;margin:0 5px 10px 0;display:flex;flex:1 0 30%}.query-pane .pane-row .pane .title{display:flex;align-items:flex-start;justify-content:space-between;font-size:16px;font-weight:bold;padding-bottom:3px;padding-left:1px}.query-pane .pane-row .pane .title .title-container{display:flex;flex:1;align-items:center}.query-pane .pane-row .pane .title .title-container .title-content{font-size:18px;display:flex;align-items:center;justify-content:space-between;flex:1;margin-right:5px}.query-pane .pane-row .pane .title.collapsible .collapse-toggle-icon{background-image:url("https://static.purplemash.com/client/apps/dataDetective/src/assets/arrow.svg");width:16px;height:16px;cursor:pointer;margin-right:5px}.query-pane .pane-row .pane .content{display:flex;min-width:200px;transition-property:all;transition-duration:100ms;transition-timing-function:ease-in-out}.query-pane .pane-row .pane.full-width .content{width:auto !important}.query-pane .pane-row .pane.collapsed{flex:0}.query-pane .pane-row .pane.collapsed .content{width:0 !important;min-width:0 !important;overflow:hidden}.query-pane .pane-row .pane.collapsed .title{white-space:nowrap;position:relative;width:22px;border:none}.query-pane .pane-row .pane.collapsed .title .title-container{position:absolute;transform:rotate(90deg);transform-origin:bottom left;top:-12px}.query-pane .pane-row .pane.collapsed .title .title-container .title-content{margin-right:12px}.query-pane .pane-row .pane.collapsed .title .title-container button,.query-pane .pane-row .pane.collapsed .title .title-container .option-menu{display:none}.query-pane.both .sql-query-builder{margin-top:20px}.query-pane .multi-maker .row,.query-pane .sort-row,.query-pane .query-clause{display:flex;align-items:center;flex-wrap:wrap}.query-pane .multi-maker .row .text-input,.query-pane .sort-row .text-input,.query-pane .query-clause .text-input{width:150px}.query-pane .sql-query-builder{flex-direction:column;align-items:stretch;display:flex}.query-pane .sql-query-builder .content{display:block !important}.query-pane .sql-query-builder .CodeMirror{border-radius:5px;max-height:200px;height:auto;flex:1}.query-pane .sql-query-builder .sql-entry{flex-direction:column;margin-right:20px;max-width:1000px;display:flex;width:100%}.query-pane .sql-query-builder .sql-entry .cm-keyword{color:#00695C}.query-pane .sql-query-builder .sql-actions{flex-direction:row;display:flex}.query-pane .sql-query-builder .sql-actions .pm-button{background-color:var(--control-colour1);--button-text-color: black}.query-pane .sql-query-builder .sql-error{font-weight:bold;margin-top:10px;color:red}.query-pane .CodeMirror{border:2px solid #BDBDBD}.query-pane .query-stage{border:var(--control-colour1) 1px solid;padding:20px;flex-basis:45% !important}@media only screen and (max-width: 1380px){.query-pane .query-stage{flex-basis:50% !important}}.query-pane .query-stage .query-stage-inner{margin-bottom:-9px;position:relative;top:-5px}.query-pane .query-stage input{color:black !important;height:30px !important;border-radius:5px}.query-pane .query-stage.joins{flex-basis:50% !important}.query-pane .query-stage.joins .join-clause{align-items:center;flex-wrap:wrap;display:flex}.query-pane .query-stage.joins .join-clause>*{margin:5px}.query-pane .query-clause .query-clause-value{padding:2px}.query-pane .query-clause .sub-query-clause{display:contents}.query-pane .query-clause .break{flex-basis:100%}.query-pane .query-clause .chooser.bracket .input{border-color:#009688 !important;background:#009688;color:black}.query-pane .query-clause .chooser.operator .input{border-color:var(--control-colour2) !important;background:var(--control-colour2);color:var(--text-inverted-colour)}.data-importer-dialog .table-container .column-validation-error{color:red}.data-importer-dialog button.data-import-finish{margin-top:20px}.data-detective-dialog.ui-dialog{border:none !important;padding:0}.data-detective-dialog.ui-dialog .custom-select-box{display:inline-block;min-width:90px}.data-detective-dialog.ui-dialog input::-webkit-outer-spin-button,.data-detective-dialog.ui-dialog input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.data-detective-dialog.ui-dialog input[type="number"]{-moz-appearance:textfield}.data-detective-dialog.ui-dialog .pm-button{white-space:nowrap}.data-detective-dialog.ui-dialog .stage-description p{margin-top:0.5em;margin-bottom:0.5em;line-height:1.4}.data-detective-dialog.ui-dialog .mx-datepicker{min-width:120px}.data-detective-dialog.ui-dialog .mx-datepicker input{height:23px}.data-detective-dialog.ui-dialog.hide-title .ui-dialog-titlebar{display:none}.data-detective-dialog.ui-dialog .ui-dialog-content{max-height:600px !important}.data-detective-dialog.pm-dialog{--pm-dialog-header-color: black;text-align:center;overflow:visible}.assess-dialog-backdrop{justify-content:center;pointer-events:none;align-items:center;position:fixed;display:flex;z-index:2;inset:0}.pm-dialog.activity-stage-assess-modal{pointer-events:auto;max-width:600px}.pm-dialog.activity-stage-assess-modal .pm-modal_content{text-align:center;color:black}.pm-dialog.activity-stage-assess-modal .data-detective-row-select{border:1px solid var(--control-colour1);border-radius:15px}.pm-dialog.activity-stage-assess-modal .data-detective-row-select input{background:black !important;border:none !important}.pm-dialog.activity-stage-assess-modal .data-detective-row-select .vs__dropdown-toggle{border:none}.pm-dialog.activity-stage-assess-modal .data-detective-row-select .vs__actions svg{fill:var(--control-colour1)}.pm-dialog.activity-stage-assess-modal .data-detective-row-select .vs__clear{padding:6px 10px !important}.pm-dialog.activity-stage-assess-modal .data-detective-row-select .vs__selected{background-color:#00897B;color:white !important;border-radius:10px;min-height:30px}.pm-dialog.activity-stage-assess-modal .data-detective-row-select .vs__search{background:white !important;border-radius:10px;margin:4px 2px 0;min-width:150px;color:black}.pm-dialog.activity-stage-assess-modal .data-detective-row-select.vs--single.selected input.vs__search{display:none}.pm-dialog.activity-stage-assess-modal .quiz-questions{scrollbar-color:teal transparent;max-height:350px;overflow-y:auto}.pm-dialog.activity-stage-assess-modal .quiz-questions::-webkit-scrollbar-thumb{background-color:#009688}.pm-dialog.activity-stage-assess-modal .dd-button--assess,.pm-dialog.activity-stage-assess-modal .dd-button--next-stage{--pm-button-palette-primary: transparent;margin-top:16px}.pm-dialog.activity-stage-assess-modal .pm-button:focus{background-color:transparent}.pm-dialog.activity-stage-assess-modal .activity-complete-screen{display:flex}.pm-dialog.activity-stage-assess-modal .activity-complete-screen .right{align-self:center;margin-left:25px;text-align:left}.pm-dialog.activity-stage-assess-modal .activity-complete-screen span.activity-complete-text{color:var(--control-colour1);font-size:40px}.fireworksCanvas{pointer-events:none;position:absolute;height:100vh;width:100vw}.data-detective-select-dropdown{border:1px solid var(--control-colour1);background:black}.data-detective-select-dropdown .vs__dropdown-option{color:white}.data-detective-select-dropdown .vs__dropdown-option--highlight{background:var(--control-colour1);color:black}.activity-editor{z-index:90}.activity-editor .pm-modal_content{width:90%;max-width:none}.activity-editor .list-multi-maker{max-height:500px;overflow-y:auto;border:none}.activity-editor .list-multi-maker .list{border:1px solid black;border-radius:10px;overflow:hidden}.activity-editor .list-multi-maker .list .list-buttons{display:flex;flex-wrap:wrap}.activity-editor .list-multi-maker .list .list-buttons .pm-button{flex:1 0 25%;margin:5px}.activity-editor .list-multi-maker .pane{display:flex;flex-direction:column;padding-left:12px;border:none}.activity-editor .list-multi-maker .pane .pm-tabs{margin-bottom:10px;margin-right:5px}.activity-editor .list-multi-maker .pane .stage-tabs{border-bottom:1px solid white}.activity-editor .list-multi-maker .pane .stage-tabs .option-menu{position:relative;top:1px}.activity-editor .list-multi-maker .pane .stage-tabs .option-menu .option-menu-item{margin-bottom:0;border-bottom:none;background:white;color:black;border-bottom-left-radius:0;border-bottom-right-radius:0}.activity-editor .list-multi-maker .pane .stage-tabs .option-menu .option-menu-item.selected{position:relative;margin-top:0;top:1px}.activity-editor .list-multi-maker .pane .stage-tab{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:8px;padding-right:20px;border-top:1px solid black}.activity-editor .list-multi-maker .pane .stage-tab .stage-error{color:#F44336}.activity-editor .list-multi-maker .pane .stage-tab .quiz-tab{max-height:300px;overflow-y:auto;overflow-x:hidden}.activity-editor .assessment-flags-title{font-weight:bold}.activity-editor .dirty{font-style:italic;color:orange}.activity-editor textarea{width:100%}.activity-editor input[type="text"]{width:100%}.activity-editor label{display:block}.activity-editor .field-label{display:flex;margin:5px 0}.activity-editor .ui-dialog-content{margin-bottom:15px}.activity-editor .stage-description #editor{margin-bottom:0}.pm-tooltip{max-width:350px}.help-tooltip{vertical-align:middle;margin-left:5px;width:19px}.dd-sound-recorder{cursor:default}.dd-sound-recorder .sound-icon{--pm-icon-size: 36px;vertical-align:top;border-radius:50%;cursor:default}.dd-sound-recorder .pm-button{width:36px !important;border:none}.dd-sound-recorder .pm-button,.dd-sound-recorder .pm-button:hover,.dd-sound-recorder .pm-button:active,.dd-sound-recorder .pm-button:focus{background-color:transparent !important;box-shadow:none !important}.dd-sound-recorder .pm-button:disabled{color:#9E9E9E}.dd-sound-recorder .pm-button .pm-icon{height:36px;width:36px}.data-importer-dialog .data-import-source>*{padding:5px 0}.data-importer-dialog textarea{width:100%;height:100px}.data-importer-dialog .table-container{margin-bottom:10px;max-height:50vh;overflow-y:auto}.data-importer-dialog .table-container table{border-spacing:0;border-collapse:collapse}.data-importer-dialog .table-container table tr.invalid{background-color:red}.data-importer-dialog .table-container table tr th{font-weight:bold}.data-importer-dialog .table-container table tr td,.data-importer-dialog .table-container table tr th{border:1px solid black;padding:4px}.activity-intro-area .dd-button--exit{margin-right:-25px;margin-top:15px;float:right}.activity-stage-intro{margin-top:10px;padding:10px;display:flex}.activity-stage-intro .activity-stage-summary{display:flex;align-items:center}.activity-stage-intro .activity-stage-buttons{margin-left:10px;margin-top:4px}.activity-stage-intro .activity-stage-index{margin-right:0.4em;font-weight:bold;font-size:1.5em;color:var(--control-colour2)}.activity-stage-intro .activity-stage-title{font-weight:bold;font-size:1.5em;color:white}.activity-stage-intro .activity-stage-toggle{transition:transform 0.3s}.activity-stage-intro .activity-stage-toggle.opened{transform:rotate(90deg)}.activity-stage-intro .pm-recorder{display:flex;align-items:center;vertical-align:bottom;border-color:var(--control-colour1);background:transparent;margin-right:10px;margin-left:5px}.activity-stage-intro .pm-recorder svg{color:var(--control-colour1)}.activity-stage-intro .pm-recorder button.pm-recorder_play,.activity-stage-intro .pm-recorder button.pm-recorder_stop{pointer-events:auto}.activity-stage-intro .activity-stage-details{margin-top:15px;display:flex}.activity-stage-intro .activity-stage-details .activity-stage-image{width:30%}.activity-stage-intro .activity-stage-details .activity-stage-image img{margin:0 auto;display:flex;max-width:100%;max-height:100%}.activity-stage-intro .activity-stage-details .stage-description{margin-left:16px;display:grid;width:100%}.activity-stage-intro .activity-stage-details .stage-description h3{margin-bottom:10px;margin-top:-5px;color:var(--control-colour1)}.activity-stage-intro .activity-stage-details .stage-description strong{color:var(--control-colour2)}.activity-stage-intro .activity-stage-details .stage-description .description-footer .data-source-tooltip{font-style:italic;background:none;color:var(--control-colour2);font-size:16px;cursor:default;border:none;float:right}@media (max-width: 400px){.activity-stage-intro .activity-stage-summary{flex-direction:column;align-items:flex-start}}.bottom-split-panel{border:var(--control-colour1) 1px solid;padding:20px;margin:10px 0 0 0 !important;box-shadow:none}.bottom-split-panel .chart-view .chart-settings{align-items:center;flex-direction:row;flex-wrap:wrap;display:flex;margin-bottom:8px}.bottom-split-panel .chart-view .chart-settings .chart-setting{height:63.5px;display:grid;margin:0 8px 0 0}.bottom-split-panel .chart-view .chart-settings .chart-setting label{white-space:nowrap}.bottom-split-panel .chart-view .chart-settings .chart-selector .option-menu{background-color:transparent;padding:0;margin:0}.bottom-split-panel .chart-view .chart-settings .chart-selector .option-menu .option-menu-item{border:1px solid transparent !important;border-radius:10px;margin-right:4px;min-width:30px;height:30px;padding:5px;width:30px}.bottom-split-panel .chart-view .chart-settings .chart-selector .option-menu .option-menu-item img{filter:brightness(0.3)}.bottom-split-panel .chart-view .chart-settings .chart-selector .option-menu .option-menu-item:hover{border:1px solid var(--control-colour1) !important}.bottom-split-panel .chart-view .chart-settings .chart-selector .option-menu .option-menu-item.selected{background-color:var(--control-colour1)}.bottom-split-panel .chart-view .chart-settings .chart-selector .option-menu .option-menu-item.selected img{filter:brightness(0.9)}.bottom-split-panel .chart-view .chart-settings .custom-select-box{min-width:auto}.bottom-split-panel .chart-view .chart-settings .custom-select-box .pm-select select{max-width:200px}.bottom-split-panel .chart-view .chart-placeholder{margin:50px 5%;margin-left:-10px;display:flex}.bottom-split-panel .chart-view .chart-placeholder span.y-axis{white-space:nowrap;position:relative;margin:auto 15px;top:-15px}.bottom-split-panel .chart-view .chart-placeholder span.x-axis{margin:15px auto}.bottom-split-panel .chart-view .chart-placeholder .chart-placeholder-image{flex-wrap:wrap;display:flex}.bottom-split-panel .chart-view .chart-placeholder .chart-placeholder-image img{width:100%}.bottom-split-panel .chart-view .chart-placeholder .pie-chart-placeholder{margin:0 auto;width:50%}.bottom-split-panel .chart-view .canvas-container{margin-bottom:30px;max-width:100%}.bottom-split-panel h4{margin:10px 0;color:var(--text-colour)}.bottom-split-panel .splitpanes.splitpanes--vertical{margin-bottom:-15px;margin-top:-15px}.bottom-split-panel .splitpanes .splitpanes__splitter{background:var(--control-colour1);margin:-5px 15px;min-width:var(--splitter-width)}.bottom-split-panel .splitpanes .left-pane{padding-bottom:15px}.bottom-split-panel .data-table-view .pm-pagination{background-color:transparent;box-shadow:none;max-width:400px;flex-grow:1;border:none;padding:0}.bottom-split-panel .data-table-view .pm-pagination .pm-pagination_button{font-size:16px;color:var(--text-colour)}.bottom-split-panel .data-table-view .pm-pagination .pm-pagination_input{background:transparent;border-color:var(--control-colour1);font-family:"Nunito";color:var(--text-colour)}.bottom-split-panel .data-table-view .rows-count{margin:auto 15px}.dd-button--activity-start,.dd-button--assess-task{border-color:#B2DFDB !important;background-color:#B2DFDB;color:black;--pm-button-palette-primary: #009688;--button-color: #009688;background-color:#009688;padding:12px 20px;margin-top:auto;width:100px;color:white}.dd-button--activity-start:hover,.dd-button--activity-start:active,.dd-button--activity-start:focus,.dd-button--assess-task:hover,.dd-button--assess-task:active,.dd-button--assess-task:focus{background-color:#B2DFDB !important;color:black !important}.dd-button--activity-start:hover .pm-icon,.dd-button--activity-start:active .pm-icon,.dd-button--activity-start:focus .pm-icon,.dd-button--assess-task:hover .pm-icon,.dd-button--assess-task:active .pm-icon,.dd-button--assess-task:focus .pm-icon{color:black}.dd-button--teal{border-color:#B2DFDB !important;background-color:#B2DFDB;color:black}.dd-button--teal:hover,.dd-button--teal:active,.dd-button--teal:focus{background-color:#B2DFDB !important;color:black !important}.dd-button--teal:hover .pm-icon,.dd-button--teal:active .pm-icon,.dd-button--teal:focus .pm-icon{color:black}


