@import url(https://fonts.googleapis.com/css2?family=Signika:wght@300;400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Signika:wght@300;400;600;700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}-webkit-scrollbar *{background:transparent}.player-container{display:flex;flex-direction:column;height:0;min-height:220px;flex-grow:1;overflow:hidden;transition:opacity .5s,transform .5s;min-height:250px}.player-container .vjs{width:100%;height:100%;overflow:hidden;outline:0;border:0}.player-container video{width:auto;height:100%;width:100%;object-fit:contain;pointer-events:none;outline:none;border:0}.player-container .video-container{position:relative;overflow:hidden;height:100%;min-height:200px}.player-container .freckle-layer{position:absolute;top:50%;left:50%;cursor:crosshair;z-index:1000}.player-container .freckle-layer .inner-freckle-layer{width:100%;height:100%}.player-container .info{display:flex;justify-content:space-around;align-items:center;flex-direction:row;padding-top:10px;color:#fff;margin:0 auto 20px;font-size:14px;color:#2f2f2f}.player-container .info .left{width:calc(50% - 70px);min-width:120px;text-align:left;-webkit-user-select:none;user-select:none;overflow:hidden}.player-container .info .right{width:calc(50% - 70px);min-width:120px;text-align:right}.player-container .info .currenttime{color:#fff;padding-left:10px;font-weight:400}.player-container .info .totaltime{color:#4f4f4f;padding-right:10px;font-weight:400}.player-container .controls{display:flex;justify-content:center;align-items:center;flex-direction:row;width:90px;min-height:25px;flex:0 1}.player-container .controls .control{background-color:transparent;outline:0;border:0;cursor:pointer;height:20px;width:20px;background-size:15px 15px;background-repeat:no-repeat;background-position:50%;margin:0 5px}.player-container .controls .control.play{background-image:url(/static/media/play.d75c82c4.svg)}.player-container .controls .control.pause{background-image:url(/static/media/pause.4c1162b7.svg)}.player-container .controls .control.rev{background-image:url(/static/media/rev.6a994e7e.svg)}.player-container .controls .control.fwd{background-image:url(/static/media/fwd.08481efd.svg)}.freckle{-webkit-animation-timing-function:linear;animation-play-state:paused;position:absolute;-webkit-user-select:none;user-select:none;margin-left:-13px;margin-top:-13px}.freckle,.freckle .outer{display:flex;justify-content:center;align-items:center}.freckle .outer{height:20px;width:20px;border:3px solid transparent;border-radius:50%;cursor:grab}.freckle .outer,.freckle .outer .inner{background-color:transparent;transition:background-color .2s ease}.freckle .outer .inner{height:6px;width:6px;border:5px solid #fff;border-radius:100px;margin:0 auto;box-shadow:0 0 18px 0 rgba(0,0,0,.25)}.freckle:hover .outer .inner{border:5px solid #34ace0}.freckle.selected .outer{border:3px solid rgba(52,172,224,.2)}.freckle.selected .outer .inner{border:5px solid #4a90e2;box-shadow:none}.freckle.selected:hover .outer{border:3px solid rgba(52,172,224,.5)}.freckle.selected:hover .outer .inner{border:5px solid #4ab7e2}.freckle-button{outline:0;border:0;height:35px;width:fit-content;padding:0 20px;background-color:#3781d8;border-radius:100px;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.5px;font-weight:700!important;cursor:pointer;color:#fff;transition:.5s;pointer-events:auto}.freckle-button img{padding-right:15px;height:15px}.freckle-button .left-arrow{padding:0;margin-right:10px;height:6px;width:10px}.freckle-button .right-arrow{padding:0;margin-left:10px;height:6px;width:10px}.freckle-button.disabled{background:none;color:#9f9f9f;pointer-events:none;background-color:#3f3f3f}.freckle-button:hover{background-color:#e73c7e;color:#fff;box-shadow:0 0 18px 0 rgba(0,0,0,.5)}.freckle-button.back-button{padding:0 20px;height:45px;outline:0;border:0;background-color:transparent;background:none;font-size:12px;font-weight:700;color:#fff;cursor:pointer;transition:.2s;border-radius:4px;text-transform:uppercase}.freckle-button.back-button.disabled{opacity:.5;pointer-events:none}.freckle-button.back-button:hover{background-color:#444;box-shadow:none}.range{-webkit-appearance:none;vertical-align:middle;outline:none;border:none;padding:0;background:none;margin-bottom:10px;width:120px}.range::-webkit-slider-runnable-track{background-color:#d7dbdd;height:6px;border-radius:3px;border:1px solid transparent}.range[disabled]::-webkit-slider-runnable-track{border:1px solid #d7dbdd;background-color:transparent;opacity:.4}.range::-moz-range-track{background-color:#d7dbdd;height:6px;border-radius:3px;border:none}.range::-ms-track{color:transparent;border:none;background:none;height:6px}.range::-ms-fill-lower,.range::-ms-fill-upper{background-color:#d7dbdd;border-radius:3px}.range::-ms-tooltip{display:none}.range::-moz-range-thumb{border-radius:20px;height:18px;width:18px;border:none;background:none;background-color:#606670}.range:active::-moz-range-thumb{outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none!important;border-radius:100%;background-color:#606670;height:18px;width:18px;margin-top:-7px;cursor:pointer;-webkit-transition:.25s;transition:.25s;transform:scale(1)}.range[disabled]::-webkit-slider-thumb{background-color:transparent;border:1px solid #d7dbdd}.range:active::-webkit-slider-thumb{outline:none}.range:hover::-webkit-slider-thumb{outline:none;transform:scale(1.1);background-color:#6c737e}.range::-ms-thumb{border-radius:100%;background-color:#606670;height:18px;width:18px;border:none}.range:active::-ms-thumb{border:none}.path-button{font-family:"Signika";font-weight:700;font-size:12px;outline:none;background-color:#f74743;border:2px solid transparent;border-radius:3px;color:#fff;cursor:pointer;margin:5px 0;text-align:left;display:flex;align-items:center;justify-content:center;width:100px;height:20px;transition:.5s}.path-button img{height:12px;margin-right:5px}.path-button:hover{box-shadow:0 0 12px 0 rgba(0,0,0,.2)}.path-button.closed{background-color:#4a90e2;color:#fff}.delete-keyframe-button{border:none;outline:none;background-color:transparent;cursor:pointer;opacity:.5;transition:.2s;margin-left:10px}.delete-keyframe-button:hover{opacity:1}.delete-keyframe-button img{pointer-events:none}.keyframe-tooltip-time{color:#8f8f8f}.stage-container{position:relative;color:#fff;height:100%;width:100%;display:flex;flex-direction:column}.stage-container .menu-toolbar{width:calc(100% - 10px);height:40px;background-color:#1f1f1f;flex-shrink:0;justify-content:space-between;padding-left:10px;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.15)}.stage-container .menu-toolbar,.stage-container .menu-toolbar .left{display:flex;flex-direction:row;align-items:center;grid-gap:10px;gap:10px}.stage-container .menu-toolbar .left{justify-content:flex-start}.stage-container .menu-toolbar .right{margin-right:15px;margin-top:5px}.stage-container .keyframe-tooltip{display:flex;flex-direction:column}.stage-container .names-container{height:100%;width:250px;min-width:250px;background-color:#222;position:relative;z-index:100;margin-right:2px}.stage-container .stage-timeline-container{width:100%;height:100%;overflow-x:scroll;overflow-y:visible;position:relative;-webkit-user-select:none;user-select:none}.stage-container .stage-timeline-container::-webkit-scrollbar{background-color:transparent;height:17px;cursor:pointer}.stage-container .stage-timeline-container::-webkit-scrollbar-track{background-color:#1e1e1e}.stage-container .stage-timeline-container::-webkit-scrollbar-thumb{border-radius:100px;border:4px solid transparent;background-clip:content-box;background-color:hsla(0,0%,100%,.1);-webkit-transition:.25s;transition:.25s;cursor:pointer!important}.stage-container .stage-timeline-container::-webkit-scrollbar-thumb:hover{background-color:#3f3f3f}.stage-container .stage-timeline-container .timeline-overlay{position:absolute;top:0;left:0;height:calc(100% - 40px);z-index:200;pointer-events:none}.stage-container .stage-timeline-container .playhead{position:absolute;background-color:transparent;height:calc(100% + 20px);margin-top:-20px;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-left:-4.5px}.stage-container .stage-timeline-container .playhead .topper{width:9px;height:9px;background-color:#4a90e2}.stage-container .stage-timeline-container .playhead .line{width:1px;height:100%;background-color:#4a90e2}.stage-container .timeline-content::-webkit-scrollbar{display:none}.stage-container .timeline-content{position:absolute;top:40px;left:0;height:calc(100% - 40px);overflow-y:scroll;z-index:25}.stage-container .toolbar{height:40px;width:250px;display:flex;justify-content:flex-start;z-index:15;background-color:#1f1f1f;position:absolute}.stage-container .toolbar .add-product{outline:0;border:0;background:linear-gradient(90deg,#333,#333,#404040,#404040,#c5d7ed,#4a90e2,#4a90e2,#4a90e2);background-size:400% 400%;background-position:0 50%;color:#fff;border-radius:4px;height:30px;font-weight:700;cursor:pointer;transition:.5s;margin-left:10px;padding-right:12px;box-shadow:0 0 18px 0 rgba(0,0,0,.15)}.stage-container .toolbar .add-product img{height:15px;float:left;margin-right:10px;margin-left:2px}.stage-container .toolbar .add-product:hover{background-position:100% 50%;color:#fff}.stage-container .active-stage{display:flex;flex-direction:row;height:0;flex-grow:1}.group-name-panels-container::-webkit-scrollbar{display:none}.group-name-panels-container{position:absolute;top:40px;left:0;width:100%;height:calc(100% - 40px);overflow:scroll;transition:background-color .5s ease}.group-name-panels-container .placeholder{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:13px;line-height:22px;color:#9f9f9f;-webkit-user-select:none;user-select:none}.group-name-panels-container .placeholder h3{margin:0;padding:0}.group-name-panels-container .placeholder p{width:70%}.group-name-panels-container .placeholder .blob{border-radius:50%;box-shadow:0 0 0 0 #000;height:15px;width:15px;transform:scale(1);background:#34ace0;box-shadow:0 0 0 0 #34ace0;animation:pulse-blue 2s infinite;margin:10px 10px 5px}@keyframes pulse-blue{0%{transform:scale(.95);box-shadow:0 0 0 0 #34ace0}70%{transform:scale(1);box-shadow:0 0 0 15px rgba(52,172,224,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(52,172,224,0)}}.group-name-panels-container .product-image{height:35px;width:35px;background-color:#fff;margin-right:15px;object-fit:contain;border-radius:4px}.group-name-panels-container .name-panel{padding-left:20px;height:55px;display:flex;justify-content:flex-start;align-items:center;margin-bottom:2px;font-size:13px;-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:20px;background-color:transparent}.group-name-panels-container .product-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.group-name-panels-container .name-panel:hover{background-color:hsla(0,0%,100%,.025)}.group-name-panels-container .name-panel.selected{background-color:#4a90e2}.group-panels-container{min-height:100%}.group-panels-container .panel{height:55px;display:flex;justify-content:flex-start;align-items:center;border-bottom:2px solid transparent;position:relative}.group-panels-container .section{position:absolute;border-left:1px solid transparent;background-color:#3f3f3f;height:2.5px;margin-left:-5px;display:flex;justify-content:flex-end;align-items:center;overflow:visible;transition:background-color .1s}.group-panels-container .section:hover{cursor:pointer}.group-panels-container .section.start{background-color:transparent}.group-panels-container .click-area{display:block;height:6px;width:6px;cursor:pointer;transform:scale(.9);transition:.2s;z-index:100;position:absolute;right:-5px;border:2px solid transparent}.group-panels-container .click-area.selected{border:2px solid transparent;background-color:#4da0ff!important;box-shadow:0 0 12px 0 #4da0ff}.group-panels-container .click-area.start{border-radius:0;transform:rotate(45deg);background-color:#7ed321}.group-panels-container .click-area.tween{border-radius:5px;background-color:#fff}.group-panels-container .click-area.end{border-radius:0;background-color:#f74743}.group-panels-container .click-area:hover{border:2px solid transparent}.ticks-container{z-index:30;height:39px;cursor:pointer;pointer-events:all;background-color:#171717}.ticks-container,.ticks-container .tick{display:flex;justify-content:flex-start;align-items:top;flex-direction:row}.ticks-container .tick{height:12px;border-left:1px solid hsla(0,0%,100%,.2);overflow:visible;margin-top:22.5px;text-align:left;pointer-events:none;position:relative}.ticks-container .tick .subtick{height:50%;width:calc(25% - 1px);border-right:1px solid #979797;opacity:.25}.ticks-container .tick .subtick.hidden{opacity:0}.ticks-container .tick .subsubtick{height:50%;width:calc(50% - 1px);border-right:1px solid #979797;opacity:.8}.ticks-container .tick .subsubtick.hidden{opacity:0}.ticks-container .tick label{text-align:center;position:absolute;display:block;bottom:15px;width:100px;margin-left:-50px;color:#979797;font-weight:300;font-size:12px}.header-container{width:100%;height:60px;min-height:60px;background-color:#222;border-bottom:2px solid #111;justify-content:space-between;z-index:100;background-image:url(/static/media/freckle-logo.878c22cb.svg);background-repeat:no-repeat;background-position:25px;background-size:80px auto;font-size:13px;font-weight:700;position:relative}.header-container,.header-container .back-button{display:flex;align-items:center;color:#fff;transition:.25s}.header-container .back-button{outline:none;border:none;background:none;justify-content:center;height:40px;width:40px;border-radius:20px;margin-left:5px;cursor:pointer}.header-container .back-button img{opacity:.15;margin-left:-1px;transition:.25s}.header-container .back-button:hover{background-color:hsla(0,0%,100%,.025)}.header-container .back-button:hover img{opacity:1}.header-container .title{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:transparent;pointer-events:none;font-size:15px}.header-container .title .date{color:#666;font-size:12px;margin-top:5px}.header-container .menu-right{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}.header-container .menu-right .preview-button{outline:none;border:none;font-size:13px;min-width:170px;background:linear-gradient(90deg,#4a90e2,#4a90e2,#4a90e2,#a6caf4,#f1a1c0,#e73c7e,#e73c7e,#e73c7e);background-size:400% 400%;background-position:0 50%;border-radius:3px;font-family:"Signika";font-weight:700;text-transform:uppercase;cursor:pointer;width:100%;transition:.5s;height:30px;padding:0 20px;margin-right:20px;color:#fff}.header-container .menu-right .preview-button img{margin-right:8px}.header-container .menu-right .preview-button:hover{transition:.5s;background-position:100% 50%}.header-container .menu-right .preview-button.disabled{background:none;background-color:#4f4f4f;color:#7f7f7f}.header-container .menu-right .menu-bar{display:flex;flex-direction:row;justify-content:center;align-items:center}.header-container .menu-right .menu-bar button{width:50px;height:50px;border-radius:25px;outline:0;border:0;background-color:transparent;display:flex;justify-content:center;align-items:center;cursor:pointer}.header-container .menu-right .menu-bar button:hover{background-color:hsla(0,0%,100%,.025);transition:.25s}.header-container .menu-right .menu-bar .library-button img{height:12px}.header-container .menu-right .menu-bar .products-button img{height:16px;margin-top:-2px}.header-container .menu-right .menu-bar .stage-button img{height:13px;margin-top:-1px}.header-container .menu-right .account{float:right;padding:0 20px;margin-left:10px;line-height:30px;cursor:pointer;transition:.25s;height:100%;display:flex;justify-content:center;align-items:center}.header-container .menu-right .account .account-avatar{float:left;width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:15px;background-color:#e73c7e;text-transform:uppercase;font-weight:700;font-size:16px;margin:0 auto}.header-container .menu-right .account .dropdown{position:absolute;right:0;top:60px;width:200px;background-color:#444;display:none}.header-container .menu-right .account .dropdown .item{display:flex;align-items:center;height:50px;padding-left:20px;transition:.25s;border-top:1px solid #555;background-color:hsla(0,0%,100%,.025)}.header-container .menu-right .account .dropdown .item:hover{background-color:hsla(0,0%,100%,.25)}.header-container .menu-right .account:hover{transform:scale(1.05)}.header-container .menu-right .account:hover .dropdown{display:block}.header-container.back{background-position:50px}.help-widget{height:12px;width:12px;border-radius:6px;background-color:#fff;color:#000;font-family:"Signika";font-weight:700;font-size:10px;display:flex;justify-content:center;align-items:center;opacity:.25;transition:.25s;margin-left:10px;-webkit-user-select:none;user-select:none;cursor:pointer}.help-widget:hover{opacity:1;transform:scale(1.1)}.swatch-container{display:flex;flex-direction:row}.swatch-container .swatch{position:relative;cursor:pointer;height:40px;width:60px;box-shadow:0 2px 10px rgba(0,0,0,.15);border-radius:4px;box-shadow:0 0 8px 0 rgba(0,0,0,.25)}.swatch-container .hex-input{outline:0;border:0;background-color:#2f2f2f;width:60px;margin-left:5px;color:#fff;font-family:"Signika";font-size:.7em;padding:0 10px;box-shadow:0 2px 10px rgba(0,0,0,.15);border-radius:4px}.picker-menu{position:relative;font-size:.9em;-webkit-user-select:none;user-select:none;border:1px solid transparent}.picker-menu label{color:#000}.picker-menu .picker-row{display:flex;flex-direction:row}.picker-menu .picker-select-box{background-color:#333;color:#fff;cursor:pointer;padding:0 15px;min-height:40px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-grow:1;margin:0 10px 0 0;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.15)}.picker-menu .picker-select-box .arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;margin-left:10px;border-bottom:5px solid #8f8f8f;transition:.2s;transform:rotate(180deg)}.picker-menu .picker-select-box .arrow.down{transform:rotate(180deg)}.picker-menu .picker-select-box .arrow.up{transform:rotate(0deg)}.picker-menu .picker-select-box.selected{border-radius:4px 4px 0 0;box-shadow:0 2px 10px rgba(0,0,0,.15)}.picker-menu .picker-options-container{position:absolute;z-index:100;background-color:#2f2f2f;overflow:scroll;overflow-x:hidden;color:#fff;top:40px;left:0;min-width:calc(100% - 10px);border-radius:0 0 4px 4px;box-shadow:0 2px 10px rgba(0,0,0,.15);max-height:0;transition:.15s}.picker-menu .picker-options-container .item{min-height:30px;width:100%;transition:.2s;display:flex;align-items:center;padding:5px 20px;-webkit-user-select:none;user-select:none;cursor:pointer}.picker-menu .picker-options-container .item:hover{background-color:#333}.picker-menu .picker-options-container.selected{max-height:400px}.loading-container{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:hsla(0,0%,100%,.35);font-family:"Signika";animation:enterLoaderAnim 1s normal forwards}.loading-container h4{padding-bottom:10px}@keyframes enterLoaderAnim{0%{opacity:0}to{opacity:1}}.Editor{text-align:center;position:relative;height:100vh;width:100vw;font-family:"Signika";display:flex;flex-direction:column}.Editor .keyframes-zero-state{height:calc(100vh - 65px);width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:13px;line-height:22px;color:#9f9f9f;-webkit-user-select:none;user-select:none}.Editor .product-drag-item{position:absolute;height:200;width:100;background-color:transparent;top:20%;left:50%;z-index:1000000;pointer-events:none;margin-top:-70px;margin-left:-23px}.Editor .product-drag-item .icon{height:40px;width:40px;border-radius:200px;border:4px solid #34ace0;background-color:#fff}.Editor .product-drag-item span:after{content:"";position:absolute;left:16px;top:46px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #34ace0;clear:both}.Editor .product-drag-item:after{content:"";position:absolute;left:15px;bottom:-26px;width:5px;height:5px;border:6px solid #34ace0;border-radius:50%;background-color:transparent}.Editor .overlay-pane{position:absolute;top:60px;left:0;width:100%;height:calc(100% - 60px);background-color:rgba(0,0,0,.75);z-index:2000;opacity:1;pointer-events:default;transition:.5s;display:flex;justify-content:center;align-items:center}.Editor .overlay-pane.hidden{pointer-events:none;opacity:0}.Editor .products-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);z-index:200;opacity:1;pointer-events:default;transition:.5s}.Editor .products-backdrop.hidden{pointer-events:none;opacity:0}.Editor .main-content{display:flex;flex-direction:row;flex-grow:1}.Editor .prod-pane{width:270px;height:100%;background-color:#222;margin-right:2px;overflow:visible;position:relative;animation:prod-pane-enterProdAnim .3s normal forwards}@keyframes prod-pane-enterProdAnim{0%{margin-left:-270px}to{margin-left:0}}.Editor .prod-pane.exit{animation:prod-pane-exitAnim .3s normal forwards}@keyframes prod-pane-exitAnim{0%{margin-left:0}to{margin-left:-270px}}.Editor .center-pane{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;width:100%}.Editor .right-pane{width:300px;min-width:300px;height:100%;background-color:#222;margin-left:2px;flex:0 1;animation:right-pane-enterAnim .3s normal forwards}@keyframes right-pane-enterAnim{0%{margin-right:-300px}to{margin-right:0}}.Editor .right-pane .product-header{height:90px;background-color:#1e1e1e;display:flex;flex-direction:row;color:#fff;min-width:0;box-shadow:0 2px 10px rgba(0,0,0,.15);position:sticky}.Editor .right-pane .product-header img{height:50px;width:50px;margin:20px 10px 20px 20px;background-color:#fff;object-fit:cover;border-radius:6px}.Editor .right-pane .product-header .trash-container{height:30px;width:30px;background-color:transparent;opacity:.45;cursor:pointer;transition:.25s;flex:0 1;display:flex;align-items:center;justify-content:center;margin-top:20px;margin-right:10px}.Editor .right-pane .product-header .trash-container .trash-icon{border-radius:0;object-fit:fill;background-color:transparent;height:14px;width:14px;margin:0 15px;padding:0}.Editor .right-pane .product-header .trash-container:hover{opacity:1}.Editor .right-pane .product-header .product-header-details{margin:15px 5px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.Editor .right-pane .product-header .product-header-details .product-title{font-size:.9em;font-weight:700;min-width:0;width:100%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Editor .right-pane .product-header .product-header-details .product-price{font-size:.9em;color:#555;min-width:0}.Editor .right-pane.exit{width:300px;animation:right-pane-exitAnim .3s normal forwards}@keyframes right-pane-exitAnim{0%{margin-right:0}to{margin-right:-300px}}.Editor .tutorial-enter{opacity:0}.Editor .tutorial-enter-active{opacity:1;transition:opacity .3s,transform .3s}.Editor .tutorial-exit{opacity:1}.Editor .tutorial-exit-active{opacity:0;transition:opacity .3s,transform .3s}.Editor .drag-freckle-enter{opacity:0}.Editor .drag-freckle-enter-active{opacity:1;transition:opacity .3s,transform .3s}.Editor .drag-freckle-exit{opacity:1}.Editor .drag-freckle-exit-active{opacity:0;transition:opacity .3s,transform .3s}.Editor .stage-panel-enter{margin-bottom:calc(min(-20vh, -300px))}.Editor .stage-panel-enter-active{margin-bottom:0;transition:.3s}.Editor .stage-panel-exit{opacity:1}.Editor .stage-panel-exit-active{opacity:0;margin-bottom:calc(min(-20vh, -300px));transition:.3s}.Editor .keyframe-panel-enter-active{transition:opacity 50ms,transform 50ms}.Editor .keyframe-panel-exit{opacity:1}.Editor .keyframe-panel-exit-active{transition:opacity 50ms,transform 50ms}.Editor .product-panel-enter-active{opacity:1;transition:opacity .3s,transform .3s}.Editor .product-panel-exit{opacity:1}.Editor .product-panel-exit-active{transition:opacity .3s,transform .3s}.text-input-container{margin-top:20px;height:70px;overflow:hidden}.text-input-container ::placeholder{color:hsla(0,0%,100%,.2)}.text-input-container .text-input{height:45px;width:calc(100% - 12px);background-color:hsla(0,0%,100%,.1);border:0;padding-left:10px;outline:none;margin:0;color:hsla(0,0%,100%,.7);transition:.25s;font-size:14px;box-shadow:0 2px 10px rgba(0,0,0,.15);border-radius:4px}.text-input-container .text-input:hover{color:#fff}.text-input-container .text-input:focus{color:#fff;background-color:hsla(0,0%,100%,.15);box-shadow:0 0 15px -10px hsla(0,0%,100%,.2)}.text-input-container .text-area{min-height:100px;height:calc(100% - 12px);width:100%;background-color:transparent;border:0;outline:none;margin:20px 0 0;color:hsla(0,0%,100%,.7);border-left:2px solid #333;transition:.25s;resize:none;padding-left:10px;font-family:"Signika";font-size:14px}.text-input-container .text-area:hover{color:#fff}.text-input-container .text-area:focus{color:#fff;border-left:2px solid #4a90e2}.text-input-container .label{color:hsla(0,0%,100%,.5);font-size:12px;height:12px;font-weight:500;transition:.25s}.text-input-container .labelContainer{display:flex;flex-direction:row;flex-gap:10px;overflow:display;padding-bottom:10px}.text-input-container.fullWidth{margin:30px 0;width:100%}.option-button{outline:none;border:none;background:linear-gradient(90deg,#3781d8,#4a90e2,#6ea0db,#a6caf4,#f1a1c0,#e73c7e,#e73c7e,#e73c7e);background-size:400% 400%;background-position:0 50%;color:#fff;padding:7px 13px;border-radius:3px;font-family:"Signika";font-weight:700;text-transform:uppercase;cursor:pointer;transition:.25s;width:100%;margin-bottom:10px;transition:.5s;font-size:13px;display:flex;justify-content:center;align-items:center}.option-button img{margin-right:8px;max-height:15px}.option-button:hover{background-position:100% 50%}.option-button.outline{background:linear-gradient(90deg,#3f3f3f,#3f3f3f,#3f3f3f,#3f3f3f,#f1a1c0,#e3a434,#e3a434,#e3a434);background-size:400% 400%;background-position:0 50%;transition:.5s}.option-button.outline:hover{background-position:100% 50%}.library-pane-container{height:calc(100vh - 65px);width:100%;overflow:scroll}.library-pane-container .pane-header-container{width:calc(100% - 20px);min-height:0;max-height:40vh;outline:0;border:0;background-color:#1f1f1f;position:relative;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;overflow:hidden;border-bottom:1px solid #111;padding:10px}.library-pane-container .pane-header-container .right{flex:1 1;display:flex;justify-content:flex-end}.library-pane-container .pane-header-container .play-button{height:100%;width:100%;position:absolute;outline:none;border:none;transform:scale(1);transition:.2s;cursor:pointer;background-color:transparent}.library-pane-container .pane-header-container .play-button img{height:50px;width:50px}.library-pane-container .pane-header-container .play-button:hover{transform:scale(1.05);background-color:rgba(0,0,0,.15)}.library-pane-container .pane-header-container .video-poster{width:65px;height:65px;border-radius:6px;object-fit:cover;margin:5px 5px 5px 20px}.library-pane-container .pane-header-container .pane-header-details{margin-left:10px}.library-pane-container .pane-header-container .pane-header-text{color:#fff;margin:0;font-size:20px;font-weight:700;display:flex;flex-direction:row;align-items:center;flex-grow:1}.library-pane-container .pane-header-container .trash-container{height:30px;width:30px;background-color:transparent;opacity:.45;cursor:pointer;transition:.25s;flex:0 1;display:flex;align-items:center;justify-content:center;margin-top:2px;margin-left:5px}.library-pane-container .pane-header-container .trash-container .trash-icon{border-radius:0;object-fit:fill;background-color:transparent;height:14px;width:14px;margin:0 15px;padding:0}.library-pane-container .pane-header-container .trash-container:hover{opacity:1}.library-pane-container video{width:100%;height:auto;max-height:40vh;outline:0;border:0}.library-pane-container .footer-container{height:60px;width:100%;position:fixed;bottom:0;background-color:#222;box-shadow:0 0 18px 0 rgba(0,0,0,.25)}.library-pane-container .publish-versions{border-top:1px solid #111}.library-pane-container .publish-versions .notReady{background-color:#444;cursor:default;pointer-events:none}.library-pane-container .publish-versions h5{padding:0;margin:0;color:#fff}.library-pane-container .publish-versions .header{padding:0 32px;margin-top:20px;width:calc(100% - 64px);height:30px;background-color:#3f3f3f;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.library-pane-container .publish-versions hr{outline:none;border:none;height:1.5px;background-color:hsla(0,0%,100%,.1)}.library-pane-container .publish-versions .versions-list{padding:20px 30px 0;display:flex;flex-direction:column;color:#fff}.library-pane-container .publish-versions .versions-list p{text-align:center;font-size:12px;color:#9f9f9f;padding:0;margin:0}.library-pane-container .publish-versions .versions-list .zero-state{width:100%;padding-top:10px;font-size:12px;color:#9f9f9f}.library-pane-container .publish-versions .versions-list .publish-version-item{height:35px;cursor:default;display:flex;align-items:center;transition:.15s;margin:0;padding-left:5px;font-size:12px;color:#9f9f9f;justify-content:space-between}.library-pane-container .publish-versions .versions-list .publish-version-item .left,.library-pane-container .publish-versions .versions-list .publish-version-item .right{display:flex;align-items:center}.library-pane-container .publish-versions .versions-list .publish-version-item .dot{background-color:#5f5f5f;height:10px;width:10px;border-radius:5px;margin-right:15px;display:flex;align-items:flex-start;justify-content:center}.library-pane-container .publish-versions .versions-list .publish-version-item .dot .line{width:2px;height:30px;margin-top:10px;background-color:#2f2f2f}.library-pane-container .publish-versions .versions-list .publish-version-item .dot.last .line{display:none}.library-pane-container .publish-versions .versions-list .publish-version-item .embed{outline:none;height:25px;border-radius:12.5px;border:none;opacity:0;color:#fff;font-family:"Signika";font-size:12px;font-weight:700;background-color:transparent;cursor:pointer;transition:.15s;display:flex;justify-content:space-between;align-items:center;padding:10px}.library-pane-container .publish-versions .versions-list .publish-version-item .embed img{height:10px;margin-right:5px;margin-top:1px}.library-pane-container .publish-versions .versions-list .publish-version-item:hover{color:#fff}.library-pane-container .publish-versions .versions-list .publish-version-item:hover .embed{opacity:.75}.library-pane-container .publish-versions .versions-list .publish-version-item:hover .embed:hover{opacity:1;background-color:#2f2f2f}.library-pane-container .details{margin:20px 0;display:flex;flex-direction:column}.library-pane-container .details .option-button{outline:none;border:none;background:linear-gradient(90deg,#3781d8,#4a90e2,#6ea0db,#a6caf4,#f1a1c0,#e73c7e,#e73c7e,#e73c7e);background-size:400% 400%;background-position:0 50%;color:#fff;padding:12px 13px;border-radius:3px;font-family:"Signika";font-weight:700;text-transform:uppercase;cursor:pointer;transition:.25s;width:calc(100% - 60px);margin:0 30px 10px;transition:.5s}.library-pane-container .details .option-button img{margin-right:8px}.library-pane-container .details .option-button:hover{background-position:100% 50%}.library-pane-container .details .option-button.outline{background:linear-gradient(90deg,#3f3f3f,#3f3f3f,#3f3f3f,#3f3f3f,#f1a1c0,#e3a434,#e3a434,#e3a434);background-size:400% 400%;background-position:0 50%;transition:.75s}.library-pane-container .details .option-button.outline:hover{background-position:100% 50%}.library-pane-container .details .video-options-list{padding-top:20px}.library-pane-container .details .video-options-list .products-list{display:flex;flex-direction:column}.library-pane-container .details .video-options-list .products-list .arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #8f8f8f;transition:.2s;transform:rotate(180deg)}.library-pane-container .details .video-options-list .products-list .arrow.down{transform:rotate(180deg)}.library-pane-container .details .video-options-list .products-list .arrow.up{transform:rotate(0deg)}.library-pane-container .details .video-options-list .products-list .ReactCollapse--collapse{transition:height .15s}.library-pane-container .details .video-options-list .products-list .section-header{color:#7f7f7f;font-weight:700;font-size:14px;display:flex;align-items:center;grid-gap:10px;gap:10px;-webkit-user-select:none;user-select:none;transition:.2s;cursor:pointer;padding:8px 30px}.library-pane-container .details .video-options-list .products-list .section-header:hover{opacity:1;color:#fff}.library-pane-container .details .video-options-list .products-list .section-header:hover .icon{opacity:1}.library-pane-container .details .video-options-list .products-list .section-header label{flex:1 1;pointer-events:none}.library-pane-container .details .video-options-list .products-list .section-header .icon{height:12px;width:12px;flex:0 1;margin-top:-2px;opacity:.5;transition:.2s}.library-pane-container .details .video-options-list .products-list .items{padding:10px 0 20px}.library-pane-container .details .video-options-list .products-list .microsite-item{display:flex;flex-direction:column;justify-content:center;grid-gap:5px;gap:5px;cursor:pointer;height:60px;transition:.2s;padding:0 30px}.library-pane-container .details .video-options-list .products-list .microsite-item h4{color:#fff;font-size:14px;margin:0;padding:0}.library-pane-container .details .video-options-list .products-list .microsite-item h5{color:#8f8f8f;font-size:14px;margin:0;padding:0;font-weight:500}.library-pane-container .details .video-options-list .products-list .microsite-item:hover{background-color:#2f2f2f}.library-pane-container .details .video-options-list .products-list .item{display:flex;justify-content:flex-start;align-items:center;grid-gap:15px;gap:15px;height:50px;padding:0 30px}.library-pane-container .details .video-options-list .products-list .item h4{color:#fff;font-size:14px}.library-pane-container .details .video-options-list .products-list .item img{height:35px;width:35px;object-fit:cover;background-color:#fff;border-radius:4px}.library-pane-container h2{color:#fff;margin:0;padding-bottom:5px}.library-pane-container h5{padding:0;width:fit-content;margin:0 0 10px;color:hsla(0,0%,100%,.6);-webkit-user-select:none;user-select:none;display:flex;flex-direction:row;align-items:center}.library-pane-container .updated-label{color:#888;font-size:12px;padding-top:3px;margin-bottom:5px}.embed-video-super-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;justify-content:center;align-items:center}.embed-video-super-container .embed-icon{height:25px}.embed-video-super-container input[type=file]{display:none}.embed-video-super-container .custom-file-preview{height:35px;font-family:"Signika";font-size:12px;font-weight:700;color:#fff;transition:.35s;display:flex;justify-content:left;align-items:left;line-height:35px;margin-top:15px;margin-bottom:30px}.embed-video-super-container .custom-file-preview a{margin-left:15px;color:#3781d8;text-decoration:none}.embed-video-super-container .custom-file-upload-small{font-size:8px}.embed-video-super-container .custom-file-upload{max-width:150px;border-radius:4px;outline:0;border:0;background:linear-gradient(90deg,#3781d8,#4a90e2,#6ea0db,#a6caf4,#f1a1c0,#e73c7e,#e73c7e,#e73c7e);background-size:400% 400%;background-position:0 50%;height:35px;font-family:"Signika";font-size:12px;font-weight:700;color:#fff;transition:.35s;padding:0 30px;display:flex;justify-content:center;align-items:center;line-height:35px;margin-top:15px;margin-bottom:30px}.embed-video-super-container .custom-file-upload:hover{cursor:pointer;background-position:100% 50%;color:#fff;box-shadow:0 0 18px 0 rgba(0,0,0,.5)}.embed-video-super-container .saving-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);z-index:20000;display:flex;justify-content:center;align-items:center;pointer-events:all;opacity:1;transition:.25s}.embed-video-super-container .saving-overlay.hidden{pointer-events:none;opacity:0}.embed-video-super-container .embed-video-container{pointer-events:all;width:40vw;height:60vh;min-height:400px;background-color:#222;color:#fff;padding:20px 40px 0;position:relative}.embed-video-super-container .embed-video-container .editable-content{overflow:scroll;width:100%;height:calc(100% - 65px)}.embed-video-super-container .embed-video-container .notice-container{font-family:"Signika";font-size:14px;display:flex;flex-direction:column;padding:5px 0 5px 10px}.embed-video-super-container .embed-video-container .notice-container p{margin:0;padding:0 0 30px;line-height:25px;color:#888}.embed-video-super-container .embed-video-container .options-container{font-family:"Signika";font-size:14px;display:flex;flex-direction:column;padding:10px 0 5px 10px}.embed-video-super-container .embed-video-container .options-container h4{margin:25px 0 10px}.embed-video-super-container .embed-video-container .options-container input{cursor:pointer}.embed-video-super-container .embed-video-container .options-container div{display:flex;flex-direction:row;align-items:center;height:30px}.embed-video-super-container .embed-video-container .options-container div label{margin-left:10px;display:inline-block;color:#888}.embed-video-super-container .embed-video-container .code-area{line-height:25px;outline:none;background-color:transparent;color:#fff;font-size:15px;font-family:"Courier";border:none;border-left:4px solid #333;padding:5px 0 5px 10px;position:relative}.embed-video-super-container .embed-video-container .copy-code-button{outline:0;border:0;background-color:transparent;position:absolute;bottom:-25px;right:0;cursor:pointer;opacity:.5;transition:.25s;height:25px;width:25px;overflow:hidden;white-space:nowrap;display:flex;flex-direction:row;align-items:center}.embed-video-super-container .embed-video-container .copy-code-button span{color:#fff;white-space:nowrap;margin-left:10px;height:20px;display:flex;flex-direction:row;align-items:center;font-family:"Signika";font-size:12px}.embed-video-super-container .embed-video-container .copy-code-button:hover{opacity:1;width:140px}.embed-video-super-container .embed-video-container .footer-container{position:absolute;bottom:0;left:0;width:100%;height:65px;display:flex;justify-content:space-between;align-items:center;z-index:10000}.embed-video-super-container .embed-video-container .done-button{margin-right:15px;height:35px;padding:0 20px;outline:0;border:0;background-color:#4a90e2;font-size:11px;transition:.2s;pointer-events:all;border-radius:4px;font-size:12px;letter-spacing:.5px;font-weight:500;cursor:pointer;font-weight:700;color:#fff}.embed-video-super-container .embed-video-container .done-button:hover{color:#4a90e2;background-color:#fff}.embed-video-super-container h1,.embed-video-super-container h2,.embed-video-super-container h3{margin-bottom:30px;display:flex;align-items:center}.embed-video-super-container h1 img,.embed-video-super-container h2 img,.embed-video-super-container h3 img{float:left;height:35px;padding-right:15px}.loading-pane{color:hsla(0,0%,100%,.35);font-family:"Signika"}.settings-pane{color:#fff;padding:30px 80px;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:enterLoaderAnim .5s normal forwards}.settings-pane .overlay-pane{margin:0;padding:0;top:0;height:calc(100% - 100px)}.settings-pane .footer-menu{height:80px;width:100%;background-color:#222;position:fixed;bottom:0;left:250px;width:calc(100% - 250px);display:flex;justify-content:space-between;align-items:center}.settings-pane .footer-menu .cancel-button{margin-left:20px;background-color:#f74743}.settings-pane .footer-menu .cancel-button,.settings-pane .footer-menu .save-button{height:40px;padding:0 20px;outline:0;border:0;font-size:11px;font-weight:700;color:#fff;cursor:pointer;transition:.2s;border-radius:4px}.settings-pane .footer-menu .save-button{margin-right:20px;background-color:#4a90e2;pointer-events:all}.settings-pane .footer-menu .save-button:hover{color:#4a90e2;background-color:#fff}.settings-pane .footer-menu .save-button.disabled{opacity:.5;background-color:#979797;pointer-events:none}.settings-pane .settings-content-pane .store-list-container{display:flex;flex-wrap:wrap}.settings-pane .settings-content-pane .store-list-container .item.add{height:25px;background-color:transparent;border:2px dashed #5f5f5f;text-align:center;display:flex;justify-content:center;align-items:center;padding:3px 14px 3px 3px;color:#5f5f5f;transition:.25s;cursor:pointer}.settings-pane .settings-content-pane .store-list-container .item.add .placeholder-image{height:25px;width:25px;background-color:#2f2f2f;margin-right:10px;transition:.25s;border-radius:300px}.settings-pane .settings-content-pane .store-list-container .item.add:hover{color:#e3e3e3;border-color:#e3e3e3}.settings-pane .settings-content-pane .store-list-container .item.add:hover .placeholder-image{background-color:#e3e3e3}.settings-pane .settings-content-pane .store-list-container .item{border-radius:8px;overflow:hidden;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;background-color:#5f5f5f;padding:3px 8px 3px 3px;border-radius:300px;font-size:14px;font-weight:700;-webkit-user-select:none;user-select:none;width:fit-content;border:2px solid transparent;margin-right:10px;margin-bottom:10px}.settings-pane .settings-content-pane .store-list-container .item .delete{outline:none;border:none;background-color:transparent;color:#fff;cursor:pointer;font-family:bold;margin-left:10px;font-size:12px;opacity:.25;transition:.25s}.settings-pane .settings-content-pane .store-list-container .item .delete:hover{opacity:1}.settings-pane .settings-content-pane .store-list-container .item img{height:25px;width:auto;margin-right:10px;background-color:#fff;border-radius:300px}.settings-pane .settings-header{width:100%;display:flex;flex-direction:row}.settings-pane .account-item{margin:0 0 10px}.settings-pane label{color:hsla(0,0%,100%,.5);font-size:12px;height:12px;font-weight:500;transition:.25s}.settings-pane .item-value{padding-top:4px;display:flex;flex-direction:row;grid-gap:20px;gap:20px}.settings-pane h2{display:flex;align-items:center}.settings-pane h2 img{padding-right:10px}.settings-pane h4{padding:0;margin:0}.settings-pane hr{opacity:.2}.settings-pane .saving-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);z-index:20000;display:flex;justify-content:center;align-items:center;pointer-events:all;opacity:1;transition:.25s}.settings-pane .saving-overlay.hidden{pointer-events:none;opacity:0}.main-container{display:flex;flex-direction:row;flex-grow:1;height:100vh;animation:enterLoaderAnim .5s normal forwards}.main-container .library{width:400px;height:100%;background-color:#222}.main-container .library h3{color:#fff;margin:0;padding-bottom:5px}.main-container .library .price-label{color:#888;font-size:12px;padding-top:3px;padding-bottom:5px}.main-container .library .header-image{width:100%;min-height:20px;max-height:400px;object-fit:cover;pointer-events:none;margin-bottom:20px}.main-container .library .details{margin:0 20px}.main-container .library .details .product-options-list{padding-top:20px}.main-container .library .details .product-options-list img{height:15px;width:14px;float:left;padding:0 10px 0 5px}.main-container .library .details .product-options-list .item{text-decoration:none;display:flex;align-items:center;height:40px;line-height:40px;border-top:1px solid #333;background-color:transparent;outline:0;cursor:pointer;color:#fff;opacity:.4;font-size:13px;transition:.25s}.main-container .library .details .product-options-list .item:hover{opacity:1}.main-container .library-enter{margin-right:-400px}.main-container .library-enter-active{margin-right:0;transition:.3s}.main-container .library-exit{opacity:1}.main-container .library-exit-active{margin-right:-400px;transition:.3s}.main-container .products-pane{color:#fff;padding:30px 20px 0 80px;display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:"Signika";flex-grow:1;min-width:500px;overflow-y:scroll}.main-container .products-pane .products-loading-container{width:100%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:hsla(0,0%,100%,.35);font-family:"Signika"}.main-container .products-pane .products-loading-container h4{margin:0;padding:0 0 10px;color:#fff}.main-container .products-pane .products-loading-container h4.loading{padding-bottom:25px;opacity:.4}.main-container .products-pane .products-loading-container p{margin:0;padding:0;font-size:.9em}.main-container .products-pane .products-content-pane-container{height:100%}.main-container .products-pane .products-content-pane-container .products-content-pane{overflow-x:display;padding:40px 0;display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill,175px)}.main-container .products-pane .products-content-pane-container .products-content-pane .empty-state{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.main-container .products-pane .products-content-pane-container .products-content-pane .empty-state h4{margin:0;padding:0 0 10px;color:#fff}.main-container .products-pane .products-content-pane-container .products-content-pane .empty-state h4.loading{padding-bottom:25px;opacity:.4}.main-container .products-pane .products-content-pane-container .products-content-pane .empty-state p{margin:0;padding:0;font-size:.9em}.main-container .products-pane .products-content-pane-container .products-content-pane .item{color:#fff;border-radius:10px;height:250px;background-color:#222;transition:.2s;overflow:hidden;display:flex;flex-direction:column}.main-container .products-pane .products-content-pane-container .products-content-pane .item img{flex-grow:1;height:20px;width:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;object-fit:cover}.main-container .products-pane .products-content-pane-container .products-content-pane .item .info{height:40px;width:100%;background-color:transparent;transition:.2s;padding:12px 15px;display:flex;flex-direction:column;justify-content:center}.main-container .products-pane .products-content-pane-container .products-content-pane .item .info .title{font-weight:500;font-size:14px;height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:40px}.main-container .products-pane .products-content-pane-container .products-content-pane .item .info .updated{color:#757575;font-size:12px}.main-container .products-pane .products-content-pane-container .products-content-pane .item:hover{background-color:#333;cursor:pointer}.main-container .products-pane .products-content-pane-container .products-content-pane .item.selected{background-color:#4a90e2;box-shadow:0 0 50px -15px #3781d8}.main-container .products-pane .products-content-pane-container .products-content-pane .item.selected .updated{color:#fff}.main-container .products-pane .products-header{width:100%;display:flex;flex-direction:row;align-items:center}.main-container .products-pane .products-header button{font-family:"Signika";font-weight:medium;font-size:12px;margin-left:15px;height:25px;padding:0 10px;border-radius:400px;cursor:pointer;outline:none;border:none;color:#fff;background-color:#2f2f2f;opacity:.8;transition:.25s}.main-container .products-pane .products-header button img{height:14px;float:left;margin-right:8px}.main-container .products-pane .products-header button:hover{opacity:1;background-color:#3781d8}.main-container .products-pane h2{display:flex;align-items:center;padding-right:30px}.main-container .products-pane h2 img{padding-right:10px;height:18px}.main-container .products-pane h4{padding-top:15px}.main-container .products-pane hr{opacity:.2}@keyframes enterLibAnim{0%{opacity:0}to{opacity:1}}.library-container{display:flex;flex-direction:column;height:100%;font-family:"Signika";animation:enterLibAnim 1s normal forwards}.library-container .publishing-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;justify-content:center;align-items:center;background-color:transparent}.library-container .publishing-container .modal{pointer-events:all;width:200px;height:120px;background-color:#222;color:#fff;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.library-container .publishing-container .modal h4{margin:0;padding:0 0 30px;color:hsla(0,0%,100%,.75)}.library-container .loading-indicator{background-color:rgba(0,0,0,.25);flex-direction:column;line-height:60px;font-size:14px;font-weight:500;color:#fff}.library-container .loading-indicator,.library-container .overlay-pane{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000}.library-container .overlay-pane{background-color:rgba(0,0,0,.7)!important;opacity:1;pointer-events:default;transition:.25s!important}.library-container .overlay-pane.hidden{pointer-events:none;opacity:0}.library-container .main-content{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.library-container .lib-left-pane{display:flex;flex-direction:column;width:250px;min-width:250px;height:100vh;text-align:center;background-color:#222;border-right:1px solid #222;box-shadow:0 0 18px 0 rgba(0,0,0,.25)}.library-container .lib-left-pane .footer{padding:20px;position:relative;color:#7f7f7f;display:flex;flex-direction:column}.library-container .lib-left-pane .footer p{padding:0;margin:0 0 20px}.library-container .lib-left-pane .footer:before{content:"";position:absolute;top:0;left:10px;width:calc(100% - 20px);height:.5px;background-color:#2f2f2f}.library-container .lib-left-pane .gutter-list{list-style-type:none;color:#fff;text-align:left;padding-top:30px;flex-grow:1}.library-container .lib-left-pane .gutter-list .item{position:relative;height:70px;-webkit-user-select:none;user-select:none;display:flex;align-items:center;padding-left:61px;transition:.25s;background-color:transparent;font-size:14px;font-weight:500;opacity:.4}.library-container .lib-left-pane .gutter-list .item img{padding-right:12px;width:17px;height:17px}.library-container .lib-left-pane .gutter-list .item.selected{opacity:1}.library-container .lib-left-pane .gutter-list .item.selected:hover{opacity:1;margin-left:0;cursor:pointer}.library-container .lib-left-pane .gutter-list .item:hover{opacity:1;cursor:pointer}.library-container .lib-middle-pane{display:flex;flex-direction:column;flex-grow:1;overflow-y:scroll;height:100%;overflow:scroll}.library-container .lib-right-pane{background-color:#222;width:400px;height:100%;box-shadow:0 0 18px 0 rgba(0,0,0,.25)}.library-container .add-video-button{outline:0;border:0;height:45px;width:80%;background:linear-gradient(90deg,#3781d8,#4a90e2,#6ea0db,#a6caf4,#f1a1c0,#e73c7e,#e73c7e,#e73c7e);background-size:400% 400%;background-position:0 50%;border-radius:100px;display:flex;align-items:center;justify-content:center;margin:40px auto 0;font-size:12px;letter-spacing:.5px;font-weight:500;cursor:pointer;font-weight:700;color:#fff;transition:.5s}.library-container .add-video-button img{padding-right:15px;height:15px}.library-container .add-video-button:hover{background-position:100% 50%;color:#fff;box-shadow:0 0 18px 0 rgba(0,0,0,.5)}.library-container .videos-list-container{padding:30px 80px;display:flex;flex-direction:column;height:100%;animation:enterLoaderAnim .5s normal forwards}@keyframes enterEditorAnim{0%{opacity:0}to{opacity:1}}.library-container .videos-list-container .videos-header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px}.library-container .videos-list-container h2{color:#fff;display:flex;align-items:center}.library-container .videos-list-container h2 img{padding-right:10px}.library-container .videos-loading-container{width:100%;height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:hsla(0,0%,100%,.35);font-family:"Signika"}.library-container .videos-loading-container .zero-state-icon{height:50px;opacity:.15;margin-bottom:20px}.library-container .videos-loading-container h3{margin:0;padding:10px 0;color:#fff}.library-container .videos-loading-container h3.loading{padding-bottom:25px;opacity:.4}.library-container .videos-loading-container p{padding:0;margin:0 0 30px;font-size:1em;max-width:400px;text-align:center;line-height:1.5em;color:#7f7f7f}.library-container .videos-list{padding:40px 0;display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill,200px);grid-template-rows:repeat(auto-fill,250px)}.library-container .videos-list .item{color:#fff;border-radius:10px;height:250px;width:200px;max-width:200px;background-color:#222;transition:.2s;overflow:hidden;display:flex;flex-direction:column}.library-container .videos-list .item .video{flex-grow:1;height:20px;width:100%;display:flex;justify-content:center;align-items:center}.library-container .videos-list .item .video .processing{font-size:14px;font-weight:700;color:#444;display:flex;justify-content:center;align-items:center}.library-container .videos-list .item .video .processing label{margin-left:5px}.library-container .videos-list .item .video .thumbnail-image{object-fit:cover;height:100%;width:100%}.library-container .videos-list .item .info{height:40px;width:100%;background-color:transparent;transition:.2s;padding:12px 15px 14px;display:flex;flex-direction:column;justify-content:center}.library-container .videos-list .item .info .title{font-weight:500;font-size:14px;height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:40px}.library-container .videos-list .item .info .updated{color:#757575;font-size:12px}.library-container .videos-list .item.selected{background-color:#3781d8;box-shadow:0 0 50px -15px #3781d8}.library-container .videos-list .item.selected .updated{color:#fff}.library-container .videos-list .item.selected:hover{background-color:#3781d8}.library-container .videos-list .item:hover{background-color:#2a2a2a;cursor:pointer}.add-video-enter{opacity:0;transform:scale(.95)}.add-video-enter-active{transition:opacity .2s,transform .2s}.add-video-enter-active,.add-video-exit{opacity:1;transform:scale(1)}.add-video-exit-active{opacity:0;transform:scale(.95);transition:opacity .2s,transform .2s}.lib-right-pane-enter{margin-right:-400px}.lib-right-pane-enter-active{margin-right:0;transition:.3s}.lib-right-pane-exit{opacity:1}.lib-right-pane-exit-active{margin-right:-400px;transition:.3s}.templates-pane{color:#fff;display:flex;flex-direction:row;animation:enterLoaderAnim .5s normal forwards;height:calc(100% - 4px);font-family:"Signika"}.templates-pane .overlay-pane{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.75);opacity:1;pointer-events:default;transition:.5s;display:flex;justify-content:center;align-items:center;z-index:1000}.templates-pane .overlay-pane.hidden{pointer-events:none;opacity:0}.templates-pane .templates-list{width:100%;border:none;outline:none;font-size:.8em;border-collapse:collapse;background-color:transparent;display:flex;flex-direction:column;grid-gap:10px;gap:10px}.templates-pane .templates-list .col.title{width:50%}.templates-pane .templates-list .col{width:25%}.templates-pane .templates-list .col .content{display:flex;flex-direction:row;align-items:flex-start;margin-top:1px}.templates-pane .templates-list .col .content .action{visibility:hidden;border:none;outline:none;background-color:transparent;cursor:pointer;opacity:.4;transition:opacity .2s;margin-left:10px}.templates-pane .templates-list .col .content .action img{pointer-events:none}.templates-pane .templates-list .col .content .action:hover{opacity:1}.templates-pane .templates-list .col:hover .content .action{visibility:visible}.templates-pane .templates-list tbody tr{cursor:pointer;height:35px;transition:.15s}.templates-pane .templates-list tbody tr:hover{background-color:#3f3f3f}.templates-pane .zero-state{color:#fff;width:100%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center}.templates-pane .zero-state .zero-state-icon{height:50px;opacity:.15;margin-bottom:20px}.templates-pane .zero-state h3{margin:0;padding:10px 0;color:#fff}.templates-pane .zero-state p{padding:0;margin:0 0 30px;font-size:1em;max-width:400px;text-align:center;line-height:1.5em;color:#7f7f7f}.middle-pane{flex-grow:1;width:100%;overflow:scroll;padding:30px 80px 100px}.middle-pane .templates-header{width:100%;flex-direction:row;justify-content:space-between;margin-bottom:20px}.middle-pane .templates-header,.middle-pane .templates-header h2{display:flex;align-items:center}.middle-pane .templates-header h2 img{padding-right:10px;height:18px}.account-picker-container{position:relative;-webkit-user-select:none;user-select:none;cursor:pointer}.account-picker-container .picker-contents{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;max-width:90%;overflow:hidden}.account-picker-container .picker-contents img{height:25px;float:left;margin-right:15px;border-radius:4px;background-color:#fff}.account-picker-container .picker-contents .text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;overflow:hidden}.account-picker-container .picker-contents .text .label{font-size:12px;font-weight:700;color:#8f8f8f}.account-picker-container .picker-contents .text .value{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;padding:0;margin:0;text-align:left}.account-picker-container .selected-account-container{height:65px;width:calc(100% - 40px);color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 20px}.account-picker-container .selected-account-container:before{content:"";position:absolute;top:0;left:10px;width:calc(100% - 20px);height:.5px;background-color:#2f2f2f}.account-picker-container .selected-account-container:after{content:"";position:absolute;bottom:0;left:10px;width:calc(100% - 20px);height:.5px;background-color:#2f2f2f}.account-picker-container .selected-account-container .arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #8f8f8f;transition:.2s;transform:rotate(180deg);margin-right:5px}.account-picker-container .selected-account-container .arrow.down{transform:rotate(180deg)}.account-picker-container .selected-account-container .arrow.up{transform:rotate(0deg)}.account-picker-container .account-options-container{position:absolute;top:65px;width:fit-content;max-width:350px;min-width:350px;background-color:#2f2f2f;max-height:0;transition:.25s;overflow:scroll;z-index:100;opacity:0;border-radius:0 6px 6px 0;box-shadow:0 2px 10px rgba(0,0,0,.25)}.account-picker-container .account-options-container::-webkit-scrollbar{display:none}.account-picker-container .account-options-container .item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;height:50px;color:#fff;display:flex;align-items:center;transition:.25s}.account-picker-container .account-options-container .item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-picker-container .account-options-container .item img{height:25px;margin-right:15px;margin-top:3px;border-radius:4px;background-color:#fff;margin-left:20px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.account-picker-container .account-options-container .item:hover{background-color:#3f3f3f}.account-picker-container .account-options-container.open{padding:5px 0;max-height:calc(100vh - 200px);opacity:1}.home-content-pane{width:100%;height:100vh;overflow:scroll}.slider-container{margin-top:15px;display:flex;flex-direction:column}.slider-container label{color:#7f7f7f;font-family:"Signika";font-weight:700;font-size:13px;padding-bottom:10px}.button-text-input{height:30px;padding:0 10px}.button-text-input,.value-input{outline:0;border:0;background-color:#2f2f2f;color:#fff;font-family:"Signika";font-size:.7em}.value-input{width:30px;height:22px;margin-left:5px;padding:0 5px}.container{height:90vh;text-align:center}.container .message{flex-direction:column;text-align:center;max-width:350px}.container .message,.container .message .submitButton{color:#fff;display:flex;justify-content:center;align-items:center;width:100%}.container .message .submitButton{outline:0;border:0;height:45px;padding:0 20px;background:linear-gradient(90deg,#3781d8,#4a90e2,#6ea0db,#a6caf4,#f1a1c0,#e73c7e,#e73c7e,#e73c7e);background-size:400% 400%;background-position:0 50%;border-radius:4px;margin:40px auto 0;font-size:12px;letter-spacing:.5px;font-weight:500;cursor:pointer;font-weight:700;transition:.5s}.container .message .submitButton img{float:left;padding-right:15px;margin-left:-20px;height:15px}.container .message .submitButton:hover{background-position:100% 50%;color:#fff;box-shadow:0 0 18px 0 rgba(0,0,0,.5)}.container .message .logo{background-image:url(/static/media/freckle-logo.878c22cb.svg);background-position:50%;background-repeat:no-repeat;height:50px;width:200px;margin-bottom:10px}.container .message h2{padding:0;margin:0}.container .message p{color:#8f8f8f;max-width:400px;line-height:2em;padding:5px;padding-botom:15px;margin:0;font-size:1em}.container .message form{text-align:left;width:100%}.App{text-align:center;height:100vh;font-family:"Signika"}.App,.errorsOverlay{width:100vw;display:flex;flex-direction:column}.errorsOverlay{position:absolute;top:80px;left:0;height:calc(100vh - 80px);pointer-events:none;background-color:transparent;z-index:200;justify-content:flex-start;align-items:flex-end}.messageBox{color:#fff;min-height:30px;max-width:500px;width:fit-content;display:flex;justify-content:center;align-items:center;margin:5px 20px;padding:10px 20px;box-shadow:0 0 18px 0 rgba(0,0,0,.5);font-family:"Signika";font-size:.9em;font-weight:700}.messageBox img{margin-right:10px}.messageBox.error{background-color:#e73c7e}.messageBox.success{background-color:#7ed321}.messageBox.progress{background-color:#2f2f2f;width:350px;color:#fff;padding:0}.messageBox.progress,.messageBox.progress .contents{flex-direction:column;align-items:flex-start;justify-content:center}.messageBox.progress .contents{padding:15px 10px;width:calc(100% - 20px);display:flex}.messageBox.progress .contents h4{color:#fff!important;margin:0 10px;padding:5px 0;font-size:14px;font-weight:700;display:flex;align-items:center}.messageBox.progress .contents h4 img{height:15px}.messageBox.progress .contents .progress{font-size:13px;padding:5px 0;font-weight:regular;color:#7f7f7f;margin:0 10px}.messageBox.progress .contents .bar-container{width:calc(100% - 20px);height:4px;border-radius:2px;background-color:#1f1f1f;overflow:hidden;margin:5px 10px}.messageBox.progress .contents .bar-container .bar{background-color:#4a90e2;height:100%}.freckle-menu-item{font-family:"Signika"!important;font-size:14px!important;font-weight:500!important}.freckle-menu-item.red{color:red!important}.main-content{display:flex;flex-direction:row;flex-grow:1}.left-pane{display:flex;flex-direction:column;flex-grow:1}.right-pane{width:350px;height:100%;background-color:#222}body::-webkit-scrollbar{display:none}div::-webkit-scrollbar{background-color:transparent;height:3px;width:3px}div::-webkit-scrollbar-track{box-shadow:inset 0 0 6px transparent;background-color:transparent}div::-webkit-scrollbar-thumb{background-color:#555;outline:none;border:none}div::-webkit-scrollbar-corner{background-color:transparent}.msg-enter{opacity:0;transform:scale(.9)}.msg-enter-active{transition:.5s ease-in}.msg-enter-active,.msg-exit{opacity:1;transform:scale(1)}.msg-exit-active{opacity:0;transition:.5s ease-in;transform:scale(.9)}.container{width:100vw;min-height:100vh;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:"Signika";animation:enterContainerAnim .5s normal forwards}@keyframes enterContainerAnim{0%{opacity:0}to{opacity:1}}.container .reset-container{display:flex;align-items:center;justify-content:center;flex-direction:column}.container .icon{height:60px;margin:20px}.container p{font-family:"Signika";font-size:18px;color:#fff;padding:0;margin:0;max-width:500px;line-height:35px;text-align:center}.container .forgot{outline:none;border:none;background-color:transparent;color:hsla(0,0%,100%,.2);font-family:"Signika";font-size:12px;text-decoration:underline;padding:0;margin-top:20px;position:relative;transition:.25s;cursor:pointer}.container .forgot:hover{color:#fff}.container .error-container{height:30px;width:100%;position:absolute;top:10px;left:0;display:flex;align-items:center;justify-content:center;transition:.25s}.container .error-container .error-message{border-radius:4px;padding:5px 20px;background-color:#e73c7e;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;animation:enterErrorAnim .5s normal forwards}.container .error-container .error-message img{height:15px;width:15px;padding-right:10px}@keyframes enterErrorAnim{0%{opacity:0;margin-top:-100px}to{opacity:1;margin-top:0}}.container .logo{background-image:url(/static/media/freckle-logo.878c22cb.svg);background-position:50%;background-repeat:no-repeat;height:50px;min-height:50px;width:200px;margin-bottom:10px}.container .form-container{width:100%;max-width:450px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.container form{width:100%;text-align:left}.container hr{background-color:#fff;opacity:.05;border:none;outline:none;height:1px;margin:20px 0}.container .createButton{opacity:.25;outline:0;height:45px;width:calc(100% - 2px);padding:0 20px;background:linear-gradient(90deg,transparent,transparent,transparent,#fff,#fff,#fff,#fff,#fff);background-size:400% 400%;background-position:0 50%;border:1px solid #fff;border-radius:4px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:12px;letter-spacing:.5px;font-weight:500;cursor:pointer;font-weight:700;color:#fff;transition:.5s}.container .createButton:hover{opacity:1;background-position:100% 50%;color:#000;box-shadow:0 0 18px 0 rgba(0,0,0,.5)}.container .submitButton{outline:0;border:0;height:45px;width:100%;padding:0 20px;background:linear-gradient(90deg,#3781d8,#4a90e2,#6ea0db,#a6caf4,#f1a1c0,#e73c7e,#e73c7e,#e73c7e);background-size:400% 400%;background-position:0 50%;border-radius:4px;display:flex;align-items:center;justify-content:center;margin:40px auto 0;font-size:12px;letter-spacing:.5px;font-weight:500;cursor:pointer;font-weight:700;color:#fff;transition:.5s}.container .submitButton img{float:left;padding-right:15px;margin-left:-20px;height:15px}.container .submitButton:hover{background-position:100% 50%;color:#fff;box-shadow:0 0 18px 0 rgba(0,0,0,.5)}
/*# sourceMappingURL=main.05130d8a.chunk.css.map */