@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap);body{background-color:#fff;font-family:Roboto,sans-serif}body,html{height:100%;margin:0;overflow-x:hidden;overflow-y:hidden;padding:0;width:100%}.navbar{background-color:#949494;border-bottom:1px solid #dcdcdc;justify-content:space-between;padding:0 20px .5%;width:100%}.navbar,.navbar .button-container{align-items:center;display:flex}.general-button-yellow-on-hover{background-color:#0000;border:none;border-radius:35px;cursor:pointer;padding:10px 20px;transition:background-color .3s,color .3s}.general-button-yellow-on-hover:hover{background-color:#fee580b3}.typography{font-family:Inter,sans-serif}.typography--variant-button{font-size:1rem;font-weight:600;margin:0;text-align:center}.typography--variant-h1{font-size:6.4rem;font-weight:700;letter-spacing:-1px;line-height:7.8rem}.typography--variant-h2{font-size:5.6rem;font-weight:700;letter-spacing:-1px;line-height:5.6rem}.typography--variant-h3{font-size:1.25em;font-weight:600;margin:0 0 .5em}.typography--variant-h4{font-size:3.2rem;font-weight:500;letter-spacing:-.5px;line-height:4.8rem}.typography--variant-parasm{font-size:1.1rem;font-weight:400;letter-spacing:.25px;margin:8px}.typography--variant-paratopnav{font-size:1rem;font-weight:400;letter-spacing:.25px;margin:0;padding:0}.typography--variant-parasmbold{font-size:1.4rem;font-weight:700;letter-spacing:.25px;line-height:2rem}.typography--variant-paralgbold{font-size:2.4rem;font-weight:700;letter-spacing:.25px;line-height:3rem}.typography--variant-paralg{font-size:2.4rem;font-weight:500;letter-spacing:-.25px;line-height:3rem}.typography--variant-para{font-size:1em;margin:0}.typography--variant-parabold{font-size:1.6rem;font-weight:700;letter-spacing:0;line-height:2.4rem}.typography--color-primary{color:#333}.typography--color-secondary{color:#666}.typography--color-white{color:#fff}.typography--color-offwhite{color:#d8d6e2}.typography--color-lightgrey{color:#43424280}.typography--color-purple{color:#ab8cef}.typography--color-blue{color:#65bed1}.typography--color-warning,.typography--color-yellow{color:#e5c164}.typography--color-success{color:#85af6b}.typography--color-info{color:#65bed1}.typography--color-error{color:#d06161}.typography--italic{font-style:italic}.image-card{border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 8px #0000001a;height:auto;max-width:1000px;min-width:50px;overflow:hidden;position:relative;transition:box-shadow .3s ease}@media(max-width:600px){.image-card{width:100%}}.image-card:hover{box-shadow:0 6px 12px #00000026}.image-card .image-card-img{display:block;height:100%;object-fit:cover;width:100%}.text-card{word-wrap:break-word;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 8px #0000001a;font-family:Inter,sans-serif;height:auto;margin:1em auto;max-width:1000px;min-width:200px;overflow-wrap:break-word;padding:1em;transition:box-shadow .3s ease;width:90%}@media(max-width:600px){.text-card{width:100%}}.text-card:hover{box-shadow:0 6px 12px #00000026}.image-cards-container{display:flex;gap:20px;justify-content:center;margin-top:70px}@media(max-width:768px){.image-cards-container{flex-wrap:wrap}}.benefits-view-description-card-container{display:flex;gap:20px;justify-content:center;margin-top:10px}@media(max-width:768px){.benefits-view-description-card-container{flex-wrap:wrap}}.homepage-action-button-footer{align-items:center;display:flex;gap:20px;justify-content:center;margin:auto auto 20px}@media(max-width:768px){.homepage-action-button-footer{flex-wrap:wrap}}.text-cards-container{display:flex;gap:30px;justify-content:center;margin-left:150px;margin-right:150px;margin-top:70px;padding:0}@media(max-width:768px){.text-cards-container{flex-wrap:wrap}}.buttonWrapper{display:flex;gap:1%;margin-bottom:.5%;padding-top:1%}.buttonWrapper,.playbutton,.seekbutton{align-items:center;justify-content:center}.playbutton,.seekbutton{background-color:#0000;border:none;display:inline-flex;font-size:1vw}.seekbutton{background-color:#000;border-radius:20px;height:3.5vh}.ui-video-seek-slider{position:relative;touch-action:none}.ui-video-seek-slider:focus{outline:none}.ui-video-seek-slider .track{cursor:pointer;outline:none;padding:0}.ui-video-seek-slider .track:focus{border:0;outline:none}.ui-video-seek-slider .track .main{align-items:center;box-sizing:border-box;display:flex;height:18px;outline:none;position:absolute;top:0;width:100%}.ui-video-seek-slider .track .main:before{background-color:hsla(0,0%,100%,.877);content:"";height:3px;outline:none;overflow:hidden;position:absolute;transition:height .1s;width:100%}.ui-video-seek-slider .track .main .inner-seek-block{height:3px;position:absolute;transform-origin:0 0;transition:height .1s,opacity .4s;width:100%}.ui-video-seek-slider .track .main:focus{border:0;outline:none}.ui-video-seek-slider .track .main .buffered{background-color:#ffffff4d;z-index:2}.ui-video-seek-slider .track .main .seek-hover{background-color:#ebdb88;z-index:1}.ui-video-seek-slider .track .main .connect{background-color:#f4d337;transform-origin:0 0;z-index:3}.ui-video-seek-slider .track .main.with-gap .inner-seek-block,.ui-video-seek-slider .track .main.with-gap:before{margin:0 auto;width:calc(100% - 2px)}@media(hover){.ui-video-seek-slider .track .main:hover .inner-seek-block,.ui-video-seek-slider .track .main:hover:before{height:8px}}.ui-video-seek-slider .thumb{height:12px;left:-6px;pointer-events:none;position:absolute;top:3px;width:12px;z-index:4}.ui-video-seek-slider .thumb .handler{background-color:#f4d337;border-radius:100%;height:100%;opacity:0;transform:scale(.4);transition:transform .2s,opacity .2s;width:100%}.ui-video-seek-slider .thumb.active .handler{opacity:1;transform:scale(1)}.ui-video-seek-slider .hover-time{bottom:5px;color:#ddd;font-size:16px;left:0;line-height:18px;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;text-align:center;text-shadow:1px 1px 1px #000}.ui-video-seek-slider .hover-time.active{opacity:1}.ui-video-seek-slider .hover-time .preview-screen{background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;height:90px;margin:0 auto 10px;width:160px}.ui-video-seek-slider:hover .track .main .seek-hover{opacity:1}.canvas-container{align-items:center;display:flex;flex-direction:column;position:relative}.seek-componenet{bottom:0;padding-bottom:.5%;padding-left:1%;padding-right:1%;position:fixed;width:98%}.main,body{background-color:#7e7d7d}.speed-slider-container{align-items:center;background-color:gray;border-radius:10px;bottom:2%;display:flex;flex-direction:column;height:27%;margin:0 3% 0 0;padding-bottom:0;padding-right:0;padding-top:1%;position:absolute;right:0;width:3%}.speed-slider-container .speedometer{padding-top:30%}.vertical-toolbar{align-items:center;background-color:gray;border-radius:10px;display:flex;flex-direction:column;margin-right:3%;padding:.7%;position:absolute;right:0;top:2%;width:1.5%}.vertical-toolbar .icon-button{background:none;border:none;color:#fff;font-size:160%;margin:6% 0}.vertical-toolbar .icon-button:hover{color:#f4d337;cursor:pointer}.vertical-toolbar .icon-button:focus{outline:none}.color-selector{align-items:center;display:flex;flex-direction:column}.color-dot{border:2px solid #0000;border-radius:50%;cursor:pointer;height:15px;margin:5px;width:15px}.color-dot.selected{border-color:#000}.topbar{align-items:center;background-color:#7e7d7d;display:flex;margin-bottom:.5%;margin-top:.5%;width:100%}.backbutton,.topbar{justify-content:space-between}.backbutton{display:inline-flex;margin-left:2%;width:20%}.center-items{display:inline-flex;justify-content:center;margin-left:100px;margin-right:350px;width:50%}.webcam{background-color:#0000;border:none;padding-right:5%;padding-top:2%}.record-bar{background-color:#000;border:none;border-radius:30px;height:40px;margin-left:1%;margin-right:2%;padding:0;width:180px}.record-bar,.record-state-and-text{display:inline-flex;justify-content:space-between}.record-state-and-text{padding-right:13%;width:50px}.record-state{padding-left:3%;padding-right:10%;padding-top:3%}.record-text{padding-right:10px;white-space:nowrap}.finish-play-pause-bar{background-color:#000;border-radius:30px;display:inline-flex;height:30px;justify-content:space-between;padding:7px 2% 4px;width:150px}.playpauserecordbutton{background-color:#0000;border:none;padding:0}.finishbutton{background-color:green;border-color:#00ff57;border-radius:30px;border-width:4px;height:auto;margin-bottom:1px;width:100px}.typography--variant-startnavbar{font-size:1rem;font-weight:400;letter-spacing:.25px;line-height:40px;margin:0;padding:0}.video-select-container{display:inline-flex;margin-right:10%}.video-selection{cursor:pointer;display:inline-flex;margin-left:10px;transition:transform .2s ease,box-shadow .2s ease}.video-selection:hover{box-shadow:0 4px 8px #0000001a;transform:scale(1.05)}.video-selection.active,.video-selection:hover{border:3px solid #f4d337;border-radius:10px}.video-thumbnail{border-radius:5px;display:block;height:50px;object-fit:cover;width:50px}.backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.podium-container{align-items:flex-end;border-radius:10px;display:flex;height:260px;justify-content:space-between;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:200px;z-index:1000}.podium-container .podium{background-color:gold;border-radius:10px;height:0;position:relative;width:calc(33.33% - 5px)}.podium-container .podium+.podium{margin-left:10px}.podium-container .second-place{animation:grow-second 2s ease-in-out infinite alternate}.podium-container .first-place{animation:grow-first 2s ease-in-out infinite alternate}.podium-container .third-place{animation:grow-third 2s ease-in-out infinite alternate}@keyframes grow-second{0%{bottom:0;height:0}50%,75%{bottom:50%;height:calc(40% - 10px)}to{bottom:50%;height:calc(40% - 10px)}}@keyframes grow-first{0%,25%,50%{height:0}75%,to{bottom:50%;height:calc(60% - 10px)}}@keyframes grow-third{0%,50%,75%{height:0}to{bottom:50%;height:calc(30% - 10px)}}.landing{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif}.landing .header{color:#f4d337;text-align:center}.landing .header h1{margin-bottom:.5rem}.landing .header p{color:#bb9c0a;margin-top:0}.landing .main-content{align-items:center;display:flex;flex-direction:column;margin-top:2rem}.landing .main-content .upload-section{background-color:#fffef8;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:2rem}.landing .main-content .upload-section h2{margin-bottom:1rem}.landing .main-content .upload-section button,.landing .main-content .upload-section input[type=file],.landing .main-content .upload-section input[type=url]{border:2px solid #ebc40d;border-radius:4px;display:block;margin:.5rem auto;padding:.8rem;width:90%}.landing .main-content .upload-section button{background-color:#f4d337;color:#fff;cursor:pointer;font-weight:700;transition:background-color .3s ease}.landing .main-content .upload-section button:hover{background-color:#ebc40d}.filmstrip-container{display:flex}.thumbnail{-webkit-user-drag:none;height:auto;margin-right:2px;min-width:4%;scroll-snap-align:start;transition:transform .2s ease-in-out;-webkit-user-select:none;user-select:none;-moz-user-select:none}.thumbnail:hover{transform:scale(1.2);z-index:2}.filmstrip-container{overflow-x:scroll;overflow-y:hidden;position:relative}.draggable-bar{background-color:#f4d337;border:1px solid #292727;border-radius:10px;bottom:0;cursor:ew-resize;position:absolute;top:0;width:10px}.active-frame,.draggable-bar{box-shadow:0 4px 8px #0000001a}.active-frame{border:3px solid #f4d337;border-radius:10px;transform:scale(1.1);transition:transform .2s ease-in-out}