@media screen and (width>=320px){body{color:#fff;background-color:#0d1710;margin:0;font-family:Lato,sans-serif}a,a:visited{color:#fff}h3{letter-spacing:1px;font-size:1.25em}button{transition:background-color .5s,color .5s}#app{min-width:320px;max-width:900px;margin-left:auto;margin-right:auto}#addRowButton{background-color:#ebfbf2}.pageContainer{padding:6px 12px}.hidden{display:none}.noWrap{white-space:nowrap}.tab{border:1px solid #ccc;border-top:none;padding:6px 12px}.active{background-color:#142318}.accordion{cursor:pointer;background-color:#142318;border:1px solid #fff;margin-top:3px;padding:3px 0 3px 10px;font-size:1.2em}.panel{padding:0 10px 10px}.saveButton{transition:background-color .5s}.center{text-align:center}.edited{color:#fff;background-color:#ff6262;border-color:#df4242}.saved{background-color:#50ea50;border-color:#30ca30}.longTextbox{width:calc(100% - 5px)}.shortInputWidth{width:50px}.longInputWidth{width:500px}.footer{text-align:center;height:50px;line-height:50px}.repeatingArrayContainer{background-color:#2f4033;border:1px solid #fff;margin-top:5px;margin-left:auto;margin-right:auto}.repeatingArrayNoTitle{border-top:none}.repeatingArrayTitle{width:max-content;margin-left:auto;margin-right:auto;font-size:1.2em}.repeatingArrayItem{box-sizing:border-box;border-top:1px solid #fff;padding:5px 5px 3px;position:relative}.repeatingArrayItem:nth-child(2n){background-color:#1e2b22}.repeatingArrayInput{font-family:inherit;font-size:inherit;width:calc(100% - 5px);height:18px;transition:height .5s}.repeatingArrayInput:focus{height:54px;transition:height .5s}.announcement{display:flex}.announcement .buttonContainer{width:58px}.announcement .deleteButtonContainer{margin-left:5px}.tooltiptext{visibility:hidden;color:#fff;text-align:center;z-index:1;background-color:#000;border-radius:6px;width:180px;margin-left:-90px;padding:5px 0;position:absolute;bottom:100%;left:50%}.tooltip{display:inline-block;position:relative}.tooltiptext{visibility:hidden;color:#fff;text-align:center;z-index:1;background-color:#000;border:2px solid #2f4033;border-radius:6px;width:180px;margin-left:-90px;padding:5px;position:absolute;bottom:100%;left:50%}.tooltip:hover .tooltiptext{visibility:visible}.keywordGroupTitle{width:max-content;margin-top:30px;margin-left:auto;margin-right:auto;font-size:1.4em}.keywordGroup{margin-bottom:20px}.keywordRow{grid-template-columns:190px auto;grid-template-areas:"keywordName keywordUsage""keywordDescription keywordDescription";row-gap:10px;padding:20px;display:grid}.keywordName{text-align:center;background-color:#0d1710;border:1px solid #ccc;grid-area:keywordName;width:175px;padding:3px;font-size:18px;box-shadow:3px 3px 5px #000}.keywordUsage{box-sizing:border-box;background-color:#0d1710;border:1px solid #ccc;grid-area:keywordUsage;height:32px;padding-left:10px;line-height:30px;box-shadow:3px 3px 5px #000}.keywordDescription{background-color:#0d1710;border:1px solid #ccc;grid-area:keywordDescription;padding:5px;box-shadow:3px 3px 5px #000}.titleInput{width:150px}.textReply{grid-template-columns:auto 75px;grid-template-areas:"commandKeyword commandSave""commandCheckboxes commandCheckboxes""commandText commandText";display:grid}.textReplyKeywordContainer{grid-area:commandKeyword;width:175px;padding-left:5px}.textReplyKeywordContainer select{width:160px}.textReplySaveContainer{grid-area:commandSave}.textReplySaveContainer button{margin-right:5px}.textReplyTextContainer{grid-area:commandText}.progressBarColors{grid-template-columns:170px 90px 90px;padding:10px;display:grid}.progressBarColorLabel{grid-column-start:1}.progressBarColorEmpty{grid-column-start:2;justify-self:center}.progressBarColorFull{grid-column-start:3;justify-self:center}.progressBarColorTitle{grid-row-start:1;height:25px}.progressBarColorBackground{grid-row-start:2}.progressBarColorFont{grid-row-start:3}.progressBarColorBorder{grid-row-start:4}.emoteMoverPreview{border:2px solid #2f4033;width:600px;height:400px;margin-bottom:5px;position:relative}.emoteMoverPatterns{flex-direction:column;padding:10px;display:flex}.emoteMoverPatternRow{justify-content:start;display:flex}.emoteMoverPatternName{width:100px}.emoteMoverPatternWeight{width:50px}.commandsContainer{background-color:#2f4033;border:1px solid #fff;margin-top:5px;margin-left:auto;margin-right:auto}.commandTitle{width:max-content;margin-left:auto;margin-right:auto;font-size:1.2em}.command{box-sizing:border-box;border-top:1px solid #fff;grid-template-columns:auto 75px;grid-template-areas:"commandKeyword commandSave""commandCheckboxes commandCheckboxes""commandText commandText";padding:5px 5px 3px;display:grid}.commandKeywordContainer{grid-area:commandKeyword;width:175px;padding-left:5px}.commandKeywordContainer select{width:160px}.keywordInput{width:150px}.command:nth-child(2n){background-color:#1e2b22}.commandSaveContainer{flex-direction:column;grid-area:commandSave;justify-content:space-between;display:flex}.commandCheckboxesContainer{flex-wrap:wrap;grid-area:commandCheckboxes;justify-content:space-around;margin-top:3px;display:flex}.commandCheckbox{justify-content:start;width:100px;display:flex}.timesUsed{width:100px}.commandTextContainer{grid-area:commandText}.textInput:focus{height:54px;transition:height .5s}.textInput{font-family:inherit;font-size:inherit;width:calc(100% - 5px);height:18px;transition:height .5s}.commandHelp{word-spacing:2px;background-color:#0d1710;border:1px solid #222;margin-top:3px;font-size:.8em;box-shadow:inset 2px 2px #000}.quoteContainer{border:2px solid #2f4033;grid-template-columns:100px auto 150px;grid-template-areas:"quoteNumber.quoteButtons""quoteText quoteText quoteText""quoteSubmitter.quoteDate";margin-top:5px;padding:3px;display:grid}.quoteNumber{grid-area:quoteNumber}.quoteButtons{grid-area:quoteButtons;justify-self:end}.deleteQuoteButton{margin-right:5px}.quoteText{grid-area:quoteText}.quoteSubmitter{grid-area:quoteSubmitter}.quoteDate{grid-area:quoteDate;justify-self:end}.header h1{margin-top:10px;margin-bottom:0;font-size:3em}.headerText{text-align:center;width:300px;margin-left:auto;margin-right:auto}#loginContainer{text-align:center;margin-left:auto;margin-right:auto}.loginButton,.logoutButton{cursor:pointer}.loginButton{border:1px solid #000;border-radius:5px;width:150px;padding:0 2px;text-decoration:none}.twitchColors{color:#fff;background-color:#6441a5;border-color:#000}.indexPanel{text-align:justify;border:1px solid #fff;border-radius:5px;width:308px;margin-top:5px;margin-bottom:10px;padding:0 5px}.indexPanelTitle{text-align:center}.indexPanelsContainer{flex-wrap:wrap;justify-content:space-around;max-width:900px;margin-left:auto;margin-right:auto;display:flex}.indexPanelImage{width:min-content;margin-left:auto;margin-right:auto}.indexPanelImage img{width:250px}.faqAnswer{padding:0 10px}.faqQuestion{text-decoration:underline}.navbar{background-color:#0d1710;border-bottom:2px solid #fff;flex-direction:column;justify-content:start;display:flex;overflow:hidden}.dropdown{display:none;overflow:hidden}.navbar:hover .dropdown,.dropdown:hover .dropdownContent{display:block}.dropdownButton,.menuButton{border:1px solid #2f4033;margin-left:20px;padding:0 10px}.dropdownButton,.menuButton,.navButton{background-color:#142318;height:40px;line-height:40px;transition:all .3s}.navButton{text-align:left;background-color:#0d1710;border:1px solid #2f4033;margin-left:20px;padding-left:10px}.navButton:hover{background-color:#2f4033}.dropdownContent{z-index:1;min-width:160px;display:none;position:absolute}.botButton{text-align:center;color:#fff;cursor:pointer;background-color:gray;border:1px solid #000;border-radius:5px;width:200px;padding:2px 3px}.botOn{background-color:green}.botOff{background-color:#ab0606}.textReply{flex-direction:column;display:flex}.emphasisBox{border:4px solid #2f4033;border-radius:10px;padding:5px}.settingsContainers{flex-wrap:wrap;justify-content:space-around;display:flex}.settingsContainer{border:4px solid #2f4033;border-radius:10px;width:400px;margin-bottom:5px}.settingsContainerTitle{text-align:center;background-color:#142318;border-radius:5px 5px 0 0}.settingsContainerBody{flex-direction:column;padding:10px;display:flex}.sideBySideInputContainer{flex-wrap:wrap;justify-content:space-between;display:flex}.sideBySideInputContainer label{justify-content:space-between;width:175px;display:flex}.sideBySideInputContainer .leftAlign{justify-content:start}.removeEvent{margin-right:10px}.overlayContainer input[type=number]{width:50px}.overlayPreviewContainer{flex-wrap:wrap;justify-content:space-around;margin-bottom:10px;display:flex}.overlayLinkContainer{border:4px solid #2f4033;border-radius:10px;width:280px;padding:0 5px}.overlayLink{white-space:nowrap;overflow-x:auto}.carouselOverflowContainer{width:min-content;margin-left:auto;margin-right:auto;overflow-x:auto}.exampleClipWindow{box-sizing:border-box;border:2px solid #2f4033;justify-content:center;align-items:center;width:300px;height:360px;display:flex}.customIconsContainer{flex-direction:column;display:flex}.customIconRow{flex-wrap:wrap;justify-content:space-between;display:flex}.customIconRow input{width:250px}.clipInfo{overflow-x:hidden}.userClipInfoContainer{flex-wrap:wrap;justify-content:space-between;display:flex}.userClipInfoContainer .repeatingArrayContainer{width:360px;height:80vh;overflow:hidden scroll}.clipPreviewButton{margin-right:0;position:absolute;bottom:3px;right:3px}.clipPlayer{width:480px}.clipPlayer p{background-color:#333;height:270px}}@media (width>=412px){.indexPanel{text-align:left;width:380px;padding:0 10px}.indexPanelImage img{width:initial}.commandHelp{padding-left:10px}}@media (width>=550px){body{padding:0 5px}#loginContainer{float:right;margin-top:-29px;margin-right:20px}.navbar{border:2px solid #fff;border-bottom:none;flex-direction:row}.menuButton{display:none}.dropdown{display:block}.pageContainer{border:2px solid #ccc}.overlayLinkContainer{width:390px}}@media (width>=650px){.command{grid-template-columns:170px 75px auto;grid-template-areas:"commandKeyword commandSave commandText""commandCheckboxes commandCheckboxes commandText""commandCheckboxes commandCheckboxes commandText";column-gap:5px}.textInput,.textInput:focus{height:74px}.exampleClipWindow{box-sizing:border-box;border:2px solid #2f4033;justify-content:center;align-items:center;width:600px;height:360px;display:flex}}@media (width>=900px){.overlayLinkContainer{width:816px}}