:root{--s0:0.2rem;--s1:0.75rem;--s2:2rem;--bg:#0a0a0a;--card:#222;--card-alt:#444;--hover:#555;--fg:#ddd;--fg-light:#888;--radius:5px;--border:16px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;background-color:var(--bg);box-sizing:border-box;color:#ddd;color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*,:after,:before{box-sizing:inherit}body{height:100vh;margin:0}button{background-color:#444;background-color:var(--card-alt);border:none;border-radius:5px;border-radius:var(--radius);color:#ddd;color:var(--fg);cursor:pointer;padding:.75rem;padding:var(--s1)}button:hover:not(:disabled){background-color:#555;background-color:var(--hover)}button:disabled{cursor:default}#root{height:100%}.card{background-color:#222;background-color:var(--card);border-radius:5px;border-radius:var(--radius);padding:2rem;padding:var(--s2)}.card-title{-webkit-margin-before:0;-webkit-margin-after:.75rem;-webkit-margin-after:var(--s1);margin-block-end:.75rem;margin-block-end:var(--s1);margin-block-start:0}.container{display:flex;flex-direction:column;height:100%;justify-content:space-between}.with-sidebar{display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--s2);justify-content:center;overflow:hidden;padding:var(--s2)}.with-sidebar>:first-child{flex-basis:0;flex-grow:1;min-width:70%}.with-sidebar>:nth-child(2){flex-basis:30rem;flex-grow:0}.aside{max-height:min(max(calc(56.25vw - var(--s2)*3*9/16 - 16.875rem),40rem),calc(100vh - var(--s2)*2))}.footer{display:flex;flex-shrink:0;justify-content:flex-end}.footer,.social{padding:calc(var(--s1)/2)}.social{color:var(--card-alt)}.social:hover{color:var(--hover)}.aspect-ratio{height:0;overflow:hidden;padding-top:min(100% * 9/16,calc(100vh - var(--s2)*2));position:relative;width:100%}.aspect-ratio-inner{height:100%;left:0;position:absolute;top:0;width:100%}.empty-player{border:var(--border) solid var(--card);border-radius:var(--radius);font-size:1.6em;height:100%;width:100%}.empty-player,.overlay{align-items:center;display:flex;justify-content:center}.overlay{filter:drop-shadow(0 0 1px #222222) drop-shadow(0 0 1px #222222);font-size:1.8rem;pointer-events:none}.overlay>.text{align-items:center;display:flex;gap:var(--s1)}.overlay.blocked{background-color:#0003}.overlay.blocked>.text{-webkit-margin-before:6rem;margin-block-start:6rem}.sidebar{display:flex;flex-direction:column;gap:var(--s1);height:100%}.input-group{align-items:center;background-color:var(--card-alt);border-radius:0 0 var(--radius) var(--radius);display:flex;flex-flow:row nowrap;width:100%}.input-text{background-color:#444;border:none;border-radius:0 0 var(--radius) var(--radius);color:var(--fg);margin-right:-36px;padding:var(--s1);padding-right:36px;width:100%}.input-send{background-color:initial}.queue{border-radius:var(--radius) var(--radius) 0 0;flex-flow:column nowrap;flex-grow:1;margin-bottom:calc(var(--s2)*-1);min-height:0;overflow-y:auto;padding:0 var(--s2)}.queue,.queue-header{background-color:var(--card);display:flex}.queue-header{flex-flow:row nowrap;justify-content:space-between;padding-bottom:var(--s1);padding-top:calc(var(--s2) - var(--s1));position:-webkit-sticky;position:sticky;top:0;z-index:1}.title{margin:0;margin:var(--s1) 0}.status,.title{align-items:center;display:flex}.status{flex-wrap:wrap;justify-content:flex-end}.skip{margin:calc(var(--s1)*-1) 0}.getlink{cursor:pointer;margin:calc(var(--s1)*-1);padding:var(--s1)}.queue-list{margin-bottom:var(--s2);margin-top:var(--s1)}.queue-list>*{margin-bottom:var(--s1)}.queue-list>:last-child{margin-bottom:0}.queue-item{cursor:grab;display:flex;flex-flow:row nowrap}.queue-item,.remove{align-items:flex-start}.remove{-webkit-margin-start:auto;background-color:initial;display:inline-flex;margin-inline-start:auto;padding:.5rem;visibility:hidden}.queue-item:hover .remove{visibility:visible}.queue-video-info{align-items:flex-start;display:flex;flex-flow:row nowrap;margin-right:var(--s1);width:100%}.queue-video-title{font-weight:700}.thumbnail{aspect-ratio:16/9;margin-right:var(--s1);max-height:100px;max-width:35%;min-width:35%}.thumbnail img{height:100%;object-fit:contain;width:100%}.placeholder{aspect-ratio:16/9;border:1px solid var(--card-alt);justify-content:center}.hostname,.placeholder{align-items:center;color:var(--fg-light);display:flex}.hostname{flex-direction:row;gap:4px}.favicon{display:inline;height:16px;width:16px}.infobox{align-items:center;column-gap:var(--s1);display:flex;flex-flow:row wrap;justify-content:space-between;row-gap:var(--s2)}.infobox.success{background-color:#147447}.infobox.info{background-color:#005187}.infobox.error{background-color:#801}.notification{justify-self:start}.remaining{background-color:var(--card);border-radius:var(--radius);margin:calc(var(--s1)*-1) 0;padding:var(--s1)}.infobox.success .remaining{background-color:#0d492c}.infobox.info .remaining{background-color:#003254}.infobox.error .remaining{background-color:#55000b}.connections{flex:1 0 auto}.copylink{flex:0 0 auto;margin:calc(var(--s1)*-1) auto}.about{margin:calc(var(--s1)*-1) 0}dialog{background-color:var(--card);border:none;border-radius:var(--radius);color:var(--fg);height:800px;max-height:95vh;max-width:95vw;padding:0;transform:scale(.1);transition-duration:.1s;transition-property:transform;transition-timing-function:ease-in;width:900px}dialog.animate{transform:scale(1);transition-timing-function:ease-out}dialog::backdrop{background:#0009}dialog div{min-height:100%;padding:var(--s2);width:100%}dialog .close{cursor:pointer;padding:var(--s2);position:fixed;right:var(--s1);top:var(--s1)}dialog .close,dialog .close:hover{background-color:initial}dialog h1{margin-top:0}.bookmarklet{background-color:var(--card-alt);border-radius:var(--radius);color:var(--fg);display:inline-block;padding:var(--s1);text-decoration:none}.shortcuts{display:flex;flex-wrap:wrap;gap:var(--s1);padding:0}.shortcuts>li{flex:0 1 400px;list-style:none}.shortcuts>li>:last-child{margin-left:var(--s1)}kbd{background-color:var(--card-alt);border:1px solid var(--fg-light);border-radius:var(--radius);display:inline-block;font-size:1.1em;line-height:1.5em;padding:2px var(--s1)}.video-info,.video-info-data{display:flex;flex-direction:column;gap:var(--s0)}.video-info-title{font-weight:700}
/*# sourceMappingURL=main.35d3fcbe.css.map*/