.LoadingContainer{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;width:100%;z-index:10}.LoadingContainer .LoadingSpinner{animation:spin 1s linear infinite;border:.25rem solid #f3f3f3;border-radius:50%;border-top:.25rem solid #3498db;height:2rem;width:2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ButtonContainer{align-items:center;border:1px solid #000;border-radius:.5rem;cursor:pointer;display:flex;font-size:1.6rem;justify-content:center;padding:1rem 2rem}.ButtonContainer.disabled{cursor:not-allowed;opacity:.5}.ButtonContainer.secondary{font-size:1rem;padding:.5rem 1rem}.PopupContainer{align-items:center;background-color:#fff9;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw}.PopupContainer .PopupContent{align-items:center;background-color:#a2a0a0;border:1px solid white;border-radius:15px;box-sizing:border-box;display:flex;height:50%;justify-content:center;padding:4rem 1rem 1rem;position:relative;width:50%}.PopupContainer .PopupContent__CloseButton{background-color:#fff;border:1px solid white;border-radius:50%;color:#fff;cursor:pointer;position:absolute;right:10px;top:10px}.IconContainer{font-size:2rem;height:2rem;width:2rem}.IconContainer.clickable{cursor:pointer}.RadioCheckboxContainer{display:flex;gap:1rem;cursor:pointer}.RadioCheckboxContainer .RadioCheckboxLabel{cursor:pointer}.RadioCheckboxContainer .RadioCheckboxInput{margin:0;cursor:pointer}.EntityContainer{display:flex;flex-direction:column;align-items:center;width:300px;gap:2rem}.EntityContainer .EntityName{font-size:large}.EntityContainer .Avatar{width:100%;height:350px}.EntityContainer .HealthBarContainer{width:100%;display:flex;flex-direction:column;gap:.5rem;align-items:center}.EntityContainer .HealthBarContainer .HealthBar{width:100%;background-color:red;border-radius:4px}.EntityContainer .HealthBarContainer .HealthBarLabel{width:fit-content;font-size:large}.BattlePageContainer{display:flex;width:100%;height:100%;flex-direction:column}.BattlePageContainer .BattlePanel{flex:1;display:flex;padding:2rem;justify-content:space-between;align-items:center}.BattlePageContainer .LogsPanel{font-size:large;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;padding:2rem;border-top:1px solid black;overflow-y:auto;height:25%}.BattlePageContainer .LogsPanel .ActionItem{font-weight:700;color:#0b0b70}.BattlePageContainer .LogsPanel .DamageText{font-weight:700}.BattlePageContainer .LogsPanel .DamageText.Crit{color:#750101}.BattlePageContainer .BattleControls{display:flex;flex-direction:column;align-items:center;gap:2rem}.BattlePageContainer .BattleControls .ZonesPicker{display:flex;gap:1rem}.BattlePageContainer .BattleControls .ZonesPicker .AttackZones{display:flex;flex-direction:column;gap:1rem;align-items:flex-end}.BattlePageContainer .BattleControls .ZonesPicker .Separator{width:1px;background-color:gray}.BattlePageContainer .BattleControls .ZonesPicker .DefenceZones{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.ResultsText{font-size:xx-large}.AvatarPickerItem{height:200px;position:relative;width:150px}.AvatarPickerItem .AvatarImage{height:100%;object-fit:cover;width:100%}.AvatarPickerItem__EditButtonContainer{align-items:center;background-color:#00000080;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:absolute;width:100%}.AvatarPickerItem__EditButtonContainer-Button{border:none;height:40px;width:40px}.AvatarPickerContent{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1rem;height:100%;overflow-y:auto;width:100%}.CharacterPageContainer{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:2rem;width:100%}.CharacterPageContainer .CharacterInformation{display:flex;gap:3rem}.CharacterPageContainer .CharacterInformation__Avatar{border:1px solid grey;border-radius:15px;height:350px;position:relative;width:300px}.CharacterPageContainer .CharacterInformation__Avatar--Image{border-radius:15px;height:100%;object-fit:cover;width:100%}.CharacterPageContainer .CharacterInformation__Avatar--EditButtonContainer{align-items:center;background:rgba(255,255,255,.5);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.CharacterPageContainer .CharacterInformation__Avatar--EditButtonContainer-Button{border-radius:50%;height:50px;width:50px}.CharacterPageContainer .CharacterInformation__Data{display:flex;flex-direction:column;gap:1rem}.CharacterPageContainer .CharacterInformation__Data--Results{display:flex;gap:1rem}.CharacterPageContainer .CharacterInformation__Data--Results-Wins{color:green}.CharacterPageContainer .CharacterInformation__Data--Results-Loses{color:red}.HomePageContainer{align-items:stretch;display:flex;flex-direction:column;height:100%}.HomePageContainer .HomePageContent{flex:1;overflow:hidden}.ToolBarContainer{align-items:center;border-bottom:2px solid black;box-sizing:border-box;display:flex;flex-shrink:0;height:6rem;justify-content:space-between;padding:1rem 2rem;width:100%}.ToolBarContainer .ToolBar-LeftSide{align-items:center;display:flex;height:100%;justify-content:flex-start}.ToolBarContainer .ToolBar-RightSide{align-items:center;display:flex;gap:1rem;height:100%;justify-content:flex-end}.MainPageContainer{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.TextFieldContainer{align-items:flex-start;display:flex;flex-direction:column}.TextFieldContainer .TextFieldLabel{font-size:1.6rem;margin-bottom:.5rem}.TextFieldContainer .TextFieldInput{border:1px solid #3498db;border-radius:.5rem;font-size:1.6rem;padding:.5rem}.RegisterPageContainer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.RegisterPageContainer .RegisterPageTitle{font-size:2.4rem;margin-bottom:4rem}.RegisterPageContainer .RegisterButton{margin-top:2rem}.EditableFieldContainer{align-items:center;display:flex;gap:1rem}.SettingsPageContainer{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:2rem;width:100%}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}#root{font-family:Times New Roman,Times,serif;font-size:1.5rem;height:100vh;line-height:1.5rem;width:100vw}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#777;border:none;border-radius:20px;color:#14f0dd;height:15px;width:300px}progress::-webkit-progress-bar{background-color:#777;border-radius:20px}progress::-webkit-progress-value{background-color:#a31823;border-radius:20px}progress::-moz-progress-bar{background-color:#a31823;border-radius:20px}