@font-face{font-family:Brunson;src:url(/assets/Brunson-DStmIJtb.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#fff;color:#000}.container{display:grid;grid-template-columns:1fr 4fr;min-height:100vh}.left-column{display:flex;flex-direction:column;position:relative}.top-box{padding:40px;display:flex;flex-direction:column}.top-box h1{font-family:Brunson,sans-serif;font-size:2rem;font-weight:700;white-space:nowrap}.top-box p{font-size:.75rem;font-weight:200}.top-box a{font-size:.75rem;font-weight:200;color:inherit;text-decoration:none;cursor:pointer}.video-info-container{position:absolute;bottom:40px;left:0;display:flex;flex-direction:column;padding-left:40px;gap:10px}.video-info-title{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0}.video-info-subhead{font-size:.75rem;font-weight:400;letter-spacing:1px;margin:0;opacity:.7;color:inherit;text-decoration:none;cursor:pointer;transition:opacity .3s ease}.video-info-subhead:hover{opacity:1}.video-info-link-wrapper{text-decoration:none;color:inherit;display:flex;flex-direction:row;align-items:center;gap:10px}.video-info-logo{max-width:120px;max-height:120px;width:auto;height:auto;object-fit:contain}.video-title-list{display:flex;flex-direction:column;gap:10px;padding:0 40px;margin-top:50px}.video-list-title{font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:opacity .3s ease;opacity:.7}.video-list-title:hover{opacity:1}.bottom-box{padding:40px;display:flex;min-height:300px}.bottom-box h2{font-size:1.8rem;font-weight:600;text-align:center}.right-column{display:flex;flex-direction:column;padding:40px 20px 20px;align-items:flex-start;justify-content:flex-start;max-height:100vh;overflow:hidden}.canvas-container{width:100%;height:100%;display:block;max-width:calc(100vw - 40px);max-height:calc(100vh - 60px)}@media (max-width: 1024px){.container{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;padding:20px;gap:15px}.left-column{display:contents}.top-box{grid-column:1;grid-row:1;padding:20px;min-height:auto;gap:0}.top-box h1{font-size:1.5rem}.video-info-container{grid-column:2;grid-row:1;padding:20px;position:relative;bottom:auto;left:auto;right:auto;align-items:flex-start;max-width:100%;overflow:hidden;margin-top:0}.video-title-list{grid-column:1 / -1;grid-row:3;margin-top:0;padding:20px}.right-column{grid-column:1 / -1;grid-row:2;padding:0}.bottom-box h2{font-size:1.5rem}}@media (max-height: 640px){.video-title-list{margin-top:0}}@media (max-width: 640px){.container{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;height:100svh;overflow:hidden;padding:15px;gap:10px}.left-column{display:contents}.top-box{grid-column:1;grid-row:1;position:relative;padding:20px 20px 0}.video-info-container{grid-column:1;grid-row:2;position:relative;text-align:left;bottom:auto;left:auto;padding:10px 20px;display:flex;justify-content:center;align-items:center}.video-info-link-wrapper{display:block}.video-info-logo{display:none}.video-info-title{text-align:left;font-size:.5rem}.right-column{grid-column:1 / -1;grid-row:3;min-height:0;overflow:hidden}.video-title-list{grid-column:1 / -1;grid-row:4;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}.video-list-title{opacity:1;border:none;border-radius:100px;padding:8px 6px;text-align:center;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000002e}.video-list-title:active{background-color:#000;color:#fff;box-shadow:none}.video-info-title{color:inherit;text-decoration:underline}}html,body,#root{height:100%;width:100%;margin:0}