button{border-radius:7px;outline:1px solid black;background:#0000;color:#000;padding-top:5px;padding-bottom:5px;border:none}#dialogBox{background-color:#fff;border-radius:7px}input,select{border-radius:7px;outline:1px solid black;border:none}input[type=image]{background-color:transparent;outline:none}button:hover{cursor:pointer}button:active{transform:scale(.95)}select:hover{cursor:pointer}.counter{background-color:transparent;color:#0c0c0c;outline:none}#mailList{border-radius:7px;outline:2px solid rgb(200,200,200)}@media (prefers-color-scheme: dark){body{background-color:#0f0f0f;color:#fff}button{color:#fff;outline:1px solid white}input,select{border-radius:7px;outline:1px solid white;background-color:#0f0f0f;color:#fff;border:none}.counter{color:#fff}#dialogBox{background-color:#0f0f0f}#mailList{outline:2px solid rgb(55,55,55)}}@font-face{font-family:globalFont;src:url(/roboto.ttf) format("truetype");font-weight:500}html,body,#app{width:100%;height:100%;padding:0;margin:0;font-family:globalFont}main{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.adaptWidth{width:min(800px,calc(100% - 40px))}.fillWidth{width:100%}.adaptWidthSmall{width:min(600px,100%)}.fillHeight{height:100%}.flexCenterCol{display:flex;justify-content:center;align-items:center;flex-direction:column}.gap{gap:10px}.clickable:hover{cursor:pointer}button,select,input,span{font-size:1.25rem;font-family:globalFont;overflow-wrap:anywhere}span{touch-action:manipulation;-webkit-user-select:none;user-select:none}#mailList{flex:1;height:100%;box-sizing:border-box;padding:10px;display:flex;flex-direction:column;overflow:auto}#dialogBox{outline:1px solid black}@media (prefers-color-scheme: dark){#dialogBox{outline:1px solid white}}