:root{--text-colour:#787878;--button-color:#5e5e5e;--button-hover-color:#a9a9a9}h1{color:var(--text-colour);margin:0;font-weight:400}.header-form-row{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.5rem;display:flex}@media (width>=700px){.header-form-row{flex-direction:row;align-items:flex-end;gap:2rem}.header-form-row h1{white-space:nowrap;margin-bottom:0;margin-right:1rem}.url-form{flex:1;margin-bottom:0}}.embed-wrapper{width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.container{width:90vw;max-width:1600px;margin:1.5rem auto;padding:0 1rem;font-family:sans-serif}.url-form{gap:.5rem;display:flex}.url-input{border:1px solid var(--text-colour);color:var(--text-colour);border-radius:4px;flex:1;padding:.5rem .75rem;font-size:1rem}button{cursor:pointer;background:var(--button-color);color:#fff;border:none;border-radius:4px;padding:.5rem 1.25rem;font-size:1rem}button:hover{background:var(--button-hover-color)}.error{color:#c00;margin-bottom:1rem}.embed-wrapper{height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.embed-wrapper iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}