footer h6{font-size:1.5em;margin-top:1em;color:var(--square)}footer a{color:var(--square)}footer a:hover{color:var(--text)}#navbar{width:20em;flex:0}#laptopNavbar{position:sticky;top:2em}#navbar>*{display:flex;flex-direction:column;align-items:center}#navbar .logo-container{width:100%;margin:0 auto 1.5em;position:relative}#navbar .logo-container img{width:100%}#navbar .secret{width:1vw;height:1vw;position:absolute;top:48%;left:28%}#navbar .theme-box a.main-title{text-decoration:none;font-family:"Press Start 2P",sans-serif;color:var(--text)}#navbar .spacer{height:3px;width:75%;margin:1.5em auto;background-color:var(--text)}#navbar .main-links,#navbar .secondary-links{display:grid;justify-items:center;justify-content:center;font-size:1.5em;line-height:1.5em;margin-bottom:.5em}@media (max-width: 1300px){#navbar .main-links,#navbar .secondary-links{font-size:1em}}@media (max-width: 1500px){#navbar .main-links,#navbar .secondary-links{font-size:1.25em}}#navbar .main-links{margin-top:.5em;gap:1em;line-height:.75em}#navbar .main-links a{font-size:1.7em;margin-bottom:.4em;text-decoration:none;transition:all .5s;font-weight:800}#navbar .secondary-links a{text-decoration:none;transition:all .5s}#navbar .main-links a,#navbar .secondary-links a{position:relative;width:fit-content}#navbar .main-links a:hover,#navbar .secondary-links a:hover{transform:scale(1.05)}#navbar .main-links a.active,#navbar .secondary-links a.active{text-decoration:underline;text-decoration-color:var(--title);text-decoration-thickness:3px;color:var(--button)}#navbar .secondary-links{margin-top:6em}#navbar .socials{font-size:2em;display:flex;justify-content:center;align-items:center;width:100%;gap:.5em}#navbar .socials a{transition:transform .25s}#navbar .socials a:hover,#navbar .socials a:focus{transform:scale(1.1)}#navbar .socials svg>*{fill:var(--text)}#navbar .main-links a:not(.active):after,#navbar .secondary-links a:not(.active):after{content:"";position:absolute;width:0;height:3px;display:block;right:0;background:var(--title);transition:width .2s ease;-webkit-transition:width .2s ease}#navbar .secondary-links a:not(.active):after{top:1.2em}#navbar .main-links a:not(.active):after{top:.6em}#navbar .main-links a:not(.active):hover:after,#navbar .secondary-links a:not(.active):hover:after{width:100%;left:0;background:var(--title)}#navbar #burger-menu{font-size:.25em;display:flex;justify-content:space-around;align-items:center;flex-direction:column;gap:2em;height:fit-content;width:fit-content;padding:3em;background-color:#9f4ee5;border:solid 2px var(--square);border-radius:15px;cursor:pointer}#navbar #burger-menu .bar{width:12em;height:3em;border-radius:6px;box-shadow:5px 5px 10px 2px #00000040;background-color:var(--square);transition:all .5s}#navbar #burger-menu:hover .bar{transform:scale(1.05)}#navbar #nonLaptopNavbar .main-img img{width:10em;height:auto}#navbar .close{display:none}#navbar #nonLaptopNavbar{display:none;flex-direction:row}@media (max-width: 68rem){#navbar{width:100%}#navbar #nonLaptopNavbar{display:flex;justify-content:space-between;align-items:center;width:100%}#navbar #laptopNavbar{width:fit-content;position:absolute;right:0;left:auto;top:0;bottom:0;height:100vh;background:#7643A4;box-shadow:10px 10px 4px #00000040;z-index:30;transition:right .5s}#navbar #laptopNavbar:not(.show){right:-70vw}#navbar #laptopNavbar .logo-container{display:none}#navbar #laptopNavbar .main-title{font-size:1.5em;width:30vw;min-width:min-content}#navbar #laptopNavbar .close{display:block}}@media (max-width: 30rem){#navbar #laptopNavbar{width:100vw}#navbar #laptopNavbar:not(.show){right:-100vw}}section.legal{text-align:left;padding:2em 3em}section.legal .form-response{margin:1em 0}section.legal h2{color:var(--title);font-size:2em}section.legal h3{color:var(--title);margin-top:1em}section.legal ul{margin:.25em .5em}section.legal li{list-style-position:inside}section.legal a{color:var(--button)}section.legal .form-response a{font-weight:700;color:var(--text)}section.legal .form-response a:hover{color:var(--button)}section.legal p{margin:1em 0}section.legal h3+p,section.legal h4+p{margin-top:.25em}section.legal p+ul{margin-top:-.75em}#thanks{display:flex;flex-direction:column;align-items:center;gap:var(--gap)}#thanks .theme-box.top{padding:1em;width:auto}#thanks h2{font-size:2em;text-align:center}#thanks .thanks-container{display:flex;flex-direction:column;align-items:center;gap:calc(var(--gap) * .5);padding:1.5em 1em}@media screen and (max-width: 1200px){#thanks .thanks-container{padding:.5em}}#thanks .thanks-container h3{font-size:2em}#thanks .thanks-container ul.main{width:100%;padding:1em 2em 0;display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--gap) * 2);row-gap:calc(var(--gap) * 2);list-style:none}@media screen and (max-width: 1200px){#thanks .thanks-container .thanks-card{padding:.5em}}#thanks .thanks-container .thanks-card{display:flex;flex-direction:column;align-items:center;row-gap:calc(var(--gap) * .2);width:10em;margin:0 auto}@media screen and (max-width: 1200px){#thanks .thanks-container .thanks-card{width:8em}}@media screen and (max-width: 800px){#thanks .thanks-container .thanks-card{width:6em}}#thanks .thanks-container .thanks-card img{width:100%;object-fit:cover;border-radius:50%}#thanks .thanks-container .thanks-card h4{font-size:1.25em;line-height:1em;height:2em;display:flex;flex-direction:column-reverse}#thanks .thanks-container .thanks-card p{font-size:1em;text-align:center;width:100%;color:var(--button)}#thanks .thanks-container>p.others{font-size:1.25em;margin-top:2em}#thanks .thanks-container>p.others .other-contributors{font-weight:700}#thanks .thanks-container>p{margin-top:.25em}#dashboard{width:100%;display:flex;flex-direction:column;gap:var(--gap)}#dashboard h2{font-size:2.1em;line-height:1.5em}#dashboard h3{font-size:2em;margin-bottom:.25em;color:var(--button)}#dashboard .theme-select{position:relative;font-size:1.25em}#dashboard>.form-response{margin:0}#dashboard .welcome{position:relative;padding:1em}#dashboard .welcome .profile-container{height:2em;width:2em;top:50%;transform:translateY(-50%);right:.75em;position:absolute;cursor:pointer}#dashboard .welcome .admin-link{left:.75em;position:absolute;cursor:pointer;display:flex;align-content:center}#dashboard .welcome .admin-link span{font-size:.5em}#dashboard .welcome .profile-container .profile-image{width:100%;height:100%;border-radius:50%;background-color:var(--text);font-size:.5em;line-height:1.25em;display:flex}#dashboard .welcome .profile-container .logout-box{background-color:#d9d9d980;width:100%;height:100%;position:absolute;border-radius:50%;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .4s;z-index:1}#dashboard .welcome .profile-container .logout-box img{width:65%}#dashboard .welcome .profile-container:hover .logout-box{opacity:1}#dashboard .welcome .profile-container:hover>img{filter:blur(3px);transition:filter .4s}#dashboard .setting h4{font-size:1.5em;margin-top:1em;text-decoration:underline}#dashboard .setting .setting-options{display:flex;justify-content:space-evenly;gap:1em;margin-top:1em}#dashboard .setting .setting-options .theme-select{min-width:0;padding-right:10%}#dashboard .setting .setting-credits{margin-top:1em}#dashboard .theme-btn.listening{flex-shrink:0;width:14em}.theme-btn.listening:not(.start-btn){background-image:linear-gradient(#2B2B2B,#2B2B2B);box-shadow:0 4px 4px #00000040 inset}#dashboard .setting .spoken-text{margin-top:.5em;background-color:var(--text);box-shadow:5px 5px 10px #00000040 inset;border-radius:10px;color:var(--square);font-size:1.2em;padding:.5em 1em;height:5.5em;overflow-y:auto}#dashboard .setting .spoken-text p{line-height:1.5em;text-align:left}#dashboard .tabs{display:flex;flex-wrap:nowrap;gap:.5em;margin:0 1em}#dashboard .tab{font-size:1em;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:.25em;padding:.5em .5em .25em;font-family:Raleway,sans-serif;background-color:#4c4c5a;color:var(--text);border:none;border-top-left-radius:.5em;border-top-right-radius:.5em;overflow:hidden;text-overflow:ellipsis;cursor:pointer;width:100%}#dashboard .tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;margin-bottom:auto}#dashboard .tab svg{font-size:1.75em;fill:var(--text);margin-bottom:auto}#dashboard .tab.active{color:var(--title);background-color:var(--square)}#dashboard .tab.active svg{fill:var(--title)}@media only screen and (max-width: 40rem){#dashboard .tab span{display:none}}#dashboard h4{font-size:1.5em;margin-bottom:.5em;color:var(--button)}#dashboard .guide ul,#dashboard .stt ul{font-size:1.25em;max-width:32em;margin:.5em auto;text-align:left}#dashboard .stt ul{max-width:36em}#dashboard .guide ul li,#dashboard .stt ul li{list-style-position:inside}#dashboard .guide .help{margin-top:1em;font-size:1.6em}#dashboard .translation,#dashboard .stt{display:flex;flex-direction:column;align-items:center;gap:3em;margin-top:1em}#dashboard .translation .transcript-only{max-width:35em}#dashboard .translation .choose-translation-container{width:100%;display:flex;justify-content:center;gap:3em}#dashboard .translation .choose-translation-container .translation-aggregate-stats{width:100%;text-align:right}#dashboard .translation .choose-translation-container .translation-aggregate-stats svg{fill:var(--text);stroke:var(--text)}#dashboard .translation .choose-translation-container .translation-aggregate-stats ul{font-size:1.25em;list-style:none;padding:0;display:flex;flex-direction:column;align-items:flex-end;gap:.5em}#dashboard .translation .choose-translation-container .translation-aggregate-stats ul li{display:flex;align-items:center;gap:.5em}.tooltip-container{position:relative;display:inline-block}.tooltip-icon{display:block;height:1em}.tooltip-content:not(.open){opacity:0;visibility:hidden}.tooltip-content{z-index:10;position:absolute;bottom:calc(100% + 1em);right:0;background-color:var(--square);color:var(--text);border:4px solid var(--scroll);border-radius:1em;padding:.5em;max-width:20em;width:max-content;text-align:left;opacity:1;transition:opacity .3s}.tooltip-content:before{position:absolute;content:"";border:1em solid transparent;border-right:0;border-bottom-width:0;border-top-color:var(--scroll);bottom:calc(-1em - 2px);right:.5em;z-index:0}.service-config{max-width:40em}#dashboard .translation .ucc-translator p{margin-bottom:1em}#dashboard .translation .ucc-translator .estimate-time span{font-weight:800}#dashboard .translation .ucc-translator .redirect-url{margin-top:.75em}#dashboard .languages .transfer-list-side{height:24em;width:14em;display:flex;flex-direction:column}@media only screen and (max-width: 40rem){#dashboard .languages .transfer-list-side{width:10em}}#dashboard .languages .lang-list{padding:.5em 1em .5em 0;background-color:var(--text);box-shadow:5px 5px 10px #00000040 inset;border-radius:10px;margin-top:.5em;color:var(--square);min-height:0;flex:1}#dashboard .languages .lang-list *{font-family:Raleway,sans-serif;font-weight:600;overflow:hidden}#dashboard .languages .lang-list .scroll-theme{height:100%;overflow:auto;padding:0}#dashboard .languages .language-title{font-size:1.25em}#dashboard .languages .search-input{margin:.5em 0;width:100%}#dashboard .languages .search-input input{color:var(--button);font-family:Raleway,sans-serif}.search-input label{font-family:Raleway,sans-serif;color:#5f5f68;background-image:linear-gradient(180deg,var(--text) 65%,transparent);border-radius:10px}.search-input label.MuiInputLabel-shrink{padding:0 1em;border:2px solid var(--button)}#dashboard .languages .transfer-list-container .MuiInputBase-input{background-color:var(--text);border-radius:10px;box-shadow:5px 5px 10px #00000040 inset}#dashboard .languages .transfer-list-container .MuiInputBase-formControl{border-radius:10px}#dashboard .languages .switch-btn{cursor:pointer}#dashboard .languages .switch-btn:disabled svg>*{fill:#5f5f68}#dashboard .languages .switch-btn:not(:disabled):hover{background-color:var(--button)}#dashboard .ban-words{padding:0 3em}#dashboard .ban-words p.ban-explication{margin-bottom:1.5em}#dashboard .ban-words .ban-words-container{border-radius:10px;background:var(--text);box-shadow:10px -10px 20px 5px #00000040 inset;list-style:none;text-align:left;padding:1em;font-size:1.25em}#dashboard .ban-words .ban-words-container>p{color:var(--square);text-align:center;margin:3em 0;-webkit-user-select:none;user-select:none}#dashboard .ban-words .ban-words-container ul{overflow-y:auto;max-height:7em;color:var(--square);display:flex;flex-direction:column;gap:.5em}#dashboard .ban-words .ban-words-container li{display:flex;align-items:end;column-gap:.75em}#dashboard .ban-words .ban-words-container li p{color:var(--square);line-height:1em;overflow:hidden}#dashboard .ban-words .ban-words-container li p.removing{color:var(--placeholder)}#dashboard .ban-words .ban-words-container li button.cross{background:transparent;border:none;cursor:pointer;color:#7643a4;font-family:"Press Start 2P",sans-serif;font-size:.75em}#dashboard .ban-words form{margin-bottom:1.5em}#dashboard .ban-words form input{width:100%;font-size:1.5em;text-transform:lowercase}#dashboard .ban-words form input::placeholder{text-transform:initial}#dashboard .gcp .gcp-form{margin-top:1.5em}#dashboard .gcp form>.gcp-input,#dashboard .ban-words form,#dashboard .gcp .gcp-connected{margin-top:.5em;display:flex;justify-content:center;margin-right:0;gap:1em}#dashboard .gcp form input,#dashboard .gcp .gcp-connected h4{width:100%}#dashboard .ban-words form button,#dashboard .gcp form button,#dashboard .gcp .gcp-connected button{min-width:fit-content}#dashboard .gcp .gcp-connected h4{border-radius:10px;background:var(--text);box-shadow:10px 10px 20px #00000087 inset;font-size:1.25em;color:#2b2b2b;display:flex;align-items:center;justify-content:center}#dashboard .gcp a{font-size:1.5em;display:block}#dashboard .gcp .gcp-info{display:flex;align-items:center;justify-content:space-evenly;margin-top:1.5em}#dashboard .gcp .danger-btn{padding:1em}#dashboard .twitch{text-align:left}#dashboard .twitch .twitch-switch-container{display:flex;justify-content:space-between;gap:1em}#dashboard .twitch .custom-delay{margin-top:2em;display:flex;flex-direction:column;align-items:center}#dashboard .twitch .custom-delay-input{margin-top:1em}#dashboard .twitch .custom-delay-input label{display:flex;flex-direction:row;align-items:center;gap:1em}#dashboard .twitch .custom-delay-input input{display:block;height:2.25em}#dashboard .obs{text-align:left;margin:0 auto;display:flex;flex-direction:column}#dashboard .obs p{text-align:center}#dashboard .obs .danger-btn{padding:1em 2em;margin:1em auto;width:fit-content}#dashboard .obs .url{display:flex;width:fit-content;gap:1em;margin:1em auto}#dashboard .obs .url label{min-width:0}#dashboard .obs .url input{display:block;height:2.25em;width:100%}#dashboard .obs .obs-enable{display:flex;justify-content:center;margin-top:1em}#dashboard .webhooks p{line-height:1em}#dashboard .webhooks .buttons{display:flex;justify-content:space-evenly;gap:1em;margin-top:2em}#dashboard .browser-source>p{line-height:1em}#dashboard .browser-source p.url-preview{width:70%;word-break:break-all;text-align:left}#dashboard .browser-source .url-container{display:flex;justify-content:space-between;align-items:center;gap:1em;margin-top:3em;width:100%}#dashboard .browser-source{display:flex;flex-direction:column;gap:1em;align-items:center}#dashboard .browser-source .optional-styling{display:flex;justify-content:space-between;gap:1em}#dashboard .browser-source .optional-styling h5{font-weight:800;font-size:1em}#dashboard .browser-source .optional-styling>div{display:flex;flex-direction:column;gap:1em}#dashboard .browser-source .optional-styling .styling-inputs{max-width:30%}#dashboard .browser-source .optional-styling .styling-inputs>div{display:flex;justify-content:space-between;flex-direction:column;height:100%}#dashboard .browser-source .optional-styling .styling-inputs label{display:flex;flex-direction:column;gap:.25em}#dashboard .browser-source .optional-styling .styling-inputs label .theme-select{font-size:1em}#dashboard .browser-source .optional-styling .styling-inputs label .theme-select,#dashboard .browser-source .optional-styling .styling-inputs label .theme-color{height:2.5em}#dashboard .browser-source .optional-styling .preview{width:60%}#dashboard .browser-source .optional-styling .preview .preview-content{background-image:url(/assets/browser_preview-ee5bc63e.webp);background-size:cover;padding:1em;width:100%;height:20em;border-radius:1em;display:flex;flex-direction:column-reverse}#dashboard .browser-source .optional-styling .preview .preview-content #caption-container{padding:.25em .5em;border-radius:.1em;margin:.25em;text-align:left}#dashboard .browser-source .optional-styling .preview .preview-content #caption{line-height:1.25em}#dashboard .browser-source select option[value=Arial]{font-family:Arial}#dashboard .browser-source select option[value=Calibri]{font-family:Calibri}#dashboard .browser-source select option[value="Courier New"]{font-family:Courier New}#dashboard .browser-source select option[value=OpenDyslexic]{font-family:OpenDyslexic}#dashboard .browser-source select option[value=Roboto]{font-family:Roboto}#dashboard .browser-source select option[value="Times New Roman"]{font-family:Times New Roman}#dashboard .browser-source select option[value=Verdana]{font-family:Verdana}#dashboard .payment .copy-checkout{cursor:pointer;border-radius:.5em;padding:.5em 1em;color:var(--square);background-color:var(--text);font-size:.75em;border:none;transition:transform .2s ease-in-out}#dashboard .payment .copy-checkout:hover{transform:scale(1.1)}#dashboard .payment,#dashboard .stream-history{display:flex;flex-direction:column;gap:1em}#dashboard .payment{gap:3em;margin-top:1em}#dashboard .payment>div{display:flex;flex-direction:column;gap:1.5em}#dashboard .payment h4{margin:0}#dashboard .payment .buy-btn-container{margin-top:.5em}#dashboard .purchase-input{display:flex;flex-direction:column;align-items:center;gap:1em}@media only screen and (min-width: 54em){#dashboard .purchase-input .purchase-estimate{width:45em}}#dashboard .ucc-buy-credits .input-container{display:flex;align-items:center;gap:2em;width:90%}#dashboard .ucc-buy-credits .input-container input[type=number]{padding:.5em .5em .5em 1em;text-align:center;font-weight:900;color:var(--scroll)}#dashboard .ucc-buy-credits .input-container input[type=number]::placeholder{font-size:.75em}#dashboard .ucc-buy-credits .input-container input{font-size:1.25em}#dashboard .ucc-buy-credits .input-container .credit-number-input{display:flex;gap:1em;align-items:center;justify-content:center}#dashboard .ucc-buy-credits .input-container .credit-number-input .text-important{font-size:1.25em}#dashboard .label-ucc{display:flex;gap:.25em}#dashboard .price-credits{display:flex;flex-direction:column;gap:.2em}#error{position:relative;width:fit-content;margin:auto;padding-top:1em}#error h2{color:var(--title);font-size:3.5em}#error h4{font-size:2.5em}#error p{margin:.75em 0;font-size:1.25em}#error img{top:-14em;height:16em;position:absolute;left:0;cursor:help}#error button{margin-top:1em}#home{width:100%;display:flex;flex-direction:column;gap:var(--gap)}#home .header-title{font-size:1.5em;padding:1em}#home .start-extension{display:flex;justify-content:space-evenly;align-items:center;gap:1em}#home .start-extension h4{font-size:2em}#home .about-header-container{display:flex;flex-wrap:nowrap;justify-content:space-around}#home a.about-header{text-decoration:none;width:30%;cursor:pointer;display:flex;flex-direction:column;align-items:center}#home .about-header h3{font-size:4em}#home .about-header h5{font-size:1.5em;height:100%;display:flex;align-items:center}#home .about-extension-container{display:flex;flex-direction:column;gap:1em}#home .about-description{display:flex;justify-content:space-between;align-items:center}#home .about-description.right{flex-direction:row-reverse}#home .about-description h3{font-size:2.5em;color:var(--button);margin-bottom:.25em;line-height:1em;text-align:left}#home .about-description.right h3{text-align:right}#home .about-description p{font-size:1.25em;text-align:left}#home .about-description.right p{text-align:right}#home .about-description img{height:18em;margin-right:0;margin-left:1em;border-radius:5px;box-shadow:3px 2px 5px #0000008e}#home .about-description.right img{margin-right:1em;margin-left:0}#home .about-extension-container strong{font-weight:inherit}@media only screen and (max-width: 75em){#home .about-extension-container{gap:2em}#home .about-extension-container .about-description{flex-direction:column;gap:1em}#home .about-description.right h3,#home .about-description h3{text-align:center}#home .about-description.right p{text-align:left}#home .about-description img{width:80%;height:auto;margin:0}}img.kofiimg{display:initial!important;vertical-align:middle;height:13px!important;width:20px!important;padding-top:0!important;padding-bottom:0!important;border:none;margin-top:0;margin-right:5px!important;margin-left:0!important;margin-bottom:3px!important;content:url(https://storage.ko-fi.com/cdn/cup-border.png)}.kofiimg:after{vertical-align:middle;height:25px;padding-top:0;padding-bottom:0;border:none;margin-top:0;margin-right:6px;margin-left:0;margin-bottom:4px!important;content:url(https://storage.ko-fi.com/cdn/whitelogo.svg)}.btn-container{display:inline-block!important;white-space:nowrap;min-width:160px}span.kofitext{color:#fff!important;letter-spacing:-.15px!important;text-wrap:none;vertical-align:middle;line-height:33px!important;padding:0;text-align:center;text-decoration:none!important;text-shadow:0 1px 1px rgba(34,34,34,.05)}.kofitext a{color:#fff!important;text-decoration:none!important}.kofitext a:hover{color:#fff!important;text-decoration:none}a.kofi-button{box-shadow:1px 1px #0003;line-height:36px!important;min-width:150px;display:inline-block!important;background-color:#29abe0;padding:2px 12px!important;text-align:center!important;border-radius:7px;color:#fff;cursor:pointer;overflow-wrap:break-word;vertical-align:middle;border:0 none #fff!important;text-decoration:none;text-shadow:none;font-weight:700!important;font-size:14px!important}a.kofi-button:visited{color:#fff!important;text-decoration:none!important}a.kofi-button:hover{opacity:.85;color:#f5f5f5!important;text-decoration:none!important}a.kofi-button:active{color:#f5f5f5!important;text-decoration:none!important}.kofitext img.kofiimg{height:15px!important;width:22px!important;display:initial;animation:kofi-wiggle 3s infinite}@keyframes kofi-wiggle{0%{transform:rotate(0) scale(1)}60%{transform:rotate(0) scale(1)}75%{transform:rotate(0) scale(1.12)}80%{transform:rotate(0) scale(1.1)}84%{transform:rotate(-10deg) scale(1.1)}88%{transform:rotate(10deg) scale(1.1)}92%{transform:rotate(-10deg) scale(1.1)}96%{transform:rotate(10deg) scale(1.1)}to{transform:rotate(0) scale(1)}}#channels{display:flex;flex-direction:column;align-items:center;gap:var(--gap)}#channels .theme-box.top{padding:1em 2em;width:auto}#channels h2{font-size:2em;text-align:center}#channels h3{font-size:1.8em;color:var(--text);line-height:1em}#channels h4{font-size:1.5em;color:var(--text)}#channels p{font-size:1em;color:var(--text)}#channels .channels-container{display:flex;flex-direction:column;width:100%;gap:var(--gap)}#channels .live-info{display:flex;justify-content:space-around;align-items:center;gap:calc(var(--gap) * .5);padding:1em 0}#channels .live-channels{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:calc(var(--gap))}@media only screen and (max-width: 40rem){#channels .live-channels{grid-template-columns:1fr}}#channels .channels-container .card-container{border-radius:15px;box-shadow:10px 10px 4px #00000040;background-size:cover;background-color:var(--square);min-width:0;aspect-ratio:16/9;font-weight:700}#channels .channels-container .card-container svg{fill:var(--text);width:1.5em;height:1.5em}#channels .channels-container .card-container>a{width:100%;height:100%;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000059;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;text-align:left;padding:1.5em;color:inherit}@media only screen and (max-width: 70rem){#channels .channels-container .card-container>a{padding:1em}}#channels .channels-container .card-container:hover{transform:scale(1.02)}#channels .channels-container .card-container:hover h4{color:var(--title)}#channels .channels-container .card-container .card-top .card-first-line,#channels .channels-container .card-container .card-bottom{display:flex;justify-content:space-between}#channels .channels-container .card-container .spoken-language{display:flex;align-items:center;gap:calc(var(--gap) * .15)}#channels .channels-container .card-container .spoken-language p{white-space:pre}#channels .stream-title{font-size:.8em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#channels .streamer-name{overflow:hidden}#channels .streamer-name>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#channels .card-first-line{gap:calc(var(--gap) * .15);margin-bottom:.25em}:root{--button: #9F4EE5;--title: #B072E8;--scroll: #7643A4;--background-gradient-1: #934FCE;--background-gradient-2: #C388F9;--background-gradient-3: #7631b8;--square: #37373E;--secondary-square: #474751;--text: #D9D9D9;--shadow: #00000044;--placeholder: #7e7e86;--info: #5086F2}@font-face{font-family:Raleway;src:url(/fonts/Raleway.ttf) format("truetype")}@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P.ttf) format("truetype")}@font-face{font-family:Calibri;src:url(/fonts/Calibri_Regular.ttf) format("truetype")}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic-Regular.otf) format("opentype")}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box}:root{--gap: 2rem}html{overflow:hidden}body{background-image:linear-gradient(var(--background-gradient-1),var(--background-gradient-2));font-family:Raleway,sans-serif;font-style:normal;font-weight:500;font-variant-numeric:lining-nums;color:var(--text);text-align:center;overflow-x:hidden;height:100vh;overflow-y:auto;scrollbar-gutter:stable}body::-webkit-scrollbar{width:18px;transition:.5s}body::-webkit-scrollbar-track{background:var(--square)}body::-webkit-scrollbar-thumb{background-color:var(--button);border-radius:50px;border:5px solid var(--square)}body::-webkit-scrollbar-thumb:active{border:4px solid var(--square)}.scroll-theme::-webkit-scrollbar{width:13px;transition:.5s}.scroll-theme::-webkit-scrollbar-track{background:var(--square);border-radius:50px}.scroll-theme::-webkit-scrollbar-thumb{background-color:var(--scroll);border-radius:50px}a{text-decoration:underline;color:var(--text);transition:color .2s}a:hover{color:var(--button)}button{cursor:pointer;-webkit-user-select:none;user-select:none}h2,h3,h4{font-weight:800}h5{font-weight:600}h6{font-weight:900}strong,.text-important-2{color:var(--title);font-weight:900}.text-warning{color:#ff3d00}.text-bold{font-weight:900}.text-important{color:var(--button);font-weight:900}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.theme-btn span{font-family:"Press Start 2P",sans-serif;color:var(--text);z-index:20}.theme-btn{overflow:hidden;position:relative;border-radius:1.25em;border:none;box-shadow:0 4px 4px #00000040;background-image:linear-gradient(-150deg,var(--background-gradient-1),var(--background-gradient-3));padding:1.5em 2em;z-index:10;transition:background-image .5s,transform .5s,box-shadow .5s;cursor:pointer}.theme-btn:after{background:#fff;content:"";height:250%;left:-80px;opacity:.2;position:absolute;top:-50px;transform:rotate(35deg);transition:all .4s cubic-bezier(.19,1,.22,1);width:50px}.theme-btn:hover:after{left:130%;transition:all 1s cubic-bezier(.19,1,.22,1)}.theme-btn:hover{transform:scale(1.05);background-image:linear-gradient(-120deg,#934FCE,#7631b8)}.theme-btn:active{box-shadow:0 4px 4px #00000040 inset;transform:scale(1)}.danger-btn{background-image:linear-gradient(-150deg,#FF5555,#FE3E3E)}.danger-btn:hover{background-image:linear-gradient(-120deg,#FF5555,#FE3E3E)}.theme-input{background:var(--text);box-shadow:10px 10px 20px #00000087 inset;outline:none;border:none;border-radius:10px;padding:0 .5em;font-family:Raleway,sans-serif;color:var(--square);transition:all .2s}.theme-input:focus{box-shadow:10px 10px 20px #00000059 inset;outline:2px solid var(--button)}.theme-input::placeholder{color:var(--placeholder)}.theme-select{border-radius:10px;background:var(--text);color:var(--square);font-family:Raleway,sans-serif;padding:.5em 1em;box-shadow:10px 10px 20px #00000087 inset;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="30" viewBox="0 0 50 30" fill="none"><path d="M26.353 29.024a2 2 0 0 1-3.013 0L.894 3.315C-.235 2.022.684 0 2.401 0h44.891c1.718 0 2.636 2.022 1.507 3.315l-22.446 25.71Z" fill="%237643A4"/></svg>');background-repeat:no-repeat;background-position-x:97.5%;background-position-y:50%;background-size:1.75em;padding-right:calc(1.75em + 2.5%)}.theme-select:focus{outline:2px solid var(--button)}.theme-select::-ms-expand{display:none}.theme-select:hover{box-shadow:10px 10px 20px #00000059 inset}.theme-select option:checked{color:var(--button)}input[type=radio]{height:1em;width:1em;border:.125em solid var(--text);padding:.125em;background:radial-gradient(circle,var(--button) 40%,transparent 45%) no-repeat;background-position:center;background-size:0% 0%;border-radius:50%;outline-offset:.1em;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:inherit;transition:.3s}input[type=radio]:checked{border-color:var(--button);background-size:100% 100%}input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.3em;box-shadow:none;cursor:pointer;background-color:var(--text)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1em;height:1em;border-radius:50%;background:var(--button)}.close,.reset-btn{color:var(--text);font-size:8rem;background:transparent;border:none;line-height:.6em;width:fit-content;margin-left:auto;cursor:pointer}.reset-btn{font-size:1.5em;border-radius:10px;color:inherit}.form-response{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;margin-bottom:1rem;border:2px solid transparent;border-radius:.25rem;text-align:left}.form-response.success{background-color:var(--title);border-color:var(--button)}.form-response.error{background-color:#f55;border-color:#fe3e3e}.form-response.warning{background-color:#f39c12;border-color:#d68910}.form-response.info,.form-response.notification{background-color:var(--info);border-color:#436fc8}.form-response strong{margin-right:.3em;color:var(--text)}.form-response{color:var(--square)}.form-response svg>*{fill:var(--square)}body #root .form-response p{margin:0}.form-response .close{font-size:3em}.form-response span{white-space:pre-line}.loading-img{height:100px}#root{padding:var(--gap);min-height:100vh}.mainContainer{width:100%;display:flex;flex-direction:row;justify-content:center;gap:var(--gap)}.contentContainer{flex-grow:1;max-width:71em;display:flex;flex-direction:column}section#home>div{border-radius:1em;background-color:var(--square);box-shadow:10px 10px 4px #00000040;width:100%;padding:2em}.theme-box{border-radius:1em;background-color:var(--square);box-shadow:10px 10px 4px #00000040;width:100%;padding:.5em 2em 2em}.theme-box.padtop{padding-top:2em}.theme-box-container{max-width:60em;margin:auto}.highlight-box,.theme-table-container{border-radius:1em;border:4px solid var(--button);box-shadow:0 0 10px #00000080;padding:1em 1.5em}.highlight-box{display:flex;flex-direction:column;gap:.75em}#root .highlight-box h4{margin-bottom:.1em}.highlight-box .text-important-2{font-size:1.25em}.theme-color{width:100%;border-radius:10px;padding:.1em .2em;background:var(--text);box-shadow:0 0 5px 5px #00000087 inset;border:none}.theme-table-container{padding:1em .75em}.theme-table-container>div{position:relative;max-height:16em;padding:0 .75em;overflow-y:auto;overflow-x:hidden}.theme-table{width:100%;border-collapse:collapse;text-align:left}.theme-table thead{position:sticky;top:0;background:var(--square);z-index:10;box-shadow:0 3px 0 0 var(--text)}:root{--table-border: 3px solid var(--text)}.theme-table th,.theme-table td{padding:.5em .35em;border-left:var(--table-border);border-right:var(--table-border)}.theme-table th:first-child,.theme-table td:first-child,.theme-table th:last-child,.theme-table td:last-child{border:none}#root .theme-table th{text-align:center}.theme-table tbody tr:nth-child(2n){background:var(--secondary-square)}.theme-badge{background:var(--button);padding:.1em .3em;border-radius:.25em;font-weight:700;color:var(--text);font-size:.55em;margin-bottom:auto}.radio-selector-container{min-width:fit-content;text-align:left;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--text);color:var(--square);box-shadow:5px 5px 10px #00000040 inset;padding:1.5em;border-radius:1em}.radio-selector-container .radio{font-size:1.25em;display:inline-flex;align-items:center;gap:.5em;margin:.25em 0;cursor:pointer}.radio-selector-container .radio label{cursor:pointer}.radio-selector-container .radio input[type=radio]:checked+label{font-weight:600}.radio-selector-container .radio input[type=radio]:not(:checked){border-color:var(--square);font-weight:400}.loading{max-width:10em;margin:auto}.pagination-container{list-style:none;display:flex;justify-content:center;margin-top:1em}.pagination-container .pagination-button{border:1.5px solid var(--text);cursor:pointer;color:var(--text);fill:var(--text);background:var(--secondary-square);height:1.5em;padding-inline:.6em;font-size:1.25em;display:flex;align-items:center;justify-content:center}.pagination-container .pagination-button.page{width:2.25em}.pagination-container .pagination-button.first{border-top-left-radius:.5em;border-bottom-left-radius:.5em}.pagination-container .pagination-button.last{border-top-right-radius:.5em;border-bottom-right-radius:.5em}.pagination-container .pagination-button:hover{background:var(--title)}.pagination-container .pagination-button.disabled{background:none;cursor:inherit}.pagination-container .pagination-button.active{background:var(--button)}.pagination-container .pagination-button.active:hover{background:var(--scroll)}.download-link{display:inline-flex;gap:.25em;color:var(--button);transition:transform .2s ease-in-out}.download-link svg{font-size:2em;fill:var(--button)}.download-link:hover{transform:scale(1.05)}.announcement{font-size:.9em;background-color:var(--info);color:var(--text);padding:1em 1em 1em 2em;border-radius:1em;text-align:left;display:flex;justify-content:space-between;align-items:stretch;box-shadow:10px 10px 4px #00000040}.announcement .announcement-buttons{display:flex;flex-direction:column;justify-content:space-between;align-items:end;gap:1em}.announcement .announcement-cross{background:transparent;border:none;cursor:pointer;color:inherit;font-family:"Press Start 2P",sans-serif;font-size:1.2em;transition:transform .2s;padding-left:.2em;padding-top:.2em}.announcement .announcement-cross:hover{transform:scale(1.2)}@media (max-width: 68rem){#root{padding:15px}.mainContainer{display:flex;align-items:center;flex-direction:column-reverse}.contentContainer{width:100%;align-items:center}section#home>div,.theme-box{border-radius:.5em}:root{--gap: 1rem}}
