body{font-family:Bitter,serif;margin:0;padding:0}.instructionsBackGround{background-color:#000;background-size:cover;flex-direction:column;font-family:Arial,sans-serif;font-size:14px;position:relative;width:100%}.instructionsBackGround,.instructionsContainer{align-items:center;display:flex;height:100vh;justify-content:center}.howToTable{td{outline:1px solid #999;padding:8px;text-align:left}}.backgroundDemo{height:450px;position:relative;width:60%}.demoFlex{align-items:center;display:flex}.iconDemo{width:90%}.effectsDemo{width:50%}hr{width:90%}@media (max-width:768px){.backgroundDemo{height:350px;width:80%}.iconDemo{width:80%}.effectsDemo{width:70%}.instructions{height:auto;width:80%}}@media (max-width:480px){.backgroundDemo{height:250px;width:100%}.effectsDemo,.iconDemo{width:100%}.instructions{height:auto;padding:10px;width:100%}}.instructions{background-color:#313131bb;border:2px solid #fff;color:#fff;height:90%;overflow-y:scroll;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;width:40%}.videoBackground{align-items:center;background-color:#000;background-repeat:no-repeat;background-size:cover;border:none;font-family:Arial,sans-serif;font-size:16px;font-weight:700;width:100%;z-index:-2}.cardTableViewContainer,.videoBackground{display:flex;height:100vh;justify-content:center;position:absolute}.cardTableViewContainer{flex-wrap:wrap}.tableViewTop{margin-top:20px;transform:rotate(180deg)}.tableViewBottom{margin-bottom:20px}.tableViewLeft{margin-left:20px;transform:rotate(90deg)}.tableViewLeft,.tableViewRight{align-items:flex-end;height:100vw;width:100vh}.tableViewRight{margin-right:20px;transform:rotate(270deg)}.cardGrid{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-areas:".   top    ." "left center right" ".  bottom  .";height:100%;justify-items:center;list-style:none;margin:10px;padding:0;width:100%}.cardContainer{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.card{background-color:#949e9bce;border:2px solid #fff;border-bottom-left-radius:calc(var(--iconWidth)*.05);border-bottom-right-radius:calc(var(--iconWidth)*.05);border-top-left-radius:calc(var(--iconWidth)*.3);border-top-right-radius:calc(var(--iconWidth)*.3);font-family:Bitter,serif;position:relative;text-align:center;transition:all .3s ease}.chosenCard{background-color:#949e9bac;border:2px solid #fff;left:5%;position:absolute;top:5%;width:90%}.chosenHpContainer{position:relative;text-align:center}.chosenHp{color:#3eac4a;font-weight:700;height:100%;width:100%}.iconNameTableViewContainer{align-items:center;bottom:0;display:flex;flex-direction:column;font-family:Bitter,serif;position:absolute;width:100%;z-index:10}.nameTableView{font-size:calc(var(--iconWidth)*.17)}.lastNameTableView,.nameTableView{background-color:#5252528a;border-radius:5px;text-shadow:-1px -1px 0 #d8d8d8,1px -1px 0 #d8d8d8,-1px 1px 0 #d8d8d8,1px 1px 0 #d8d8d8}.lastNameTableView{font-size:calc(var(--iconWidth)*.16);padding:0 3px}.overIconTableViewContainer{flex-direction:column;height:50%;justify-content:flex-end;position:absolute;row-gap:4%;top:-58%}.hpTableViewContainer,.overIconTableViewContainer{border-radius:2px;display:flex;font-family:Bitter,serif;width:100%;z-index:10}.hpTableViewContainer{justify-content:center}.hpTableView{background-color:#424242d7;border-radius:5px;color:#e4e4e4;font-size:calc(var(--iconWidth)*.24);padding:0 3px;width:100%}.hpTableViewSmall{color:#cfcfcf;font-size:calc(var(--iconWidth)*.17);text-shadow:none}.initTableViewContainer{display:flex;font-family:Bitter,serif;justify-content:center;position:absolute;right:-40%;top:-5%;width:100%;z-index:10}.initTableView{background-color:#525252;border-radius:4px;font-size:calc(var(--iconWidth)*.17);padding:0 4px;text-shadow:-1px -1px 0 #d8d8d8,1px -1px 0 #d8d8d8,-1px 1px 0 #d8d8d8,1px 1px 0 #d8d8d8;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.iconNameContainer{align-items:center;flex-direction:column;height:15%}.iconNameContainer,.initDivContainer{display:flex;font-family:Bitter,serif;justify-content:center;width:100%}.initDivContainer{position:absolute;right:-38%;top:4%;z-index:10}.initDiv{background-color:#525252d3;border-radius:4px;font-size:calc(var(--iconWidth)*.1);padding:0 4px;text-shadow:-1px -1px 0 #d8d8d8,1px -1px 0 #d8d8d8,-1px 1px 0 #d8d8d8,1px 1px 0 #d8d8d8;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hpBarTableViewContainer{display:flex;font-family:Bitter,serif;justify-content:center;width:100%;z-index:10}.hpBarTableView{z-index:99}.name{bottom:2px;font-size:calc(var(--iconWidth)*.09)}.lastName,.name{overflow:hidden;position:relative;text-shadow:-1px -1px 0 #d8d8d8,1px -1px 0 #d8d8d8,-1px 1px 0 #d8d8d8,1px 1px 0 #d8d8d8}.lastName{bottom:5px;font-size:calc(var(--iconWidth)*.065);margin-left:0;margin-right:0}.hpContainer{align-items:center;display:flex;flex-direction:column;font-family:Bitter,serif;height:100%;justify-content:flex-end;width:100%;z-index:99}.hpDiv{background-color:#424242d7;border-top-left-radius:5%;border-top-right-radius:5%;color:#e4e4e4;font-size:calc(var(--iconWidth)*.12);padding:0 5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hpDivSmall{color:#e9e9e9;font-size:calc(var(--iconWidth)*.08);text-shadow:none}.hp-box,.initiative-box{align-items:center;background-color:#f0f0f0;border-right:1px solid #3d3d3d;border-top:1px solid #3d3d3d;bottom:0;display:flex;font-size:calc(var(--iconWidth)*.07);height:8%;justify-content:center;min-width:12%;position:absolute}.initiative-box{border-bottom-right-radius:calc(var(--iconWidth)*.0412);border-left:1px solid #3d3d3d;border-right:none;border-top-left-radius:calc(var(--iconWidth)*.04);right:0}.hp-box{border-bottom-left-radius:calc(var(--iconWidth)*.0412);border-top-right-radius:calc(var(--iconWidth)*.04)}.hp{margin-right:3px}.newTabLink{border:2px solid #0ff0;border-radius:10px;margin-left:10px}.newTabLink:hover{border:2px solid red}@keyframes shadowPulse{0%,to{box-shadow:0 0 5px 2px #8ef2ff80}50%{box-shadow:0 0 8px 3px #8ef2ff}}@keyframes shadowPulseTurn{0%,to{box-shadow:0 0 3px 0 #00aec5}50%{box-shadow:0 0 10px 3px #007a8a}}@keyframes defaultBackgroundShadowPulse{0%,to{box-shadow:0 0 3px 0 #000}50%{box-shadow:0 0 4px 1px #000}}@keyframes hideAllShadowPulse{0%,to{box-shadow:0 0 3px 0 #c9827d}50%{box-shadow:0 0 8px 3px #c2746f}}@keyframes playerViewIconShadowPulse{0%,to{box-shadow:inset 0 -30px 30px -10px #fff,0 0 var(--tableViewBlur) 5px var(--static-border)}45%,55%{box-shadow:inset 0 -40px 30px 20px #fff,0 0 var(--tableViewBlur) 5px #fff}}.options-container{align-items:center;background-color:#0000005e;display:flex;padding:10px}.option{border-radius:10px;cursor:pointer;height:20px;margin:5px;width:20px}.refreshListOption{opacity:0}.option-no-margin{margin:0}.option-no-bot-margin{margin-bottom:0}.option-no-radius{border-radius:0}.option:hover{box-shadow:3px 3px 7px #00000080}.tooltiptext img{border-radius:10px;height:20px;margin:0 5px;width:20px}.timerControls{background-color:hsla(60,10%,50%,.645);border-radius:5px;display:flex;flex-direction:row;height:90%;padding-right:3px}.timer{font-size:20px;margin-left:3px;margin-top:3px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.refresh-container{background-color:#ffffff2e;bottom:0;display:flex;padding:10px;position:fixed;right:0}.image-container{align-items:center;display:flex;flex-direction:column;height:80%;margin-bottom:1px;margin-top:5%;padding-bottom:0;position:relative;width:100%}.image-container,.image-container:after{border-bottom-left-radius:calc(var(--iconWidth)*.15);border-bottom-right-radius:calc(var(--iconWidth)*.15);border-top-left-radius:calc(var(--iconWidth)*.275);border-top-right-radius:calc(var(--iconWidth)*.275)}.image-container:after{box-shadow:inset 2px -20px 20px 0 #00000080;content:"";height:100%;position:absolute;width:90%}.image-container .image{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:inherit;border-top-right-radius:inherit;display:block;height:100%;position:absolute;width:90%}.playerViewHpBar{display:flex;margin-bottom:1.5%;z-index:99}.effect:hover+.tooltiptext,.option:hover+.tooltiptext{opacity:1;visibility:visible}.overlay-skull{background-color:#651d1d;opacity:.35}.noStreamingContainer{height:100%;text-align:center;width:100%}.noStreamingTitle{color:#fff;font-size:xx-large;top:0}.noStreamingDesc{color:#fff;font-size:xx-large;margin:125px 20px 175px}.hoverPopup{font-family:Bitter,serif;max-height:70vh;overflow-y:scroll;padding:5px 0 5px 5px;position:relative;width:30vw;z-index:2}.effectsBarContainer,.hoverPopup{background-color:#e0d9b7;border:1px solid #000;border-radius:5px;box-shadow:1px 1px 10px #000}.effectsBarContainer{padding:5px;position:fixed;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:9999}.effectsBar{grid-gap:10px;background-color:#000000e6;border:2px solid #fff;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));width:500px}.avatarEffectsBar{background:#000;background:linear-gradient(95deg,rgba(36,36,36,.692) 5%,rgba(0,0,0,.397) 18%,#0000 25%);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:inherit;border-top-right-radius:inherit;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:90%;z-index:99}.effectPlayerView{animation:growIn .5s ease forwards;height:calc(var(--iconWidth)*.18);margin:0 0 0 1%;width:calc(var(--iconWidth)*.18)}.effectsBarTableViewContainer{display:flex;justify-content:center;width:100%}.effectsBarTableView{align-items:center;background:#292929de;border-radius:10%;display:flex;justify-content:center;padding:2%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:99}.effectPlayerViewTableView{animation:growIn .5s ease forwards;height:calc(var(--iconWidth)*.26);width:calc(var(--iconWidth)*.26)}.effect{border-radius:15px;height:40px;margin:1px;top:50%;width:40px}.tooltiptext{background-color:#474747;border-radius:5px;color:#fff;font-family:Bitter,serif;padding:5px;z-index:99}.roundNum{display:inline;font-size:1em;position:absolute;text-decoration:underline;text-decoration-thickness:1px;text-shadow:-1px -1px 0 #d8d8d8,1px -1px 0 #d8d8d8,-1px 1px 0 #d8d8d8,1px 1px 0 #d8d8d8;z-index:99}.roundNumNormal{font-size:1.2em;left:10px;top:10px}.roundNumTop{left:10px;top:10px;transform:rotate(180deg)}.roundNumBottom{bottom:10px;right:10px}.roundNumLeft{bottom:10px;left:10px;transform:rotate(90deg)}.roundNumRight{right:10px;top:10px;transform:rotate(270deg)}.options-container .tooltiptext,.refresh-container .tooltiptext{bottom:110%;display:flex}.effectWrapper{border-radius:100%;position:relative;text-align:center}.folderOptionsWrapper,.notesOptionsWrapper{bottom:7px!important;display:block!important;height:12px!important;margin:0 5px!important;position:relative!important}.removeMargin{height:18px;margin:0 0 0 2px;width:18px}.optionWrapper{position:relative}@keyframes floatInRight{0%{opacity:0;transform:translateX(-30px)}60%{opacity:1;transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}@keyframes floatOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}.autoPlayOut{animation:floatOut .5s ease}.autoPlayButtonWrapper{animation:floatInRight .8s cubic-bezier(.4,0,.2,1)}.searchListOption{bottom:-5px}.filterClearOption{bottom:-2px;margin-left:5px}.effectWrapper .tooltiptext,.optionWrapper .tooltiptext{bottom:110%;width:90px}.exhaustionContainer{bottom:11%;left:0;position:absolute}.exhaustionImg{border-radius:3px;color:#fff;height:20px;position:relative;width:20px}.exhaustionText{border-radius:3px;bottom:3px;color:#000;font-size:smaller;left:95%;margin:0;position:absolute;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}.uploadContainer,.uploadedTitle{font-family:Arial,sans-serif;font-size:16px;font-weight:700}.grid{grid-gap:10px;align-items:center;bottom:10%;display:grid;grid-template-columns:repeat(3,20%);height:45%;justify-content:center;position:absolute;width:100%}.circle{border:1px solid #000;border-radius:50%;height:100%;position:relative;width:100%;z-index:1}.searchListIconImage{width:20px}.background{background-image:url(/static/media/dmViewPaperBack.f9a6926d6e2d5aacf889.jpg);background-position:50%;background-size:cover;display:flex;font-family:Bitter,serif;height:100vh;justify-content:flex-start;overflow:hidden;transition:transform .5s ease}.columnsContainer{display:flex;width:100%}.column{border:2px solid #7f7977;border-radius:10px;box-sizing:border-box;color:#822000;flex:1 1;height:99vh;margin:5px;position:relative;transition:width .5s ease,opacity .5s ease,transform .5s ease;width:24%}.existing-slide{animation:slide-in .5s ease forwards;transform:translateX(100%)}@keyframes slide-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes growIn{0%{opacity:.5;transform:scale(50%)}to{opacity:1;transform:scale(100%)}}@keyframes alreadySelectedGrow{0%{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}to{transform:translateX(0)}}@keyframes ballBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-6px)}50%{transform:translateY(0)}70%{transform:translateY(-3px)}}.hiddenShake{animation:ballBounce .5s ease forwards}.alreadySelected{animation:alreadySelectedGrow .5s ease forwards}.newly-added{animation:growIn .5s ease forwards}.loadingMorePopUp{animation:growIn 1.2s ease forwards}.removing{opacity:0;transform:scale(.8)}.statContainers{display:flex}.playerViewAdds{align-items:center;font-family:Arial,sans-serif;font-size:16px;font-weight:700;justify-content:center;overflow:hidden;position:relative;width:100%}.fullscreenGridOverlay{grid-gap:0;display:grid;gap:0;left:0;pointer-events:none;top:0;width:100vw}.fullscreenGridSquare{aspect-ratio:1/1;border:1px solid #000;box-sizing:border-box}.joinGivenName{background:#fff;position:absolute;right:15px;top:5px}.whoAreYouContainer{align-items:center;display:flex;justify-content:center;width:100%}.joinMessageTitle{background:#fff;position:absolute;top:10%}.joinMessageList{bottom:2px;left:2px;position:absolute}.joinMessageListItem{background-color:#fff}.firstLoadMenuContainer{align-items:center;display:flex;flex-direction:column;justify-content:space-around;width:100%}.firstLoadMenu{background-color:#1f1f1fc2;border-radius:30px;color:#fff;display:flex;flex-direction:column;height:50%;margin-top:50px;position:relative;width:50%}.homePageGrid{display:grid;grid-template-areas:"loginArea cell1 cell2" "loginArea cell3 cell4";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:100%;padding:20px}@media (max-width:480px){.firstLoadMenuContainer{display:flex;justify-content:center;width:100%}.firstLoadMenu{align-items:center;background-color:#1f1f1fc2;border-radius:30px;color:#fff;display:flex;flex-direction:column;height:80%;position:relative;top:5%;width:90%}.homePageGrid{grid-template-areas:"loginArea" "cell1" "cell3" "cell2" "cell4";grid-template-columns:1fr;grid-template-rows:auto;height:70%;justify-items:center;padding:20px}.homePageButtonFlex{justify-content:center;width:100%}.homePageButtonFlex,.homepageTopContent{align-items:center;display:flex;flex-direction:column}.homepageTopContent{border-bottom:1px solid gray;justify-content:center!important;margin-top:10px!important;width:80%!important}.homePageButton{cursor:pointer;font-size:14px;padding:10px}.gridCell{align-items:center;padding:5px;text-align:center}.gridCell,.largeCell{display:flex;flex-direction:column;justify-content:center}.largeCell{align-items:center!important;border-right:0!important;grid-area:loginArea;padding-top:0!important}.instructions{height:auto;padding:10px;width:100%}.backgroundDemo{height:250px;width:100%}.effectsDemo,.iconDemo{width:100%}.userContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px;overflow-y:auto;width:100%}.loginContainer{align-items:center;width:100%!important}.loginInput,.loginMatch{padding:8px;width:100%}.info{background-color:#323232;font-size:small;padding:5px;text-align:left;width:100%}.createAccountFlex{flex-direction:column-reverse;width:100%}.searchBar{width:100%}.monsterSearch{height:auto;overflow-y:scroll;width:100%}.monsterSearchItem{font-size:12px;padding:5px}.encounterCreaturesNoItemsContainer{align-items:center;display:flex;flex-direction:column;height:auto;margin-top:10%}.encounterCreaturesNoItems{font-size:small;padding:5%}.statBlock{height:auto;width:100%}.infoContainer,.spellBlockContainer{height:auto;padding:5px;width:100%}.imageContainer{height:auto;width:100%}.effectsBar{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));width:100%}.dropdownMenu{max-height:50vh;overflow-y:auto}.side-menu{width:100%}.toggle-button{font-size:14px;padding:10px}.menu,.menuItem{font-size:14px}.userGrid{gap:5px;grid-template-columns:1fr}.userItem{font-size:small;padding:10px}}.homePageButtonFlex{flex-direction:row}.homePageButtonFlex,.homepageTopContent{align-items:center;display:flex;justify-content:space-around;width:100%}.homepageTopContent{flex-direction:column;margin-top:40px}.homePageButton{cursor:pointer;padding:8px}.gridCell{text-wrap:nowrap;align-items:center;justify-content:center;padding:10px;text-align:center}.gridCell,.largeCell{display:flex;flex-direction:column}.largeCell{align-items:flex-start;border-right:1px solid grey;grid-area:loginArea;justify-content:flex-start;padding-top:28%;width:200px}.gridCell:nth-child(2){grid-area:cell1}.gridCell:nth-child(3){grid-area:cell2}.gridCell:nth-child(4){grid-area:cell3}.gridCell:nth-child(5){grid-area:cell4}.loginContainer{display:flex;flex-direction:column;width:80%}.loginButtons{cursor:pointer;padding:5px}.newAccountButton{font-size:x-small}.info{text-wrap:wrap;background-color:#323232;border:2px dotted #7b0000;font-size:small;padding:2px;text-align:left;width:108%}.cancelCreate,.submitCreate{cursor:pointer;text-decoration-thickness:3px}.cancelCreate{-webkit-text-decoration:underline #dc3700;text-decoration:underline #dc3700}.submitCreate{-webkit-text-decoration:underline #2c9100;text-decoration:underline #2c9100}.cancelCreate:hover,.submitCreate:hover{font-size:larger}.createAccountFlex{cursor:pointer;display:flex;justify-content:space-between;padding:5px;width:105%}.loginInput{outline:none}.loginInput,.loginMatch{margin:0;padding:8px;width:100%}.loginError{border-bottom:1px solid #6b0000;margin:4px}.exampleImagesContainer{background-color:#363636c2;border-radius:15px;height:26%;width:68%}.exImageContainer,.exampleImagesContainer{align-items:center;display:flex;justify-content:center}.exImageContainer{border-radius:10px;cursor:pointer;flex-direction:column;height:85%;margin:15px;outline:2px solid #aaa;position:relative;width:31%}.exampleImage{border-radius:inherit;height:100%;width:100%}.exampleImageText{background-color:#494949;border-radius:5px;bottom:20%;color:#fff;font-size:larger;font-weight:700;padding:2px 5px;position:absolute;text-shadow:1px 1px 2px #000}.extraText{visibility:hidden}.exImageContainer:hover .exampleImageText{bottom:20%;transition:all .1s ease;visibility:visible}.exImageContainer:hover .extraText{bottom:13%;font-size:8px;transition:bottom .1s ease;visibility:visible}.exImageContainer:hover{box-shadow:3px 3px 7px #00000080;font-size:10px;outline:2px solid #fff;transform:scale(1.75) translateY(-40px);transition:transform .2s ease-in-out;z-index:1}.menuItemFirstPageContainer{display:flex;gap:40px}.helpLinksContainer{bottom:10px;color:#fff;display:flex;flex-direction:column;font-size:smaller;position:absolute;right:10px}.helpLink{color:#f1f1f1;font-size:smaller;font-weight:400}.userContainer{justify-content:space-around;margin-top:40px;overflow-y:auto}.firstLoadOptionsImports,.optionColumn,.userContainer{align-items:center;display:flex;flex-direction:column;width:100%}.firstLoadOptionsImports{font-size:small;justify-content:space-around}.firstLoadExtra{font-size:small;font-style:italic}.searchBar{width:95%}.column.expand{width:45%}.react-tabs{height:100%}.searchOptionDropdownsContainer{display:flex;gap:5px}.monsterSearch{border-bottom:2px solid #822000;overflow-x:hidden;overflow-y:scroll;width:98%}.monsterSearchList{margin:0;padding:0}.listItem:hover .searchListCreatureContainer{background-color:#bababa;box-shadow:3px 3px 7px #00000080}.monsterSearchItem{border-bottom:1px solid #ccc;cursor:pointer;display:flex;justify-content:space-between;padding:2px;position:relative;transition:background-color .1s ease;width:95%}.monsterSearchAdd{height:100%;margin-right:4%;opacity:0;position:relative;width:50px}.monsterSearchDetailText{color:#000;font-size:12px;font-style:italic;margin-right:2px}.encounterCreaturesNoItemsContainer{align-items:center;display:flex;flex-direction:column;height:100%;margin-top:8%;position:relative}.encounterCreaturesNoItems{align-items:center;border:3px solid #711d1d;color:#000;display:flex;flex-direction:column;padding:3%}.submitButton{background-color:#0000;border:0;cursor:pointer;padding:0}.optionHide{opacity:0}.listItem:hover .optionHide,.optionHide:hover{opacity:1;transition:opacity .2s ease-in-out}.actionTrash{opacity:0}.actionListItem:hover .actionTrash,.actionTrash:hover{opacity:1;transition:opacity .4s ease-in-out}.spellUl{margin:0}.spellTypeRemove{align-items:center;display:flex}.spellTrash,.spellTypeTrash{opacity:0}.spellLi{display:flex}.spellLi:hover .spellTrash,.spellTrash:hover,.spellTypeRemove:hover .spellTypeTrash{opacity:1;transition:opacity .2s ease-in-out}.encounterTitleEditInput{background-color:#0000;color:#822000;color:#bfbba6;font-family:Bitter,serif;font-weight:700;margin:0;padding:0;width:90%}@keyframes grow{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideLeft{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes newSlideRight{0%{height:0;opacity:0;transform:translateX(-50%)}to{height:99%;opacity:1;transform:translateX(0)}}@keyframes slideRight{0%{transform:translateX(-50%);width:inherit}to{transform:translateX(0);width:auto}}.animated-old-column{animation:slideRight .7s ease-out forwards}.animated-new-column{animation:newSlideRight .7s ease-out forwards}.animated-box{will-change:transform}.animated-box.slide-up{animation:slideUp .6s ease-out forwards;transform:translateY(100%)}.animated-box.slide-down{animation:slideDown .6s ease-out forwards;transform:translateY(-100%)}@keyframes slideUp{0%{opacity:1;transform:translateY(80%)}to{opacity:1;transform:translateY(0)}}.selectedIndicater{animation:imageGrow .7s ease-out forwards;border:1px solid #000;border-radius:3px;color:#fff;font-size:x-small;font-weight:bolder;height:12px;right:5px;text-align:center;width:10px}.siListItem{margin-left:8px;position:relative;top:3px;width:10px}.siStatBlock{position:absolute;top:40%}@keyframes imageDrop{0%{opacity:0;transform:scale(1.5) rotate(5deg)}40%{transform:scale(1) rotate(-5deg)}55%{transform:scale(1.1)}60%{transform:rotate(3deg)}60%,to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes imageGrow{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.growImage{animation:imageGrow .2s ease-in forwards}.iconImageDrop{animation:imageDrop .8s ease-in forwards;display:flex;justify-content:center}.animated-label{display:inline-block}.animated-label,.grow{animation:grow .3s ease-in-out forwards}input{margin-top:5px}.titleLabel{color:grey;font-weight:700}.dmLowOptions{display:flex}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinningImage{animation:spin 1.5s linear infinite}.addAllButton{height:16px;margin:0 0 0 4px;width:16px}.campaignGroupHeader .addAllButton{opacity:0;transition:opacity .2s}.campaignGroupHeader:hover .addAllButton,.campaignGroupWrapper:hover .addAllButton,.listItem:hover~.campaignGroupHeader .addAllButton{opacity:1}.refreshListOptionMargin{margin-bottom:0;margin-right:10px}.statBlockSpinner{align-items:center;display:flex;flex-direction:column;height:50%;justify-content:center}.encounterControlsContainer{background-color:#e0d8b2;border-bottom:2px solid #444;border-radius:10px 10px 0 0;box-shadow:2px 8px 8px #00000080;display:flex;flex-direction:column;margin-top:10px;padding:10px 0 0 10px;position:relative;width:96.6%}.encounterControlsAndTabContainer{display:flex;position:relative;width:101%}.encounterControlsAndTabContainer .react-tabs__tab-list{text-wrap:nowrap;color:#000;font-size:10px;font-weight:700;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;right:10px;top:2px;transform:rotate(90deg);width:0}.encounterControlsAndTabContainer .react-tabs__tab{padding:4px 10px}.searchInputFlex{display:flex}.saveDisclaimer{color:#ff4000;font-style:oblique;font-weight:bolder}.encounterControls{display:flex}.encounterControlsLeft,.encounterCountrolsRight{display:flex;flex-direction:column;position:relative;width:100%}.encounterControlsContainer .nameInput{font-size:larger}.encounterTitle{align-items:flex-end;border-bottom:1px solid #ccc;cursor:pointer;font-size:large}.encounterTitleEdit{visibility:hidden}.nameInput:hover+.encounterTitleEdit{cursor:pointer;visibility:visible}.titleFontFamily{color:#822000;font-family:Spectral SC,serif;margin:0}.statBlock{border-radius:10px;display:flex;flex-direction:column;height:100%;transition:width .5s ease,opacity .5s ease,transform .5s ease;width:auto}.statBlock p,h1,h5{margin:3px}.endShadowContainer{align-items:center;display:flex;justify-content:center;width:100%}.endShadow{align-self:center;border-radius:10px;box-shadow:2px 0 6px 6px #5e5e5e;position:relative;width:95%}.textShadow{text-shadow:-.5px .5px 0 #000}.spellBlockContainer{background-color:#f8f2d3d7;border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:5px;width:100%}.topSpellInfo{background-color:#e0dab8;border-radius:2px;display:flex;margin-right:5px;padding-left:5px;padding-right:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.spellTable{box-shadow:inset 0 0 2px 2px #636363;margin:10px 0;padding:5px;width:100%}.spellTableDice{background-color:#e0dab8;font-weight:700;text-align:center;vertical-align:middle;white-space:nowrap;width:15%}.spellTable td,th{border-bottom:1px solid #b5b5b5;border-right:1px solid #b5b5b5}.spellTable th{background-color:#e0dab8}.spellStatGrid{color:#3c3c3c;display:grid;grid-template-columns:1fr 1fr;position:relative}.infoContainer{background-color:#f8f2d3d7;padding:5px}.infoContainer,.notesContainer{border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.notesContainer{background-color:#d4ceac;outline:2px solid #822000;padding:5px 17px 5px 15px}.editNotesInput{background-color:#e0dfd7;border:none;border-bottom:2px dotted silver;border-radius:5px;font-family:Bitter,serif;font-size:1em;height:300px;margin:0 0 10px;overflow-y:scroll;padding:5px;width:400px}.notesWidgetFlag{background-color:#d4ceac;border-left:2px solid #822000;border-top:2px solid #822000;height:12px;left:90%;position:absolute;top:-9px;transform:rotate(45deg);width:12px;z-index:2}.imageContainer{display:flex}.imageContainer .backgroundThumbnail{aspect-ratio:1/1;height:100%;object-fit:fill;transition:transform .1s ease-in-out;width:100%}.backgroundThumbnail:hover,.imageContainer:hover .imageX,.imageX:hover{cursor:pointer;opacity:1;transform:scale(1.1)}.imageX{border:2px solid red;border-radius:4px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;opacity:0;padding:0;position:relative;right:25px;top:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}.statblockOptionsFlex{display:flex;height:8%;justify-content:space-between;margin-top:2px;position:absolute;visibility:hidden;width:99%}.statblockOptionsRight{margin-right:4px}.statblockEditInfo{text-wrap:nowrap;border:1px solid #575757;border-radius:100%;cursor:pointer;margin-left:4px;position:relative;z-index:1}.searchColumnX{border:1px solid #575757;border-radius:4px;cursor:pointer;font-size:"11px";margin:0 5px 3px 3px;padding:5px;position:absolute;right:0}.smallWidthTrigger{width:auto!important}.statblockEdit,.statblockX{border:1px solid #575757;border-radius:4px;cursor:pointer;margin:0 3px;padding:5px;position:relative;z-index:1}.syntaxLegendPopupContainer{align-items:center;animation:slideDown .3s ease-out forwards;display:flex;flex-direction:column}.syntaxLegendPopup{background-color:#f8f2d3d7;border:1px solid #822000;border-radius:5px;padding:10px;width:95%}.copyClickIcon{border-radius:5px;margin-left:5px;opacity:0}.copyClick{text-wrap:none;border-radius:5px;padding:3px}.copyClick:hover,.copyClicked{background-color:#e2dfb7;outline:1px solid #000}.copyClickedIcon{cursor:pointer;opacity:1!important}.copyClick:hover,.copyClick:hover .copyClickIcon,.copyClickIcon:hover{cursor:pointer;opacity:1}.freeScroll{position:static}.statblockEditTitleContainer{align-items:center;background-color:#c0bb9e;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;flex-direction:column;padding:2px 5px 8px}.statBlock:hover .statblockOptionsFlex{visibility:visible}.statblockEdit:hover,.statblockX:hover{background-color:#e1e1e1}.statBlockTopButtons{display:flex;justify-content:center}.editSpellBlock{display:flex;flex-direction:column;gap:5px;margin-bottom:4px}.searchOptionBlock{display:flex;position:relative}.searchOptionBlockTitle{align-items:center;background-color:#ebe9e2;border:1px solid #91919100;border-radius:5px;color:#822000;cursor:pointer;display:flex;font-size:1em;font-weight:700;gap:2px;margin:2px;padding:5px}.editOptionBlockValues{color:#000;padding:2px 1px}.searchOptionBlockTitle:hover{background-color:#dcd9d0;border:1px solid #919191}.crOptionTitle{display:flex}.searchOptionBlockInput{background-color:#ebe9e2;border:none;border-bottom:2px dotted #919191;border-radius:5px;font-family:Bitter,serif;font-size:1em;height:100%;margin:0;max-width:125px}.searchFilterSummary{border-bottom:2px solid #822000;border-left:2px solid #822000;box-shadow:inset 0 0 5px 0 #434343;color:#000;margin-bottom:5px;margin-left:4px;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dropdownSvgContainer{align-items:center;background-color:#ebe9e2;border-radius:5px;cursor:pointer;display:flex;height:90%;padding:0 2px}.editBlock{display:flex;flex-direction:column;margin-bottom:2px;position:relative}.editBlockTitle{text-wrap:nowrap;color:#822000;font-weight:700;padding-right:5px}.globalColor{color:#822000}.editBlockInput{border:none;height:100%;margin:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.editBlockInput,.editOptionsBlockValuesContainer{background-color:#ebe9e2;border-bottom:2px dotted #919191;border-radius:5px;font-family:Bitter,serif;font-size:1em}.editOptionsBlockValuesContainer{align-items:center;cursor:pointer;display:flex;justify-content:space-between;min-height:25px}.editBlockBigInput{background-color:#e0dfd7;border:none;border-bottom:2px dotted #919191;border-radius:5px;font-family:Bitter,serif;font-size:1em;height:120px;margin:0 0 10px;width:100%}.lineSeperator{border:none;border-top:2px solid #822000;margin:0;position:relative;width:100%}.lineSeperatorEnd{width:98.7%}.lineSeperatorLast{border-top:4px solid #822000}.editlineSeperator{position:relative}.editlineSeperator,.seperator{border:none;border-top:2px solid #822000;width:100%}.seperator{margin:0}.creatureName{font-size:25px}.creatureName,.infoTitle{color:#822000;margin-left:0;position:relative;top:5px}.infoTitle{font-size:20px;padding-left:2px}.infoTitleCollapse:hover{background-color:#c9b59cd0;border-top-left-radius:5px;border-top-right-radius:5px}.titleColor{color:#822000}.infoDesc{word-wrap:break-word;color:#000}.triggerButton{all:unset;cursor:pointer}.eyeball{height:20px;padding-left:1.2px;padding-top:1.2px}.widgetPopupTrigger{all:unset;cursor:pointer;height:100%;width:100%}.encounterArrowsContainer{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.arrowPopOver{all:unset!important}.widgetPopover{background-color:#e0d9b7;border:1px solid #000;border-radius:5px;box-shadow:1px 1px 10px #000;padding:5px}.hpPopover{width:100px}.hpButtonTrigger{cursor:pointer;max-width:65px;min-width:60px}.triggerButton:hover{text-decoration:underline}.topInfo{background-color:#e0dab8;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:8px;position:relative}.behindImage{border-radius:8px;height:100%;object-fit:fill;object-position:center;opacity:.3;position:absolute;width:100%}.behindImage,.clearImage{left:50%;top:50%;transform:translate(-50%,-50%)}.clearImage{border-radius:10px;opacity:1;position:relative;width:25vh}.quote{align-items:flex-end;background-color:#b5b5b55d;border-bottom:1px solid #323232;display:flex;flex-direction:column;margin:5px}.quoteList{list-style:none;margin:1px;padding:2px}.quoteBy{position:relative;right:50px;top:-10px}.spellList{margin:5px;padding-left:6%}.spellList2{list-style-type:circle;margin:5px;padding-left:3%}.spellList li{padding:2px}.source{color:#000;font-size:.8em}.creatureType{color:#000;font-size:14px;margin-bottom:10px;position:relative}.stickyStatGrid{color:#3c3c3c;display:grid;grid-template-columns:1fr 1fr;margin-bottom:15px;position:relative}.stickyStatItem{align-items:center;display:flex;flex-wrap:wrap}.stickyStatExtraWide{position:relative;width:200%}.extraInfo{font-size:12px;font-style:italic}.skillGridContainer{grid-gap:.5%;display:grid;gap:.5%;grid-template-columns:repeat(12,minmax(0,1fr));position:relative;width:100%}.skillGridHeader{background-color:#f4f4f4;font-size:.66vw;padding-bottom:2%;text-align:center;width:100%}.skillGridItem{background-color:#e0e0e0;color:#000;font-size:.8vw;text-align:center}.skillGridItem span{font-size:.5vw}.statBlockScroll{overflow-y:scroll;padding-top:1%}.actionInfo{word-wrap:break-word;margin-bottom:8px;margin-top:8px}.shadowBox{box-shadow:0 4px 10px #00000040}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background:#88888831}.column:hover
::-webkit-scrollbar-thumb,.dropdownMenu:hover::-webkit-scrollbar-thumb{background:#888c}::-webkit-scrollbar-thumb:hover{background:#555}.encounterOptionsButtonContainer{display:flex;flex-direction:column;margin:0 4px 4px}.dmViewButtonContainer{border-bottom:1px solid #822000;border-top:1px solid #822000;display:flex;flex-direction:row;position:relative;width:100%}.dummyButtons{display:flex;flex-direction:column;height:3%;justify-content:flex-end;width:100%}.dmViewButtonContainer .dropdown{all:unset;display:flex;position:relative}.encounterTitleButtonGroup{background-color:#fff;border:1px solid #c7c7c7;display:flex;height:18px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dmStartButtons,.turnButtons{align-items:center;display:flex;width:100%}.turnText{align-items:center;background-color:#f0f0f0;display:flex;font-size:small;padding:5px}.turnButton{background-color:#ccc0;border:none;font-size:larger;height:20px;padding:0;width:25px}.dmViewButton,.turnButton{text-wrap:nowrap;cursor:pointer}.dmViewButton{background-color:#f9f9f9;border:1px solid #ccc;padding:5px}.animatedMenu{animation:slideDown .25s ease-out forwards;transform:translateY(-10%)}.dropdown{display:inline-block;position:relative}.dropdownButton{width:150px}.dropdownMenu{background-color:#fff;border:1px solid #ccc;color:#000;left:0;list-style:none;margin:0;overflow-y:scroll;padding:0 2px 2px 0;position:absolute;top:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:2}.dropdown-item{text-wrap:nowrap;border-bottom:1px dotted #ccc;cursor:pointer;display:flex;justify-content:space-between;padding:10px 2px}.dropdown-item:hover{background-color:#e7e7e7!important}.streamingGif{height:18px;position:relative;right:2px;rotate:45deg;top:15%;width:18px}.magWrapper{background-color:#f9f9f9;border:1px solid #ccc;border-left:0;display:flex;flex-direction:column;padding:2px}.magOptions{border-radius:10px 10px 0 10px;height:18px;margin:0;width:18px}.magOptionsSmall{border-radius:10px 10px 10px 10px;height:16px;margin:3px 1px 0 3px;width:16px}.encounterDropdownX{background:none;border:none;color:red;cursor:pointer;font-weight:bolder;opacity:0;position:relative;right:0}.encounterDropdownX:hover{transform:scale(1.2)}.dropdown-item:hover .encounterDropdownX{opacity:1;transition:opacity .2s ease-in-out}.spellListItem{background-color:#c9c9c9;box-sizing:border-box;padding-top:6px;width:100%}.spellBlockHoverTitle:hover{border-radius:6px;outline:2px solid #822000}.listItem{background-color:#cfc9a8;border-bottom:2px solid #afafaf;border-right:2px solid #afafaf;border-top:2px solid #afafaf;box-sizing:border-box;cursor:pointer;margin-top:3px;width:100%}.listItemLoadingContainer{align-items:flex-start;display:flex;height:150px;justify-content:center}.listItemLoading,.listItemLoadingInfinity{align-items:center}.listItemLoading{background-color:#cfc9a8;border:2px solid #afafaf;box-sizing:border-box;display:flex;flex-direction:column;margin-top:3px;padding:10px;width:60%}.uploadImageTopInfo{display:flex;justify-content:center}.encounterCreatureContainer,.encounterCreatureLeftContainer,.searchListCreatureContainer{display:flex;height:50px;width:100%}.noCreaturesFound{justify-content:center}.listItemOptions{align-items:start;display:grid;grid-template-columns:repeat(2,1fr);margin-right:5px}.initiativeModToken{background-color:#dfdfdf;border-top-left-radius:3px;right:0}.effectsCounter,.initiativeModToken{bottom:0;color:#000;cursor:pointer;font-size:x-small;font-weight:700;position:absolute;z-index:10}.effectsCounter{background-color:#b3b3b3c2;border-radius:5px;right:-5px}.searchListCreatureContainer{align-items:center}.searchListCreatureDetails{display:flex;flex-direction:column;width:90%}.searchCreatureSmallDetails{display:flex}.searchCreatureCampaignContainer{width:175px}.searchCreatureSmallDetailsPlayerFlex{display:flex;flex-direction:row;justify-content:space-between;width:100%}.searchListCreatureContainer:hover .monsterSearchAdd,.searchListCreatureContainer:hover .refreshListOption,.searchListCreatureContainer:hover .searchCreatureX{opacity:1}.importInputsContainer{background-color:#e0d8b2;border-radius:10px 10px 10px 10px;box-shadow:0 4px 5px #00000080;display:flex;flex-direction:column;margin-top:2%;padding:10px 0 10px 10px;width:96.6%}.howToImportList{margin:0;padding-left:20px}.importErrorContainer{border-bottom:1px solid #822000;border-left:1px solid #822000;color:#000;display:flex;flex-direction:column;margin-left:5px;margin-top:5px;width:90%}.menuIconImports{height:inherit}.importErrorMsg{margin:5px}.importErrorMsgLink{font-size:small}.importErrorImg{height:50px;width:85%}.importInputs{display:flex;gap:20px;margin-bottom:5px}.dndBImportContainer{display:flex;height:30px}.dndBImportButtons{height:inherit;position:relative}.dndbInput{border:0;border-radius:0 5px 5px 0;font-size:16px;height:inherit;margin:0;padding-bottom:0;padding-right:25px;padding-top:0;width:88%}.dndbInputButtonSearch{background:none;border:none;cursor:pointer;padding:2px;position:absolute;right:0;top:12%}.dndbInputButtonSearch:hover{background-color:#84848472;border-radius:5px}.dndBInputContainer{display:flex}.encounterMonsterName{font-size:.9em;width:30%}.listItemMiddleStats{display:flex;flex-direction:column;opacity:1;width:100%}.nameInputContainer{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nameInput{background-color:#bcbcbc8c;border:none;border-bottom:2px dotted #919191;border-radius:0 0 5px 5px;color:#3f1000;font-family:Bitter,serif;font-size:.8em;font-weight:700;margin:0 0 4px;position:relative;width:90%}.titleInput{width:90%}.middleStatsInput{background-color:#bcbcbc8c;border:1px solid #919191;border-left:none;border-radius:5px;padding:none}.middleStatsInput,.statBlockSkillsInput{color:inherit;font-family:Bitter,serif;font-size:1em;font-weight:700;margin:0 2px 0 0;max-width:25px;min-width:20px;position:relative;text-align:center}.statBlockSkillsInput{background-color:inherit;border:none}.initiativeInputContainer{height:auto;max-width:30px;min-width:22px;position:relative}.initiativeInput{border-bottom:0;border-right:0;border-top:0;font-family:Bitter,serif;padding:0}.initiativeInput,.inputButton{background-color:#f0f0f0;box-sizing:border-box;height:100%;margin:0;text-align:center;width:100%}.inputButton{border:1px solid #000;border-radius:3px}.middleStatsLabel{background-color:#bcbcbc8c;border-bottom:1px solid #919191;border-bottom-left-radius:2px;border-left:1px solid #919191;border-top:1px solid #919191;border-top-left-radius:2px;font-size:10px}.middleStatsContainer{align-items:center;display:flex;flex-direction:row;font-size:.8em;margin:0;position:relative;text-align:center;width:90%}@keyframes editHpGrow{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.editHpGrow{animation:editHpGrow .25s ease-out forwards}.encounterCreaturesList{display:flex;flex-direction:column;height:100%;list-style-type:none;margin:2px 0 0;overflow-x:hidden;overflow-y:scroll;position:relative;width:98%}.pVChecks{align-items:center;display:flex}.pVCheckLeft{justify-content:flex-end}.pVCheckRight{justify-content:flex-start}.saveFolderWidget{align-items:center;display:flex;flex-direction:column;height:350px;margin:1px;padding:15px 5px;width:350px}.playerViewOptions,.playerViewOptionsContainer{display:flex;justify-content:center}.playerViewOptions{align-items:center;border:3px solid #3b3729;border-radius:5px;height:275px;margin:1px;padding:15px 5px;width:250px}.globalTypeOptions{background-color:#e9d9ac;border:2px solid #646155;border-radius:5px;display:flex;flex-direction:column;padding:5px;text-align:center}.globalOptionsTitleContainer{align-items:center;display:flex;flex-direction:column;font-size:14px}.globalTitle{font-size:14px}.globalTitleDesc{font-size:12px}.viewTypeOptions{align-items:center;background-color:#fffc;border:3px solid #3b3729;border-radius:5px;font-size:12px;margin:0;padding:5px}.playerOptionsTabPanel,.viewTypeOptions{display:flex;justify-content:space-between}.playerOptionsTabPanel{flex-direction:column;height:290px}.playerViewOptionsChecks{grid-gap:2px;background-color:#e0dfd7;border-radius:5px;display:grid;font-size:small;grid-template-columns:repeat(2,50%);margin-top:8px;padding-top:2px;width:185px}.playerViewOptions .react-tabs__tab-panel{background-color:initial!important;border:none}.folderWidgetFlag{left:90%;top:-2%;transform:rotate(45deg)}.folderWidgetFlag,.iconOptionsFlag{background-color:#e0d9b7;border-left:1px solid #000;border-top:1px solid #000;height:12px;position:absolute;width:12px;z-index:-1}.iconOptionsFlag{right:-2.5%;top:30.5%;transform:rotate(135deg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.editOptionsListContainer{animation:slideDown .3s ease forwards;background:#ebe9e2;border:1px solid #ccc;box-shadow:0 5px 10px #00000059;max-height:500px;overflow-y:scroll;padding:4px;position:absolute;top:40px;z-index:10}.positionContainer{background-color:#ebe9e2;border-bottom:2px dotted #919191;border-radius:5px;font-size:1em}.positionTitleContainer{border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:space-between;width:100%}.positionGridContainer{animation:slideDown .3s ease forwards;background:#ebe9e2;border:1px solid #ccc;box-shadow:0 5px 10px #00000059;overflow-y:scroll;padding:6px 2px 6px 6px;position:absolute;top:16px;z-index:10}.positionDropdownList{grid-gap:10px;background-color:#afafafcc;border-radius:5px;display:grid;gap:10px;grid-template-areas:".   top    ." "left center right" ".  bottom  .";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;justify-items:center;list-style:none;margin:5px 2px;padding:10px}.positionDropdownListItem{align-items:center;background:#f8f8f8;border-radius:15px 15px 5px 5px;cursor:pointer;display:flex;height:50px;justify-content:center;outline:2px solid #9c907a;width:45px}.positionDropdownListItem:hover{background:#e0e0e0}.positionDropdownListItem:first-child{grid-area:center}.positionDropdownListItem:nth-child(2){grid-area:top}.positionDropdownListItem:nth-child(3){grid-area:right}.positionDropdownListItem:nth-child(4){grid-area:left}.positionDropdownListItem:nth-child(5){grid-area:bottom}.positionTvTableLi{align-items:center;background:#f8f8f8;border-radius:15px 15px 5px 5px;cursor:pointer;display:flex;height:50px;justify-content:center;margin:0;outline:2px solid #9c907a;width:45px}.positionTvTableLi.Center{cursor:default;margin:0 40px;opacity:0}.positionTvTableLi.Top{border-radius:5px 5px 15px 15px;height:50px;width:45px}.positionTvTableLi.Left{border-radius:5px 15px 15px 5px;height:45px;width:50px}.positionTvTableLi.Right{border-radius:15px 5px 5px 15px;height:45px;width:50px}.positionTvTableLi:hover{background:#e0e0e0}.positionTvTableLi:first-child{grid-area:center}.positionTvTableLi:nth-child(2){grid-area:top}.positionTvTableLi:nth-child(3){grid-area:right}.positionTvTableLi:nth-child(4){grid-area:left}.positionTvTableLi:nth-child(5){grid-area:bottom}.searchOptionCheckboxListContainer{animation:slideDown .3s ease forwards;background:#ebe9e2;border:1px solid #ccc;box-shadow:0 2px 8px #00000026;max-height:500px;overflow-y:scroll;padding:8px;position:absolute;top:34px;z-index:10}.searchOptionCheckboxList{list-style:none;margin:0;padding:0}.searchOptionCheckbox{height:15px;width:15px}.searchOptionCheckboxListItem{text-wrap:nowrap;align-items:flex-end;color:#000;display:flex;height:18px;padding-bottom:3px;padding-left:5px;padding-top:3px}.searchOptionCheckboxListItem:hover{background-color:#adaba5}.editTeamContainer{align-items:center;display:flex;flex-direction:column}.effectContainerFlag{border-left:1px solid #000;bottom:calc(100% - 3px);height:8px;left:96.5%;width:8px}.effectContainerFlag,.hpContainerFlag{background-color:#e0d9b7;border-top:1px solid #000;position:absolute;transform:rotate(45deg)}.hpContainerFlag{border-right:1px solid #000;bottom:20%;height:16px;left:calc(100% - 8px);width:16px}.teamContainerFlag{background-color:#e0d9b7;border-left:1px solid #000;border-top:1px solid #000;bottom:calc(100% - 3px);height:8px;left:93%;position:absolute;transform:rotate(45deg);width:8px}.teamChoices{display:flex;height:100%;justify-content:space-evenly;padding-top:5px;width:100%}.editHpContainer{align-items:center;display:flex;flex-direction:column;height:50%;position:relative;width:100%}.extraHpInputs{height:45%}.hpTitle{font-size:.8vw}.tempHp{color:#0fafb5}.editHpButton{border:1px solid #555;border-radius:5px;box-shadow:1px 1px 5px #000;height:30%;width:100%}.editHpButton,.editTeamColorButton{color:#fff;font-family:Bitter,serif;padding:0}.editTeamColorButton{height:100%;width:20%}.editIsPlayerButton{align-items:center;color:#fff;font-family:Bitter,serif;margin:0;padding:0}.editIsPlayerButtonContainer{align-items:center;background-color:#bcbcbc8c;border:1px solid #919191;border-radius:2px;display:flex;font-size:10px;justify-content:space-between}.editIsPlayerText{color:#000;padding-right:5px}.healButton{background-color:#66ae66;color:#fff}.damageButton{background-color:#ae6666;color:#fff}.editStatsInput,.editStatsInputExtra{border:0;border-radius:5px;box-sizing:border-box;font-size:large;height:30%;margin:5% 0;text-align:center;width:100%}.editStatsInputExtra{height:50%;margin:0}#temphp:focus{outline-color:#0fafb5}#override:focus{outline-color:#7c2204}.monsterSearchIcon{border-bottom-left-radius:5px;border-top-left-radius:5px;box-sizing:border-box;height:100%;position:absolute;width:100%}.monsterEncounterIconContainer{--v-width:50px;background-color:#0000;box-sizing:border-box;margin:0 5px 0 0;min-height:50px;min-width:var(--v-width);position:relative}.monsterEncounterIconContainer:hover .uploadIcon,.monsterEncounterIconContainer:hover .uploadIconContainer{opacity:1}.monsterEncounterIcon,.uploadIconContainer{box-sizing:border-box;height:100%;position:absolute;width:100%}.uploadIconContainer{background-color:#ffffff4d;opacity:0}.uploadIcon{left:25%;opacity:0;position:relative;top:25%;width:calc(var(--v-width) - 50%)}.encounterCreaturesHpContainer{height:100%;max-width:65px;min-width:60px;position:relative;text-align:center;width:100%}.hpButtonPlayerOverlay{bottom:1%;height:20px;position:absolute;right:0;width:19px;z-index:100}.encounterCreaturesHp{color:#3eac4a;cursor:pointer;font-family:Bitter,serif;font-weight:700;height:100%;width:100%}.encounterCreatureX{background:none;border:none;color:red;cursor:pointer;height:100%;opacity:0;padding-left:2px;padding-right:3px}.encounterCreatureX:hover{transform:scale(1.2)}.searchCreatureX{background:none;border:none;color:red;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;opacity:0;padding-right:10px}.searchCreatureX:hover{transform:scale(1.3)}.searchListButtonContainer{align-items:center;display:flex;height:100%;justify-content:flex-end;width:30%}.side-menu{background-color:#333;height:100%;left:0;overflow-x:hidden;position:relative;top:0;transition:width .3s ease;width:35px}.side-menu.open{width:10%}.toggle-button{background-color:#444;border:none;color:#fff;cursor:pointer;padding:10px 10px 0 8px;position:relative;transition:background-color .3s ease;width:100%}.toggle-button:hover{background-color:#555}.menu{color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;list-style:none;overflow:hidden;padding:0;white-space:nowrap;width:100%}.loginGreeting{display:flex;flex-direction:column}.loginImageFlex{display:flex;width:90%}.menuItem{color:#fff;cursor:pointer;width:100%}.menuIcon{height:35px;width:35px}.menuItemLow{bottom:0;position:absolute;width:100%}.menuHelpLink{color:#f1f1f1}.radius{border-radius:5px}.clickable-image{height:auto;transition:opacity .3s ease;width:150px}.menuItem:hover{opacity:.8}.listItemOptionsBottom{display:flex;width:150%}.flagpole-container{background-color:#fff;border-radius:10px;height:18px;overflow:hidden;width:18px}.flagpole{background-color:#f1ec4f;border:2px solid #5c5c5c;height:12px;left:6%;top:2px;width:2px}.flag,.flagpole{position:relative}.flag{border:1px solid #5c5c5c;height:8px;left:1px;width:9px}.flag-stripes{height:100%;width:100%}.actionToken-container{align-items:flex-end;display:flex}.actionToken{background:linear-gradient(270deg,#0000 50%,#902400 0);background-size:200% 100%;border:2px solid #3d0f00;border-radius:20%;cursor:pointer;height:8px;margin:5px;transition:background-position .4s ease;width:8px}.actionToken,.actionToken.filled{background-position:0 0}.actionToken.unfilled{background-position:100% 0}.actionToken.unfilled.hover{background-position:30% 0;border-color:#c93808}.actionToken.filled.hover{background-position:40% 0;border-color:#0f9ef1}@keyframes wave{0%{transform:translateZ(0) rotate(0deg)}50%{transform:translate3d(1px,2px,30px) rotate(10deg)}to{transform:translateZ(0) rotate(0deg)}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.userGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style-position:inside;padding:0;width:95%}.userItem{background-color:#6b6b6bd0;border-radius:8px;padding:5px}.react-tabs__tab{background:#faf6e076!important;border:none!important;border-top-left-radius:5px;border-top-right-radius:5px;bottom:-5px!important;box-shadow:inset 0 0 2px 0 #434343;font-size:14px!important;margin-right:3px;overflow:hidden;padding:4px 8px!important}.react-tabs__tab-list{border:none!important;margin:0!important}.react-tabs__tab-panel{background:#f8f2d3d7!important}.react-tabs__tab--selected{background:#f9f1c7d7!important;border-left:2px solid #968b69!important;border-right:2px solid #968b69!important;border-top:2px solid #968b69!important;bottom:-4px!important;box-shadow:0 0 2px 0 #434343}.MuiSlider-thumb{border:2px solid #fff;height:20px!important;width:20px!important}.MuiSlider-thumb:hover{box-shadow:0 0 0 8px #8221001f!important}.MuiSlider-thumb:before{align-items:center;color:#fff;content:attr(data-value)!important;display:flex;font-size:11px;font-style:normal;height:18px;justify-content:center;width:18px}.filterDetails{width:70%}.sliderContainer{display:flex;margin:0 12px;width:120px}.MuiSlider-root{color:#822000!important}.spWidgetTopContainer{display:flex;justify-content:space-between}.spWidgetControls{background-color:#222;border-radius:8px;height:95px;padding:0 10px}.playerViewTimeoutContainer,.spWidgetControls{align-items:center;display:flex;flex-direction:column}.playerViewTimeoutContainer{background:#cfc9a8f1;border-radius:12px;color:#fff;left:42%;outline:2px solid #c42222;padding:10px 50px;position:absolute;top:300px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}.hpContainerFlagController{background-color:inherit;border-left:inherit;border-top:inherit;height:16px;position:absolute;right:48.5%;top:-9px;transform:rotate(45deg);width:16px}.statsContainerController{display:flex;flex-direction:column}.editHpContainerController{background-color:#deb887;border-radius:10px;display:flex;height:80px;margin-top:20px;position:relative}.hpOptionsContainerController{display:flex;flex-direction:column}.editHpButtonsContainerController{display:flex;flex-direction:row}.extraHpButtonsContainerController{display:flex;flex-direction:row;justify-content:space-evenly}.hpInputsContainerController{display:flex;flex-direction:column;height:100%}.editHpButtonController{border:1px solid #555;border-radius:5px;box-shadow:1px 1px 5px #000;color:#fff;font-family:Bitter,serif;padding:0;position:relative;width:30%}.extraHpInputsController{width:30%}.editHpInputController{background-color:#fff;border:0 solid #ae2626;border-radius:5px;box-sizing:border-box;font-size:large;height:30%;text-align:center;text-decoration:underline;width:100%}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid #0000;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}.range-slider{-webkit-tap-highlight-color:transparent;background:#ddd;border-radius:4px;cursor:pointer;display:block;height:8px;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.range-slider[data-vertical]{height:100%;width:8px}.range-slider[data-disabled]{cursor:not-allowed;opacity:.5}.range-slider .range-slider__thumb{background:#2196f3;border-radius:50%;height:24px;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;z-index:3}.range-slider .range-slider__thumb:focus-visible{box-shadow:0 0 0 6px #2196f380;outline:0}.range-slider[data-vertical] .range-slider__thumb{left:50%}.range-slider .range-slider__thumb[data-disabled]{z-index:2}.range-slider .range-slider__range{background:#51adf6;height:100%;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:1}.range-slider[data-vertical] .range-slider__range{left:50%;transform:translate(-50%)}.range-slider input[type=range]{-webkit-appearance:none;background-color:initial;height:0;left:0;pointer-events:none;position:absolute;top:0;width:0;z-index:2}.range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}.range-slider input[type=range]::-moz-range-thumb{border:0;height:0;width:0}.range-slider input[type=range]:focus{outline:0}.page{display:flex;font-family:Arial,sans-serif;font-size:25px;font-weight:700;height:100vh;width:100vw}.iconContainer{height:100%;overflow:hidden;position:relative;transition:width .5s ease-in-out;width:225px}.icon{height:100%;left:-180px;position:absolute;transition:left .5s ease-in-out;width:600px}.iconContainer:hover{width:700px}.iconContainer:hover .icon{left:-40px}.detailsContainer{text-wrap:nowrap;color:#fff;display:flex;height:50px;justify-content:center;opacity:0;position:relative;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;top:90%;transition:opacity .5s cubic-bezier(.4,0,1,1);width:100%}.detail{position:absolute}.iconName{top:0}.iconDescription{bottom:0;font-size:16px}.iconContainer:hover .detailsContainer{opacity:1}
/*# sourceMappingURL=main.e138cfff.css.map*/