.character-panel_square__o5M44{display:flex;max-width:93vw;width:100px;height:100px;background:#32c791;margin:2px;background-size:90%;background-repeat:no-repeat;background-position:50%}.character-panel_square__o5M44:hover{background-color:#289e73;cursor:pointer}.character-panel_panelArea__0sGkA{width:100%;padding:8px;display:flex;flex-direction:row;flex-wrap:wrap}.character-panel_activeCharacter__qAS5r{background-color:#186147}.note-viewer_note__LwVCm{display:flex;flex-direction:row;justify-content:space-between}.notes-area_border__jsAGg{border:8px solid #32c791;width:98%;height:calc(100vh - 68px);overflow:hidden}.notes-area_topRow__qccjy{display:flex;flex-direction:row;justify-content:space-between}.notes-area_opponentCharacterName__AdE_R{margin-top:8px;margin-left:8px;font-family:Play,sans-serif;font-size:1.7rem}@media(max-width:480px){.notes-area_border__jsAGg{border-width:4px;border-left-style:none;border-right-style:none;border-bottom-style:none}.notes-area_topRow__qccjy{flex-direction:column}}.character-page_fullPage__IKaZ8{display:flex;flex-direction:row;justify-content:space-evenly}.character-page_fullPage__IKaZ8 .character-page_pageLeft__W2MyM,.character-page_fullPage__IKaZ8 .character-page_pageRight__QBAQh{display:flex;flex-direction:column;align-items:center;width:50%}.character-page_title__reAit{align-self:flex-start;margin-left:12px;font-family:Play,sans-serif;font-size:1.3rem}@media(max-width:480px){.character-page_fullPage__IKaZ8{flex-direction:column}.character-page_fullPage__IKaZ8 .character-page_pageLeft__W2MyM,.character-page_fullPage__IKaZ8 .character-page_pageRight__QBAQh{width:100%}}.header_header__3o0p0{display:flex;width:100%;height:48px;background:#242424;font-size:22px;flex-direction:column;justify-content:center;margin-bottom:12px}.header_header__3o0p0 .header_span__uI5WD{margin-left:12px;font-family:Play,sans-serif}