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