* body{box-sizing:border-box}body{margin:0;padding:0;font-family:Raleway,sans-serif;-moz-osx-font-smoothing:grayscale;background-color:#fafafa}#root{position:relative;min-height:100vh}main{background-color:#fafafa;height:100%}a{text-decoration:none;color:#000}.center{text-align:center}.left{text-align:left}.error{color:red}button{padding:10px 12px;cursor:pointer;border:none;color:#fff;font-size:16px;background-color:#c4302b;border-radius:3px;font-family:Raleway;-webkit-transition-duration:.4s;transition-duration:.4s}button:hover{background:#333}button:disabled{cursor:not-allowed;background-color:grey}.ReactModal__Overlay{opacity:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}span.close-modal-btn{position:absolute;top:8px;right:8px;cursor:pointer}span.close-modal-btn i{font-size:10px}@media (max-width:400px){.ReactModal__Content{min-width:300px!important}}header{display:flex;align-items:center;justify-content:space-between;box-shadow:0 3px 2px -2px #3c3838;background:rgba(36,46,77,.76);width:100%;height:75px;top:0;z-index:10;position:relative}.app-title{margin:auto 0}.root-link{display:flex}.root-link:hover>.logo{-webkit-animation-play-state:running;animation-play-state:running;-webkit-transition:1s ease-in-out;transition:1s ease-in-out;fill:#ff4d47;-webkit-transition-delay:.25s;transition-delay:.25s}.root-link>.app-title{color:#fff}nav{right:0;font-size:22px;top:18px}.footer a,.footer a:after,.footer a:before,nav a,nav a:after,nav a:before,nav div a,nav div a:after,nav div a:before{-webkit-transition:all .5s;transition:all .5s}.footer a:hover,nav a:hover,nav div a:hover{color:#fff;font-size:18px}nav a{margin-right:25px;text-decoration:none;color:#cbc9c9;font-weight:800}.logo{width:40px;height:40px;padding-top:7px;margin:auto 5px;font-weight:bolder;fill:#fff;-webkit-transition:.5s;transition:.5s;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);-webkit-transform-origin:center center;transform-origin:center center}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);-webkit-transform-origin:center center;transform-origin:center center}}.footer a,nav.stroke a,nav.stroke div a{position:relative}.footer a:after,nav.stroke a:after,nav.stroke div a:after{position:absolute;bottom:0;left:0;right:0;width:0;content:".";color:transparent;background:#fff;height:2px;margin:.5em auto auto}.footer a:hover:after,nav.stroke a:hover:after,nav.stroke div a:hover:after{width:100%}.navLinks{font-size:20px}.navControls{text-align:right}.navControls>span{color:#fff}.login.link,.logout.link,.videosLink{font-size:.85em}.navControls>.user-welcome{margin-right:1em}@media screen and (max-width:420px){.user-welcome{font-size:.78em}.logout.link,.videosLink{font-size:15px}.videosLink:hover{font-size:17px}}.images{margin:0;padding:0}.landing-page-container{width:100%;background:-webkit-linear-gradient(315deg,rgba(36,46,77,.9),rgba(137,126,121,.9));background:linear-gradient(135deg,rgba(36,46,77,.9),rgba(137,126,121,.9));color:#fff}.landing-page-container>section{line-height:1.25}.about{height:100vh;display:flex}.about .left,.about .right{width:50%;padding:90px 50px}.about .right img{width:100%;height:auto}.about .AboutText h3{font-size:35px;margin:0}@media (max-width:700px){.about{display:flex;flex-direction:column;padding-bottom:100px}.about .left{padding:30px 30px 0;width:68%;margin-left:20px}.about .right{width:80%;padding:0}}@media (max-width:400px){.about{padding-bottom:100px}}aside{height:60vh;background:url(/static/media/aside-bg.5abf65ff.png) no-repeat 50% fixed;background-size:cover;display:flex;justify-content:center;align-items:center}aside .quote{font-size:1.7em;margin:0 45px;font-weight:700;font-style:italic}aside .quote:before{content:"\201C"}aside .quote:after{content:"\201D"}.hero{background:url(/static/media/laconic-bg.b777bd75.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:80% 25%;height:100vh;overflow:hidden}@media (max-width:1000px){.hero{background:url(/static/media/dark-hero-bg.67b3ff1a.png) no-repeat 50% fixed;background-size:cover;display:flex;justify-content:center;align-items:center}.hero-content{width:100%!important}.hero-content *{color:#fff!important}.hero-content h2{font-size:60px!important}.hero-content h3{font-size:30px!important}.hero-content p{font-size:20px!important}}.hero-content{margin:50px;width:50%}.hero h2{font-family:Oswald,sans-serif;font-size:75px}.hero h2,.hero h3{color:#000;margin:0}.hero h3{font-size:35px;text-decoration:none}.hero p{font-size:25px;color:#000;margin:50px 0 0}.red{color:#c4302b;font-weight:900;font-size:28px}.create-laconic{margin:2em 0;font-size:20px;padding:18px 20px}@media screen and (max-width:730px){.images,.images>img{width:100%}.create-laconic{padding:8px 10px;font-size:20px}}.team-container{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-evenly}.team-container h3{text-align:center}.Teamhero{background:url(/static/media/sfr.5bff1b32.jpg);background-size:cover;background-position:50%;padding:4rem 2rem;display:grid;height:30vh;width:100%}.intro{color:#c4302b;font-weight:900;font-size:28px}.Teamhero>*{color:#fff}.david,.elan,.kp,.peter,.verdi{max-width:400px;margin:1rem;padding:2rem;border:1px solid #e2e2e2;border-radius:.5rem;min-height:450px;width:auto}.picSwap .goat{display:none}.picSwap:hover .goat{display:inline;position:absolute;top:0;left:0;z-index:99;max-width:850px}.david>figure,.elan>figure,.kp>figure,.peter>figure,.verdi>figure{margin:auto;max-height:200px;max-width:200px;overflow:hidden;position:relative}.david>figure>img,.elan>figure>img,.kp>figure>img,.peter>figure>img,.verdi>figure>img{max-width:100%;max-height:100%}.flex-form{display:flex;width:100%}.add-video-form>button{display:block;margin:40px auto auto}.inputs{width:200px;border-right:1px solid #d6c9c9;margin-left:0}.inputs>label{display:block;margin-bottom:2.5px}.inputs>input{display:block;margin-bottom:10px;width:130px}.directions{padding-left:10px;width:50%;margin:0 auto}.directions>h4{padding:0;margin-top:3px}.instructions-text{font-size:14px;text-align:left;-webkit-transition:.4s;transition:.4s}.add-video-input{border:1px solid #000;padding:6px 8px;width:90%;font-size:13px;overflow:hidden;text-overflow:ellipsis}.add-video-form label{text-align:left}.add-video-input:focus{background-color:#e8e8e8;outline:solid #c4302b}.add-video-form{max-width:600px;min-width:300px;border:1px solid #000;margin:0 auto;height:37vh;padding:2em;position:relative;background:rgba(0,0,0,.15);border-radius:5px}.add-video-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:0;text-align:center;background:-webkit-linear-gradient(315deg,rgba(36,46,77,.9),rgba(137,126,121,.9));background:linear-gradient(135deg,rgba(36,46,77,.9),rgba(137,126,121,.9));color:#fff}.provide-info-text{justify-self:normal;margin-top:-100px}.instructions-text{font-size:1em}@media screen and (max-width:500px){.provide-info-text{display:none}.flex-form{flex-direction:column}.directions{order:-1;height:90px}.directions>h4{display:none}.leggo-text{text-align:center}.add-video-form{border:none;padding:0;margin:0 auto;width:300px;height:85vh;justify-self:unset;background:none}.inputs{border:none;width:100%;margin:50px auto auto 0;padding-right:0}.instructions-text{font-size:.8em}.inputs>input{padding-left:20px;display:inline-block;width:80%;margin-left:20px}.inputs>label{text-align:left;padding-left:20px}.add-video-header{margin-bottom:0;font-size:1.3em}}.creator-page{display:flex;flex-wrap:nowrap}.aside-controls{width:0;position:-webkit-sticky;position:sticky;z-index:11;top:0;left:0;overflow-x:hidden;background:-webkit-linear-gradient(315deg,rgba(36,46,77,.9),rgba(137,126,121,.9));background:linear-gradient(135deg,rgba(36,46,77,.9),rgba(137,126,121,.9));color:#fff;height:100vh;-webkit-transition:.4s;transition:.4s;margin-bottom:-3.5em}.controls-header{margin-top:0;padding-top:75px;border-bottom:1px solid grey;padding-bottom:20px;text-align:center}.controls-form{display:flex;flex-direction:column;align-items:center}.control-label{display:block;margin-bottom:10px}.creator-input{margin-bottom:20px;padding:10px}#creator-title,.creator-input{font-size:16px;font-family:Raleway,sans-serif}.creator-upload{margin-bottom:20px}input[type=file]{opacity:0;position:absolute;pointer-events:none;width:1px;height:1px}#creator-title{max-width:80%;padding:8px 10px;width:80%}input[type=file]+label{margin-top:20px;display:inline-block;border:1px solid grey;padding:5px 10px;border-radius:4px;margin-bottom:30px;max-width:75%}input[type=file]+label:hover{border:1px solid #c4302b;cursor:pointer}input[type=file]+label:active{border:1px solid #c4302b}#creator-description{max-width:80%;height:150px;resize:none;width:80%}.save-preview-btn{display:block;box-shadow:1px 1px grey;margin-top:1em}.save-preview-btn:hover{box-shadow:none}#edit-btn{font-size:1.7rem;margin:.5rem;position:absolute;cursor:pointer}.error-msg{padding:5px;text-align:center}@media screen and (max-width:630px){.error-msg{margin:0;padding:0}.aside-controls{position:fixed;padding-top:75px}#creator-title,.creator-input{width:75%!important}.save-preview-btn{margin-top:3rem}.control-label{margin-top:1em}}@media screen and (max-width:630px) and (max-height:600px){.controls-header{padding-top:45px}.error-msg{margin:0;padding:0}input[type=file]+label{margin:0 0 .75em}#creator-description{max-height:125px}}@media screen and (max-height:700px){.save-preview-btn{margin-bottom:3em}}@media screen and (min-width:1000px){#edit-form{width:20%}#edit-btn{visibility:hidden}}.creator-preview{width:100%;display:flex;align-items:center;flex-direction:column;-webkit-transition:.5s;transition:.5s}.preview-controls{margin-bottom:20px}.preview-controls>*{margin-right:15px}.device-selector{cursor:pointer;background-color:#fff;border:thin solid #c4302b;border-radius:4px;display:inline-block;font:inherit;line-height:1.5em;padding:.5em 3.5em .5em 1em;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;background-image:-webkit-linear-gradient(45deg,transparent 50%,grey 0),-webkit-linear-gradient(315deg,grey 50%,transparent 0),-webkit-radial-gradient(#ddd 70%,transparent 72%);background-image:linear-gradient(45deg,transparent 50%,grey 0),linear-gradient(135deg,grey 50%,transparent 0),radial-gradient(#ddd 70%,transparent 72%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - .5em) .5em}.device-selector,.device-selector:focus{background-size:5px 5px,5px 5px,1.5em 1.5em;background-repeat:no-repeat}.device-selector:focus{background-image:-webkit-linear-gradient(45deg,#fff 50%,transparent 0),-webkit-linear-gradient(315deg,transparent 50%,#fff 0),-webkit-radial-gradient(grey 70%,transparent 72%);background-image:linear-gradient(45deg,#fff 50%,transparent 0),linear-gradient(135deg,transparent 50%,#fff 0),radial-gradient(grey 70%,transparent 72%);background-position:calc(100% - 15px) 1em,calc(100% - 20px) 1em,calc(100% - .5em) .5em;outline:0}.randomize{padding:11px 13px}.youtube-search-result{display:flex;max-width:65vw;padding:8px;font-family:Roboto,Arial,sans-serif}.youtube-search-result .left-col{flex:1 1;position:relative}.youtube-search-result>.left-col>img{width:246px;height:138px;margin-right:16px}.youtube-search-result .left-col span{color:#fff;position:absolute;bottom:10px;right:20px;font-size:12px;font-weight:600;background-color:#000;padding:2px 3px}.youtube-search-result .right-col{flex:3 1;margin-left:10px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;max-height:154px;width:600px;letter-spacing:.5px}.youtube-search-result .right-col h2{margin:0 0 .25em}.right-col>h2{font-size:18px;overflow:hidden;font-weight:500;text-overflow:ellipsis;line-height:1.5rem;max-height:48px}.right-col>p{font-size:13px;text-overflow:ellipsis}.right-col>.sub-headings{margin:0;text-overflow:ellipsis}.right-col>.sub-headings,.right-col>.truncate{color:#606060;padding:0;max-height:30px;overflow:hidden}.right-col>.truncate{white-space:pre;margin-bottom:0}img.responsive-img{width:100%;height:auto}@media screen and (max-width:425px){.desktop-view-page>.youtube-search-result>.left-col>img{width:200px;height:118px}}.ellipsis-menu{visibility:hidden}.desktop-view-page{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);padding:1em;margin-bottom:1em;border-radius:3px}.desktop-view-page .mobile-clear{margin-top:.3em}.icon{display:flex;flex-flow:column wrap;align-items:center;justify-content:center}.fa-icon{color:#8f8f8f;font-size:18px}.icon>label{font-size:9px;color:#8f8f8f;margin-top:.6em}.mobile-view-page{max-width:500px;background-color:#2e2e2e;color:#fff;padding:.75em;font-family:Roboto,Arial,sans-serif}.search-container{width:100%;display:flex;height:45px;align-items:center;margin-bottom:.5em}.search-container>span{flex:1 1;padding-left:20px}.right-icons{flex:.4 1;justify-content:space-around;display:flex}.search-container>*{font-size:18px}.mobile-view-page>.youtube-search-result{max-height:85px;margin:1em 0}.mobile-view-page>.youtube-search-result>.left-col>img{width:140px;height:85px;margin-right:0}.mobile-view-page .truncate{visibility:hidden}.mobile-view-page>.youtube-search-result{padding:0}.mobile-view-page>.youtube-search-result .left-col span{right:5px;bottom:3px;font-weight:100}.mobile-view-page .right-col>h2{font-weight:100;font-size:16px;line-height:normal;max-height:40px;max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-view-page .right-col{max-width:180px;letter-spacing:0}.mobile-view-page .right-col>.sub-headings{color:#8f8f8f}.mobile-view-page .mobile-clear{margin-top:.1em;display:block}.mobile-view-page .desktop-only{visibility:hidden}.mobile-view-page .ellipsis-menu{visibility:visible;color:#8f8f8f;font-size:12px;margin-top:.3em}.icon-container{margin-top:.5em;display:flex;justify-content:space-around}.icon:nth-child(3)>.fa-icon,.icon:nth-child(3)>label{color:#fff}.smartphone{margin-top:.5em;position:relative;width:360px;border-color:#000;border-style:solid;border-width:60px 16px;border-radius:36px;margin-bottom:1.5em}.smartphone:before{width:60px;height:5px;top:-30px;border-radius:10px}.smartphone:after,.smartphone:before{content:"";display:block;position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#333}.smartphone:after{width:35px;height:35px;bottom:-65px;border-radius:50%}@media screen and (max-width:420px){.smartphone{width:280px;background:none;border:none;width:100vw;height:100vw}.smartphone:after,.smartphone:before{background:none;width:100%}.smartphone:after{height:0;width:0;padding:0}.mobile-view-page>.youtube-search-result{max-width:100%;margin-left:.5em}.creator-preview>h2{font-size:20px}.device-selector{visibility:hidden;width:0;height:0;padding:0;position:fixed}.edit-menu-btn{top:114px;left:13%}.mobile-view-page>.youtube-search-result .left-col{max-width:140px;max-height:85px}#edit-btn{margin-top:.88em;margin-left:.5em}}.loader{display:flex;align-items:center;justify-content:center;flex-direction:column;position:fixed;background-color:rgba(0,0,0,.8);top:0;left:0;width:100%;height:100%;z-index:10;font-size:20px;color:#fff}.sk-cube-grid{width:50px!important;height:50px!important}.login-form-container{flex-direction:column;align-items:center;height:100vh;padding:0;text-align:center;background:-webkit-linear-gradient(315deg,rgba(36,46,77,.9),rgba(137,126,121,.9));background:linear-gradient(135deg,rgba(36,46,77,.9),rgba(137,126,121,.9));color:#fff}.login-form,.login-form-container{display:flex;justify-content:center}.login-form{flex-flow:column wrap;margin:0 auto;width:60vw;height:300px;padding:2em;position:relative;background:rgba(0,0,0,.15)}@media screen and (min-width:600px){.login-form{max-width:25em}}@media screen and (max-width:340px){.login-form{height:320px}}@media screen and (max-width:600px){.lf-title{font-size:22px}}.lf-submit{margin-top:1.5em;text-align:center}.lf-submit:hover{background:#c4302b}.lf-title{margin:0 0 2em}.trial-link-container{margin-top:4em}.trial-link{color:#fff}.preview-tile>img{border:1px solid #d3d3d3;width:100%;height:12vw;min-height:105px}.preview-tile>a{min-width:100px;width:80%;margin-bottom:1em}.preview-tile>a:hover{cursor:pointer}.preview-tile>a>img{border:1px solid #d3d3d3;min-height:101.25px;height:9vw;width:100%}.preview-tile{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.preview-btn{padding:0;background:none}.set-active-btn{padding:4px 6px;background-color:#c4302b;border:1px solid #000;color:#fff;border-radius:3px}.active-indicator,.set-active-btn{font-size:14px;font-weight:900;width:70%;margin:0 2% 0 -2%;height:4vw;min-height:30px;max-height:45px;-webkit-transition-duration:.4s;transition-duration:.4s}.active-indicator{display:flex;justify-content:center;align-content:center;background-color:#fff;border:1px solid #c4302b;color:#c4302b;border-radius:3px}.indicator-text{display:inline-block;margin-top:auto;margin-bottom:auto}.delete-preview-btn{cursor:pointer}.selection-card{padding:5px;border:1px solid #c4302b;background-color:#fff;margin-bottom:1em;display:flex;align-items:stretch;align-content:space-around;justify-content:space-between;box-shadow:0 0 0 2px #ccc,0 0 0 4px #e6e6e6}.selected-buttons{display:flex;justify-content:space-evenly;margin-top:7px}.preview-svg{display:flex;width:14%;height:4vw;min-height:30px;max-height:45px}.preview-tile-image:hover{border:1px solid #f9f9f9;box-shadow:0 0 11px rgba(33,33,33,.2)}@media screen and (max-width:630px){.preview-tile>img{width:46vw;height:25.875vw}.preview-tile:first-child{margin-left:.5em}.preview-tile{display:inline-block;width:46vw}.preview-tile>a>img{width:42vw;height:23.625vw;margin-bottom:3vw}.selection-card{width:46vw;margin-right:4vw;box-shadow:0 0 0 2px #ccc,0 0 0 4px #e6e6e6;margin-top:.5em}}.preview-controls-container{width:20vw;padding:10px;min-width:190px;border-right:1px solid grey;margin:0;overflow:scroll;z-index:13}.preview-tiles{list-style-type:none;padding:0;overflow-x:scroll}.preview-title{text-align:center;padding:1em;border-bottom:1px solid grey;font-size:1.3rem;margin:0 0 10px}@media screen and (min-width:630px){.preview-controls-container{margin-bottom:-75px}}@media screen and (max-width:630px){.preview-controls-container{width:100%;height:auto;border-right:none;border-bottom:1px solid grey}.preview-title{padding-bottom:0;border:none;margin-bottom:3px;z-index:19}.preview-tiles{margin-bottom:0;overflow-x:scroll;white-space:nowrap}.preview-control-icons{width:40%}}@media screen and (min-width:1000px){.preview-svg{margin-right:5px}}.preview-controls>.randomize.button{margin-right:0;width:120px}.previews-page{display:flex}.previews-display-section{padding:0 2em;margin:auto}@media screen and (max-width:630px){.previews-page{flex-flow:row wrap;justify-content:center}.previews-display-section{padding:0}}button.fab{background:#e53030;border:3px solid #fff;border-radius:100%;box-shadow:inset 0 -2px 0 3px #c91919,0 5px 5px rgba(65,8,8,.17),inset 0 15px hsla(0,0%,100%,.25);cursor:pointer;display:inline-block;position:fixed;width:70px;height:70px;bottom:40px;right:40px;color:#fff;border-radius:50px;text-align:center;-webkit-transition-duration:.4s;transition-duration:.4s;overflow:hidden;z-index:1;outline:none}button.fab:hover{background:#333;box-shadow:inset 0 -2px 0 3px #1a1a1a,0 5px 5px rgba(0,0,0,.17),inset 0 15px hsla(0,0%,100%,.32)}button.fab:after{content:"";background:#d05151;display:block;position:absolute;padding-top:300%;padding-left:350%;margin-left:-20px!important;margin-top:-120%;opacity:0;-webkit-transition:all .8s;transition:all .8s}button.fab:active:after{padding:0;margin:0;opacity:1;-webkit-transition:0s;transition:0s}.videos-page>.fab{bottom:80px}.video-item>div>input{object-fit:cover;width:290px;height:163.125px;max-width:300px;margin:auto;text-align:center}.image-section{max-width:290px;height:163.125px;position:relative}.video-item>h2{margin:5px 0 5px 5px;font-size:20px;width:280px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-image-link:active{outline:none;border:none}.video-item>p{margin:0 0 0 5px;font-size:17px}.video-item{height:217.5px;margin:0 auto auto;padding-bottom:10px;-webkit-transition:box-shadow .3s;transition:box-shadow .3s}.video-item:hover{border:1px solid #e1e1e1;box-shadow:0 0 11px rgba(33,33,33,.2);background-color:#fff}.video-item:hover>.image-section{border:1px solid #c4302b}.video-title{margin:5px 0 0 5px}.black-btn,.white-btn{color:#000}.video-item .video-controls{position:absolute;top:0;right:0;display:flex;flex-direction:column;background-color:#000;padding:5px;justify-content:space-around;align-items:center;min-height:80px;border-radius:0 0 0 5px}.video-item .video-controls .f-icon{color:#fff;cursor:pointer}.delete-video-modal{max-width:320px;min-width:300px;border:1px solid #000;border-radius:5px;width:60vw;height:30vh;padding:2em;position:relative;background:-webkit-linear-gradient(315deg,rgba(36,46,77,.9),#897e79);background:linear-gradient(135deg,rgba(36,46,77,.9),#897e79);color:#fff}.cancel-btn{border:1px solid #fff;background:none;box-shadow:1px 1px #fff}.cancel-btn:hover,.confirm-btn:hover{box-shadow:none}.blank-space-delete{padding-bottom:15px}.delete-button-controls{padding-top:20px;display:flex;justify-content:space-around}@media screen and (max-width:500px){.delete-video-modal{border:none;padding:20px;width:300px;height:40vh}}.Modal{z-index:100;position:absolute;top:70px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%;height:100%;background:-webkit-linear-gradient(315deg,rgba(36,46,77,.9),#897e79);background:linear-gradient(135deg,rgba(36,46,77,.9),#897e79);color:#fff;outline:none}.Modal label{margin-left:0}.Modal form{border:none;background:none;outline:none}@media screen and (min-width:500px){.Modal{top:20%;left:50%;width:450px;height:70%;border-radius:5px}.Modal form{margin:-20px}}@media screen and (min-height:850px){.Modal{height:500px}}.copy-video-modal .field-group{margin-bottom:15px;color:#000}.copy-video-modal .copy-wrapper{background:#d3d3d3;padding:8px;display:flex;justify-content:space-between;align-items:center}.copy-video-modal h3{margin:0;padding-bottom:5px}.copy-video-modal .f-icon{cursor:pointer}@media screen and (max-width:500px){.copy-video-modal{margin-top:20px}}.my-videos-container{position:relative;margin:auto}.header-container,.my-videos-container{padding:0 1em;max-width:1000px;display:grid;grid-gap:.5em;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.header-container{border-bottom:1px solid grey;margin:20px auto 1em}#page-title{width:90%;max-width:290px;margin:auto}.videos-page{padding-bottom:60px}.videos-page>.btn-container{margin-top:1rem;display:flex;justify-content:space-around;margin-bottom:0;padding-bottom:0}.next,.previous{width:85px}.add-video-header{text-align:center}.no-videos-text{width:300px;position:absolute;left:0;right:0;margin:auto;top:40%}.loader-ellips{font-size:20px;position:relative;width:4em;height:1em;margin:10px auto}.loader-ellips__dot{display:block;width:1em;height:1em;border-radius:.5em;background:#555;position:absolute;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.loader-ellips__dot:first-child,.loader-ellips__dot:nth-child(2){left:0}.loader-ellips__dot:nth-child(3){left:1.5em}.loader-ellips__dot:nth-child(4){left:3em}@-webkit-keyframes reveal{0%{-webkit-transform:scale(.001);transform:scale(.001)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes reveal{0%{-webkit-transform:scale(.001);transform:scale(.001)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes slide{to{-webkit-transform:translateX(1.5em);transform:translateX(1.5em)}}@keyframes slide{to{-webkit-transform:translateX(1.5em);transform:translateX(1.5em)}}.loader-ellips__dot:first-child{-webkit-animation-name:reveal;animation-name:reveal}.loader-ellips__dot:nth-child(2),.loader-ellips__dot:nth-child(3){-webkit-animation-name:slide;animation-name:slide}.loader-ellips__dot:nth-child(4){-webkit-animation-name:reveal;animation-name:reveal;animation-direction:reverse}.not-found-page{min-height:400px;display:flex;justify-content:center;align-items:center;text-align:center}.page{-webkit-animation-name:test;animation-name:test;-webkit-animation-duration:.5s;animation-duration:.5s}::-webkit-scrollbar{display:none}@-webkit-keyframes test{0%{opacity:0}to{opacity:1}}@keyframes test{0%{opacity:0}to{opacity:1}}.App{padding-bottom:3.5em}.footer{background-color:rgba(36,46,77,.76);width:100%;height:3.5rem;color:#fff;display:flex;justify-content:space-between;align-items:center;bottom:0;position:absolute;margin-top:2em}.footer>span{padding:.75em}.footer a{color:#cbc9c9}footer>span{padding:.75em}@media screen and (max-width:730px){.footer{font-size:12px}footer div a:hover{font-size:14px}}.error-bar{width:100%;padding:15px;background-color:red;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:space-between}.unexpected-error{height:100vh;padding:20px;background:#7fffd4}.unexpected-error .bottom,.unexpected-error .top{display:flex;justify-content:center;flex-direction:column;text-align:center;margin-top:100px}.unexpected-error .bottom i{font-size:60px;margin-top:20px}.emoji{font-size:60px}
/*# sourceMappingURL=main.956ee224.chunk.css.map */