.page-module__XKf7OW__App{flex-direction:column;flex:1;align-items:stretch;height:100%;display:flex;overflow:auto}.page-module__XKf7OW__header{border-bottom:var(--border-default);align-items:center;width:calc(100vw - 350px);min-height:48px;padding:8px;display:flex}.page-module__XKf7OW__main{flex-direction:column;flex:1;max-width:calc(100vw - 350px);padding:16px;display:flex}.page-module__XKf7OW__preview{border:1px solid #000;flex:1;justify-content:center;align-items:stretch;padding:16px;display:flex}.page-module__XKf7OW__sidebar-container{align-items:stretch;width:350px;height:100%;display:flex;position:fixed;top:0;right:0}.page-module__XKf7OW__sidebar{background:#1e1e22;border:1px solid #000;flex:1;width:100%;height:100%;display:flex}@media (max-width:850px){.page-module__XKf7OW__main{max-width:100%}.page-module__XKf7OW__sidebar-container{width:100%;height:auto;padding:0;position:relative}.page-module__XKf7OW__sidebar,.page-module__XKf7OW__header{width:100%}.page-module__XKf7OW__sidebar{height:auto;margin:0 16px 16px}}
.Dialog-module__qiRAgW__wrapper{flex-direction:column;display:flex}.Dialog-module__qiRAgW__header{flex-direction:column;gap:8px;padding:16px 24px 8px;display:flex}.Dialog-module__qiRAgW__header.Dialog-module__qiRAgW__sticky{background:var(--color-background-lighter);z-index:1000;position:sticky;top:0}.Dialog-module__qiRAgW__header.Dialog-module__qiRAgW__bordered{border-bottom:var(--border-default)}.Dialog-module__qiRAgW__headerTitleRow{flex:1;justify-content:space-between;align-items:center;display:flex}.Dialog-module__qiRAgW__headerContentRow{flex-flow:wrap;align-items:center;gap:8px;display:flex}.Dialog-module__qiRAgW__row{flex-direction:row;align-items:center;gap:8px;padding:0 24px 8px;display:flex}.Dialog-module__qiRAgW__footer{flex-direction:row;justify-content:flex-end;padding:16px 24px;display:flex}.Dialog-module__qiRAgW__footer.Dialog-module__qiRAgW__sticky{background:var(--color-background-lighter);z-index:1000;position:sticky;bottom:0}.Dialog-module__qiRAgW__footer.Dialog-module__qiRAgW__bordered{border-top:var(--border-default)}.Dialog-module__qiRAgW__footerActions{flex-direction:row;flex:1;justify-content:flex-end;gap:8px;display:flex}.Dialog-module__qiRAgW__footerActionsLeft{flex:1;display:flex}
.UserLibraryDialog-module__mlgOca__animationLibrary{flex-wrap:wrap;justify-content:flex-start;gap:16px;width:100%;min-height:200px;padding:16px 0;display:flex}.UserLibraryDialog-module__mlgOca__animationItem{background:var(--color-background-lighter);border:var(--border-default);cursor:pointer;flex-direction:row;gap:8px;padding:8px;display:flex}.UserLibraryDialog-module__mlgOca__animationItem.UserLibraryDialog-module__mlgOca__selected{outline:2px solid var(--color-red)}.UserLibraryDialog-module__mlgOca__animationItem>div{text-align:center;flex-direction:column;display:flex}
.AnimationPreview-module__tJzGDq__wrapper,.AnimationPreview-module__tJzGDq__wrapper-item{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.AnimationPreview-module__tJzGDq__wrapper{background:var(--color-background);min-height:300px}.AnimationPreview-module__tJzGDq__wrapper-item{background:var(--color-background-lighter);border-radius:4px;width:200px;height:200px}.AnimationPreview-module__tJzGDq__target-wrapper{perspective:1000px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;overflow:hidden}
.AppBar-module__qWS-gG__wrapper{flex-direction:row;flex:1;justify-content:space-between;align-items:center;padding:0 8px;display:flex;position:relative}.AppBar-module__qWS-gG__logo a{text-decoration:none;transition:all .5s}.AppBar-module__qWS-gG__logo a:hover{text-shadow:0 0 5px var(--color-red), 0 0 15px var(--color-red), 0 0 20px var(--color-grey);text-decoration:none}.AppBar-module__qWS-gG__editing{color:var(--color-grey);flex:1;justify-content:flex-end;align-items:center;gap:8px;margin-right:8px;display:flex}
.Timeline-module__2zMNZW__wrapper{--playhead-size:14px;--timeline-height:110px;box-sizing:border-box;background:var(--color-widget);border:var(--border-default);border-top:none;flex-direction:column;flex:1;padding:16px 24px 32px;display:flex;position:relative}.Timeline-module__2zMNZW__controls{flex-flow:row;display:flex}.Timeline-module__2zMNZW__main{box-sizing:border-box;height:var(--timeline-height);border-top:none;flex-direction:column;margin-top:8px;display:flex;position:relative}.Timeline-module__2zMNZW__spacer{width:100%;height:20px}.Timeline-module__2zMNZW__zone{border:1px solid var(--color-grey);background:var(--color-background);flex:1;display:flex;position:relative}.Timeline-module__2zMNZW__keyframes{width:calc(100% - 1px);height:40px;position:absolute;top:20px;left:0}.Timeline-module__2zMNZW__down{cursor:grab}.Timeline-module__2zMNZW__playhead{animation:1s linear forwards paused Timeline-module__2zMNZW__play-right;position:absolute;top:20px;left:0%}.Timeline-module__2zMNZW__playhead-head{background:var(--color-red);left:calc((var(--playhead-size) / -2) - 1px);top:calc(var(--playhead-size) * -1.5);width:calc(var(--playhead-size) + 2px);height:var(--playhead-size);border-top-left-radius:calc(var(--playhead-size) / 5);border-top-right-radius:calc(var(--playhead-size) / 5);position:absolute}.Timeline-module__2zMNZW__playhead-head:hover{cursor:grab}.Timeline-module__2zMNZW__playhead-head:after{content:"";bottom:calc(var(--playhead-size) / -2);border-left:calc(var(--playhead-size) / 2) solid transparent;border-right:calc(var(--playhead-size) / 2) solid transparent;border-top:calc(var(--playhead-size) / 2) solid var(--color-red);width:2px;height:0;position:absolute;left:0}.Timeline-module__2zMNZW__playhead-head:after:hover{cursor:grab}.Timeline-module__2zMNZW__playhead-tail{height:calc(var(--timeline-height) - 20px);background:var(--color-red);width:2px;position:absolute;top:0;left:-1px}
@keyframes play-module___XOF6W__play{0%{left:0%}to{left:100%}}@keyframes play-module___XOF6W__play2{0%{left:0%}to{left:100%}}
.Ticks-module__A-n3QG__ticks{box-sizing:border-box;flex-direction:row;flex:1;justify-content:space-between;align-items:flex-end;display:flex}.Ticks-module__A-n3QG__tick{background:var(--color-grey);justify-content:center;width:1px;display:flex}.Ticks-module__A-n3QG__major{height:8px}.Ticks-module__A-n3QG__minor{height:4px}.Ticks-module__A-n3QG__label{color:var(--color-grey);font-size:14px;transform:translate(2px,12px)}.Ticks-module__A-n3QG__end{background:0 0}
.KeyframeMark-module__oFqA2G__mark{justify-content:center;align-items:center;width:2px;height:40px;font-family:monospace;font-size:14px;display:flex;position:absolute;top:0;left:0}.KeyframeMark-module__oFqA2G__mark-head{z-index:1;border-radius:2px;justify-content:center;align-items:center;padding:2px 3px;display:flex;position:absolute}.KeyframeMark-module__oFqA2G__mark:hover{cursor:pointer}.KeyframeMark-module__oFqA2G__mark:hover .KeyframeMark-module__oFqA2G__mark-head{padding:4px}.KeyframeMark-module__oFqA2G__mark.KeyframeMark-module__oFqA2G__selected .KeyframeMark-module__oFqA2G__mark-head{outline:1px solid #fff;padding:4px}.KeyframeMark-module__oFqA2G__temporary{opacity:.6}.KeyframeMark-module__oFqA2G__green{background:var(--color-green)}.KeyframeMark-module__oFqA2G__blue{background:var(--color-blue)}
.TimelineControls-module__9KKYhW__wrapper{flex-direction:row;flex:1;align-items:center;display:flex}.TimelineControls-module__9KKYhW__group{color:var(--color-grey);flex-direction:row;align-items:center;margin-right:24px;display:flex}
.KeyframeControls-module__K5fTqG__wrapper{flex-direction:row;display:flex}.MuiIconButton-root.KeyframeControls-module__K5fTqG__enabled{color:var(--color-blue)}
.AnimationFrame-module__WFOZ7a__frame{background:#21374e;border-radius:4px;justify-content:center;align-items:center;width:100%;height:40px;display:flex;position:absolute;top:20px;left:0;overflow:hidden}.AnimationFrame-module__WFOZ7a__name{color:var(--color-white);font-size:14px}
.Sidebar-module__jbxCtW__wrapper{flex-flow:column;flex:1;width:100%;display:flex}.Sidebar-module__jbxCtW__panel{flex-direction:column;flex:1;align-items:stretch;width:100%;padding-left:16px;padding-right:16px;display:flex;overflow-y:auto}.Sidebar-module__jbxCtW__custom-panel{flex-direction:column;flex:0;width:100%;display:flex}@media (max-width:850px){.Sidebar-module__jbxCtW__panel{overflow-y:initial}}
.SidebarKeyframes-module__zc9txq__wrapper{padding:8px 0 16px}.SidebarKeyframes-module__zc9txq__controls{justify-content:space-between;padding:8px 0;display:flex}
.KeyframeList-module__Wr1taq__green .MuiListItemIcon-root{color:#2c9418}.KeyframeList-module__Wr1taq__blue .MuiListItemIcon-root{color:#007fe3}
.AddKeyframe-module__VCVuIG__widget{align-items:flex-start}.AddKeyframe-module__VCVuIG__widget p{margin:0}
.FilterBar-module__e1Eg7a__wrapper .button{background:var(--color-background);margin-right:8px}
.KeyframeEditor-module__o6sF0q__editor{padding:8px 0;display:flex}.KeyframeEditor-module__o6sF0q__editor .MuiInputBase-root.MuiOutlinedInput-root{padding:0}.KeyframeEditor-module__o6sF0q__row{margin-bottom:12px;display:flex}.KeyframeEditor-module__o6sF0q__row .MuiButtonBase-root .MuiSvgIcon-root{width:.8em;height:.8em}.KeyframeEditor-module__o6sF0q__property{min-width:150px;margin-right:8px}.KeyframeEditor-module__o6sF0q__value{flex:1;display:flex}
.page-module___8aEwW__main{flex-direction:column;align-items:center;min-height:100vh;display:flex}.page-module___8aEwW__hero{flex-direction:column;align-items:center;margin:128px 16px;display:flex}.page-module___8aEwW__title{color:#0000;background:linear-gradient(to right, var(--color-red) 20%, var(--color-blue) 50%, var(--color-green) 80%);background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:4rem;line-height:4rem;animation:2s linear infinite alternate page-module___8aEwW__text-color-shift}@keyframes page-module___8aEwW__text-color-shift{0%{}to{background-position:100%}}.page-module___8aEwW__info{flex-flow:wrap;justify-content:space-between;align-items:center;gap:56px;margin:48px 0;display:flex}.page-module___8aEwW__description{text-align:flex-start;max-width:500px;color:var(--color-grey);font-size:18px;font-weight:300;line-height:1.5em;display:flex}.page-module___8aEwW__footer{flex-direction:row;justify-content:center;display:flex}@media (max-width:850px){.page-module___8aEwW__hero{align-items:flex-start;margin:16px}.page-module___8aEwW__info{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:24px;margin:16px 0}}
.StyleRow-module__rqfCRW__wrapper{flex-direction:column;margin-bottom:12px;display:flex}.StyleRow-module__rqfCRW__row{display:flex}.StyleRow-module__rqfCRW__row .MuiButtonBase-root .MuiSvgIcon-root{width:.8em;height:.8em}.StyleRow-module__rqfCRW__property,.StyleRow-module__rqfCRW__property-error{min-width:150px;margin-right:8px}.StyleRow-module__rqfCRW__value{flex:1;display:flex}.StyleRow-module__rqfCRW__error{color:var(--color-red);margin-top:4px;font-size:12px;display:flex}
.Footer-module__q7ZRWa__wrapper{max-width:800px;color:var(--color-grey);flex:1;justify-content:space-between;padding:16px 8px;font-size:14px;display:flex}.Footer-module__q7ZRWa__item{display:flex}.Footer-module__q7ZRWa__item a{margin:0 4px}