body{overflow:hidden;margin:0;padding:0;background:transparent linear-gradient(180deg,#f8f8fc,#e1e2e8) 0% 0% no-repeat padding-box;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-noto-sans-cjk-jp)}#root{width:100vw;height:100vh}.app-wrapper{position:absolute;display:flex;overflow:hidden}.aap-top-view-box{position:absolute;display:flow;padding:4px}.app-main-view-box{display:block}.aap-bottom-view-box{position:absolute;background:var(--main_gray_panel) 0% 0% no-repeat padding-box;box-shadow:1px 1px 5px #24415d4d;border-radius:8px;margin:0 4px;padding:4px;display:grid;grid-template-rows:max-content max-content max-content}.app-video-control-box{grid-row:1;text-align:left;display:flex;overflow-x:auto}.app-time-line-bar-box{display:grid;grid-row:2}.app-time-line-box{display:grid;grid-row:3}.app-time-line-range-box{display:grid;grid-row:4}.app-side-view{display:contents}.app-verti-separator{box-sizing:border-box;line-height:1.5em;outline:none;height:10px;transition:background-color .25s linear;position:relative;padding:0;background-color:#a9a9a9}.app-verti-separator:hover{background-color:gray}.app-verti-separator-grip{position:absolute;top:-.2em;left:50%;margin:0}.app-horiz-separator{box-sizing:border-box;line-height:1.5em;outline:none;width:10px;transition:background-color .25s linear;position:relative;padding:0;background-color:#a9a9a9}.app-horiz-separator:hover{background-color:gray}.app-horiz-separator-grip{position:absolute;top:50%;left:-.2em;margin:0}.app-tabpage-container{display:grid;padding:4px 4px 4px 0}.app-tabs{width:100%;height:40px;background:var(--main_gray_panel) 0% 0% no-repeat padding-box;box-shadow:1px 1px 5px #24415d4d;border-radius:8px;grid-row:1;overflow:hidden;border-color:transparent;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--main_gray_dark);padding:8px;margin:2px;background-image:linear-gradient(45deg,transparent 50%,var(--main_gray_dark) 50%),linear-gradient(135deg,var(--main_gray_dark) 50%,transparent 50%),linear-gradient(to right,var(--main_gray_dark),var(--main_gray_dark));background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}.app-tabs:hover{background:var(--main_gray_superlight) 0% 0% no-repeat padding-box;background-image:linear-gradient(45deg,transparent 50%,var(--main_gray_dark) 50%),linear-gradient(135deg,var(--main_gray_dark) 50%,transparent 50%),linear-gradient(to right,var(--main_gray_dark),var(--main_gray_dark));background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}.app-tab{background-color:gray;border-top-left-radius:.5em;border-top-right-radius:.5em;vertical-align:bottom;height:1.5em;padding:.3em;margin:.1em .1em 0;cursor:pointer}.app-tab-selected{background-color:#fff}.app-video-list-box{display:none;grid-row:2;background:var(--main_gray_panel) 0% 0% no-repeat padding-box;box-shadow:1px 1px 5px #24415d4d;border-radius:8px;padding:4px}.app-bookmark-list-box,.app-dpics-list-box{display:block;grid-row:2;background:var(--main_gray_panel) 0% 0% no-repeat padding-box;box-shadow:1px 1px 5px #24415d4d;border-radius:8px;padding:4px}.app-person-box,.app-dpics-box,.app-knowledge-pane,.app-quality-pane,.app-upload-pane{display:none;grid-row:2;background:var(--main_gray_panel) 0% 0% no-repeat padding-box;box-shadow:1px 1px 5px #24415d4d;border-radius:8px;padding:4px}.video-control-wrapper{display:grid;grid-template-columns:max-content max-content auto 140px 40px 140px 40px 40px;width:100%;margin:0 4px}.video-control-buttons{grid-column:1;grid-row:1 / 2;margin:0;align-content:center}.video-control-icon{color:var(--main_gray_dark);font-size:1.2em;padding-left:.8em;padding-right:.8em}.video-control-rewind-tooltip{position:absolute;background:var(--main_gray_panel) 0% 0% no-repeat padding-box;box-shadow:3px 3px 10px #24415d4d;border-radius:20px;padding:5px 10px;top:-20%;visibility:hidden}.video-control-rewind:hover .video-control-rewind-tooltip{visibility:visible}.video-control-forward-tooltip{position:absolute;background:var(--main_gray_panel) 0% 0% no-repeat padding-box;box-shadow:3px 3px 10px #24415d4d;border-radius:20px;padding:5px 10px;top:-20%;visibility:hidden}.video-control-forward:hover .video-control-forward-tooltip{visibility:visible}.video-control-current-time-box{grid-column:2;grid-row:1 / 2;height:32px;text-align:center;display:flex;margin:0 16px;background:#ffc195 0% 0% no-repeat padding-box;box-shadow:inset 2px 3px 6px #0000004d;border-radius:5px;padding:0 8px}.video-control-reverse{grid-column:4;grid-row:2;margin:0;align-content:center}.video-control-reverse-text{grid-column:5;grid-row:2;margin:0;align-content:center;text-align:left}.video-control-speed{grid-column:4;grid-row:1;margin:0;align-content:center}.video-control-speed-text{grid-column:5;grid-row:1;margin:0;align-content:center;text-align:left}.video-control-volume{grid-column:6;grid-row:1;margin:0;align-content:center}.video-control-volume-text{grid-column:7;grid-row:1;margin:0;align-content:center;text-align:left}.video-control-label{font-size:1.2em;margin-left:.5em}.video-control-label svg:hover{color:Highlight}.video-control-input{width:100px}.video-control-current-time{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-900) var(--unnamed-font-size-26)/var(--unnamed-line-spacing-37) var(--unnamed-font-family-noto-sans-cjk-jp);font-size:1.5em;letter-spacing:var(--unnamed-character-spacing-0);color:var(--main_gray_dark);text-align:left;align-content:center}.video-control-view-button{grid-column:8;grid-row:1 / 2;text-align:right;display:flex}.main-control-container{display:grid;grid-template-columns:max-content 1fr max-content max-content}.main-control-date{grid-column:2;grid-row:1;margin-left:.5em;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-noto-sans-cjk-jp);letter-spacing:var(--unnamed-character-spacing--0-12);color:var(--main_gray_dark);text-align:left}.main-control-caption{grid-column:2;grid-row:2;margin-left:.5em;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-29) var(--unnamed-font-family-noto-sans-cjk-jp);letter-spacing:var(--unnamed-character-spacing--0-2);color:var(--main_gray_dark);text-align:left}.main-control-calendar{grid-column:1;grid-row:1 / 3;align-content:center}.main-control-signinout{grid-column:3;grid-row:1 / 3;align-content:center}.main-control-control-panel{grid-column:4;grid-row:1 / 3;align-content:center}.video-canvas-title{position:absolute;font-size:1em;background:transparent linear-gradient(278deg,#f2f3f6,#e5e6ec) 0% 0% no-repeat padding-box;display:grid;opacity:1;width:120px;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-noto-sans-cjk-jp);letter-spacing:var(--unnamed-character-spacing-0);color:var(--main_gray_dark);text-align:left}.video-canvas-text{grid-column:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.video-canvas-control{grid-column:2;text-align:right}.video-canvas-rotate{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0;width:fit-content}.video-canvas-title-tooltip{position:absolute;top:50%;left:0;transform:translate(.2em,50%);visibility:hidden;display:block;border:4px solid white;background:var(--main_gray_dark) 0% 0% no-repeat padding-box}.video-canvas-picker{border:0px;background-color:#fff0;position:absolute;z-Index:2}.video-item-panel{position:relative}.video-item-view{text-align:center}.view3d-canvas-title{position:absolute;font-size:1em;background:transparent linear-gradient(278deg,#f2f3f6,#e5e6ec) 0% 0% no-repeat padding-box;display:grid;opacity:1;width:120px;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-noto-sans-cjk-jp);letter-spacing:var(--unnamed-character-spacing-0);color:var(--main_gray_dark);text-align:left}.view3d-canvas-text{grid-column:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.view3d-canvas-control{grid-column:2;text-align:right}.view3d-canvas-cam-calibrate{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0;width:fit-content}.view3d-canvas-title-tooltip{position:absolute;top:50%;left:0;transform:translate(.2em,50%);visibility:hidden;display:block;border:4px solid white;background:var(--main_gray_dark) 0% 0% no-repeat padding-box}.main-view-panel{position:relative}.main-view-container{display:grid;text-align:center}.main-view-main{grid-column:1;grid-row:1}.calendar-dialog{width:373px;background:var(--main_gray_panel) 0% 0% no-repeat padding-box;box-shadow:1px 1px 5px #24415d4d;border-radius:8px;border-width:0;outline-width:0}.dncalendar-inactive{opacity:.2}.dncalendar-header{margin:0;position:relative}.dncalendar-header h2{letter-spacing:var(--unnamed-character-spacing-0);color:var(--main_gray_dark);text-align:left;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-26) var(--unnamed-font-family-noto-sans-cjk-jp);letter-spacing:0px;width:calc(100% - var(--unnamed-font-size-26) - 8px - var(--unnamed-font-size-26));position:absolute;margin:0;cursor:move}.dncalendar-header div{cursor:pointer;width:var(--unnamed-font-size-26);height:var(--unnamed-font-size-26);-webkit-user-select:none;user-select:none;touch-action:pan-y;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:absolute}.dncalendar-header .dncalendar-next-month{background:var(--main_gray_panel) 0% 0% no-repeat padding-box;box-shadow:1px 1px 5px #24415d4d;border-radius:8px;text-align:center;font-size:20px;right:0}.dncalendar-header .dncalendar-prev-month{background:var(--main_gray_panel) 0% 0% no-repeat padding-box;box-shadow:1px 1px 5px #24415d4d;border-radius:8px;text-align:center;font-size:20px;right:32px}.dncalendar-body{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-900) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-noto-sans-cjk-jp);letter-spacing:var(--unnamed-character-spacing-0);color:var(--main_gray_dark);text-align:center;font: 900 14px/20px Noto Sans CJK JP;letter-spacing:0px;padding:calc(2 * var(--unnamed-line-spacing-26)) 0 0 0}.dncalendar-body table{width:100%;text-align:center;border-collapse:collapse;font-size:15px}.dncalendar-body table th,td{display:table-cell;margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}.dncalendar-body thead td{color:#727272;font-size:11px;text-transform:uppercase;padding:4px 0}.dncalendar-body tbody tr td{width:13%;color:#bdbdbd;background:var(--main_gray_mid);text-decoration:none;vertical-align:middle}.dncalendar-body tbody td#calendarClick{cursor:pointer}.dncalendar-body tbody td.calendarClick{color:#434343;background:var(--main_gray_panel)}.dncalendar-body tbody td .entry{padding:4px 0;position:relative}.dncalendar-body tbody td.calendarClick:active{background:#ddd}.dncalendar-body tbody td .entry:after{content:attr(data-title);left:0;position:absolute;font-size:10px;bottom:1px;text-align:center;width:100%}.dncalendar-body table td.holiday{color:#c55!important}.dncalendar-body table td.calendarClick.holiday{color:#d00!important}.dncalendar-body table td.default-date{border:1px solid #96d4fd;color:#96d4fd!important;background:#e6f2fa}.dncalendar-body table td.calendarClick.default-date{border:1px solid #0d7fcc;color:#0d7fcc!important;background:#e6f2fa}.dncalendar-body table td.today-date{border:1px solid #7ee699;color:#7ee699!important;background:#e9fdee}.dncalendar-body table td.calendarClick.today-date{border:1px solid #0dcc3f;color:#0dcc3f!important;background:#e9fdee}.dncalendar-body table td.note,.dncalendar-body table td.calendarClick.note{position:relative}.dncalendar-body table td.note:before{display:block;position:absolute;width:0;height:0;top:0;right:0;content:"";border-top:5px solid #c55;border-right:5px solid #c55;border-left:5px solid transparent;border-bottom:5px solid transparent}.dncalendar-body table td.calendarClick.note:before{display:block;position:absolute;width:0;height:0;top:0;right:0;content:"";border-top:5px solid #d00;border-right:5px solid #d00;border-left:5px solid transparent;border-bottom:5px solid transparent}.dncalendar-note-list{list-style:none;margin-left:4.5%;margin-bottom:20px;padding:0;color:#999}.dncalendar-note-list .date{color:#d00}.dncalendar-weektitle{text-align:center}.dncalendar-body table td.calendarClick.mark{padding-left:calc((13% - var(--unnamed-font-size-14)) / 2 - 4px)}.dncalendar-body table td.calendarClick.mark div{width:calc(2 * var(--unnamed-font-size-14));border-radius:50%;color:var(--unnamed-color-ff7f00);border-bottom:1px;background:radial-gradient(farthest-corner at 66% 66%,var(--main_white) 0%,var(--main_gray_panel) 30%,var(--main_gray_dark) 130%)}.video-list-scroll-verti{overflow-y:hidden;overflow-y:scroll}.video-list-scroll-horiz{overflow-x:scroll;overflow-y:hidden;display:flex}.time-line-item-panel{position:relative;font-size:1em;display:grid;align-items:center}.time-line-item-caption{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;grid-column:1;align-items:center;display:grid}.time-line-item-grip{grid-column:1}.time-line-item-title{grid-column:2;cursor:pointer}.time-line-item-loading-spinner{visibility:hidden;display:none;width:.6em;height:.6em;border-radius:50%;border:solid 4px;border-color:#000000 #00000010 #00000010;position:absolute;animation-name:time-line-item-spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;grid-column:3}.time-line-item-buttons{text-align:right;grid-column:4}.time-line-item-view-video{background:var(--main_gray_panel) 0% 0% no-repeat padding-box;box-shadow:inset 0 2px 6px #00000029;border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:20px;height:20px;padding:2px;background-image:url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"></path><path d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"></path></svg>')}.time-line-item-view-video:checked{color:var(--main_gray_dark);box-shadow:-3px -3px 20px var(--main_white);background-image:url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M12 6a9.77 9.77 0 0 1 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5A9.77 9.77 0 0 1 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5a2.5 2.5 0 0 1 0 5 2.5 2.5 0 0 1 0-5m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"></path></svg>')}.time-line-item-speaker-on{background:var(--main_gray_panel) 0% 0% no-repeat padding-box;box-shadow:inset 0 2px 6px #00000029;border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:20px;height:20px;padding:2px;background-image:url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M4.34 2.93 2.93 4.34 7.29 8.7 7 9H3v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06a8.94 8.94 0 0 0 3.61-1.75l2.05 2.05 1.41-1.41L4.34 2.93zM10 15.17 7.83 13H5v-2h2.83l.88-.88L10 11.41v3.76zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zm-7-8-1.88 1.88L12 7.76zm4.5 8A4.5 4.5 0 0 0 14 7.97v1.79l2.48 2.48c.01-.08.02-.16.02-.24z"></path></svg>')}.time-line-item-speaker-on:checked{color:var(--main_gray_dark);box-shadow:-3px -3px 20px var(--main_white);background-image:url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12A4.5 4.5 0 0 0 14 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z"></path></svg>')}.time-line-item-view{text-align:center;grid-column:2;position:relative;border:0px;padding:0;margin:0;display:flex}.time-line-item-thumbnail{border:0px;padding:0;margin:0}.time-line-item-control{text-align:right;width:100px;grid-column:3}.time-line-item-up,.time-line-item-down,.time-line-item-rotate{width:fit-content}.time-line-item-title-tooltip{position:absolute;top:-200%;left:0;transform:translate(.2em,50%);visibility:hidden;display:block;border:4px solid white;border-radius:.2em;background-color:#f0fff0;color:#000}@keyframes time-line-item-spin{to{transform:rotate(360deg)}}.time-line-canvas{border:0px;padding:0;margin:0;display:flex;background:var(--main_gray_mid) 0% 0% no-repeat padding-box;box-shadow:inset 0 3px 6px #70707029;border-radius:5px}.time-line-mouse-display{display:none;background-color:#000;height:0;position:absolute;z-index:100;width:450px}.time-line-time-tooltip-upper{border:4px solid gray;border-radius:.8em;display:block;font-size:.6em;top:-3em;right:-150px;visibility:visible;position:absolute;background-color:#000;color:#fff}.time-line-time-tooltip-container{position:relative}.time-line-time-tooltip-time{position:relative;text-align:center}.time-line-time-tooltip-canvas{position:relative}.time-line{position:relative;padding:0;margin:0;display:contents}.time-line-knob,.time-line-time-tooltip-knob{border:0px;background-color:#fff0;position:absolute;z-Index:2}.time-line-items{padding:0;margin:0;border:0px;overflow-y:auto;overflow-x:hidden}.bookmarks-container{position:relative;padding:0;margin:0;overflow-x:auto;overflow-y:hidden}.bookmarks-container::-webkit-scrollbar{background-color:transparent;width:8px;height:8px}.bookmarks-container::-webkit-scrollbar-thumb{background-color:var(--main_gray_dark);border-radius:4px}.bookmark-left-buttons{text-align:left;grid-column:1}.bookmark-card{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-noto-sans-cjk-jp);letter-spacing:var(--unnamed-character-spacing-0);color:var(--main_white);text-align:left;padding:0;margin:4px;background:var(--sub_darkblue) 0% 0% no-repeat padding-box;box-shadow:1px 1px 5px #575f6b80;border-radius:8px 8px 0}.bookmark-footer{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 8px/11px var(--unnamed-font-family-noto-sans-cjk-jp);letter-spacing:var(--unnamed-character-spacing-0);color:var(--main_white);text-align:left;align-items:center;display:grid;margin:4px}.bookmark-current{background:var(--main_gray_dark) 0% 0% no-repeat padding-box}.bookmark-selected{color:var(--main_gray_dark);background:var(--main_gray_panel) 0% 0% no-repeat padding-box}.bookmark-mark{text-align:left;font-size:2em;grid-column:1}.bookmark-camera-name{text-align:right;margin-left:2pt;margin-right:2pt;grid-column:2}.bookmark-timestamp{text-align:center;margin-left:2pt;margin-right:2pt;grid-column:3;border-width:0 1px 0 1px;border-color:var(--main_white)}.bookmark-user{text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;grid-column:4}.bookmark-time-range{width:50px;grid-column:4}.bookmark-title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:6px}.bookmark-content{max-height:0;overflow:hidden;transition:all .5s cubic-bezier(.1,.1);margin:4px}.bookmark-content.show{height:auto;max-height:9999px;transition:all .5s cubic-bezier(1,1);padding:4px;margin:0}.bookmark-center-buttons{text-align:center;grid-column:1 / 4}.bookmark-right-buttons{text-align:right;grid-column:5}.bookmark-textarea{width:calc(100% - 8px)}.bookmark-message{color:red}.bookmark-button-light{font-size:2em;color:var(--main_gray_superlight);margin:0;border-width:0;background-color:transparent}.bookmark-button-dark{font-size:2em;color:var(--main_gray_dark);margin:0;border-width:0;background-color:transparent}.dpicss-container{position:relative;padding:0;margin:0;overflow-x:auto;overflow-y:hidden}.dpicss-container::-webkit-scrollbar{background-color:transparent;width:8px;height:8px}.dpicss-container::-webkit-scrollbar-thumb{background-color:var(--main_gray_dark);border-radius:4px}.dpics-left-buttons{text-align:left;grid-column:1}.dpics-card{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-noto-sans-cjk-jp);letter-spacing:var(--unnamed-character-spacing-0);color:var(--main_white);text-align:left;padding:0;margin:4px;background:var(--sub_darkyellow) 0% 0% no-repeat padding-box;box-shadow:1px 1px 5px #575f6b80;border-radius:8px 8px 0}.dpics-footer{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 8px/11px var(--unnamed-font-family-noto-sans-cjk-jp);letter-spacing:var(--unnamed-character-spacing-0);color:var(--main_white);text-align:left;align-items:center;display:grid;margin:4px}.dpics-mark{text-align:left;font-size:2em;grid-column:1}.dpics-camera-name{text-align:right;margin-left:2pt;margin-right:2pt;grid-column:2}.dpics-timestamp{text-align:left;margin-left:2pt;margin-right:2pt;grid-column:3}.dpics-content{overflow:hidden;transition:all .5s cubic-bezier(.1,.1);padding:4px}.dpics-name{text-align:right;font-size:.8em;height:auto;max-height:9999px}.dpics-text{height:auto;max-height:9999px}.dpics-code{text-align:right;font-size:.8em;height:auto;max-height:9999px}@keyframes spinner-line-fade-more{0%,to{opacity:0}1%{opacity:1}}@keyframes spinner-line-fade-quick{0%,39%,to{opacity:.25}40%{opacity:1}}@keyframes spinner-line-fade-default{0%,to{opacity:.22}1%{opacity:1}}@keyframes spinner-line-shrink{0%,25%,to{transform:scale(.5);opacity:.25}26%{transform:scale(1);opacity:1}}.cam-calibrate-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0;background:var(--main_gray_panel) 0% 0% no-repeat padding-box;box-shadow:1px 1px 5px #24415d4d;border-radius:8px;border-width:0}.cam-calibrate-dialog-header{margin:0;position:relative}.cam-calibrate-dialog-title{letter-spacing:var(--unnamed-character-spacing-0);color:var(--main_gray_dark);text-align:left;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-26) var(--unnamed-font-family-noto-sans-cjk-jp);letter-spacing:0px;width:calc(100% - var(--unnamed-font-size-26) - 8px - var(--unnamed-font-size-26));position:absolute;margin:0;cursor:move}.cam-calibrate-dialog-close{background:var(--main_gray_panel) 0% 0% no-repeat padding-box;box-shadow:1px 1px 5px #24415d4d;border-radius:8px;text-align:center;font-size:20px;right:0;position:absolute}.cam-calibrate-dialog-content{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-900) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-noto-sans-cjk-jp);letter-spacing:var(--unnamed-character-spacing-0);color:var(--main_gray_dark);text-align:center;font: 900 14px/20px Noto Sans CJK JP;letter-spacing:0px;padding:calc(2 * var(--unnamed-line-spacing-26)) 8px 8px 8px}.cam-calibrate-dialog-buttonpane{padding:8px;color:var(--main_gray_dark);font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-26) var(--unnamed-font-family-noto-sans-cjk-jp)}.cam-calibrate-dialog-buttonset{text-align:right}.cam-calibrate-dialog-button{color:var(--main_gray_dark);background:var(--main_gray_panel) 0% 0% no-repeat padding-box;box-shadow:1px 1px 5px #24415d4d;border-radius:8px;text-align:center;font-size:20px;right:32px}.tab_person{border:0px;padding:0;margin:0}.person_canv{border:0px;padding:0;margin:0;top:0;left:0;background-color:#ddd}.person_property{border:0px;padding:0;margin:0;top:0;right:0;background-color:#e0ffff;float:right;position:relative}.person_menu{top:0;right:0;position:absolute;width:100px}.person_canv_track{border:0px;padding:0;margin:0;top:0;left:0;background-color:linen}.tab_dpics{border:0px;padding:0;margin:0}.dpics_timeline_div{position:relative;padding:0;margin-left:0}.dpics_timeline_knob_canv{border:0px;top:0;left:0;background-color:#fff0;position:absolute;z-Index:2}.dpics_timeline_canv{border:0px;top:0;left:0;background:#d7edd7;position:absolute;z-Index:1}.dpics_zoom_timeline_knob_canv{border:0px;top:0;left:0;background-color:#fff0;position:absolute;z-Index:2}.dpics_zoom_timeline_canv{border:0px;top:0;left:0;background:#fff;position:absolute;z-Index:1}.dpics_statics_fig_canv{border:0px;top:0;left:0;background-color:#eee;position:absolute}.dpics_bookmarks_container_div{position:absolute;padding:0;margin:0;overflow-x:auto;overflow-y:hidden}.dpics_bookmarks_canv{border:0px;background:#ffc;padding:0;margin:0}.time-line-bar-panel{position:relative;font-size:1em;display:grid;align-items:center}.time-line-bar-caption{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;grid-column:1;align-items:center;display:grid}.time-line-bar-buttons{font-size:20px;text-align:right}.time-line-bar-view{text-align:center;grid-column:2}.time-line-bar-tab{filter:drop-shadow(1px 1px 3px #24415D4D);cursor:ew-resize;visibility:hidden}.control-panel[open]{position:absolute;border:none;padding:.2em;outline:0;box-shadow:0 4px 16px #00000029;display:flex;flex-direction:column;left:calc(60% + 2rem);top:calc(-10% + 2rem);width:30%;height:80%;z-index:100}.control-panel::backdrop{background:#00000052}.control-panel-header{background:#e9e9e9;border-radius:3px;border-collapse:collapse;border:1px solid #ddd;padding:.4em 1em;max-height:calc(100% - 2em - 6px);max-width:calc(100% - 2em - 6px);position:relative;-webkit-user-select:text;user-select:text;font-size:1em;font-weight:700}.control-panel-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.control-panel-contents{width:calc(100% - 2em);height:calc(100% - 1em);position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.control-panel-close{position:absolute;right:.3em;top:50%;width:20px;height:20px;margin:-10px 0 0;padding:1px}.control-panel-button{width:100%;text-align:left;display:grid}.control-panel-icon{font-size:2em;grid-column:1}.control-panel-text{text-align:left;grid-column:2}.control-panel-togglebutton{width:100%;text-align:left;display:grid;padding:.2em}.control-panel-title{text-align:left;grid-column:1}.control-panel-toggle{text-align:right;grid-column:2}.wellcome-page[open]{position:absolute;border:none;padding:.2em;outline:0;box-shadow:0 4px 16px #00000029;display:flex;flex-direction:column;width:30em;height:20em;z-index:100}.wellcome-page::backdrop{background:#00000052}.wellcome-page-header{background:#e9e9e9;border-radius:3px;border-collapse:collapse;border:1px solid #ddd;padding:.4em 1em;max-height:calc(100% - 2em - 6px);max-width:calc(100% - 2em - 6px);position:relative;-webkit-user-select:text;user-select:text;font-size:1em;font-weight:700}.wellcome-page-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.wellcome-page-contents{width:calc(100% - 2em);height:calc(100% - 1em);position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.wellcome-page-span{width:100%;text-align:center;display:table}.wellcome-page-button{text-align:left;display:inline-grid}.wellcome-page-icon{font-size:2em;grid-column:1}.wellcome-page-text{text-align:left;grid-column:2;margin:.3em}.knowledge-pane{margin:0;border:0;padding:0}.knowledge-pane::-webkit-scrollbar{background-color:transparent;width:8px;height:8px}.knowledge-pane::-webkit-scrollbar-thumb{background-color:var(--main_gray_dark);border-radius:4px}.quality-pane{margin:0;border:0;padding:0;overflow:scroll}.quality-pane::-webkit-scrollbar{background-color:transparent;width:8px;height:8px}.quality-pane::-webkit-scrollbar-thumb{background-color:var(--main_gray_dark);border-radius:4px}pre{white-space:pre-wrap}.upload-pane{margin:0;border:0;padding:0;overflow:scroll}.upload-pane-button{width:100%;text-align:center}.upload-pane-title{margin:0;padding:0;font-size:1.5em;font-weight:700}.upload-pane-dropzone{border:2px dashed #cccccc;border-radius:4px;padding:20px;text-align:center;cursor:pointer}.time-line-range{display:flex}.time-line-range-tab{filter:drop-shadow(1px 1px 3px #24415D4D)}.control-button{border-color:transparent;background:var(--main_gray_panel) 0% 0% no-repeat padding-box;box-shadow:1px 1px 5px #24415d4d;border-radius:8px}.control-button-left{border-radius:10px 0 0 10px}.control-button-center{border-radius:0}.control-button-right{border-radius:0 10px 10px 0}.control-button:hover{background:var(--main_gray_superlight) 0% 0% no-repeat padding-box}.control-button-selected{box-shadow:inset 0 2px 6px #00000029}.control-icon{font-size:2em;color:var(--main_gray_dark)}.control-slider{-webkit-appearance:none;background:transparent}.control-slider::-webkit-slider-runnable-track{margin-top:.25em;height:.6em;border-radius:.6em;background:linear-gradient(to left,#ffd500,#22a9ef)}.control-slider::-webkit-slider-thumb{-webkit-appearance:none;width:1em;height:1em;margin-top:-.25em;border-radius:50%;background:var(--main_gray_panel) 0% 0% no-repeat padding-box;box-shadow:2px 2px 6px #24415d4d;border-width:0}.control-slider::-moz-range-track{height:.6em;border-radius:.6em;background:linear-gradient(to left,#ffd500,#22a9ef)}.control-slider::-moz-range-thumb{width:1em;height:1em;margin-top:-.25em;border-radius:50%;background:var(--main_gray_panel) 0% 0% no-repeat padding-box;box-shadow:2px 2px 6px #24415d4d;border-width:0}.control-slider::-ms-track{height:.6em;border-radius:.6em;background:transparent;border-color:transparent;color:transparent}.control-slider::-ms-fill-lower{background:linear-gradient(to left,#ffd500,#22a9ef);border-radius:.6em}.control-slider::-ms-fill-upper{background:linear-gradient(to left,#ffd500,#22a9ef);border-radius:.6em}.control-slider::-ms-thumb{width:1em;height:1em;margin-top:-.25em;border-radius:50%;background:var(--main_gray_panel) 0% 0% no-repeat padding-box;box-shadow:2px 2px 6px #24415d4d;border-width:0}.switch{cursor:pointer;position:relative;display:inline-block;vertical-align:middle;width:50px;height:30px;max-width:100%;background:#fff;border-radius:100em;box-shadow:inset 0 1px 1px 1px #d6d6d6,inset 0 -1px 1px 1px #ececec,inset 0 0 0 2px #f5f5f5}.switch:before{content:"";display:block;position:absolute;left:5%;top:10%;width:50%;height:80%;background:#fff;border-radius:100%;box-shadow:-2px 2px 2px #bbb,0 0 10px #e4e4e4;transition:all .2s}.switch.on{background:#00de00;box-shadow:unset}.switch.on:before{margin-left:40%;box-shadow:2px 2px 2px #bbb,0 0 10px #e4e4e4}