html{scrollbar-width:none;-ms-overflow-style:none;-webkit-text-size-adjust:100%;font-size:16px}@media screen and (min-width:1920px),print{html{font-size:20px}}@media screen and (min-width:2560px),print{html{font-size:30px}}html,body{width:100%;height:100vh;touch-action:pan-x pan-y;margin:0}body{color:#fff;background-color:#000;flex-direction:column;margin:0;font-family:Arial;display:flex;overflow:hidden}a{color:#fff;text-decoration:none}h1.seo__title,h2.seo__subtitle{user-select:none;-o-user-select:none;opacity:0;pointer-events:none;position:absolute}div.hidden{pointer-events:none;display:none}div.before_exit{pointer-events:none}.reusable-elements{display:none}input:focus,textarea:focus,select:focus{outline:0}::-webkit-scrollbar{width:6px;height:8px}::-webkit-scrollbar-track{background-color:#0000}::-webkit-scrollbar-thumb{background-color:#707070}::placeholder{color:#949494}:-ms-input-placeholder{color:#949494}::-moz-placeholder{color:#949494}.button{user-select:none;-o-user-select:none;cursor:pointer}.button__close{fill:#fff;padding:11px;display:flex;position:absolute;top:0;right:0}.button__primary{color:#fff;width:fit-content;background-color:#181818;border-radius:6px;padding:10px 20px;display:flex;position:relative}.button__primary:hover{background-color:#313131}.button__primary:active{background-color:#181818}.button__secondary{color:#fff;width:fit-content;background-color:#313131;padding:10px 20px;display:flex;position:relative}.button__secondary:hover{background-color:#262626}.button__secondary:active{background-color:#313131}.canvas-container{width:10px;height:10px;touch-action:none;opacity:0;justify-content:center;display:flex;position:absolute}.canvas-container canvas{width:10px;height:10px}.section{z-index:1;width:100%;min-height:100%;opacity:0;display:grid;position:absolute}.section.hidden{opacity:0;display:none}.container{user-select:none;-o-user-select:none;z-index:2;width:100%;height:100%;position:fixed}.component{z-index:1;display:grid;position:absolute}.loader{z-index:999;background-color:#000;place-items:center;top:0}.loader__group{flex-direction:column;align-items:center;display:flex}.loader__animation{width:300px;display:flex}.loader__animation * path{stroke:#fff}.loader__progress-bar{width:60%;max-width:300px;will-change:transform;background:#909090;border-radius:6px;position:relative;overflow:hidden}.loader__progress-bar-fill{width:100%;height:8px;transform-origin:0;will-change:transform;background-color:#fff;border-radius:20px;position:relative;left:-100%}.explorer{width:250px;height:100%;color:#fff;background-color:#282828;flex-direction:column;justify-content:space-between;display:flex;left:0}.explorer__header{height:30px;min-height:30px;max-height:30px;border-bottom:1px solid #d6d6d6;justify-content:center;align-items:center;display:flex}.explorer__body{height:inherit;flex-direction:column;margin-bottom:10px;display:flex;overflow:scroll}.explorer__items{display:grid}.explorer__items-header{padding:12px 10px}.explorer__items-folder{align-items:center;display:flex}.explorer__items-folder-icon{width:16px;margin-right:6px;display:flex}.explorer__items-folder-name{font-weight:700}.explorer__item{align-items:center;padding:6px 6px 6px 8px;display:flex}.explorer__item:hover{background-color:#313131}.explorer__item:active,.explorer__item.active{background-color:#484848}.explorer__item-icon{min-width:16px;width:16px;margin-right:6px;display:flex}.explorer__item-icon svg{width:100%;height:100%}.explorer__footer{justify-content:center;padding-bottom:20px;display:flex}.explorer__select-folder input[type=file]{opacity:0;width:100%;height:100%;cursor:pointer;position:absolute;top:0;left:0}.tracks{width:180px;height:calc(100vh - 26px);color:#fff;background-color:#222;flex-direction:column;display:flex;left:250px}.tracks__header{height:30px;min-height:30px;max-height:30px;border-bottom:1px solid #d6d6d6;justify-content:center;align-items:center;display:flex}.tracks__body{min-height:600px;will-change:scroll-position;flex-direction:column;display:flex;overflow-y:scroll}.tracks__body::-webkit-scrollbar{width:0;height:0}.tracks__body::-webkit-scrollbar-track{background-color:#0000}.tracks__body::-webkit-scrollbar-thumb{background-color:#0000}.tracks__container{min-height:2000px}.tracks__footer{flex-direction:column;justify-content:center;align-items:center;display:flex}.tracks__new-track{margin-bottom:14px}.tracks__triggers{border-top:2px solid #535353;margin-bottom:7px;padding:16px 41px}.tracks__track{height:49px;min-height:49px;will-change:scroll-position;border-bottom:1px solid #535353;justify-content:center;align-items:center;display:flex}.tracks__track:hover,.tracks__track.active{cursor:pointer;box-shadow:inset 0 0 0 2px #fff}.inspector{width:250px;height:100%;color:#fff;background-color:#282828;flex-direction:column;display:flex;right:0}.inspector__header{height:36px;border-bottom:1px solid #fff;justify-content:center;align-items:center;display:flex}.inspector__body{height:calc(100% - 36px)}.inspector-item{background-color:#383838;flex-direction:column;margin:6px;padding:12px 8px;display:flex}.inspector-item__title{margin-bottom:8px;font-size:14px}.inspector-item__input{background-color:#2a2a2a;border-radius:6px;margin:0 6px}.inspector-item__input input,.inspector-item__input select{color:#fff;width:calc(100% - 20px);background-color:#0000;border:0;border-radius:6px;padding:8px 10px}.inspector-item__input select{width:calc(100% - 10px)}.inspector-item__row .inspector-item__input{margin:0}.inspector-item__input .inspector-item__to-value{width:calc(100% - 14px);padding-right:0}.inspector-item__input .inspector-item__to-value::-webkit-inner-spin-button{opacity:1;height:27px;width:20px;flex-grow:0}.inspector-item__input .inspector-item__from-time,.inspector-item__input .inspector-item__to-time{width:70px;padding-right:6px}.inspector-item__input .inspector-item__from-time::-webkit-inner-spin-button,.inspector-item__input .inspector-item__to-time::-webkit-inner-spin-button{opacity:1;height:27px;width:20px;flex-grow:0}.inspector-item__row{justify-content:space-between;align-items:center;margin:0 6px 4px;display:flex}.inspector-item__row:last-child{margin-bottom:0}.inspector-item__label{width:220px;font-size:14px}.inspector-item__button{background-color:#2a2a2a;align-self:flex-end;padding:8px 18px}.trigger{width:32px;justify-content:center;align-items:center;display:flex;position:absolute}.trigger:hover,.trigger.active{cursor:pointer}.trigger:hover rect,.trigger.active rect{stroke:#fff}.trigger-label{font-size:14px;position:absolute}.editor{height:100%;background-color:#181818;flex-direction:column;display:flex}.editor__body{display:flex}.editor__body-left{width:430px}.editor__body-right{width:calc(100% - 430px);height:calc(100vh - 26px);flex-direction:column;display:flex;overflow-x:scroll;overflow-y:hidden}.editor__timeline{height:31px;border-bottom:1px solid #313131;display:flex}.editor__timeline-time{min-width:47px;color:#b3b3b3;border-right:1px solid #313131;align-items:flex-end;padding-left:2px;display:flex}.editor__timeline-time:first-child{min-width:45.5px;border-left:2px solid #535353}.editor__tracks{width:2500px;min-height:600px;max-height:calc(100vh - 116px);position:relative;overflow-x:hidden;overflow-y:scroll}.editor__tracks-container{min-height:2000px}.editor__grid{fill:none;stroke:#313131;stroke-width:1px;position:absolute;top:0}.editor__grid-line--main{stroke:#535353;stroke-width:2px}.editor__track{height:50px;align-items:center;display:flex;position:relative}.editor__segment-new{width:25px;height:25px;z-index:2;align-items:center;margin-left:15px;display:flex}.editor__triggers{height:50px;width:2500px;border-top:2px solid #535353;position:relative}.editor__triggers-container{position:relative}.editor__footer{height:25px;color:#ddd;justify-content:space-between;align-items:center;padding-top:1px;padding-left:255px;padding-right:12px;font-size:14px;display:flex}.editor__footer span{padding:0 4px;font-family:emoji;font-size:15px}.editor__footer a{padding-left:4px}.editor__segment{width:100px;height:50px;will-change:transform;cursor:move;color:#e4e4e4;background-color:#181818;place-content:center;font-size:12px;display:grid;position:absolute;box-shadow:inset 0 0 0 2px #535353}.editor__segment:hover,.editor__segment.active{box-shadow:inset 0 0 0 2px #fff}.editor__segment-resize-wall{width:12px;height:100%;cursor:ew-resize;position:absolute}.editor__segment-resize-wall--left{left:-6px}.editor__segment-resize-wall--right{right:-6px}.editor__segment-resize-wall-line{width:6px;height:100%;position:absolute}.editor__segment-resize-wall:hover .editor__segment-resize-wall-line{background-color:#fff}.editor__segment-resize-wall--left .editor__segment-resize-wall-line{left:6px}.editor__segment-resize-wall--right .editor__segment-resize-wall-line{right:6px}