body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:20vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:row;font-size:calc(10px + 2vmin);justify-content:flex-start;min-height:3em}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{font-family:sans-serif}nav{align-items:center;background:#ee9972;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:.5em}nav a{color:#edefee;font-size:20px;margin-right:20px;padding:.3em 0;text-decoration:none}input{margin:auto}form{min-width:300px;text-align:left;width:50%}form input{margin:.4em 0 1em}.Overlay{border:5px outset #ee9972;border-radius:1em;height:60%;margin:auto;width:60%;z-index:10}.Row>p{display:inline}.Header{margin:32px}.Box2{flex-direction:column;min-height:100vh}.Box2,.Row2{align-items:center;display:flex}.Row2{flex-direction:row;height:64px;justify-content:space-between;width:200px}.BasicTracker>p{margin:0}.BasicTracker{border:2px solid #000;border-radius:.5rem;margin-bottom:64px;padding:16px}.Hrz-table{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.Hrz-table>div:last-child{border-left:1px solid;padding:2em}button,input{border-radius:.5em;font-size:20px;padding:10px}input{display:block;margin-bottom:10px}button{background:#f5f5f5;border:1px solid gray;margin-right:5px}button:last-child,button:nth-last-child(4){background:tomato;color:#fff}.stFrame{border:2px outset #00008b;border-radius:.9em;margin:.5em;padding:.2em .2em .25em}.stFlexTableH{display:flex;flex-direction:row}.flex-vc,.panel{align-items:center;display:flex;flex-direction:column}.panel{user-drag:none;border:1px solid #333b;border-radius:.8em;flex-grow:1;margin:.3em .3em .4em;min-height:max(20vw,30vh);overflow:hidden;padding:6px;position:relative;transition:all .3s;transition:flex-grow 1s;transition:border-color 1s;-webkit-user-select:none;user-select:none}.panel:hover:not(.a-pan):not(:active){box-shadow:5px 5px 5px #111c}.panel.a-pan{border-color:#ddda #333a #333a #bbba;border-width:2px;box-shadow:5px 5px 8px 6px #3339;flex-grow:1.5;padding:2px}.pan-content{position:relative;width:95%}.demo-bg7{border-radius:0;bottom:0;left:0;position:absolute;right:0;top:0;transition:all .6s;transition:border-radius 0s}.panel:active:not(.a-pan) .demo-bg7{border-radius:inherit;box-shadow:inset 10px 10px 6px #111b,inset -2px -2px 4px #3338;transition:all .3s;transition:border-radius 0s}.panel.a-pan .demo-bg7{box-shadow:inset -2px -2px 20px 5px #444a;transition:box-shadow 1s ease-out}#idWork .demo-bg7{background-color:#8cda;background-image:linear-gradient(160deg,#cc9,#fff,#678)}#idWork:hover:not(.a-pan) .demo-bg7{background-image:linear-gradient(170deg,#aa8,#fff,#466)}#idWork:active:not(.a-pan) .demo-bg7{background-image:linear-gradient(-10deg,#aa8,#fff,#466)}#idRelax .demo-bg7{background-color:#cc84;background-image:linear-gradient(160deg,#dec,#eee,#a84)}#idRelax:hover:not(.a-pan) .demo-bg7{background-color:#cc84;background-image:linear-gradient(170deg,#bca,#fff,#862)}#idRelax:active:not(.a-pan) .demo-bg7{background-color:#cc84;background-image:linear-gradient(-10deg,#bca,#fff,#862)}#idOther .demo-bg7{background-color:#cc84;background-image:linear-gradient(160deg,#abb,#fff,#767)}#idOther:hover:not(.a-pan) .demo-bg7{background-image:linear-gradient(170deg,#9aa,#fff,#656)}#idOther:active:not(.a-pan) .demo-bg7{background-image:linear-gradient(-10deg,#9aa,#fff,#656)}.demo-bg7 img{height:100%;opacity:.05;pointer-events:none;transition:all 1s}.panel:hover .demo-bg7 img{opacity:.1}.a-pan .demo-bg7 img{opacity:.5}.a-pan:hover .demo-bg7 img{opacity:.7}#idWork.a-pan:hover .demo-bg7{background:linear-gradient(230deg,#e0bc90,#cdd640,#85acbb,#30c0dd);background-size:600% 600%}#idRelax.a-pan:hover .demo-bg7,#idWork.a-pan:hover .demo-bg7{-webkit-animation:AnimationName 20s ease infinite;animation:AnimationName 20s ease infinite}#idRelax.a-pan:hover .demo-bg7{background:linear-gradient(230deg,#ad5,#d6b0a0,#dec,#dab070);background-size:600% 600%}#idOther.a-pan:hover .demo-bg7{-webkit-animation:AnimationName 20s ease infinite;animation:AnimationName 20s ease infinite;background:linear-gradient(230deg,#80bae1,#e0e2c8,#99aca8,#cdbbdd);background-size:600% 600%}@-webkit-keyframes AnimationName{0%{background-position:10% 35%}25%{background-position:95% 6%}50%{background-position:70% 70%}75%{background-position:10% 70%}to{background-position:5% 30%}}@keyframes AnimationName{0%{background-position:10% 35%}25%{background-position:95% 6%}50%{background-position:70% 70%}75%{background-position:10% 70%}to{background-position:5% 30%}}.pop-unroll{align-items:center;border-bottom-width:0;border-left:0 ridge #a08061a0;border-right:0 ridge #a08061a0;border-top-width:0;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:.5em 0;position:absolute}.a-pan .pop-unroll{-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:pop_unroll;animation-name:pop_unroll;transition:ease-in-out}@-webkit-keyframes pop_unroll{0%{border-left-width:.4em;border-right-width:.4em;top:100%;width:0}35%{border-left-width:.4em;border-right-width:.4em;top:0;width:2%}to{border-left-width:0;border-right-width:0;top:0;width:100%}}@keyframes pop_unroll{0%{border-left-width:.4em;border-right-width:.4em;top:100%;width:0}35%{border-left-width:.4em;border-right-width:.4em;top:0;width:2%}to{border-left-width:0;border-right-width:0;top:0;width:100%}}*,:after,:before{box-sizing:border-box}#credits{font:italic 12px Open Sans,sans-serif;padding:0 0 10px}#vContainer{border:1px outset green;position:relative;text-align:center}#vContainer>video{max-height:100%;max-width:100%;width:100%}#vContainer>#cPanel{bottom:2em;left:2em;position:absolute;right:2em}#cPanel>#cVPanel{background:#a0a0b090;border:1px outset #aaaaaab0;border-radius:.5em;bottom:0;box-shadow:5px 5px 15px #444a;left:0;opacity:1;padding:6px;position:absolute;right:0;transition:opacity .3s linear,box-shadow 1.2s .3slinear}#cPanel:not(:target):not(:hover)>#cVPanel{box-shadow:0 0 0 #444a;opacity:0;transition:opacity 2s linear 5s,box-shadow 2s linear 4s}#cVPanel>button{align-items:center;background:#700a;background:linear-gradient(180deg,#800b,#a55b 40%,#500c);border-radius:.7em;color:#fff;direction:column;display:inline-flex;height:1.9em;justify-content:center;overflow:hidden;position:relative;transition:all .4s linear;vertical-align:middle;width:2.2em}#cVPanel>button:hover{background:linear-gradient(180deg,#900b,#c77b 40%,#500c);box-shadow:4px 4px 5px #333b}#cVPanel>button:active{background:linear-gradient(0deg,#900b,#a55b 40%,#500c);box-shadow:inset 2px 2px 2px #333b}#cVPanel>button>img{display:inline;height:1.1em;width:1.1em}#cVPanel label>img{height:1.5em;vertical-align:middle;width:1.2em}#cPanel>#cPanelLabel{align-items:center;background:#a0a0b090;border:1px outset #aaaaaab0;border-radius:1em;bottom:.5em;box-shadow:5px 5px 15px #444a;color:red;direction:row;display:flex;justify-content:center;left:30%;opacity:0;padding:.3em .7em;position:absolute;right:30%;transition:color .2s linear,opacity .2s linear,box-shadow .2s linear .2s}#cPanel>#cPanelLabel>div{align-items:center;background:#500a;border:2px solid #444;border-radius:1.5em;display:inline-flex;height:2.4em;justify-content:center;margin-right:.5em;width:2.5em}#cPanel>#cPanelLabel img{height:1.4em;padding-left:.3em;width:1.4em}#cPanel:not(:target):not(:hover)>#cPanelLabel{color:#fff;opacity:.7;transition:color 1s linear 6s,opacity 1s linear 6s,box-shadow 1.5s linear 6s}#vContainer>#monitor{background:#aaaaaab0;border:2px solid orange;opacity:.5;padding:5px;position:absolute;right:20px;top:10px}input[type=range]{margin-left:.5em;margin-right:.5em;padding:0}input[type=range][orient=vertical]{-webkit-appearance:slider-vertical;appearance:slider-vertical;width:1em}input[type=range][id=currentPosition]{margin:auto;width:97%}.mn-main{position:relative}.push{margin-left:auto}.dr-down-main,.dr-mn-main{position:relative}.dr-mn-main{display:inline-block;height:1.8em;margin-left:.5em;padding:.3em 0}.dr-mn-main:not(:target):not(:hover)>.dr-mn{box-shadow:0 0 0;opacity:0;visibility:collapse}.dr-mn{background-clip:padding-box;background:#a0a0b0b0;border:1px solid rgba(0,0,0,.5);border-radius:.3em;bottom:99%;box-shadow:3px 3px 7px;display:block;list-style:none;min-width:1.5em;opacity:1;padding:.1em;position:absolute;right:-.5em;text-align:left;transition:visibility .3s linear,opacity .4s linear,box-shadow 1.2s linear;visibility:visible;z-index:2}.dr-mn>li{padding:.4em .3em}.dr-mn2>li,.dr-mn3>li,.dr-mn>li{position:relative}
/*# sourceMappingURL=main.d06e8084.css.map*/