.styles_container__UDh7W{width:30rem;height:43rem;background:#f5f5f5;border-radius:16px;box-shadow:0 0 5px rgba(0,0,0,.05);margin:0 0 2rem 2rem;position:relative}.styles_container__UDh7W span:first-child{display:flex;align-items:center;justify-content:center;width:5rem;height:2rem;position:absolute;background:#482fb8;color:#e6e6e6;top:0;right:0;margin:8px;padding:4px 8px;border-radius:16px;font-weight:600}.styles_container__UDh7W li{padding:1rem}.styles_container__UDh7W li h2{text-align:center}.styles_container__UDh7W li div{display:flex;align-items:center;justify-content:center}.styles_container__UDh7W li div p{border:2px solid #482fb8;padding:4px;border-radius:8px;margin:0 auto}.styles_tag__1tFeg{padding:8px;color:#e6e6e6;background:#482fb8;margin-left:20px;border-radius:.5rem}.styles_list__1-dUF{width:100%;margin:0 auto;display:flex;flex-wrap:wrap}.styles_list__1-dUF img{width:100%;height:250px;object-fit:cover;border-radius:16px 16px 0 0}.styles_cover__F0x0S{width:100%;height:300px;cursor:pointer}.styles_videoPlayer__TgwJW{grid-area:video;width:63.8rem;height:36rem;border-radius:16px;background:#000;color:#fff;font-family:"Fira Code",monospace;display:flex;justify-content:center;align-items:center}.styles_videoPlayer__TgwJW iframe{border-radius:16px}.styles_description__3K5M2{padding:0 1rem;text-align:center;font-weight:700}.styles_removeButton__2aK8Q{background-color:red;margin-top:.4rem;margin-left:2.5rem;border-radius:1rem}.styles_play__Fdw2o{color:#639;padding:10px}.styles_container__UDh7W li div button:first-child{background:#8a2be2;padding:1rem;border-radius:1rem}body{background-color:#111;font-family:"Roboto",monospace;height:100vh}.App{grid-template-columns:1fr 150px;grid-template-rows:repeat(2,auto);grid-template-areas:"video form" "list list";grid-gap:32px;padding:16px}.App,.form{display:grid}.form{grid-template-columns:125px 1fr;grid-gap:16px;grid-area:form;align-items:center;width:50rem;height:36rem;border:1px solid #eee;box-sizing:border-box;box-shadow:0 0 5px rgba(0,0,0,.05);justify-self:end;align-self:flex-start;background-color:#f5f5f5;border-radius:16px;padding:2rem}video{display:block;width:100%;max-width:700px;margin:0 auto}.controls{display:grid;grid-template-columns:auto auto 1fr;grid-gap:16px;align-items:center;background-color:#333;padding:4px 8px}input[type=range]{padding:0}.video-player h2{padding:0;margin:0;color:#333;background-color:#f2f2f2;font-size:32px}.list{position:relative;display:grid;grid-template-columns:repeat(auto-fit,320px);grid-gap:24px;grid-area:list;list-style:none;margin:0;padding:0}.list li:hover{opacity:.8}.list li span{position:absolute;background:#fff;color:#000;top:0;right:0;margin:8px;padding:4px 8px;border-radius:6px;font-weight:600}.list li h2{margin:0;font-size:18px}button{background-color:#482fb8;color:#fff;border-radius:3px;border:none;padding:8px 16px;cursor:pointer;font-weight:700}.btn{width:4vh;height:4vh}input{border-radius:3px;padding:8px;border:1px solid #ccc}li{list-style:none}
/*# sourceMappingURL=main.ea0bdd91.chunk.css.map */