html,body{height:100%;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}body{background:#000}.container--fluid{margin:0 1rem;position:relative}:root{--color-primary:#007bfc}.color-logo--layer-0{fill:#fff}.color-logo--layer-10{fill:#51b9ff}.color-logo--layer-20{fill:#007bfc}.color-logo-colored--layer-0{fill:#fff}.color-logo-colored--layer-10{fill:#51b9ff}.color-logo-colored--layer-20{fill:#007bfc}@keyframes spin{0%{transform:translateZ(0)rotate(0)}to{transform:translateZ(0)rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:translateZ(0)rotate(0)}to{-webkit-transform:translateZ(0)rotate(360deg)}}@keyframes dots{0%{color:rgba(67,247,205,0);text-shadow:.25em 0 rgba(67,247,205,0),.5em 0 rgba(67,247,205,0)}20%{color:rgba(67,247,205,0);text-shadow:.25em 0 rgba(67,247,205,0),.5em 0 rgba(67,247,205,0)}40%{color:#ededed;text-shadow:.25em 0 rgba(67,247,205,0),.5em 0 rgba(67,247,205,0)}60%{text-shadow:.25em 0 #ededed,.5em 0 rgba(67,247,205,0)}80%{text-shadow:.25em 0 #ededed,.5em 0 #ededed}to{text-shadow:.25em 0 #ededed,.5em 0 #ededed}}video{object-fit:cover;pointer-events:none;z-index:12;width:100vw;height:100vh;position:absolute;top:0;left:0}#loading-screen{color:#ededed;z-index:11;background:radial-gradient(circle at 20% 10%,#313235 0,#28292d 50%),radial-gradient(circle at 80% 70%,#313235 0,#28292d 50%),linear-gradient(135deg,#313235,#28292d 100%);justify-content:center;align-items:center;width:100vw;height:100vh;font-size:2rem;font-weight:300;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}#refresh-spinner__container{z-index:10;background:radial-gradient(circle at 20% 10%,#313235 0,#28292d 50%),radial-gradient(circle at 80% 70%,#313235 0,#28292d 50%),linear-gradient(135deg,#313235,#28292d 100%);place-content:center;justify-items:center;height:100vh;display:grid;position:relative}.refresh__container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(40,41,45,.6);border:1px solid rgba(89,89,89,.4);border-radius:100%;justify-content:center;align-items:center;width:180px;height:180px;display:flex;box-shadow:0 0 60px rgba(0,0,0,.8)}.refresh-text{color:#ededed;text-shadow:2px 2px 4px rgba(0,0,0,.7);margin-top:15px;font-size:2rem;font-style:normal;font-weight:700;line-height:45px;display:flex}.refresh-spinner{z-index:11;border:8px solid #ededed;border-top-color:transparent;border-radius:50%;width:80px;height:80px;animation:.8s linear infinite spin;display:flex}.spin{animation:2s linear infinite spin}.refresh-text:after{content:" .";animation:1s steps(5,end) infinite dots}.refresh-text p{margin:0;padding:0}.hero-gradient{background:linear-gradient(#28292d 0%,#28292d 100%);width:100vw;height:100vh;position:fixed;top:0;left:0}.hero-gradient:before{content:"";z-index:0;background:radial-gradient(circle at 20% 10%,#1e38a3 0,#28292d 50%),radial-gradient(circle at 80% 70%,#021048 0,#28292d 50%),linear-gradient(135deg,#313235,#28292d 100%);position:absolute;top:0;bottom:0;left:0;right:0}#clip-info{color:#ededed;z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:2px 2px 4px rgba(0,0,0,.7);background-color:rgba(40,41,45,.6);border:1px solid rgba(89,89,89,.4);border-radius:6px;max-width:500px;padding:16px;font-size:1.2rem;line-height:1.3;display:none;position:absolute;bottom:16px;left:16px;box-shadow:0 0 60px rgba(0,0,0,.6)}.platform-selector{grid-template-columns:repeat(1,1fr);gap:15px;display:grid}.platform-option{cursor:pointer;background-color:#262626;border:1px solid transparent;border-radius:6px;align-items:center;gap:15px;padding:15px;transition:all .2s ease-in-out;display:flex;position:relative;overflow:hidden}.platform-option:hover{border-color:var(--color-primary)}.platform-option.selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);background-color:rgba(42,107,227,.12)}.platform-option__icon-container{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.platform-logo{filter:grayscale();opacity:.6;width:100%;height:auto;transition:all .2s ease-in-out}.platform-option:hover .platform-logo,.platform-option.selected .platform-logo{filter:grayscale(0%);opacity:1}.platform-option__text-container{color:#ededed}.platform-option__title{margin-bottom:2px;font-size:1.1em;font-weight:600}.platform-option__subtitle{color:#999;font-size:.9em}.platform-option__checkmark{color:#fff;clip-path:polygon(0 0,100% 0,100% 100%,0 0);background-color:#007bfc;border-bottom-left-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s ease-in-out;display:flex;position:absolute;top:-1px;right:-1px;transform:scale(.9)}.platform-option.selected .platform-option__checkmark{transform:scale(1)}.platform-option.disabled{cursor:not-allowed;opacity:.6}.platform-option.disabled:hover{background-color:#262626;border-color:transparent}.platform-option.disabled .platform-logo{filter:grayscale();opacity:.4}.badge{color:#ededed;vertical-align:middle;background-color:#007bfc;border-radius:4px;margin-left:5px;padding:2px 6px;font-size:.7em;font-weight:600;line-height:1;display:inline-block}.platform-option__checkmark svg{margin-bottom:12px;margin-left:12px}#clip-info div:first-child{color:#ededed;align-items:center;gap:10px;margin-bottom:5px;font-size:1.5rem;font-weight:400;display:flex}#clip-info div:first-child svg{min-width:24px;min-height:24px}#clip-info div:first-child strong{word-break:break-word}#clip-info div:nth-child(2){color:rgba(237,237,237,.8);align-items:center;gap:5px;display:flex}#clip-info div:last-child{color:rgba(237,237,237,.8)}#clip-info div:last-child strong{color:rgba(237,237,237,.9);font-weight:500}#logo-container{color:#ededed;z-index:12;opacity:0;pointer-events:none;flex-direction:column;align-items:center;transition:opacity .8s;display:flex;position:absolute}#logo{width:auto;height:22px}#logo-container.logo-animate-in{opacity:.8;pointer-events:auto;flex-direction:column;align-items:center}#logo-container.logo-animate-out{opacity:0}#logo-text{color:#ededed;text-align:center;text-shadow:1px 1px 3px rgba(0,0,0,.9);letter-spacing:1px;text-transform:lowercase;width:auto;font-size:.5rem;font-weight:500}.progressbar--enabled{top:16px!important}#countdown-timer{z-index:12;min-width:125px;min-height:30px;position:absolute;top:16px;right:16px}.countdown-timer__inner{color:#ededed;text-shadow:2px 2px 4px rgba(0,0,0,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(40,41,45,.6);border:1px solid rgba(89,89,89,.4);border-radius:6px;align-items:center;gap:5px;padding:12px;font-size:1.4rem;font-weight:400;display:flex;box-shadow:0 0 60px rgba(0,0,0,.6)}#progress-bar-container{z-index:12;background:0 0;width:100%;height:10px;position:absolute;top:0;left:0}#progress-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:width;background-color:rgba(40,41,45,.6);border:1px solid rgba(89,89,89,.4);border-left:none;border-radius:0 8px 8px 0;width:0;height:100%;box-shadow:0 0 60px rgba(0,0,0,.6)}#url-generator{z-index:1000;width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;top:0;left:0;overflow-y:auto}#url-generator.hero-gradient{background:linear-gradient(#28292d 0%,#28292d 100%)}.generator-content{z-index:1;flex-direction:column;max-width:800px;min-height:100vh;margin:0 auto;padding:50px 25px;display:flex;position:relative}.powered-by a{color:#ededed!important}.powered-by a:hover{opacity:.8}header{z-index:1000;background:linear-gradient(90deg,#021048,#1e38a3);position:relative}header .header{grid-template:"logo menu"1fr/auto 1fr;grid-auto-flow:column;align-items:center;height:5rem;display:grid;position:relative}header .header .header--logo{justify-self:start;max-height:5rem}header .header .header--logo .logo__link{justify-content:center;display:inline-flex}header .header .header--logo .logo-icon{width:auto;height:2rem}header .header .header--logo .logo__divider{border-right:1px solid #3d3d3d;height:2rem}header .header .header--logo .logo__module-name{color:#ededed}header .header .header--logo .header--logo__mobile{display:grid}header .header .header--logo .header--logo__web{display:none}header .header .header--logo .header--logo__mobile{grid-column-gap:1rem;grid-area:logo;grid-auto-flow:column;justify-content:center;align-items:center;width:100%;height:5rem;position:relative}header .header .header--logo .header--logo__web{grid-column-gap:1rem;grid-area:logo;grid-auto-flow:column;justify-content:center;align-items:center;width:100%;height:5rem;position:relative}.header--nav{display:none}.hamburger-menu-container{grid-area:menu;justify-self:end;align-items:center;display:grid}.hamburger-menu{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:1.5rem;height:1.5rem;padding:0;display:flex}.hamburger-menu:focus{outline:none}.hamburger-menu__bar{transform-origin:50%;background:#ededed;border-radius:10px;width:1.5rem;height:.2rem;transition:all .3s ease-in-out;position:relative}.hamburger-menu__bar.is-open:first-child{transform:translateY(.5rem)rotate(45deg)}.hamburger-menu__bar.is-open:nth-child(2){opacity:0}.hamburger-menu__bar.is-open:last-child{transform:translateY(-.5rem)rotate(-45deg)}.header--nav.is-open{z-index:1000;background:linear-gradient(#313235 0%,#28292d 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.header--nav.is-open a{color:#ededed;padding:1rem;font-size:1.5rem;text-decoration:none}@media (min-width:1024px){.hamburger-menu-container{display:none}.header--nav{grid-area:menu;grid-auto-flow:column;justify-self:end;align-items:center;gap:1rem;display:grid}.header--nav a{color:#ededed;font-weight:500;text-decoration:none}header .header{grid-template-columns:1fr;grid-template-areas:"logo menu"}header .header .header--logo .header--logo__mobile{display:none}header .header .header--logo .header--logo__web{display:grid}}.generator-body{z-index:1;background:linear-gradient(#313235 0%,#28292d 100%);border-radius:3px;flex:1;padding:50px;position:relative;box-shadow:0 0 60px rgba(0,0,0,.25)}.generator-form{margin-bottom:30px}.form-section{border-bottom:2px solid #3d3d3d;margin-bottom:30px;padding-bottom:25px}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h2{color:#fff;align-items:center;gap:8px;margin:0 0 20px;font-size:1.3em;font-weight:600;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{margin-bottom:20px}.form-group label{color:#ededed;margin-bottom:6px;font-size:.95em;font-weight:500;display:block}.form-group input,.form-group select{color:#8a8a8a;box-sizing:border-box;background:0 0;border:1px solid #595959;border-radius:3px;width:100%;padding:12px 14px;font-size:16px;font-weight:500;transition:all .2s}.form-group input:focus,.form-group select:focus{color:#ededed;border-color:#007bfc;outline:none;box-shadow:0 0 0 1px #007bfc}.form-group option{background-color:#262626}.form-group input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#595959;border:none;border-radius:3px;height:8px;margin-top:20px;margin-bottom:15px;padding:0}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#007bfc;border:2px solid #ededed;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px rgba(0,0,0,.2)}.volume-value{color:#007bfc;min-width:40px;padding-left:5px;font-weight:600;display:inline-block}.form-group small{color:#999;margin-top:4px;font-size:.85em;line-height:1.3;display:block}.checkbox-group{margin-bottom:10px}.checkbox-group label{cursor:pointer;align-items:center;gap:10px;margin-bottom:0;font-weight:400;display:flex}.checkbox-group input[type=checkbox]{display:none}.checkmark{border:2px solid #595959;border-radius:4px;width:20px;height:20px;transition:all .2s;position:relative}.checkbox-group input[type=checkbox]:checked+.checkmark{background:#007bfc;border-color:#007bfc}.checkbox-group input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#ededed;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.popular-streamers{margin-top:15px}.popular-streamers p{color:#ededed;margin:0 0 10px;font-size:.9em;font-weight:500}.streamer-buttons{flex-wrap:wrap;gap:8px;display:flex}.streamer-btn{color:#ededed;cursor:pointer;background:linear-gradient(rgba(42,107,227,.12) 0%,rgba(42,107,227,.12) 100%),#262626;border:1px solid #007bfc;border-radius:3px;padding:8px 15px;font-size:.85rem;font-weight:500;transition:all .2s;box-shadow:0 0 32px rgba(0,0,0,.08)}.streamer-btn:hover{color:#ededed;background:#007bfc;border-color:#007bfc;transform:translateY(-1px)}.url-preview{background:linear-gradient(rgba(42,107,227,.12) 0%,rgba(42,107,227,.12) 100%),#262626;border:1px solid #007bfc;border-radius:3px;margin-top:25px;padding:25px}.url-preview h3{color:#fff;margin:0 0 15px;font-size:1.1em;font-weight:600}.url-container{gap:10px;margin-bottom:15px;display:flex}#generated-url{color:#8a8a8a;background:0 0;border:1px solid #595959;border-radius:3px;flex:1;padding:15px;font-size:1rem;transition:all .2s}#generated-url:focus,#generated-url:active{color:#ededed;border-color:#007bfc;outline:none;box-shadow:0 0 0 1px #007bfc}.copy-btn{color:#ededed;cursor:pointer;white-space:nowrap;background:#595959;border:none;border-radius:3px;justify-content:center;align-items:center;gap:5px;padding:12px 16px;font-weight:500;transition:all .2s;display:flex}.copy-btn:hover{background:rgba(89,89,89,.7)}.action-buttons{gap:10px;display:flex}.launch-btn,.test-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:1em;font-weight:600;transition:all .2s;display:flex}.launch-btn{color:#fff;background:#007bfc;border-radius:3px}.launch-btn:hover{box-shadow:0 8px 25px rgba(42,107,227,.3)}.test-btn{color:#ededed;background:rgba(42,107,227,.12);border-radius:3px}.test-btn:hover{color:#ededed;background:#007bfc}footer{color:#ededed;z-index:1000;background:linear-gradient(#313235 0%,#28292d 100%);border-top:1px solid #595959;position:relative;bottom:0;left:0;right:0}footer .footer{grid-row-gap:1rem;grid-template-areas:"legal""divider""logo";grid-auto-flow:row;align-items:center;padding:1rem 0;font-size:.8rem;line-height:.8rem;display:grid;position:relative}footer .footer .footer--logo__container{grid-column-gap:1rem;grid-area:logo;grid-template-areas:"logo copyright";grid-auto-flow:column;justify-content:center;place-items:center;display:grid}footer .footer .footer--logo__container .logo__link{grid-area:logo;justify-content:center;display:inline-flex}footer .footer .footer--logo__container .logo__link .logo-icon{width:auto;height:2rem}footer .footer .footer--logo__container .footer--logo__divider{border-right:1px solid #595959;grid-area:divider;height:2rem;display:none}footer .footer .footer--logo__container .footer--logo__copyright{color:#ededed;grid-area:copyright}footer .footer .footer--divider{background:#595959;grid-area:divider;width:100%;height:1px;display:block}footer .footer .footer--legal__container{grid-area:legal;justify-items:center}footer .footer .footer--legal__container .footer--legal__menu ul{grid-column-gap:.5rem;grid-auto-flow:column;place-items:center;margin:0;padding:0;list-style:none;display:grid}footer .footer .footer--legal__container .footer--legal__menu ul li{align-items:center;display:inline-flex}footer .footer .footer--legal__container .footer--legal__menu ul li a{color:#ededed}footer .footer .footer--legal__container .footer--legal__menu ul li.footer--legal__menu-divider{background:#595959;width:1px;height:1rem;display:block}@media (min-width:768px){#logo-container{gap:2px;padding:12px;bottom:15px;right:15px}#logo{width:auto;height:28px}.platform-selector{grid-template-columns:repeat(3,1fr)}#logo-text{font-size:.6rem}.progressbar--enabled{top:unset!important}footer .footer{grid-template-areas:"logo legal";grid-auto-flow:column}footer .footer .footer--logo__container{grid-template-areas:"logo divider copyright";justify-self:start}footer .footer .footer--logo__container .footer--logo__divider{display:block}footer .footer .footer--divider{display:none}footer .footer .footer--legal__container{justify-self:end}footer .footer .footer--legal__container .footer--legal__menu ul{grid-column-gap:1rem}}@media (max-width:768px){#loading-screen{text-align:center;padding:20px;font-size:1.5rem}#clip-info{max-width:none;font-size:.8rem;bottom:16px;left:16px;right:16px}.copy-btn{font-size:1em;font-weight:600}#countdown-timer{top:16px;right:16px}#logo-container{gap:6px;top:10px;left:10px}.generator-content{padding:15px}.generator-body{padding:20px}.form-row{grid-template-columns:1fr;gap:15px}.url-container,.action-buttons{flex-direction:column}.streamer-buttons{justify-content:center}}@media (max-width:480px){.form-section h2{font-size:1.2em}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (prefers-contrast:high){#clip-info{background-color:#000;border:2px solid #fff}#loading-screen{background-color:#000}}[data-testid=error-message]{color:#ededed;text-align:center;z-index:100;text-shadow:2px 2px 4px rgba(0,0,0,.7);text-align:center;z-index:100;background-color:rgba(40,41,45,.8);border:1px solid rgba(89,89,89,.4);border-radius:6px;padding:20px;font-size:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px rgba(0,0,0,.6)}
/*# sourceMappingURL=02d56ff555ef13bb.css.map*/