@import"https://fonts.googleapis.com/css2?family=Golos+Text&display=swap";.root{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100svh;background:var(--dark);color:var(--white)}.root,.root *{transition:all .2s ease-out!important}.root button.themeSwitch{background:transparent;transition:filter .2s ease-out;border:none;height:40px;aspect-ratio:1;cursor:pointer;position:fixed;top:30px;right:30px}.root button.themeSwitch img{height:100%;position:absolute;top:0;left:0}.root button.themeSwitch img.dark{filter:invert(1)}.root #background{position:absolute;height:100svh;width:100svw;filter:var(--invert) opacity(.2) blur(2.5px);pointer-events:none;animation:backgroundShift 30s linear infinite}@keyframes backgroundShift{0%{background-position-x:0svw;background-position-y:0svh}to{background-position-x:969px;background-position-y:498px}}.root h1{font-size:50px;margin-bottom:60px}.root .pages{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;margin-bottom:30px;padding:30px;border-radius:30px;gap:5vw}.root .pages a{background-color:var(--dark);border:1px solid;position:relative;z-index:3;padding:30px;border-radius:40px;min-width:14vw;z-index:2;height:300px;display:flex;align-items:center;justify-content:space-around;flex-direction:column;color:var(--white);text-shadow:0 0 60px var(--white);text-decoration:none;transition:scale .2s ease-out;white-space:nowrap}.root .pages a:nth-child(1){border-color:var(--orange);background-color:var(--orange);white-space:pre-wrap}.root .pages a:nth-child(1):before{box-shadow:0 0 200px var(--orange)}.root .pages a:nth-child(2){border-color:var(--pink);background-color:var(--pink)}.root .pages a:nth-child(2):before{box-shadow:0 0 200px var(--pink)}.root .pages a:nth-child(3){border-color:var(--lightBlue);background-color:var(--lightBlue)}.root .pages a:nth-child(3):before{box-shadow:0 0 200px var(--lightBlue)}.root .pages a:before{content:"";box-shadow:0 0 50px #fff;z-index:-1;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:39px}.root .pages a:hover{scale:1.02}.root .pages a .desc{font-size:30px}.root .pages a img{height:80px;aspect-ratio:1;filter:var(--invert)}.root .helpIcon{position:absolute;bottom:30px;right:30px;height:60px;aspect-ratio:.5;display:flex;border-radius:100%;border:1px solid var(--white);padding:10px;background:var(--lighterDark);box-shadow:0 0 30px shade(var(--white),50%)}.root .helpIcon img{filter:var(--invert)}.root .extraOptions{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px}.root .extraOptions>div{display:flex;align-items:center;justify-content:center;gap:10px}.root .extraOptions>div button{padding:3px;cursor:pointer}.root .extraOptions>div button label{cursor:pointer}.root .extraOptions>div input{display:none}.root .extraOptions>div.buzzerSounds{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.root .extraOptions>div.buzzerSounds .sound{display:flex;align-items:center;justify-content:center;gap:10px}.root .extraOptions>div.buzzerSounds .sound .soundLabel{min-width:150px}.root .extraOptions>div.buzzerSounds .sound.addSound{margin-top:10px}.root .extraOptions>div.buzzerSounds .sound.addSound button{background-color:var(--lighterDark);border:1px solid var(--white)}*{margin:0;padding:0;box-sizing:border-box;font-family:Golos Text,sans-serif}*{scrollbar-width:auto;scrollbar-color:#093162 #022249}*::-webkit-scrollbar{width:15px;border-radius:15px}*::-webkit-scrollbar-track{background:var(--dark)}*::-webkit-scrollbar-thumb{background-color:var(--grey);border-radius:10px;border:0px solid #ffffff}#root>.loading{height:100svh;width:100svw;display:flex;align-items:center;justify-content:center;flex-direction:column}#root>.loading .loadingSpinner{margin-bottom:60px}#root>.loading .text{margin-bottom:10px}#root>.loading .text:first-of-type{font-size:25px;margin-bottom:20px}#root>.loading .text.sub{color:var(--grey)}#root>.loading .info{margin-top:20px;font-size:25px}code{background:var(--grey);padding:2px 5px;margin:0 2px;border-radius:5px;color:var(--red)}div#offlineBanner{position:fixed;background-color:var(--dark);color:var(--red);width:100svw;display:flex;align-items:center;justify-content:center;font-size:14px;padding:4px 0}div#offlineBanner button{font-size:16px;background-color:transparent;border:1px solid var(--white);color:var(--white);padding:3px 7px;border-radius:5px;cursor:pointer;box-shadow:0 0 5px var(--grey);transition:all .2s ease-out;margin-left:10px}div#offlineBanner button:hover{background:var(--white);color:var(--dark);box-shadow:0 0 10px var(--white)}#helpPage{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100swh;margin:30px 10vw;padding-top:40px}#helpPage h1,#helpPage h2,#helpPage h3{margin:30px 0 10px}#helpPage h1{font-size:40px}#helpPage .content{max-width:1000px}#helpPage .content a{color:var(--darkBlue)}#helpPage .content blockquote{padding:20px}#helpPage .content blockquote small{color:var(--grey);white-space:nowrap;display:block}a.homeButton{position:absolute;top:30px;left:30px;height:60px;aspect-ratio:1;background:var(--lighterDark);display:flex;align-items:center;justify-content:center;border-radius:100%;border:1px solid var(--grey);padding:10px;z-index:1;box-shadow:0 0 40px -10px var(--grey)}a.homeButton img{height:70%;width:70%;filter:var(--invert)}.categoryBrowser{border-radius:20px;padding:20px;display:flex;align-items:start;justify-content:center;gap:30px;width:100%}.categoryBrowser .browser{height:100%;width:100%;display:flex;flex-direction:column}.categoryBrowser .browser .searchHeader{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.categoryBrowser .browser .searchHeader input,.categoryBrowser .browser .searchHeader button.sort,.categoryBrowser .browser .searchHeader button.smallOrBig{height:40px;width:100%;font-size:18px;background-color:transparent;border:1px solid var(--grey);border-radius:15px;color:var(--white);padding:5px}.categoryBrowser .browser .searchHeader button.sort,.categoryBrowser .browser .searchHeader button.smallOrBig{width:60px;cursor:pointer;transition:all .2s ease-out;background:var(--dark);padding:none;display:flex;align-items:center;justify-content:center}.categoryBrowser .browser .searchHeader button.sort:hover,.categoryBrowser .browser .searchHeader button.smallOrBig:hover{filter:invert(1)}.categoryBrowser .browser .searchHeader button.sort img,.categoryBrowser .browser .searchHeader button.smallOrBig img{filter:var(--invert);height:70%}.categoryBrowser .browser .results{height:100%;display:flex;overflow-y:scroll}.categoryBrowser .browser .results .categoryWrapper .category{max-height:150px;margin:0}.categoryBrowser .separator{height:100%;width:1px;background-color:var(--grey)}.categoryBrowser>.browser .results,.categoryBrowser>.selected .categories{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;height:auto;margin-top:20px;gap:10px}.categoryBrowser>.browser .results .categoryWrapper,.categoryBrowser>.selected .categories .categoryWrapper{max-height:200px;width:400px;height:auto;background-color:var(--dark);border:2px solid var(--lightBlue);border-radius:20px;background-repeat:no-repeat;background-size:cover;background-position:center;overflow:hidden}.categoryBrowser>.browser .results .categoryWrapper:has(.selectContainer:not(.selected)),.categoryBrowser>.selected .categories .categoryWrapper:has(.selectContainer:not(.selected)){border-color:gray}.categoryBrowser>.browser .results .categoryWrapper .category,.categoryBrowser>.selected .categories .categoryWrapper .category{gap:10px;display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;margin:0;width:100%;height:100%;padding:10px;border:none;backdrop-filter:blur(10px) brightness(.6)}.categoryBrowser>.browser .results .categoryWrapper .category.choosable,.categoryBrowser>.selected .categories .categoryWrapper .category.choosable{cursor:pointer;transition:background-color .2s ease-out}.categoryBrowser>.browser .results .categoryWrapper .category.choosable:hover,.categoryBrowser>.selected .categories .categoryWrapper .category.choosable:hover{background-color:var(--lighterDark)}.categoryBrowser>.browser .results .categoryWrapper .category:not(:last-child),.categoryBrowser>.selected .categories .categoryWrapper .category:not(:last-child){margin-bottom:10px}.categoryBrowser>.browser .results .categoryWrapper .category .selectContainer,.categoryBrowser>.selected .categories .categoryWrapper .category .selectContainer{height:100%;display:flex;align-items:center;justify-content:center}.categoryBrowser>.browser .results .categoryWrapper .category .selectContainer button.select,.categoryBrowser>.browser .results .categoryWrapper .category .selectContainer button.remove,.categoryBrowser>.selected .categories .categoryWrapper .category .selectContainer button.select,.categoryBrowser>.selected .categories .categoryWrapper .category .selectContainer button.remove{height:30px;aspect-ratio:1;border:2px solid var(--grey);display:flex;align-items:center;justify-content:center;background:transparent;border-radius:5px;cursor:pointer}.categoryBrowser>.browser .results .categoryWrapper .category .selectContainer button.select img,.categoryBrowser>.browser .results .categoryWrapper .category .selectContainer button.remove img,.categoryBrowser>.selected .categories .categoryWrapper .category .selectContainer button.select img,.categoryBrowser>.selected .categories .categoryWrapper .category .selectContainer button.remove img{height:80%;filter:var(--invert)}.categoryBrowser>.browser .results .categoryWrapper .category .selectContainer button.select.remove,.categoryBrowser>.browser .results .categoryWrapper .category .selectContainer button.remove.remove,.categoryBrowser>.selected .categories .categoryWrapper .category .selectContainer button.select.remove,.categoryBrowser>.selected .categories .categoryWrapper .category .selectContainer button.remove.remove{border:none;background:var(--lighterDark)}.categoryBrowser>.browser .results .categoryWrapper .category .selectContainer button.select.remove img,.categoryBrowser>.browser .results .categoryWrapper .category .selectContainer button.remove.remove img,.categoryBrowser>.selected .categories .categoryWrapper .category .selectContainer button.select.remove img,.categoryBrowser>.selected .categories .categoryWrapper .category .selectContainer button.remove.remove img{height:70%;filter:var(--invert)}.categoryBrowser>.browser .results .categoryWrapper .category .content,.categoryBrowser>.selected .categories .categoryWrapper .category .content{display:flex;align-items:center;flex-direction:column;max-height:100%;height:100%;width:100%;color:var(--white)}.categoryBrowser>.browser .results .categoryWrapper .category .content h2,.categoryBrowser>.selected .categories .categoryWrapper .category .content h2{margin-bottom:10px;line-height:30px;text-align:center}.categoryBrowser>.browser .results .categoryWrapper .category .content .description,.categoryBrowser>.selected .categories .categoryWrapper .category .content .description{height:calc(100% - 40px);width:auto;text-align:center}.categoryBrowser>.browser .results .categoryWrapper .category .content .description img,.categoryBrowser>.selected .categories .categoryWrapper .category .content .description img{height:100%;width:100%;object-fit:contain;border-radius:5px}.categoryBrowser>.browser .results .categoryWrapper .category .buttons,.categoryBrowser>.selected .categories .categoryWrapper .category .buttons{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.categoryBrowser>.browser .results .categoryWrapper .category .buttons button,.categoryBrowser>.browser .results .categoryWrapper .category .buttons a,.categoryBrowser>.selected .categories .categoryWrapper .category .buttons button,.categoryBrowser>.selected .categories .categoryWrapper .category .buttons a{height:35px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:transparent;border:0px solid var(--lighterDark);border-radius:5px;transition:all .2s ease-in-out}.categoryBrowser>.browser .results .categoryWrapper .category .buttons button img,.categoryBrowser>.browser .results .categoryWrapper .category .buttons a img,.categoryBrowser>.selected .categories .categoryWrapper .category .buttons button img,.categoryBrowser>.selected .categories .categoryWrapper .category .buttons a img{height:60%;aspect-ratio:1;filter:var(--invert)}.categoryBrowser>.browser .results .categoryWrapper .category .buttons button:hover,.categoryBrowser>.browser .results .categoryWrapper .category .buttons a:hover,.categoryBrowser>.selected .categories .categoryWrapper .category .buttons button:hover,.categoryBrowser>.selected .categories .categoryWrapper .category .buttons a:hover{background:var(--lighterDark)}.categoryBrowser>.browser .results .categoryWrapper.small,.categoryBrowser>.selected .categories .categoryWrapper.small{width:200px}.categoryBrowser>.browser .results .categoryWrapper.small .category,.categoryBrowser>.selected .categories .categoryWrapper.small .category{flex-direction:column;gap:0}.categoryBrowser>.browser .results .categoryWrapper.small .category .content h2,.categoryBrowser>.selected .categories .categoryWrapper.small .category .content h2{line-height:20px;font-size:18px;margin-bottom:2px}.categoryBrowser>.browser .results .categoryWrapper.small .category .buttons,.categoryBrowser>.selected .categories .categoryWrapper.small .category .buttons{flex-direction:row}.categoryBrowser>.selected{min-width:430px;overflow-y:scroll;height:100%}.categoryBrowser>.selected .categories{display:grid}#react-confirm-alert .react-confirm-alert-overlay.delete{position:absolute;top:0;left:0;height:100svh;width:100svw;backdrop-filter:blur(10px) brightness(.5);display:flex;align-items:center;justify-content:center;color:var(--white)}#react-confirm-alert .react-confirm-alert-overlay.delete .react-confirm-alert{background-color:var(--dark);border-radius:30px;padding:30px}#react-confirm-alert .react-confirm-alert-overlay.delete .react-confirm-alert .react-confirm-alert-body{text-align:center}#react-confirm-alert .react-confirm-alert-overlay.delete .react-confirm-alert .react-confirm-alert-body p{margin-top:14px}#react-confirm-alert .react-confirm-alert-overlay.delete .react-confirm-alert .react-confirm-alert-body .react-confirm-alert-button-group{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:10px;background-color:transparent}#react-confirm-alert .react-confirm-alert-overlay.delete .react-confirm-alert .react-confirm-alert-body .react-confirm-alert-button-group button{font-size:20px;cursor:pointer;background:transparent;color:var(--white);padding:10px;border-radius:10px;border:none;transition:transform .2s ease-in}#react-confirm-alert .react-confirm-alert-overlay.delete .react-confirm-alert .react-confirm-alert-body .react-confirm-alert-button-group button:first-child{color:var(--white);background:var(--red);box-shadow:0 0 30px -5px var(--red)}#react-confirm-alert .react-confirm-alert-overlay.delete .react-confirm-alert .react-confirm-alert-body .react-confirm-alert-button-group button:last-child{background-color:var(--lighterDark);border:1px solid var(--grey)}#react-confirm-alert .react-confirm-alert-overlay.delete .react-confirm-alert .react-confirm-alert-body .react-confirm-alert-button-group button:hover{transform:scale(1.03)}#onboard .decide{height:85vh;width:90vw;display:grid;grid-template-columns:3fr 1fr;grid-template-rows:5% 95%;gap:1vw}#onboard .decide h1{grid-row:1;grid-column:1/2;display:flex;align-items:center;justify-content:center}#onboard .decide .categoryBrowser{grid-row:2;grid-column:1;height:100%;width:100%}#onboard .decide .categoryBrowser .category{max-height:170px}#onboard .decide .actions{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;max-height:100%}#onboard .decide .actions>button,#onboard .decide .actions label{height:50%;width:100%;background-color:transparent;border:1px solid var(--grey);border-radius:30px;display:flex;align-items:center;justify-content:space-around;flex-direction:column;padding:10px;cursor:pointer;transition:transform .3s ease-out;position:relative}#onboard .decide .actions>button.dragging,#onboard .decide .actions label.dragging{outline:1px solid var(--darkBlue)}#onboard .decide .actions>button:has(:focus),#onboard .decide .actions label:has(:focus){outline:1px solid white}#onboard .decide .actions>button input,#onboard .decide .actions label input{position:absolute;height:100%;width:100%;top:0;left:0;opacity:0}#onboard .decide .actions>button:hover,#onboard .decide .actions label:hover{transform:scale(1.02)}#onboard .decide .actions>button img,#onboard .decide .actions label img{height:60%;filter:var(--invert);opacity:.2}#onboard .decide .actions>button p,#onboard .decide .actions label p{margin-bottom:10%;font-size:20px;color:var(--white)}#onboard .decide .actions button.backup{height:9%;color:#fff;font-size:20px;flex-direction:row;justify-content:center;gap:10px}.exportInfoContainer{height:100svh;width:100svw;position:absolute;top:0;left:0;background-color:transparent;backdrop-filter:blur(10px) brightness(.5);display:flex;align-items:center;justify-content:center}.exportInfoContainer .exportInfo{width:40vw;padding:40px;background-color:var(--dark);border-radius:20px}.exportInfoContainer .exportInfo>div{margin:30px 0}.exportInfoContainer .exportInfo>div span{color:var(--grey)}.exportInfoContainer .exportInfo .progressBar{width:100%;height:4px;border-radius:10px;margin:10px 0;background:var(--lighterDark);overflow:hidden}.exportInfoContainer .exportInfo .progressBar .progress{background:var(--red);height:100%;transition:width .1s linear}#editorPage #edit{height:100svh;width:90svw;max-width:1600px;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:9svh 91svh;column-gap:30px;row-gap:0px}#editorPage #edit #topRow{grid-area:1/1/2/4;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:5px;gap:15px}#editorPage #edit #topRow input,#editorPage #edit #topRow button{background-color:transparent;border:1px solid var(--white);font-size:20px;color:var(--white)}#editorPage #edit #topRow button{height:50px;cursor:pointer;border-radius:20px;padding:10px;box-shadow:0 0 20px var(--grey);white-space:nowrap;transition:all .2s ease-out}#editorPage #edit #topRow button:hover{background-color:var(--white);color:var(--dark);box-shadow:0 0 30px var(--white)}#editorPage #edit #topRow button.test{aspect-ratio:1}#editorPage #edit #topRow button.test img{transition:filter .2s ease-in-out;filter:var(--invert)}#editorPage #edit #topRow button.test:hover img{filter:invert(0)}#editorPage #edit #topRow input{border:none;padding:5px 0;border-bottom:1px solid var(--white);width:80%}#editorPage #edit #topRow input::placeholder{color:var(--grey)}#editorPage #edit #topRow input#nameInput{width:20%}#editorPage #edit #topRow input#answerTime{width:10%}#editorPage #edit #topRow input#answerTime::-webkit-outer-spin-button,#editorPage #edit #topRow input#answerTime::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#editorPage #edit #topRow .description{width:50%;position:relative;display:flex}#editorPage #edit #topRow .description input{width:100%}#editorPage #edit #topRow .description label.image{position:absolute;right:0;top:0;border:none;padding:0;height:40px;aspect-ratio:1;box-shadow:none;cursor:pointer;display:flex;align-items:center;justify-content:center}#editorPage #edit #topRow .description label.image img{transition:filter .2s ease-out;height:70%;filter:var(--invert)}#editorPage #edit #topRow .description>button{border:none;border-bottom:1px solid var(--white);border-radius:0;box-shadow:none;height:35px;width:100%;padding:0}#editorPage #edit #topRow .description>button:hover{background:transparent}#editorPage #edit #topRow .description>button img{height:100%}#editorPage #edit .mediaPoolWrapper{grid-area:2/1/3/2;margin:5px}#editorPage #edit #categoryWrapper{grid-area:2/2/3/4;margin:5px;max-width:1000px}#editorPage #edit #categoryWrapper .EditorCategory{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:column;border-radius:20px;border:1px solid var(--white);max-height:99%;padding:10px}#editorPage #edit #categoryWrapper .EditorCategory .field{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;height:calc(20% - 5px);width:100%}#editorPage #edit #categoryWrapper .EditorCategory .field h3{rotate:-90deg}#editorPage #edit #categoryWrapper .EditorCategory .field .content{height:100%;width:100%;gap:7px;display:flex;align-items:center;justify-content:center}#editorPage #edit #categoryWrapper .EditorCategory .field .content .question,#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer{width:50%;height:100%;display:inline-block;border:1px solid var(--lighterDark);border-radius:10px;padding:5px;position:relative}#editorPage #edit #categoryWrapper .EditorCategory .field .content .question:not(:has(.addMedia)),#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer:not(:has(.addMedia)){background:var(--dark)}#editorPage #edit #categoryWrapper .EditorCategory .field .content .question>.choose,#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer>.choose{position:absolute;height:100%;width:100%;z-index:1;top:0;left:0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px) brightness(.7);cursor:pointer;outline:2px solid var(--darkBlue);border-radius:10px}#editorPage #edit #categoryWrapper .EditorCategory .field .content .question .mediaElement,#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer .mediaElement{display:flex;align-items:center;justify-content:center;height:100%}#editorPage #edit #categoryWrapper .EditorCategory .field .content .question .mediaElement>div,#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer .mediaElement>div{display:flex;align-items:center;justify-content:center;position:relative}#editorPage #edit #categoryWrapper .EditorCategory .field .content .question .mediaElement>button.addMedia,#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer .mediaElement>button.addMedia{border:none;height:100%;width:100%;background:none;color:var(--white);cursor:pointer;opacity:.3}#editorPage #edit #categoryWrapper .EditorCategory .field .content .question .mediaElement>div:not(.text),#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer .mediaElement>div:not(.text){height:calc(100% - 5px);max-height:100%;max-width:100%;width:100%}#editorPage #edit #categoryWrapper .EditorCategory .field .content .question .mediaElement>div:not(.text) img,#editorPage #edit #categoryWrapper .EditorCategory .field .content .question .mediaElement>div:not(.text) video,#editorPage #edit #categoryWrapper .EditorCategory .field .content .question .mediaElement>div:not(.text) audio,#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer .mediaElement>div:not(.text) img,#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer .mediaElement>div:not(.text) video,#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer .mediaElement>div:not(.text) audio{max-height:100%;max-width:100%;border-radius:5px}#editorPage #edit #categoryWrapper .EditorCategory .field .content .question .mediaElement .diashow>.edit,#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer .mediaElement .diashow>.edit{height:100%;width:100%;display:flex;align-items:center;justify-content:center}#editorPage #edit #categoryWrapper .EditorCategory .field .content .question .mediaElement .diashow>.edit>button,#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer .mediaElement .diashow>.edit>button{margin-right:20px;margin-left:10px;background-color:transparent;border:none;width:30px;aspect-ratio:1;cursor:pointer}#editorPage #edit #categoryWrapper .EditorCategory .field .content .question .mediaElement .diashow>.edit>button img,#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer .mediaElement .diashow>.edit>button img{height:80%;filter:var(--invert);border-radius:0}#editorPage #edit #categoryWrapper .EditorCategory .field .content .question .mediaElement .diashow>.edit .images,#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer .mediaElement .diashow>.edit .images{width:80%;position:relative;overflow:hidden}#editorPage #edit #categoryWrapper .EditorCategory .field .content .question .mediaElement .diashow>.edit .images .image,#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer .mediaElement .diashow>.edit .images .image{height:100%;max-height:100%;position:absolute;border-radius:5px;overflow:hidden}#editorPage #edit #categoryWrapper .EditorCategory .field .content .question .mediaElement .diashow>.edit .images .image:not(:first-child),#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer .mediaElement .diashow>.edit .images .image:not(:first-child){box-shadow:-10px 0 50px 0 var(--lighterDark)}#editorPage #edit #categoryWrapper .EditorCategory .field .content .question .mediaElement .diashow>.edit .images .image img,#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer .mediaElement .diashow>.edit .images .image img{height:100%;width:auto;max-width:unset}#editorPage #edit #categoryWrapper .EditorCategory .field .content .question .mediaElement .text,#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer .mediaElement .text{width:95%;height:95%}#editorPage #edit #categoryWrapper .EditorCategory .field .content .question .mediaElement .text textarea,#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer .mediaElement .text textarea{resize:none;width:100%;height:100%;background-color:transparent;border:1px solid var(--white);border-radius:10px;color:var(--white);padding:10px;border:none;white-space:normal;text-align:justify;-moz-text-align-last:center;text-align-last:center}#editorPage #edit #categoryWrapper .EditorCategory .field .content .question .mediaElement>button.remove,#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer .mediaElement>button.remove{height:30px;aspect-ratio:1;position:absolute;top:5px;right:5px;background-color:transparent;border:none;cursor:pointer;border-radius:100%;backdrop-filter:blur(14px) brightness(75%);display:flex;align-items:center;justify-content:center}#editorPage #edit #categoryWrapper .EditorCategory .field .content .question .mediaElement>button.remove img,#editorPage #edit #categoryWrapper .EditorCategory .field .content .answer .mediaElement>button.remove img{height:50%;aspect-ratio:1;filter:var(--invert)}#editorPage #edit .exportPopupContainer{position:absolute;height:100svh;width:100svw;top:0;left:0;display:flex;align-items:center;justify-content:center}#editorPage #edit .exportPopupContainer .progressBar{width:30vw;background-color:var(--lighterDark);height:4px;margin:10px 0;border-radius:30px;overflow:hidden}#editorPage #edit .exportPopupContainer .progressBar .progress{height:4px;background-color:var(--white)}#editorPage #edit .exportPopupContainer .currentFile{color:var(--white)}#editorPage #edit .exportPopupContainer.hidden{opacity:0;z-index:-2;backdrop-filter:blur(0px) brightness(1)}#editorPage #edit .exportPopupContainer.visible{opacity:1;z-index:2;backdrop-filter:blur(10px) brightness(.7)}.mediaPool{height:100%;width:100%;display:flex;align-items:center;justify-content:start;flex-direction:column;border-radius:20px;border:1px solid var(--white);overflow-y:scroll;max-height:99%}.mediaPool .header{width:100%;display:flex;align-items:center;justify-content:space-evenly;gap:10px;flex-wrap:wrap}.mediaPool .header .toggle{display:flex;align-items:center;justify-content:center;gap:5px}.mediaPool .header .toggle button{background-color:transparent;border:1px solid var(--white);border-radius:5px;color:var(--white);padding:5px;cursor:pointer}.mediaPool .header .toggle button.selected{background-color:var(--white);color:var(--dark)}.mediaPool .header .storage{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100px}.mediaPool .header .storage *{color:var(--grey);font-size:12px}.mediaPool .header .storage button{background-color:transparent;border:1px solid var(--grey);border-radius:5px;padding:3px;cursor:pointer;transition:color .2s ease-out}.mediaPool .header .storage button:hover{color:var(--red)}.mediaPool h2{font-size:24px;padding:13px 0}.mediaPool .media{display:grid;place-items:center;gap:10px;padding:10px;grid-template-columns:150px}@media only screen and (min-width: 1200px){.mediaPool .media{grid-template-columns:150px 150px}}@media only screen and (min-width: 1660px){.mediaPool .media{grid-template-columns:150px 150px 150px}}@media only screen and (min-width: 2140px){.mediaPool .media{grid-template-columns:150px 150px 150px 150px}}.mediaPool .media .file{background-color:var(--dark);padding:5px;border-radius:10px;position:relative;height:150px;width:150px;border:1px solid var(--grey);aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:grab;box-shadow:0 0 0 transparent;transition:box-shadow .2s ease-out}.mediaPool .media .file:hover{box-shadow:0 0 50px var(--lighterDark)}.mediaPool .media .file img,.mediaPool .media .file video,.mediaPool .media .file audio{border-radius:5px;max-width:100%;max-height:100%}.mediaPool .media .file.addMedia{padding:0;outline:1px solid transparent;transition:border-color .2s ease-in-out;background-color:transparent;border:3px solid var(--grey)}.mediaPool .media .file.addMedia:hover{border-color:var(--white)}.mediaPool .media .file.addMedia img{filter:var(--invert);width:100%;opacity:.2}.mediaPool .media .file.addMedia label{cursor:pointer;height:150px;width:150px;padding:30px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px}.mediaPool .media .file.addMedia label input{position:absolute;height:100%;width:100%;opacity:0;cursor:pointer}.mediaPool .media .file.addMedia label sub{white-space:nowrap;font-size:15px}.mediaPool .media .file button.dots{background-color:transparent;border:none;position:absolute;top:0;right:0;height:30px;width:27px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mediaPool .media .file button.dots img{height:70%;width:70%;filter:var(--invert)}.mediaPool .media .file .popover{background:var(--lighterDark);box-shadow:0 0 20px -5px var(--white);position:absolute;top:7px;right:24px;padding:10px;border-radius:10px;width:120px}.mediaPool .media .file .popover button{background-color:transparent;border:1px solid var(--white);color:var(--white);border-radius:10px;padding:10px;white-space:nowrap;width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .2s ease-out}.mediaPool .media .file .popover button:not(:last-child){margin-bottom:5px}.mediaPool .media .file .popover button:hover{background-color:var(--grey)}.mediaPool .media .file .popover button img{filter:var(--invert)}.mediaPool .media .file .popover button.rename img{height:15px}.mediaPool .media .file .popover button.add img{rotate:-90deg}.mediaPool .media .bottom{justify-self:end;flex-direction:column}#react-confirm-alert-firm-svg{display:none}#react-confirm-alert .react-confirm-alert-overlay.popupOverlay{position:absolute;top:0;left:0;height:100svh;width:100svw;backdrop-filter:blur(10px) brightness(.5);display:flex;align-items:center;justify-content:center}#react-confirm-alert .react-confirm-alert-overlay.popupOverlay .react-confirm-alert{background-color:var(--dark);border-radius:30px;padding:30px}#react-confirm-alert .react-confirm-alert-overlay.popupOverlay .react-confirm-alert .react-confirm-alert-body{display:flex;align-items:center;justify-content:center;flex-direction:column}#react-confirm-alert .react-confirm-alert-overlay.popupOverlay .react-confirm-alert .react-confirm-alert-body img,#react-confirm-alert .react-confirm-alert-overlay.popupOverlay .react-confirm-alert .react-confirm-alert-body video,#react-confirm-alert .react-confirm-alert-overlay.popupOverlay .react-confirm-alert .react-confirm-alert-body audio{border-radius:5px;margin-top:20px;max-height:60vh;max-width:60vw}#react-confirm-alert .react-confirm-alert-overlay.popupOverlay .react-confirm-alert .react-confirm-alert-body .react-confirm-alert-button-group{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:10px;background-color:transparent}#react-confirm-alert .react-confirm-alert-overlay.popupOverlay .react-confirm-alert .react-confirm-alert-body .react-confirm-alert-button-group button{font-size:20px;cursor:pointer;background:transparent;color:var(--white);padding:10px;border-radius:10px;border:none;transition:transform .2s ease-in}#react-confirm-alert .react-confirm-alert-overlay.popupOverlay .react-confirm-alert .react-confirm-alert-body .react-confirm-alert-button-group button:first-child{color:var(--white);background:var(--red);box-shadow:0 0 30px -5px var(--red)}#react-confirm-alert .react-confirm-alert-overlay.popupOverlay .react-confirm-alert .react-confirm-alert-body .react-confirm-alert-button-group button:last-child{background-color:var(--lighterDark);border:1px solid var(--grey)}#react-confirm-alert .react-confirm-alert-overlay.popupOverlay .react-confirm-alert .react-confirm-alert-body .react-confirm-alert-button-group button:hover{transform:scale(1.03)}.dotSpinner{width:7px;height:7px;border-radius:50%;display:block;margin:15px auto;position:relative;background:transparent;animation:animloader 1s linear infinite alternate}@keyframes animloader{0%{box-shadow:-21px -7px,-7px 0,7px 0,21px 0}33%{box-shadow:-21px 0,-7px -7px,7px 0,21px 0}66%{box-shadow:-21px 0,-7px 0,7px -7px,21px 0}to{box-shadow:-21px 0,-7px 0,7px 0,21px -7px}}.rc-slider{position:relative;width:100%;height:14px;padding:5px 0;border-radius:6px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{position:absolute;width:100%;height:4px;background-color:#e9e9e9;border-radius:6px}.rc-slider-track{position:absolute;height:4px;background-color:#abe2fb;border-radius:6px}.rc-slider-handle{position:absolute;width:14px;height:14px;margin-top:-5px;background-color:#fff;border:solid 2px #96dbfa;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;opacity:.8;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle:focus{outline:none;box-shadow:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent;pointer-events:none}.rc-slider-dot{position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;cursor:pointer}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-handle{margin-top:0;margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{display:block!important;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform:scale(0);transform-origin:50% 100%;opacity:0}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{transform:scale(0);transform-origin:50% 100%;opacity:0}}.rc-slider-tooltip{position:absolute;top:-9999px;left:-9999px;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{min-width:24px;height:24px;padding:6px 2px;color:#fff;font-size:12px;line-height:1;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}.audioPlayer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;outline:1px solid transparent;border-radius:10px}.audioPlayer.playing{animation:playing .6s ease-in alternate-reverse infinite}@keyframes playing{0%{border-color:var(--white)}to{border-color:#000}}.audioPlayer .top{display:flex;align-items:center;justify-content:center;flex-direction:column}.audioPlayer .top img.speakerIcon{filter:var(--invert);height:40vh}.audioPlayer .top button.playPause{background-color:transparent;filter:var(--invert);border:none;height:40px;aspect-ratio:1;cursor:pointer}.audioPlayer .top button.playPause>img{height:80%;aspect-ratio:1}.audioPlayer .top div.title{font-size:13px;margin-bottom:5px;padding:0 5px}.audioPlayer .time,.audioPlayer .volume{width:100%;display:flex;align-items:center;justify-content:center;font-size:13px}.audioPlayer .time span,.audioPlayer .time button,.audioPlayer .volume span,.audioPlayer .volume button{width:80px}.audioPlayer .time button.mute,.audioPlayer .volume button.mute{background-color:transparent;filter:var(--invert);border:none;height:30px;aspect-ratio:1;cursor:pointer}.audioPlayer .time button.mute img,.audioPlayer .volume button.mute img{height:80%}.audioPlayer .time .seek-slider,.audioPlayer .time .volume-slider,.audioPlayer .volume .seek-slider,.audioPlayer .volume .volume-slider{height:4px;border-radius:10px;width:80%}.audioPlayer .time .seek-slider .rc-slider-rail,.audioPlayer .time .seek-slider .rc-slider-track,.audioPlayer .time .volume-slider .rc-slider-rail,.audioPlayer .time .volume-slider .rc-slider-track,.audioPlayer .volume .seek-slider .rc-slider-rail,.audioPlayer .volume .seek-slider .rc-slider-track,.audioPlayer .volume .volume-slider .rc-slider-rail,.audioPlayer .volume .volume-slider .rc-slider-track{background-color:var(--grey)}.audioPlayer .time .seek-slider .rc-slider-handle,.audioPlayer .time .volume-slider .rc-slider-handle,.audioPlayer .volume .seek-slider .rc-slider-handle,.audioPlayer .volume .volume-slider .rc-slider-handle{background-color:var(--white);cursor:pointer;border:1px solid var(--grey)}.audioPlayer .time .seek-slider .rc-slider-handle.rc-slider-handle-dragging,.audioPlayer .time .volume-slider .rc-slider-handle.rc-slider-handle-dragging,.audioPlayer .volume .seek-slider .rc-slider-handle.rc-slider-handle-dragging,.audioPlayer .volume .volume-slider .rc-slider-handle.rc-slider-handle-dragging{box-shadow:0 0 0 5px var(--grey)}.videoPlayer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:row;outline:1px solid transparent;border-radius:10px;padding:1px}.videoPlayer.playing{animation:playing .6s ease-in alternate-reverse infinite}@keyframes playing{0%{outline-color:var(--white)}to{outline-color:transparent}}.videoPlayer .videoContainer{height:100%;width:fit-content;display:flex;align-items:center;justify-content:center;position:relative}.videoPlayer .videoContainer video{max-height:100%;max-width:100%;position:relative;border-radius:5px}.videoPlayer .videoContainer button.playPause{height:100%;width:100%;position:absolute;background-color:transparent;filter:var(--invert);border:none;aspect-ratio:1;cursor:pointer}.videoPlayer .videoContainer button.playPause>img{height:40px;aspect-ratio:1}.videoPlayer .videoContainer button.fullScreen{position:absolute;top:0px;right:0px;background-color:transparent;border:none;height:30px;aspect-ratio:1;border-radius:0 0 0 25px;backdrop-filter:blur(5px) brightness(.4);display:flex;align-items:start;justify-content:flex-end;cursor:pointer}.videoPlayer .videoContainer button.fullScreen>img{filter:var(--invert);height:80%}.videoPlayer .videoContainer>.time{backdrop-filter:brightness(.3) blur(5px);position:absolute;bottom:0%}.videoPlayer.playing .videoContainer button.playPause{opacity:0;transition:opacity .2s ease-in}.videoPlayer.playing .videoContainer>.time{opacity:0;transition:opacity .2s ease-in}.videoPlayer.playing .videoContainer:hover>.time{opacity:1}.videoPlayer.playing .videoContainer:hover button.playPause{opacity:1}.videoPlayer .time,.videoPlayer .volume{width:100%;display:flex;align-items:center;justify-content:center;font-size:13px}.videoPlayer .time span,.videoPlayer .time button,.videoPlayer .volume span,.videoPlayer .volume button{width:80px}.videoPlayer .time button.mute,.videoPlayer .volume button.mute{background-color:transparent;filter:var(--invert);border:none;height:30px;aspect-ratio:1;cursor:pointer}.videoPlayer .time button.mute img,.videoPlayer .volume button.mute img{height:80%}.videoPlayer .time .seek-slider,.videoPlayer .time .volume-slider,.videoPlayer .volume .seek-slider,.videoPlayer .volume .volume-slider{height:4px;border-radius:10px;width:80%}.videoPlayer .time .seek-slider .rc-slider-rail,.videoPlayer .time .seek-slider .rc-slider-track,.videoPlayer .time .volume-slider .rc-slider-rail,.videoPlayer .time .volume-slider .rc-slider-track,.videoPlayer .volume .seek-slider .rc-slider-rail,.videoPlayer .volume .seek-slider .rc-slider-track,.videoPlayer .volume .volume-slider .rc-slider-rail,.videoPlayer .volume .volume-slider .rc-slider-track{background-color:var(--grey)}.videoPlayer .time .seek-slider .rc-slider-handle,.videoPlayer .time .volume-slider .rc-slider-handle,.videoPlayer .volume .seek-slider .rc-slider-handle,.videoPlayer .volume .volume-slider .rc-slider-handle{background-color:var(--white);cursor:pointer;border:1px solid var(--grey)}.videoPlayer .time .seek-slider .rc-slider-handle.rc-slider-handle-dragging,.videoPlayer .time .volume-slider .rc-slider-handle.rc-slider-handle-dragging,.videoPlayer .volume .seek-slider .rc-slider-handle.rc-slider-handle-dragging,.videoPlayer .volume .volume-slider .rc-slider-handle.rc-slider-handle-dragging{box-shadow:0 0 0 5px var(--grey)}.videoPlayer .volume{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:nowrap;height:100%;width:25px}.videoPlayer .volume .volume-slider{height:80%;width:4px}.videoPlayer .volume .volume-slider .thumb{height:10px;width:10px;background-color:var(--white);border-radius:100%;left:-3px;top:unset;cursor:pointer}.videoPlayer.small{flex-direction:column-reverse}.videoPlayer.small .videoContainer{height:95%}.videoPlayer.small .volume{width:100%;height:unset;flex-direction:row}.videoPlayer.small .volume .volume-slider{width:100%;height:4px}.videoPlayer.small .volume .volume-slider .thumb{background-color:var(--white);border-radius:100%;top:-3px}.diashow{height:100%;width:100%;position:relative}.diashow .info{position:absolute;color:var(--white);opacity:.4;top:-40px;left:-40px}.diashow .images{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.diashow .images .image{height:100%!important;width:calc(100% - 100px);display:flex;align-items:center;justify-content:center}.diashow .images .image img{height:100%;object-fit:contain;border-radius:20px}.diashow .all{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5px}.diashow .all .image{padding:5px;display:flex;align-items:center;justify-content:center}.diashow .progress{width:100%}.diashow .editorWrapper{position:fixed;height:100svh;width:100svw;top:0;left:0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px) brightness(.4)}.diashow .editorWrapper .editor{height:70%;width:80%;background-color:var(--dark);border-radius:30px;padding:50px;position:relative}.diashow .editorWrapper .editor .close{height:35px;aspect-ratio:1;background-color:transparent;border:none;position:absolute;top:20px;right:20px;cursor:pointer}.diashow .editorWrapper .editor .close img{height:70%;filter:var(--invert)}.diashow .editorWrapper .editor .images{display:flex;align-items:center;justify-content:center;gap:20px}.diashow .editorWrapper .editor .images .image{padding:10px;border-radius:10px;background-color:var(--lighterDark);flex:1;width:100%;height:80%;display:flex;align-items:center;justify-content:center;flex-direction:column}.diashow .editorWrapper .editor .images .image img{width:100%;height:100%;object-fit:contain}.diashow .editorWrapper .editor .images .image .controls{display:flex;align-items:center;justify-content:center;gap:10%;margin-top:10px}.diashow .editorWrapper .editor .images .image .controls button{background-color:transparent;height:30px;aspect-ratio:1;border:none;cursor:pointer}.diashow .editorWrapper .editor .images .image .controls button.left img{rotate:90deg;filter:var(--invert)}.diashow .editorWrapper .editor .images .image .controls button.right img{rotate:-90deg;filter:var(--invert)}.diashow .editorWrapper .editor .images .image .controls button img{height:80%;filter:var(--invert)}.diashow>button{height:100%;width:300px;z-index:1;background:transparent;border:none;position:absolute;cursor:pointer;top:0;border-radius:20px;outline:0px solid transparent;transition:all .2s ease-out,outline .2s ease-in}.diashow>button img{filter:var(--invert);width:50px;aspect-ratio:1}.diashow>button:hover{scale:1.07}.diashow>button:focus-visible{outline:1px solid var(--grey)}.diashow>button.prev{left:-150px}.diashow>button.prev img{rotate:90deg}.diashow>button.next{right:-150px}.diashow>button.next img{rotate:-90deg}.timeBarContainer{width:100%;height:4px;overflow:hidden;border-radius:8px;background:var(--grey)}.timeBarContainer .progress{height:100%;background:var(--red);transition:width .03s liner}a.backButton{position:absolute;top:30px;left:30px;height:60px;aspect-ratio:1;background:var(--lighterDark);display:flex;align-items:center;justify-content:center;border-radius:100%;padding:10px;box-shadow:0 0 40px -10px var(--grey)}a.backButton img{height:70%;width:70%;filter:var(--invert);rotate:90deg}#editorPage{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100svh;width:100svw;padding:50px;overflow:hidden}.loadingSpinner{color:#fff;font-size:45px;text-indent:-9999em;overflow:hidden;width:1em;height:1em;border-radius:50%;position:relative;transform:translateZ(0);animation:mltShdSpin 1.7s infinite ease,round 1.7s infinite ease}@keyframes mltShdSpin{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@keyframes round{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.boardBrowser{padding:40px;height:100%;width:100%}.boardBrowser .searchHeader{display:flex;flex-wrap:nowrap;gap:12px}.boardBrowser .searchHeader input{height:40px;border-radius:15px;width:100%;border:1px solid var(--grey);background:transparent;margin-bottom:20px;font-size:20px;color:var(--white);padding:5px}.boardBrowser .searchHeader button{height:40px;width:60px;font-size:18px;border:1px solid var(--grey);border-radius:15px;color:var(--white);cursor:pointer;transition:all .2s ease-out;background:var(--dark);padding:none;display:flex;align-items:center;justify-content:center}.boardBrowser .searchHeader button:hover{filter:invert(1)}.boardBrowser .searchHeader button img{filter:var(--invert);height:60%}.boardBrowser .boardsContainer{height:calc(100% - 60px);width:100%;overflow-y:scroll}.boardBrowser .boardsContainer .boards{display:flex;flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap}.boardBrowser .boardsContainer .boards .board{width:400px;border:1px solid var(--orange);padding:15px;border-radius:20px}.boardBrowser .boardsContainer .boards .board h2{text-align:center;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.boardBrowser .boardsContainer .boards .board .categoriesWrapper{height:calc(100% - 90px);max-height:200px;overflow-y:auto;border:1px solid var(--grey);border-radius:20px;padding:10px}.boardBrowser .boardsContainer .boards .board .categoriesWrapper .categories{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.boardBrowser .boardsContainer .boards .board .categoriesWrapper .categories .category{padding:5px;border:1px solid var(--lightBlue);border-radius:6px}.boardBrowser .boardsContainer .boards .board .categoriesWrapper .categories .category h3{white-space:nowrap;font-size:15px}.boardBrowser .boardsContainer .boards .board .categoriesWrapper .categories .category.deleted{color:var(--grey);font-size:12px}.boardBrowser .boardsContainer .boards .board .actions{margin-top:10px;height:40px;width:100%;display:flex;align-items:center;gap:10px;justify-content:center}.boardBrowser .boardsContainer .boards .board .actions button{height:100%;aspect-ratio:1;background:transparent;border:none;cursor:pointer;border-radius:4px;padding:5px;transition:background .2s ease-out}.boardBrowser .boardsContainer .boards .board .actions button img{height:70%;width:70%;filter:var(--invert)}.boardBrowser .boardsContainer .boards .board .actions button:hover{background:var(--lighterDark)}.boardBrowser .boardsContainer .boards .board .actions button.select{width:90px;background-color:var(--lighterDark);border-radius:20px;height:35px;color:var(--white);font-size:20px;display:flex;align-items:center;justify-content:center;transition:background .2s ease-out}.boardBrowser .boardsContainer .boards .board .actions button.select:hover{background-color:var(--grey)}.setupPage{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.setupPage h2{margin-bottom:30px;display:flex;align-items:center;justify-content:center}.setupPage .createTeams{padding:30px}.setupPage .createTeams .teams{display:flex;gap:20px;flex-direction:row}.setupPage .createTeams .teams .team{border:2px solid var(--grey);border-radius:10px;padding:10px}.setupPage .createTeams .teams .team input{background-color:transparent;color:var(--white);border:1px solid transparent;border-bottom-color:var(--lighterDark);padding:5px 0;width:100%}.setupPage .createTeams .teams .team input::-webkit-input-placeholder{color:var(--lighterDark)}.setupPage .createTeams .teams .team input:focus{outline:1px solid var(--white)}.setupPage .createTeams .teams .team.add{border:1px solid var(--lighterDark);background-color:transparent;cursor:pointer;transition:background .2s ease-out}.setupPage .createTeams .teams .team.add:hover{background-color:var(--lighterDark)}.setupPage .createTeams .teams .team.add img{width:30px;filter:var(--invert)}.setupPage .createTeams .teams .team .head{display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:20px}.setupPage .createTeams .teams .team .head .colorsContainer{z-index:2;gap:3px;opacity:1;background:var(--lighterDark);border-radius:5px;height:0;width:0}.setupPage .createTeams .teams .team .head .colorsContainer .colors{overflow:hidden;padding:5px;max-width:200px;max-height:200px;transition:all .3s ease-in;width:30px;display:flex;align-items:center;justify-content:center;flex-direction:column-reverse;gap:5px;position:relative;left:5px}.setupPage .createTeams .teams .team .head .colorsContainer .colors button.color{height:20px;aspect-ratio:1;border-radius:5px;border:none;cursor:pointer}.setupPage .createTeams .teams .team .head .colorsContainer.hidden .colors{max-width:0px;max-height:0px;padding:0}.setupPage .createTeams .teams .team .head button.colorInput{background-color:transparent;border:transparent;cursor:pointer;height:30px;aspect-ratio:1}.setupPage .createTeams .teams .team .head button.colorInput img{height:80%;filter:var(--invert)}.setupPage .createTeams .teams .team .head input.teamName{font-size:20px}.setupPage .createTeams .teams .team .head input.teamName:focus{border-radius:5px}.setupPage .createTeams .teams .team .head input.teamName::-webkit-input-placeholder{color:var(--grey)}.setupPage .createTeams .teams .team .head button.remove{background-color:transparent;border:none;height:100%;width:30px;cursor:pointer;display:flex;align-items:center;justify-content:center}.setupPage .createTeams .teams .team .head button.remove img{filter:var(--invert);width:100%}.setupPage .createTeams .teams .team .members{display:flex;align-items:center;justify-content:space-around;flex-direction:column;flex-wrap:nowrap;gap:10px}.setupPage .createTeams .teams .team .members .member{display:flex;align-items:center;justify-content:center;gap:5px}.setupPage .createTeams .teams .team .members .member input{border-color:var(--lighterDark);border-radius:5px;padding:7px}.setupPage .createTeams .teams .team .members .member button.remove{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;cursor:pointer;min-height:100%;min-width:25px}.setupPage .createTeams .teams .team .members .member button.remove img{height:80%;filter:var(--invert)}.setupPage .createTeams .teams .team .members .add{background-color:transparent;border:1px solid var(--lighterDark);border-radius:100px;height:30px;display:flex;align-items:center;justify-content:center;aspect-ratio:1;cursor:pointer;transition:background .2s ease-out}.setupPage .createTeams .teams .team .members .add:hover{background-color:var(--lighterDark)}.setupPage .createTeams .teams .team .members .add img{filter:var(--invert);height:80%;aspect-ratio:1}.setupPage .categorySelector{height:90vh;width:95vw;max-width:1760px}.setupPage .categorySelector button.highlightFields{position:absolute;top:20px;right:180px;font-size:20px;padding:10px;border-radius:30px;border:1px solid var(--grey);background-color:transparent;color:var(--white);cursor:pointer;box-shadow:0 0 #7f7e7b;transition:all .2s ease-out}.setupPage .categorySelector button.highlightFields:hover{background-color:var(--white);color:var(--dark);border-color:var(--white);box-shadow:0 0 20px #fefbf5}.setupPage .categorySelector button.openBoards{position:absolute;top:20px;right:20px;font-size:20px;padding:10px;border-radius:30px;border:1px solid var(--grey);background-color:transparent;color:var(--white);cursor:pointer;box-shadow:0 0 #7f7e7b;transition:all .2s ease-out}.setupPage .categorySelector button.openBoards:hover{background-color:var(--white);color:var(--dark);border-color:var(--white);box-shadow:0 0 20px #fefbf5}.setupPage .categorySelector .container{height:90%;width:100%;display:flex;position:relative}.setupPage .categorySelector .container .categoryBrowser{height:80vh;padding:0}.setupPage .categorySelector .container .categoryBrowser .categoriesWrapper{display:flex;align-items:center;justify-content:center;height:100%;gap:10px}.setupPage .categorySelector .container .categoryBrowser .categoriesWrapper .category{height:100%;display:flex}.setupPage .categorySelector .container .categoryBrowser .categoriesWrapper .category .head{display:flex;align-items:center;justify-content:center;position:relative;width:100%}.setupPage .categorySelector .container .categoryBrowser .categoriesWrapper .category .head h3{font-size:20px}.setupPage .categorySelector .container .categoryBrowser .categoriesWrapper .category .head button.remove{background-color:transparent;border:none;position:absolute;right:0;cursor:pointer;height:30px;aspect-ratio:1}.setupPage .categorySelector .container .categoryBrowser .categoriesWrapper .category .head button.remove img{height:70%}.setupPage .categorySelector .container .categoryBrowser .categoriesWrapper .category .fields{height:95%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.setupPage .categorySelector .container .categoryBrowser .categoriesWrapper .category .fields .field{height:calc(20% - 8px)}.setupPage .categorySelector .container .categoryBrowser .categoriesWrapper .category .fields .field>div{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--lighterDark);padding:5px;border-radius:8px}.setupPage .categorySelector .container .categoryBrowser .categoriesWrapper .category .fields .field>div>img,.setupPage .categorySelector .container .categoryBrowser .categoriesWrapper .category .fields .field>div>div{height:90%;border-radius:5px}.setupPage .categorySelector .container .categoryBrowser .categoriesWrapper .category.add{display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s ease-out}.setupPage .categorySelector .container .categoryBrowser .categoriesWrapper .category.add:hover{background-color:var(--lighterDark)}.setupPage .categorySelector .container .categoryBrowser .categoriesWrapper .category.add img{filter:var(--invert);height:10%;opacity:.2}.setupPage .categorySelector .container .categoryBrowser .categoriesWrapper .category.add input{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;cursor:pointer}.setupPage .selectBoardWrapper{position:absolute;height:100svh;width:100svw;top:0;left:0;backdrop-filter:blur(5px) brightness(.4);display:flex;align-items:center;justify-content:center;z-index:-1;opacity:0;transition:opacity .2s ease-out}.setupPage .selectBoardWrapper.visible{opacity:1;z-index:1}.setupPage .selectBoardWrapper .selectBoard{padding:10px;background:var(--dark);border-radius:20px;height:80vh;width:80vw;max-width:1000px;position:relative}.setupPage .selectBoardWrapper .selectBoard button.close{background-color:transparent;border:none;position:absolute;cursor:pointer;top:20px;right:20px;height:30px;aspect-ratio:1}.setupPage .selectBoardWrapper .selectBoard button.close img{height:80%;aspect-ratio:1;filter:var(--invert)}.setupPage .next,.setupPage .previous,.setupPage .done{position:absolute;background-color:var(--lighterDark);border-radius:30px;border:1px solid var(--lighterDark);color:var(--white);padding:10px;cursor:pointer;transition:background .2s ease-out;font-size:20px;z-index:1}.setupPage .next:hover,.setupPage .previous:hover,.setupPage .done:hover{background-color:var(--lighterDark)}.setupPage .next.previous,.setupPage .previous.previous,.setupPage .done.previous{bottom:20px;left:20px}.setupPage .next.next,.setupPage .next.done,.setupPage .previous.next,.setupPage .previous.done,.setupPage .done.next,.setupPage .done.done{bottom:20px;right:20px}.setupPage .highlightFieldsWrapper{position:absolute;top:0;left:0;height:100svh;width:100svw;backdrop-filter:blur(10px) brightness(.5);z-index:1;display:flex;align-items:center;justify-content:center}.setupPage .highlightFieldsWrapper>div.highlightFields{background:var(--dark);padding:30px;border-radius:30px;position:relative;min-height:90vh;max-height:95vh;min-width:50vw;max-width:95vw}.setupPage .highlightFieldsWrapper>div.highlightFields button.close{aspect-ratio:1;height:40px;background-color:transparent;position:absolute;top:20px;right:20px;border:none;cursor:pointer}.setupPage .highlightFieldsWrapper>div.highlightFields button.close>img{filter:var(--invert);height:70%}.setupPage .highlightFieldsWrapper>div.highlightFields .categories{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;overflow-y:scroll;gap:20px;height:87vh;width:87vw}.setupPage .highlightFieldsWrapper>div.highlightFields .categories .category{flex:1;min-width:200px;max-height:calc(100% - 20px);height:100%;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;gap:20px;margin-bottom:20px}.setupPage .highlightFieldsWrapper>div.highlightFields .categories .category .field{flex:1;max-height:20%;overflow:hidden;width:200px;position:relative;border-radius:10px}.setupPage .highlightFieldsWrapper>div.highlightFields .categories .category .field .image{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.setupPage .highlightFieldsWrapper>div.highlightFields .categories .category .field .image img{height:100%}.setupPage .highlightFieldsWrapper>div.highlightFields .categories .category .field>button.overlay{position:absolute;top:0;left:0;height:100%;width:100%;cursor:pointer;background:transparent;transition:all .2s ease-out;backdrop-filter:brightness(calc(var(--oneIfDark) * .5 + var(--oneIfLight) * .9)) saturate(.5);border:none;border-radius:10px}.setupPage .highlightFieldsWrapper>div.highlightFields .categories .category .field>button.overlay:hover{backdrop-filter:none}.setupPage .highlightFieldsWrapper>div.highlightFields .categories .category .field>button.overlay.highlighted{border:3px solid var(--darkBlue)}#gamePage{height:100svh;width:100svw;display:flex}#gamePage aside,#gamePage #categories{margin:25px;padding:10px}#gamePage aside{width:20svw;display:grid;gap:30px;grid-template-rows:calc(100% - 100px) 80px;grid-template-columns:100%}#gamePage aside #teams{align-self:center;height:100%;flex-direction:column;align-items:center;justify-content:center;width:100%;display:flex;gap:20px}#gamePage aside #teams .team{display:grid;align-content:space-evenly;justify-content:center;background:var(--dark);height:30vh;max-height:30vh;width:100%;border-radius:20px;padding:5px;border:3px solid var(--grey);transition:all .2s ease-out}#gamePage aside #teams .team h2{font-size:17px}#gamePage aside #teams .team:not(.buzzered){box-shadow:none!important;z-index:0}#gamePage aside #teams .team input{height:40px;width:80px;font-size:24px;background:transparent;border:none;border-bottom:2px solid var(--grey);color:var(--white);text-align:center}#gamePage aside #teams .team input::-webkit-outer-spin-button,#gamePage aside #teams .team input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#gamePage aside #teams:has(.buzzered)>.team:not(.buzzered){opacity:.3}#gamePage aside #gameControls{align-self:flex-end;align-items:center;justify-content:center;gap:10px;overflow:hidden;height:80px;background:var(--dark);max-height:10vh;width:100%;border-radius:20px;border:1px solid var(--grey);display:flex;padding:20px}#gamePage aside #gameControls>button{border-radius:10px;background:transparent;border:1px solid var(--grey);color:var(--white);padding:10px;height:40px;cursor:pointer;transition:background .2s ease-out}#gamePage aside #gameControls>button img{filter:var(--invert);aspect-ratio:1}#gamePage aside #gameControls>button img.homeIcon{height:90%;aspect-ratio:1}#gamePage aside #gameControls>button:has(.testIcon){position:relative}#gamePage aside #gameControls>button:has(.testIcon):after{content:"";display:block;height:2px;width:100%;background:white;border-radius:100px;rotate:-45deg;position:absolute;top:50%;left:0;background-blend-mode:difference}#gamePage aside #gameControls>button:hover{background:var(--lighterDark)}#gamePage #categories{display:flex;align-items:center;justify-content:center;gap:20px;width:90svw;position:relative;display:grid;grid-template-rows:50px 1fr 1fr 1fr 1fr 1fr;grid-template-columns:repeat(1fr,30);grid-auto-flow:column}#gamePage #categories h2{display:flex;align-items:center;justify-content:center;font-size:25px;text-align:center}#gamePage #categories .fieldContainer{height:100%}#gamePage #categories .fieldContainer .field{height:100%;width:100%;display:flex;align-items:center;justify-content:center;border:2px solid var(--white);margin:0;font-size:25px;cursor:pointer;transition:all .2s ease-out;border-radius:10px}#gamePage #categories .fieldContainer .field:has(.description),#gamePage #categories .fieldContainer .field:has(.question),#gamePage #categories .fieldContainer .field:has(.answer),#gamePage #categories .fieldContainer .field.answered{cursor:default}#gamePage #categories .fieldContainer .field .contentContainer{height:100%;width:100%;border-radius:10px;overflow:hidden;background:var(--lighterDark);position:relative}#gamePage #categories .fieldContainer .field .contentContainer>button.close{opacity:0;transition:opacity .2s linear;position:absolute;right:20px;top:20px;z-index:2;background-color:transparent;border:none;height:30px;aspect-ratio:1;cursor:pointer}#gamePage #categories .fieldContainer .field .contentContainer>button.close>img{height:80%;filter:var(--invert)}#gamePage #categories .fieldContainer .field .contentContainer .content{height:100%;width:100%;transition:all .2s ease-out;display:flex;align-items:center;justify-content:center}#gamePage #categories .fieldContainer .field .contentContainer .content>div{position:absolute;transition:opacity .3s linear;display:flex;align-items:center;justify-content:center}#gamePage #categories .fieldContainer .field .contentContainer .content>.resource{height:100%;max-height:100%;width:100%;max-width:100%}#gamePage #categories .fieldContainer .field .contentContainer .content>.resource>.image{height:100%;max-height:100%;width:100%;max-width:100%;display:flex;align-items:center;justify-content:center}#gamePage #categories .fieldContainer .field .contentContainer .content>.resource>.image>img{height:100%}#gamePage #categories .fieldContainer .field .contentContainer .content .points{display:flex;align-items:center;justify-content:center}#gamePage #categories .fieldContainer .field .contentContainer .content .description{height:100%;position:absolute;padding:50px;display:flex;align-items:center;justify-content:center;flex-direction:column}#gamePage #categories .fieldContainer .field .contentContainer .content .description .timeBarContainer{position:absolute;bottom:10px;margin-top:5px;width:80%}#gamePage #categories .fieldContainer .field .contentContainer .content .description .image{height:80%;max-height:calc(100% - 10px);width:100%}#gamePage #categories .fieldContainer .field .contentContainer .content .description .image img{height:100%;width:100%;object-fit:contain;border-radius:10px}#gamePage #categories .fieldContainer .field .contentContainer .content .description button.next{position:absolute;bottom:20px;font-size:20px;border:1px solid var(--white);background:transparent;color:var(--white);border-radius:10px;padding:10px;cursor:pointer;transition:all .2s ease-in-out}#gamePage #categories .fieldContainer .field .contentContainer .content .description button.next:hover{box-shadow:0 0 20px -3px var(--white);background:var(--white);color:var(--dark)}#gamePage #categories .fieldContainer .field .contentContainer .content .question,#gamePage #categories .fieldContainer .field .contentContainer .content .answer{height:100%;width:100%;padding:4%}#gamePage #categories .fieldContainer .field .contentContainer .content .question>div.bottom,#gamePage #categories .fieldContainer .field .contentContainer .content .answer>div.bottom{position:absolute;bottom:20px;width:80%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}#gamePage #categories .fieldContainer .field .contentContainer .content .question>div.bottom>button.reveal,#gamePage #categories .fieldContainer .field .contentContainer .content .answer>div.bottom>button.reveal{font-size:20px;border:1px solid var(--white);background:transparent;color:var(--white);border-radius:10px;padding:10px;cursor:pointer;transition:all .2s ease-in-out}#gamePage #categories .fieldContainer .field .contentContainer .content .question>div.bottom>button.reveal:hover,#gamePage #categories .fieldContainer .field .contentContainer .content .answer>div.bottom>button.reveal:hover{box-shadow:0 0 20px -3px var(--white);background:var(--white);color:var(--dark)}#gamePage #categories .fieldContainer .field .contentContainer .content .question:has(> .videoPlayer),#gamePage #categories .fieldContainer .field .contentContainer .content .answer:has(> .videoPlayer){padding:50px}#gamePage #categories .fieldContainer .field .contentContainer .content .question .image,#gamePage #categories .fieldContainer .field .contentContainer .content .answer .image{height:80%}#gamePage #categories .fieldContainer .field .contentContainer .content .question .image>img,#gamePage #categories .fieldContainer .field .contentContainer .content .answer .image>img{height:100%;max-width:100%;border-radius:10px}#gamePage #categories .fieldContainer .field .contentContainer .content .question .videoPlayer,#gamePage #categories .fieldContainer .field .contentContainer .content .answer .videoPlayer{height:80%;width:80%}#gamePage #categories .fieldContainer .field .contentContainer .content .question .videoPlayer.playing,#gamePage #categories .fieldContainer .field .contentContainer .content .answer .videoPlayer.playing{animation-name:none}#gamePage #categories .fieldContainer .field .contentContainer .content .question .videoPlayer .videoContainer,#gamePage #categories .fieldContainer .field .contentContainer .content .answer .videoPlayer .videoContainer{width:100%;height:100%}#gamePage #categories .fieldContainer .field .contentContainer .content .question .videoPlayer .videoContainer video,#gamePage #categories .fieldContainer .field .contentContainer .content .answer .videoPlayer .videoContainer video{height:100%}#gamePage #categories .fieldContainer .field.answered{color:var(--grey)}#gamePage #categories .fieldContainer .field:not(.selected){border-color:var(--grey)}#gamePage #categories .fieldContainer .field.selected{animation:spinningBackground 3s linear infinite;padding:2px;border-color:var(--grey);animation:rotation 4s linear infinite;z-index:2}#gamePage #categories .fieldContainer .field.selected .contentContainer>button.close{opacity:1}#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer{height:100%;width:100%;position:relative}#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points{position:absolute;bottom:30px;transition:bottom .2s ease-in-out;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:nowrap;gap:10px}#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points button,#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points input{display:flex;align-items:center;justify-content:center;height:40px;background-color:transparent;border:1px solid var(--white);border-radius:5px;padding:10px;color:var(--white);cursor:pointer;font-size:24px}#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points button img,#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points input img{height:100%;filter:var(--invert)}#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points button[type=number],#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points input[type=number]{width:85px;cursor:text}#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points button[type=number]::-webkit-inner-spin-button,#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points button[type=number]::-webkit-outer-spin-button,#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points input[type=number]::-webkit-inner-spin-button,#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points>div{display:flex;align-items:center;justify-content:center;gap:10px}#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points .normal button:nth-child(1){color:var(--red);transition:all .2s linear}#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points .normal button:nth-child(1):hover{color:var(--white);background:var(--red)}#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points .normal button:nth-child(3){color:var(--green);transition:all .2s linear}#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points .normal button:nth-child(3):hover{color:var(--white);background:var(--green)}#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points .custom{max-height:40px;transition:max-height .2s ease-in-out;overflow:hidden}#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points .custom.hidden{max-height:0px}#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points .custom button{transition:all .2s linear}#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points .custom button:nth-child(1){color:var(--red)}#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points .custom button:nth-child(1):hover{color:var(--white);background:var(--red)}#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points .custom button:nth-child(3):hover{background:var(--yellow)}#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points .custom button:nth-child(4){color:var(--green)}#gamePage #categories .fieldContainer .field.selected .contentContainer .content .answer .points .custom button:nth-child(4):hover{color:var(--white);background:var(--green)}#gamePage #categories .fieldContainer .field.selected.transitioned{position:absolute;top:0;left:0;height:100%;width:100%}#gamePage #categories .fieldContainer .field.highlighted{border-color:var(--darkBlue)}#gamePage #categories .fieldContainer .field.highlighted .content{background:rgba(12,89,255,.1215686275)}#gamePage.error{display:flex;align-items:center;justify-content:center;font-size:20px}#gamePage>.intro{height:100svh;width:100svw;position:absolute;background:var(--dark);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}#gamePage>.intro .audio{opacity:0;transition:.3s ease-out;animation:fadeout 2s ease-out}#gamePage>.intro .audio:hover{opacity:1}@keyframes fadeout{0%{opacity:1}to{opacity:0}}#gamePage>.intro>button{padding:10px;border:1px solid var(--grey);cursor:pointer;border-radius:10px;font-size:30px;transition:all .2s ease-out}#gamePage>.intro>button:hover{background:var(--white);border-color:var(--white);color:var(--dark)}#gamePage .doneWrapper{position:fixed;height:100svh;width:100svw;top:0;left:0;backdrop-filter:blur(10px) brightness(.4);display:flex;align-items:center;justify-content:center}#gamePage .doneWrapper .done{position:relative;padding:50px;border-radius:30px;background-color:var(--dark);display:grid;place-items:center;grid-template-rows:1fr 50px;grid-template-columns:1fr 1fr 1fr;gap:50px}#gamePage .doneWrapper .done .close{background-color:transparent;border:none;height:40px;aspect-ratio:1;cursor:pointer;position:absolute;top:20px;right:20px}#gamePage .doneWrapper .done .close img{height:80%;filter:var(--invert)}#gamePage .doneWrapper .done .winners{display:flex;align-items:end;justify-content:center;gap:10px}#gamePage .doneWrapper .done .winners .team{background:var(--lighterDark);padding:15px;border-radius:10px;width:150px;display:grid;grid-template-rows:auto 60px 30px;justify-items:center}#gamePage .doneWrapper .done .winners .team.first{height:330px}#gamePage .doneWrapper .done .winners .team.second{height:260px}#gamePage .doneWrapper .done .winners .team.third{height:200px}#gamePage .doneWrapper .done .winners .team .place{font-size:50px;display:flex;align-items:center;justify-content:center}#gamePage .doneWrapper .done .leaderboard table.leaderboard{border-collapse:collapse}#gamePage .doneWrapper .done .leaderboard table.leaderboard tr td,#gamePage .doneWrapper .done .leaderboard table.leaderboard tr th{padding:10px;text-align:center;vertical-align:middle}#gamePage .doneWrapper .done .leaderboard table.leaderboard tr td button,#gamePage .doneWrapper .done .leaderboard table.leaderboard tr th button{background-color:transparent;border:none;height:100%;display:inline-block;margin-left:5px;cursor:pointer}#gamePage .doneWrapper .done .leaderboard table.leaderboard tr td button img,#gamePage .doneWrapper .done .leaderboard table.leaderboard tr th button img{translate:0 2px;filter:var(--invert)}#gamePage .doneWrapper .done .leaderboard table td,#gamePage .doneWrapper .done .leaderboard table th{border:1px solid var(--grey)}#gamePage .doneWrapper .done .leaderboard table tr:first-child th{border-top:0}#gamePage .doneWrapper .done .leaderboard table tr:last-child td{border-bottom:0}#gamePage .doneWrapper .done .leaderboard table tr td:first-child,#gamePage .doneWrapper .done .leaderboard table tr th:first-child{border-left:0}#gamePage .doneWrapper .done .leaderboard table tr td:last-child,#gamePage .doneWrapper .done .leaderboard table tr th:last-child{border-right:0}#gamePage .doneWrapper .done .chart{height:100%;aspect-ratio:1}#gamePage .doneWrapper .done .chart svg{height:100%;aspect-ratio:1}#gamePage .doneWrapper .done button.closeGame{grid-column:1/4;background-color:var(--lighterDark);padding:15px;border-radius:15px;border:1px solid var(--grey);font-size:16px;color:var(--white);cursor:pointer;transition:all .2s ease-out}#gamePage .doneWrapper .done button.closeGame:hover{border-color:var(--white);background-color:var(--white);color:var(--dark);box-shadow:0 0 30px var(--grey)}#react-confirm-alert .react-confirm-alert-overlay.answeredQuestions{position:absolute;top:0;left:0;height:100svh;width:100svw;backdrop-filter:blur(10px) brightness(.5);display:flex;align-items:center;justify-content:center}#react-confirm-alert .react-confirm-alert-overlay.answeredQuestions .react-confirm-alert{background-color:var(--dark);border-radius:30px;padding:30px}#react-confirm-alert .react-confirm-alert-overlay.answeredQuestions .react-confirm-alert .react-confirm-alert-body{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;max-height:90vh;overflow-y:scroll}#react-confirm-alert .react-confirm-alert-overlay.answeredQuestions .react-confirm-alert .react-confirm-alert-body hr{width:90%;border:1px solid var(--grey)}#react-confirm-alert .react-confirm-alert-overlay.answeredQuestions .react-confirm-alert .react-confirm-alert-body .answeredQuestion{display:flex;align-items:center;justify-content:center;gap:30px}#react-confirm-alert .react-confirm-alert-overlay.answeredQuestions .react-confirm-alert .react-confirm-alert-body .answeredQuestion>div{flex:1;width:40vw}#react-confirm-alert .react-confirm-alert-overlay.answeredQuestions .react-confirm-alert .react-confirm-alert-body .answeredQuestion>div img,#react-confirm-alert .react-confirm-alert-overlay.answeredQuestions .react-confirm-alert .react-confirm-alert-body .answeredQuestion>div video{border-radius:10px;max-width:100%}#react-confirm-alert .react-confirm-alert-overlay.answeredQuestions .react-confirm-alert .react-confirm-alert-body .answeredQuestion>div>*{display:flex;align-items:center;justify-content:center}#react-confirm-alert .react-confirm-alert-overlay.answeredQuestions .react-confirm-alert .react-confirm-alert-body .react-confirm-alert-button-group{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:10px;background-color:transparent}#react-confirm-alert .react-confirm-alert-overlay.answeredQuestions .react-confirm-alert .react-confirm-alert-body .react-confirm-alert-button-group button{position:fixed;bottom:30px;font-size:20px;cursor:pointer;background:transparent;color:var(--white);padding:10px;border-radius:10px;border:none;transition:transform .2s ease-in}#react-confirm-alert .react-confirm-alert-overlay.answeredQuestions .react-confirm-alert .react-confirm-alert-body .react-confirm-alert-button-group button:last-child{background-color:var(--lighterDark);border:1px solid var(--grey)}#react-confirm-alert .react-confirm-alert-overlay.answeredQuestions .react-confirm-alert .react-confirm-alert-body .react-confirm-alert-button-group button:hover{transform:scale(1.03)}.settingsWrapper{position:absolute;top:0;left:0;height:100svh;width:100svw;backdrop-filter:blur(5px) brightness(.4);display:flex;align-items:center;justify-content:center;z-index:2}.settingsWrapper,.settingsWrapper *{transition:all .2s ease-out;color:var(--white)}.settingsWrapper .settings{padding:40px;background-color:var(--lighterDark);border-radius:20px;position:relative}.settingsWrapper .settings button.close{position:absolute;background:transparent;border:none;height:35px;aspect-ratio:1;top:20px;right:20px;cursor:pointer}.settingsWrapper .settings button.close img{filter:var(--invert);height:70%}.settingsWrapper .settings h2{margin-bottom:20px}.settingsWrapper .settings .content .setting{display:flex;align-items:center;justify-content:space-between;gap:20px}.settingsWrapper .settings .content .setting:not(:last-child){margin-bottom:15px}.settingsWrapper .settings .content .setting>div .react-switch-bg>div{display:flex;align-items:center;justify-content:center}.settingsWrapper .settings .content .setting>div .react-switch-bg>div img{filter:invert(1)}.settingsWrapper .settings .content .setting:first-child>div>.react-switch-bg>div:first-child>img{filter:none}#gamepadButton{background-color:transparent;border:none;cursor:pointer}#gamepadButton img{filter:var(--invert)}.gamepadOverlayWrapper{position:fixed;z-index:10;top:0;left:0;height:100svh;width:100svw;backdrop-filter:blur(10px) brightness(.8);display:flex;align-items:center;justify-content:center}.gamepadOverlayWrapper .gamepadOverlay{padding:50px;min-width:40vw;min-height:40vh;background-color:var(--dark);border-radius:30px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px}.gamepadOverlayWrapper .gamepadOverlay button.close{position:absolute;top:20px;right:20px;height:30px;width:30px;border:none;background-color:transparent;cursor:pointer}.gamepadOverlayWrapper .gamepadOverlay button.close img{height:80%;aspect-ratio:1;filter:var(--invert)}.gamepadOverlayWrapper .gamepadOverlay h2{margin-bottom:30px}.gamepadOverlayWrapper .gamepadOverlay .mapping{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.gamepadOverlayWrapper .gamepadOverlay .mapping .mappingTable{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:10px}.gamepadOverlayWrapper .gamepadOverlay .mapping .mappingTable .name{white-space:nowrap}.gamepadOverlayWrapper .gamepadOverlay .mapping .mappingTable .buttons{min-width:300px}.gamepadOverlayWrapper .gamepadOverlay .mapping .mappingTable .buttons button{cursor:pointer;border:1px solid var(--grey);background-color:transparent;color:var(--white);border-radius:5px;height:30px;width:50px;margin:0;transition:background .2s ease-in-out}.gamepadOverlayWrapper .gamepadOverlay .mapping .mappingTable .buttons button:not(:last-child){margin-right:5px}.gamepadOverlayWrapper .gamepadOverlay .mapping .mappingTable .buttons button.stop{font-size:10px}.gamepadOverlayWrapper .gamepadOverlay .mapping .mappingTable .buttons button:hover{background-color:var(--lighterDark)}.gamepadOverlayWrapper .gamepadOverlay .mapping .mappingTable .buttons button:hover:not(:is(.add,.stop)){color:var(--red)}.gamepadOverlayWrapper .gamepadOverlay .mapping .mappingTable .buttons button.add{opacity:.5}div#newVersionBanner{display:flex;align-items:center;justify-content:center;gap:10px;height:40px;position:fixed;background-color:var(--dark);color:var(--white);width:100svw;font-size:18px;padding:4px 0}div#newVersionBanner button{font-size:16px;background-color:transparent;border:1px solid var(--white);color:var(--white);padding:3px;border-radius:5px;cursor:pointer;box-shadow:0 0 5px var(--grey);transition:all .2s ease-out}div#newVersionBanner button:hover{background:var(--white);color:var(--dark);box-shadow:0 0 10px var(--white)}#boardsPage{height:100svh;width:100svw;padding:40px}#boardsPage h1{display:flex;justify-content:center}#boardsPage .content{display:grid;grid-template-columns:3fr 1fr;grid-template-rows:100%;height:auto;max-height:90vh}#boardsPage .content>button.add{align-self:center;height:50%;width:100%;background-color:transparent;border:1px solid #4c4c4c;border-radius:30px;display:flex;align-items:center;justify-content:space-around;flex-direction:column;padding:10px;cursor:pointer;transition:transform .3s ease-out}#boardsPage .content>button.add:hover{transform:scale(1.02)}#boardsPage .content>button.add img{height:60%;filter:invert(.4)}#boardsPage .content>button.add p{margin-bottom:10%;font-size:20px;color:var(--white)}#boardEditor{display:flex;align-items:center;justify-content:center}#boardEditor .editor{height:100svh;width:100svw;max-width:1500px;padding:35px}#boardEditor .editor .topRow{display:flex;align-items:center;justify-content:center;margin-bottom:20px;gap:20px}#boardEditor .editor .topRow input{width:100%;background-color:transparent;border:1px solid var(--grey);border-radius:20px;padding:8px;font-size:22px;color:var(--white);height:50px}#boardEditor .editor .topRow button{height:50px;cursor:pointer;border-radius:20px;padding:10px 15px;box-shadow:0 0 20px #7f7e7b;white-space:nowrap;transition:all .2s ease-out;background-color:var(--dark);border:1px solid var(--white);font-size:20px;color:var(--white)}#boardEditor .editor .topRow button:hover{background-color:var(--white);color:var(--dark);box-shadow:0 0 30px #fefbf5}@media (max-width: 1635px){#boardEditor .editor .topRow input{margin-left:70px}}#boardEditor .editor .categories{height:94%;width:100%;display:grid}#boardEditor .editor .categories .category{height:100%!important;border:none;display:flex;align-items:center;justify-content:space-between;flex-direction:column;border-radius:20px;border:1px solid var(--white);max-height:99%;padding:10px;width:calc(100% - 20px)}#boardEditor .editor .categories .category h2{white-space:nowrap}#boardEditor .editor .categories .category .fields{margin-top:20px;height:95%;width:100%;display:grid;grid-template-rows:repeat(5,1fr);gap:5px;place-items:center}#boardEditor .editor .categories .category .fields .field{background-color:var(--lighterDark);max-width:350px;display:grid;place-items:center;height:100%;width:100%;position:relative}#boardEditor .editor .categories .category .fields .field>div{position:absolute;height:100%;width:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:20px}#boardEditor .editor .categories .category .fields .field>div:first-child{overflow:hidden;filter:blur(1px) brightness(80%);padding:5px}#boardEditor .editor .categories .category .fields .field>div:first-child.image{max-height:100%;height:100%}#boardEditor .editor .categories .category .fields .field>div:first-child.image img{border-radius:5px;max-height:100%;max-width:100%}#boardEditor .editor .categories .category .fields .field>div:last-child{background-color:var(--lighterDark);opacity:.9;transition:opacity .2s ease-out;color:var(--white)}#boardEditor .editor .categories .category .fields .field:hover>div:first-child{filter:none}#boardEditor .editor .categories .category .fields .field:hover>div:last-child{opacity:0;pointer-events:none}#boardEditor .editor .categories .category .controls{display:flex;align-items:center;justify-content:center;margin-top:20px}#boardEditor .editor .categories .category .controls button{background-color:transparent;border:none;height:30px;aspect-ratio:1;cursor:pointer}#boardEditor .editor .categories .category .controls button img{height:80%;filter:var(--invert)}#boardEditor .editor .categories .category .controls button.move.left{rotate:90deg}#boardEditor .editor .categories .category .controls button.move.right{rotate:-90deg}#boardEditor .editor .categories .category.add{padding:0}#boardEditor .editor .categories .category.add button{border-radius:20px;height:100%;width:100%;background-color:transparent;cursor:pointer;border:none}#boardEditor .editor .categories .category.add button img{height:70px;filter:var(--invert)}#boardEditor .addCategoryContainer{position:absolute;height:100svh;width:100svw;top:0;left:0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px) brightness(.5)}#boardEditor .addCategoryContainer.hidden{z-index:-1;opacity:0}#boardEditor .addCategoryContainer .addCategory{height:80%;width:80%;background:var(--dark);border-radius:30px;position:relative}#boardEditor .addCategoryContainer .addCategory button.close{position:absolute;top:15px;right:15px;background-color:transparent;cursor:pointer;border-radius:100%;height:40px;aspect-ratio:1;border:none;display:flex;align-items:center;justify-content:center}#boardEditor .addCategoryContainer .addCategory button.close img{height:70%;width:70%;filter:var(--invert)}#boardEditor .addCategoryContainer .addCategory .searchHeader{width:calc(100% - 50px)}#boardEditor .addCategoryContainer .addCategory .categoryBrowser{height:100%}body.light .categoryBrowser>.browser .results .categoryWrapper .category,body.light .categoryBrowser>.selected .categories .categoryWrapper .category,body.senior .categoryBrowser>.browser .results .categoryWrapper .category,body.senior .categoryBrowser>.selected .categories .categoryWrapper .category{backdrop-filter:blur(10px) contrast(.4) brightness(1.4)}:root{--invert: invert(0)}body{background:var(--dark);color:var(--white)}body.dark{--dark: #151516;--lighterDark: #262626;--grey: #939393;--white: #fefbf5;--pink: #f96ad2;--red: #ff6464;--orange: #ff8b65;--yellow: #fedc5c;--lightBlue: #00dce1;--darkBlue: #5a41ff;--green: #7bff9c;--invert: invert(1);--oneIfDark: 1;--oneIfLight: 0}body.light,body.senior{--dark: #ededed;--lighterDark: #dadada;--grey: #7e7e7e;--white: #000000;--pink: #ff81dd;--red: #ff6464;--orange: #ff8d67;--yellow: #fedc5c;--lightBlue: #00d2d5;--darkBlue: #5a41ff;--green: #7bff9c;--invert: invert(0);--oneIfDark: 0;--oneIfLight: 1}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotation{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}#react-confirm-alert .react-confirm-alert-overlay{position:absolute;top:0;left:0;height:100svh;width:100svw;backdrop-filter:blur(10px) brightness(.5);display:flex;align-items:center;justify-content:center;color:var(--white)}#react-confirm-alert .react-confirm-alert-overlay .react-confirm-alert{background-color:var(--dark);border-radius:30px;padding:30px}#react-confirm-alert .react-confirm-alert-overlay .react-confirm-alert .react-confirm-alert-body{text-align:center}#react-confirm-alert .react-confirm-alert-overlay .react-confirm-alert .react-confirm-alert-body .react-confirm-alert-button-group{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:10px;background-color:transparent}#react-confirm-alert .react-confirm-alert-overlay .react-confirm-alert .react-confirm-alert-body .react-confirm-alert-button-group button{font-size:20px;cursor:pointer;background:transparent;color:var(--white);padding:10px;border-radius:10px;border:none;background-color:var(--lighterDark);border:1px solid var(--grey);transition:transform .2s ease-in}#react-confirm-alert .react-confirm-alert-overlay .react-confirm-alert .react-confirm-alert-body .react-confirm-alert-button-group button:hover{transform:scale(1.03)}