/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{font-family:sans-serif;background:#1d1d1d;color:#f2f2f2}*,:after,:before{box-sizing:border-box}button{padding:0;margin:0;border:0;background:transparent;color:inherit}svg{fill:currentColor}a{color:inherit}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);white-space:nowrap}input[type=search]{background:hsla(0,0%,94.9%,.2);border:0;border-radius:1.5rem}input[type=search],input[type=search]~button{color:#f2f2f2;transition:background-color .3s ease,color .3s ease}input[type=search]::placeholder{color:hsla(0,0%,94.9%,.5)}input[type=search]:hover{background:hsla(0,0%,94.9%,.4)}input[type=search]:focus{background:#f2f2f2}input[type=search]:focus,input[type=search]:focus~button{color:#1d1d1d}input[type=search]:focus::placeholder{color:rgba(29,29,29,.5)}form{position:relative}form input{display:block;width:100%;height:3rem;padding:0 2.4rem 0 1rem}form button{color:transparent;width:2.25rem;padding-left:.25rem;position:absolute;right:0;top:0;overflow:hidden;height:100%;cursor:pointer;border-radius:0 1.5rem 1.5rem 0;display:flex;align-items:center;justify-content:flex-start}form button svg{opacity:.5;width:1rem;height:1rem;transition:width .3s ease,height .3s ease,opacity .3s ease}form button:focus svg,form button:hover svg{opacity:1;width:1.2rem;height:1.2rem}body{height:100vh;overflow:hidden}main,nav ul{overflow:auto}body,nav{display:flex;flex-direction:column}nav{max-height:100%}main,nav,nav ul{flex-grow:1}nav header{padding:1rem;margin:0}main,nav ul{padding:0 1rem;margin:0}main{position:relative}main iframe{position:absolute;top:0;left:0;width:100%;height:100%}li,ul{display:block;list-style:outside none}nav header{display:flex;padding-left:.5rem}nav header>*{margin-left:.5rem}nav header form{flex-grow:1}nav header #goback,nav header #toggle{flex-shrink:0}#goback,#toggle,.save-video{cursor:pointer;background:hsla(0,0%,94.9%,.2);transition:background-color .3s ease;color:transparent;width:3rem;height:3rem;position:relative;overflow:hidden;border-radius:1.5rem;color:inherit;display:flex;align-items:center;justify-content:center;align-self:center}#goback:focus,#goback:hover,#toggle:focus,#toggle:hover,.save-video:focus,.save-video:hover{background:hsla(0,0%,94.9%,.4)}#goback svg,#toggle svg,.save-video svg{width:1.5rem;height:1.5rem}#saved,main{display:none}#results{padding-top:2px}#saved{padding:1rem 1rem 0;background:rgba(217,71,112,.6)}#goback{display:none}html.player-open nav{flex-grow:0}html.player-open main{display:flex}html.player-open #goback{display:block}html.player-open #results,html.player-open #saved,html.player-open #toggle,html.player-open.saved-open #saved{display:none}html.saved-open #saved{display:block}html.saved-open #results{display:none}html.saved-open #toggle{background:rgba(217,71,112,.6) linear-gradient(180deg,#d94770 50%,transparent);color:#f2f2f2;margin-bottom:-1rem;padding-bottom:1rem;height:4rem;border-radius:1.5rem 1.5rem 0 0}@keyframes spin{to{transform:rotate(1turn)}}#results{position:relative}html.search-loading #results:before{content:"";animation:spin 1s linear infinite;display:block;position:absolute;z-index:5;top:2rem;left:calc(50% - 2.5rem);width:5rem;height:5rem;border-color:transparent currentcolor currentcolor transparent;border-style:solid;border-width:.25rem;border-radius:50%}html.search-loading #results>*{opacity:.25}ul li{display:flex;margin-bottom:1rem}ul li .play-video{flex-grow:1}ul li .save-video{flex-shrink:0}.play-video{cursor:pointer;text-align:left;position:relative;overflow:hidden}.play-video:before{content:"";display:block;padding:56.25% 0 0}.play-video div,.play-video img{position:absolute;bottom:0;left:0;width:100%}.play-video img{transition:transform .3s ease;transform:scale(1)}.play-video:focus img,.play-video:hover img{transform:scale(1.1)}.play-video div{font-size:min(calc(3vw + .25rem),1rem);bottom:-.1em;padding:.6em 0 .7em;max-height:60%;background:rgba(0,0,0,.7);backdrop-filter:blur(.5rem)}.play-video h2,.play-video p{font-size:1em;margin:0;line-height:1.2;padding:0 1em}.play-video img{height:100%;object-fit:cover}.save-video{overflow:visible;cursor:pointer;margin-left:.5rem;border-radius:50%;position:relative;background:transparent}.save-video svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.save-video svg[alt=Unsave]{opacity:0}.save-video:before{font-size:.75rem;content:"Save";background:rgba(0,0,0,.5);backdrop-filter:blur(5px);padding:.25em .5em;border-radius:.5em;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.save-video:focus,.save-video:hover{background:#f2f2f2}.save-video:focus svg,.save-video:hover svg{color:#d94770}.save-video:focus:before,.save-video:hover:before{opacity:1}.save-video.saved{background:#d94770}.save-video.saved:before{content:"Unsave"}.save-video.saved svg{color:#f2f2f2}.save-video.saved svg[alt=Unsave],.save-video:focus svg[alt=Unsave],.save-video:hover svg[alt=Unsave]{opacity:1}.save-video.saved svg[alt=Save],.save-video:focus svg[alt=Save],.save-video:hover svg[alt=Save]{opacity:0}#saved .save-video.saved{background:transparent}#saved .save-video:focus,#saved .save-video:hover{background:hsla(0,0%,94.9%,.4)}.save-video:active svg:before,.save-video:focus svg:before,.save-video:hover svg:before{visibility:visible}iframe{background:#000}@media(min-width:40rem){body{flex-direction:row}nav{flex-grow:0;flex-shrink:0;width:24rem;max-width:50%}main{display:flex;flex-grow:1;align-content:center;align-items:center;justify-content:center}main>p{margin:2rem 0;text-align:center}html.player-open #toggle,html.player-open.saved-open #saved,html.player-open:not(.saved-open) #results{display:block}html.player-open #goback{display:none}.play-video div{font-size:min(calc(1.5vw + .25rem),1rem)}}