@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";#root{margin:0 auto;text-align:center;height:100%;display:grid;grid-template-rows:auto 1fr;overflow:hidden}#root ::-webkit-scrollbar{width:.5rem;height:.5rem}#root ::-webkit-scrollbar-track{background:transparent}#root ::-webkit-scrollbar-thumb{background:#ffffff98;width:.15rem;border-radius:1rem;box-sizing:border-box;background:radial-gradient(50% 50% at 50% 50%,#cacaca,#b1b1b1);border:1px solid rgba(255,255,255,.4)}#root ::-webkit-scrollbar-thumb:hover{background:#fff;cursor:pointer}:root{--breakpoint-mobile: "767px";--breakpoint-tablet: "1023px"}body{margin:0;padding:0;background:#222631;height:100dvh;overflow:hidden}.selection-set-card{border-right:1px solid #444444;padding:1rem;height:100%;box-sizing:border-box;display:grid;grid-auto-rows:max-content;gap:1rem;background:#222631;scroll-snap-align:start}.selection-set-card:nth-child(1){border-left:1px solid #444444}.selection-set-card h2{margin:0;display:flex;justify-content:space-between;align-items:center;font-family:Open Sans;font-style:normal;font-weight:600;font-size:16px;line-height:24px;color:#ffffffde;position:sticky;top:1rem;z-index:3}.selection-set-card h2:after{content:"";display:block;position:absolute;width:100%;height:calc(100% + 1.5rem);background:linear-gradient(180deg,#222531,#22253100);z-index:-1;top:-1.2rem}.selection-set-card h2 span{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.25rem .75rem;gap:.5rem;background:#6c66f0;border-radius:.5rem;font-family:Open Sans;font-style:normal;font-weight:700;font-size:.75rem;color:#fff}.selection-set-card hr{border:none;height:1px;width:100%;position:sticky;top:0;box-shadow:0 5px 10px #222631;margin:0}@media (max-width: 1023px){.selection-set-card{border:none}.selection-set-card h2:after{top:-1.2rem;border-top:1px solid #444444;background:linear-gradient(180deg,#222531 60%,#22253100)}}.switching-set-card{display:flex;flex-direction:column;align-items:flex-start;padding:10px;gap:.5rem;background:#3b404f;border-radius:.5rem;width:100%;box-sizing:border-box}.switching-set-card h3{font-family:Open Sans;font-style:normal;font-weight:400;font-size:.85rem;color:#ffffffde;margin:0}.track-card{color:var(--text-color-primary);width:100%;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:.35rem;gap:.5rem;background:#565d6c;border:.5px solid rgba(255,255,255,.1);border-radius:.5rem;cursor:pointer}.track-card span{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.35rem .75rem;gap:.5rem;background:#d1d1d1;border-radius:.5rem;font-family:Open Sans;font-style:normal;font-weight:700;font-size:.75rem;color:#222631;text-transform:uppercase}.track-card h4{margin:0;width:100%;text-align:left;font-weight:400;color:#fff;-webkit-user-select:none;user-select:none}.track-card svg{width:1.3rem;height:1.3rem;-webkit-user-select:none;user-select:none}.button{display:grid;grid-template-columns:auto 1fr;position:relative;margin:0;transition:ease-in-out .2s;box-sizing:border-box;flex-direction:row;align-items:center;padding:.35rem .35rem .35rem 1rem;gap:8px;border:1px solid rgba(255,255,255,.4);border-radius:1.31rem}.button svg{width:1.5rem!important;height:1.5rem!important}.button:disabled{opacity:0;transform:scale(0);display:none}.button svg{width:1rem;height:1rem}@media (max-width: 767px){.button{padding:.25rem .25rem .2rem .7rem;font-size:.9rem}}.track-info{width:100%;max-width:400px;z-index:999!important;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;background:#3b404f;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 134px #565d6c73;border-radius:.5rem;overflow:hidden;justify-self:center;align-self:center}.info-item{display:flex;align-items:flex-end;border:3px solid green}.track-info-header{display:flex;justify-content:space-between;width:100%;border-bottom:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;box-sizing:border-box}.track-info-header h3{font-family:Open Sans;font-style:normal;font-weight:700;font-size:1rem;margin:0;align-items:center;color:#ffffffde;display:flex;gap:.25rem;flex-wrap:wrap}.track-info-actions{display:flex}.track-info-actions button svg{width:1.4rem;height:1.4rem}.track-info-container{display:grid;gap:1rem;grid-template-columns:1fr 1fr;width:100%;padding:0rem 1rem;box-sizing:border-box}.track-info-row{display:block;box-sizing:border-box;width:100%;grid-column:span 2;text-align:left}.track-info-row:nth-last-child(1),.track-info-row:nth-last-child(2){grid-column:span 1}.track-info-row{display:grid;gap:.25rem;width:100%;box-sizing:border-box}.track-info-row input{display:flex;flex-direction:row;align-items:center;padding:.5rem .75rem;gap:.75rem;background:#565d6c;border:1px solid #ffffff1a;border-radius:7px;color:var(--text-color-main);font-size:1rem;width:100%;box-sizing:border-box}.track-info-row input:disabled{background:#3b404f}.track-info-row input:focus{border:1px solid #FFD700;outline:none}.track-info-row label{font-family:Open Sans;font-style:normal;font-weight:600;font-size:.875rem;color:#fff;box-sizing:border-box;width:100%}.track-info-footer{display:flex;justify-content:end;width:100%;background:#2a2f3c;padding:.75rem .5rem;box-sizing:border-box;gap:.5rem}.track-info-footer button{grid-template-columns:auto;width:max-content;border-radius:.5rem;padding:.35rem 1rem}.icon-button{display:grid;position:relative;border-radius:50%;margin:0;padding:.5rem;transition:ease-in-out .2s}.icon-button:disabled{opacity:0;transform:scale(0);display:none}.icon-button svg{width:1rem;height:1rem}.ham-display-container{height:100%;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.ham-display-container .ham-display-header{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;z-index:1}.ham-display-container .ham-display-header h1{font-family:Open Sans;font-style:normal;font-weight:400;font-size:1.8rem;display:flex;align-items:center;color:#ffffffde;gap:.25rem}.ham-display-container .ham-display-header .actions-container{display:flex;gap:1rem;align-content:center}.ham-display-container .content-horizontal-container{display:grid;align-items:center;flex-wrap:nowrap;background:#222631;opacity:.8;border-top:1px solid rgba(255,255,255,.2);width:100%;overflow:auto;align-items:start;height:100%;grid-auto-flow:column;grid-auto-columns:375px;z-index:1;scroll-snap-type:x mandatory;scroll-behavior:smooth;justify-content:start}.ham-display-container .content-horizontal-container .scroll-button{position:absolute;right:.5rem;box-sizing:border-box;width:2.5rem;height:2.5rem;top:50%;background:radial-gradient(50% 50% at 50% 50%,#919191,#737373);border:1px solid rgba(255,255,255,.2);border-radius:21px;display:flex;justify-content:center;z-index:1;align-items:center;padding:0}.ham-display-container .content-horizontal-container .scroll-button svg{width:.8rem;height:auto}.ham-display-container .content-horizontal-container .scroll-button.left{right:0rem;left:.5rem}.ham-display-container .content-horizontal-container .scroll-button.left svg{transform:rotate(180deg)}.wrong-file-container{display:grid;gap:.5rem;width:max-content;margin:0 auto;height:max-content;padding:10rem 1rem;background:radial-gradient(50% 50% at 50% 50%,#ffffff14,#fff0);justify-items:center;z-index:2}.wrong-file-container svg{width:5rem;height:max-content;opacity:.7}.wrong-file-container svg path{fill:#fff}.wrong-file-container h3{margin:0}.wrong-file-container p{margin:0;opacity:.8}@media (max-width: 1023px){.ham-display-container .ham-display-header{display:grid;grid-template-columns:1fr;padding-bottom:1rem}.ham-display-container .ham-display-header .actions-container{justify-self:end;flex-wrap:wrap}.ham-display-container .ham-display-header h1{display:flex;flex-wrap:wrap;justify-content:center;margin:.5rem;font-size:1.2rem}.ham-display-container .ham-display-header .actions-container{padding-top:.5rem;align-self:center;justify-self:center;justify-content:center}.ham-display-container .content-horizontal-container{display:block}.ham-display-container .content-horizontal-container .selection-set-card{height:max-content}}.modal-container{position:fixed;width:100%;height:100%;top:0;right:0;z-index:2;background:#2226316c;display:grid;padding:1rem;box-sizing:border-box}header{display:grid;grid-template-columns:auto 1fr auto;position:relative;align-items:center;transition:all .3s ease-in-out;padding:1.5rem;gap:1rem;justify-items:center;z-index:1;height:max-content;padding-bottom:0}header.no-selected{grid-template-columns:auto;justify-items:center;align-items:center;height:100dvh;align-content:center;gap:2rem;padding:1.5rem}header.no-selected .info-button{position:absolute;right:1.5rem;top:2.367rem}header.no-selected:after{width:100rem;height:100rem}header *{z-index:1}header:after{content:"";position:absolute;width:50rem;height:50rem;left:0;top:0;background:radial-gradient(138.24% 138.24% at -42.82% -74.2%,#ffbe1a,#222631);z-index:-1;opacity:.5}@media (max-width: 768px){header{display:grid;grid-template-columns:1fr;padding:1rem .5rem}header svg{height:32px}header .info-button{position:absolute;right:1.5rem;top:1rem}header.no-selected>svg{height:64px}}.input-container{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:.75rem 1rem;gap:1rem;background:#454954;border:1px solid #5D5D5D;border-radius:.5rem;width:100%;max-width:600px;position:relative;overflow:hidden}.input-container:focus-within{border:1px solid white}.input-container .input-file{display:none}.input-container.drag-over:after{content:"";border:2px dashed #ffffff92;position:absolute;top:50%;left:50%;width:calc(100% - .5rem);height:calc(100% - .5rem);z-index:2;transform:translate(-50%,-50%);border-radius:.33rem}.input-container .input-text{color:#fff;border:none;background:transparent;width:100%;font-size:1rem}.input-container .input-text:focus{outline:none}.input-container .input-text::placeholder{color:#b3b3b3}.input-container .input-text:disabled{opacity:.5;-webkit-user-select:none;user-select:none}.input-container .file-selected-name{position:absolute;left:0;top:0;z-index:2;background:#454954;display:flex;justify-content:space-between;align-items:center;max-width:100%;flex-wrap:wrap;height:100%}.input-container .file-selected-name span{margin-left:.5rem;background:#d1d1d1;padding:.5rem 1rem;border-radius:.5rem;display:flex;gap:.5rem;align-items:center;color:#454a54;font-weight:500;font-size:.9rem;line-height:1.8rem}.input-container .file-selected-name button{padding:.25rem}@media (max-width: 768px){.input-container{padding:.35rem .5rem}.input-container .file-selected-name span{line-height:100%}}.info-container{width:100%;max-width:600px;z-index:999!important;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;background:#3b404f;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 134px #565d6c73;border-radius:.5rem;overflow:hidden;justify-self:end;align-self:start}.info-container .info-header{display:flex;justify-content:space-between;width:100%;border-bottom:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;box-sizing:border-box}.info-container .info-header h3{font-family:Open Sans;font-style:normal;font-weight:700;font-size:1rem;margin:0;align-items:center;color:#ffffffde;display:flex;gap:.25rem;flex-wrap:wrap}.info-container .info-actions{display:flex}.info-container .info-actions button svg{width:1.4rem;height:1.4rem}.info-container .info-content{padding:0 1rem 1rem}.info-container .info-content p{margin:0;text-align:left}.info-container .info-content a{color:#fff;font-weight:400}.hls-player-container{width:100%;max-width:900px;z-index:999!important;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;background:#3b404f;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 134px #565d6c73;border-radius:.5rem;overflow:hidden;justify-self:center;align-self:center}.hls-player-container .hls-player-header{display:flex;justify-content:space-between;width:100%;border-bottom:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;box-sizing:border-box}.hls-player-container .hls-player-header h3{font-family:Open Sans;font-style:normal;font-weight:700;font-size:1rem;margin:0;align-items:center;color:#ffffffde;display:flex;gap:.25rem;flex-wrap:wrap}.hls-player-container .hls-input-container{display:grid;gap:.25rem;width:100%;box-sizing:border-box;text-align:start;padding:0 1rem}.hls-player-container .hls-input-container input{display:flex;flex-direction:row;align-items:center;padding:.5rem .75rem;gap:.75rem;background:#565d6c;border:1px solid #ffffff1a;border-radius:7px;color:var(--text-color-main);font-size:1rem;width:100%;box-sizing:border-box}.hls-player-container .hls-input-container input:disabled{background:#3b404f}.hls-player-container .hls-input-container input:focus{border:1px solid #FFD700;outline:none}.hls-player-container .hls-input-container label{font-family:Open Sans;font-style:normal;font-weight:600;font-size:.875rem;color:#fff;box-sizing:border-box;width:100%}.hls-player-container .player-wrapper{width:100%;padding:0 1rem 1rem;box-sizing:border-box;border-radius:.5rem;overflow:hidden}.hls-player-container .player-wrapper video{width:100%;height:100%;border-radius:.5rem;overflow:hidden;display:block;margin-bottom:1rem}.hls-player-container .player-wrapper p{margin:0;font-size:.8rem}:root{--color-primary: #409bc7;--color-secondary: #f68d1e;--color-tertiary: #97ba3b;--background-main: #101418;--background-primary: #13171b;--background-secondary: #23242b;--text-color-main: rgba(255, 255, 255, .87);--text-color-primary: #a9a9a9;--border-primary: #232a31;--border-secondary: #65656e;font-family:Open Sans,sans-serif;line-height:1.5;font-weight:400;color:var(--text-color-main);background-color:var(--background-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root::-webkit-scrollbar{display:none}h1{font-size:3.2em;line-height:1.1}button,input::file-selector-button{border-radius:8px;border:none;padding:.4em 1em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-primary);cursor:pointer;margin:.5em;color:var(--text-color-main)}button a{text-decoration:none;color:var(--text-color-main);padding-left:1rem;padding-right:1rem}input::file-selector-button{padding:.7em 1em}input{padding:.4em}#tab-text{color:#fff}