.wrapper{position:absolute;margin-left:18px;margin-top:20px;animation:pulse 1s infinite}.pulsingheart{position:relative;width:40px;height:36px}.pulsingheart:before,.pulsingheart:after{position:absolute;content:"";left:20px;top:0;width:20px;height:30px;background:#a00;border-radius:50px 50px 0 0;transform:rotate(-45deg);transform-origin:0 100%;animation:pulsecolor 1s infinite}.pulsingheart:after{left:0;transform:rotate(45deg);transform-origin:100% 100%;animation:pulsecolor 1s infinite}@keyframes pulse{10%{transform:scale(1.1)}}@keyframes pulsecolor{10%{background:#d00}}@font-face{font-family:InknutAntiqua-Regular;src:url(./InknutAntiqua-Regular-BOvqsLAY.ttf) format("truetype");font-weight:400;font-style:normal}@media only screen and (max-width:1000px){.App{display:flex;width:100%;min-width:650px;max-width:100%;height:100%;justify-content:center;margin:10px}.App header{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;max-width:100%;margin:15px}.App header div{display:fixed;flex-direction:row;align-items:center;justify-content:center;width:350px;min-width:350px;max-width:400px}.App header img{max-width:50px;max-height:50px}.App main{display:flex;flex-wrap:wrap}.tooltip-overlay{display:fixed;width:35rem;top:50%;left:0%;transform:translate(-75%,-50%);overflow-y:scroll;overflow-x:hidden}.modal{background-color:#fff;text-align:center;min-width:30%;max-width:50%;font-size:12px;padding:20px;border-radius:5px;box-shadow:0 2px 6px #0000001a}}.App{display:flex;min-width:650px;width:100%;justify-content:center;flex-wrap:wrap;margin:0 0 50px;padding:0;font-family:Arial,serif}.App main{display:flex;flex-direction:column;justify-content:center}.App header{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;margin:15px}.App header div{display:flex;flex-direction:row;align-items:center;justify-content:center;width:300px;min-width:300px;max-width:300px}.App header img{max-width:50px;max-height:50px}.App footer{position:fixed;bottom:0;min-width:650px;max-width:110%;width:110%;background-color:#333;color:#fff;text-align:center;white-space:nowrap;font-family:Inknut Antiqua,serif;padding:0;font-size:12px}.App footer div{width:30%;display:inline-block;box-sizing:border-box}.disclaimer,.faq,.release-notes{cursor:pointer}.h1,h2,h3,h4,h5{white-space:nowrap;font-family:Inknut Antiqua,serif;margin:3px;padding:0;line-height:24px}.toolbar-container{margin:2px;border:2px solid rgba(0,0,0,.05);border-radius:.35rem;box-shadow:#00000005 0 1px 3px;box-sizing:border-box;background-color:#00000004;max-width:650px}.main-container label{white-space:nowrap;font-size:12px;font-family:Arial,serif;margin:0 0 0 5px;padding:0;line-height:14px}.character-container{display:flex;flex-direction:row}.character-settings{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-content:center;gap:10px;padding-left:30px;width:75%}.character-settings label{margin-right:3px}.settings-row{display:flex;align-items:center;justify-content:flex-start;padding:2px}.xp_label{min-width:47px;width:auto}.xp_over_input{color:red}.settings-inputs input{min-width:50px;max-width:150px;width:50px;margin-left:3px}.settings-personage{width:160px;margin-left:3px}.select-inputs,.settings-btns{display:flex;flex-direction:column;align-content:center;padding:3px}.settings-btns{min-width:22%;margin-left:3px;padding-right:15px}.select-basic-container,.select-extra-container{display:flex;align-items:center;justify-content:center}.select{display:flex;height:24px}.form-select{min-width:75%;max-width:75%;width:75% auto;margin:5px;padding:0;font-size:12px}.select-info{width:25px;justify-content:center}.App-table table{width:100%;border-collapse:collapse}.App-table th{background-color:#f0f0f0}.App-table th,.App-table td{margin:2px;padding:3px;border:2px solid #ccc;border-radius:.35rem;max-height:12px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.col-vaardigheid{min-width:250px}.col-xp,.col-loresheet,.col-aantalkeer{min-width:65px}.col-info{min-width:40px}.col-acties{min-width:60px}.info{align-items:center;justify-content:center;max-width:40px;padding:0;margin:0 0 0 4px}.acties-info{display:flex;width:30px;justify-content:center}.acties{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-right:8px}.acties-overige{display:flex;width:32px;justify-content:flex-end}.side-containers{display:flex;justify-content:center}.side-container-a{display:flex;flex-direction:column;min-width:275px;width:275px auto;max-width:25%;height:auto;align-items:center;margin:5px;border:2px solid rgba(0,0,0,.2);border-radius:.35rem;box-shadow:#00000005 0 1px 3px;box-sizing:border-box;background-color:#0000000d}.side-container-b{display:flex;flex-direction:column;min-width:275px;width:275px auto;max-width:25%;height:auto;max-height:550px;align-items:center;margin:5px;border:2px solid rgba(0,0,0,.2);border-radius:.35rem;box-shadow:#00000005 0 1px 3px;box-sizing:border-box;background-color:#0000000d}.grid-eigenschappen{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px;padding:0}.grid-eigenschap-item{display:flex;flex-direction:column;margin:0;padding:0;width:75px;min-height:75px;height:100%;background-color:#fff;border:2px solid rgba(0,0,0,.2);border-radius:.35rem}.grid-eigenschap-image{background-position:top;background-repeat:no-repeat;width:75px;min-height:65px;height:auto;padding:0;margin:3px 0 0}.grid-eigenschap-text{justify-content:center;width:100%;height:auto;text-align:center;font-family:Inknut Antiqua,serif;font-size:10px;font-display:auto;line-height:12px}.grid-spreuken,.grid-recepten{display:grid;grid-template-columns:repeat(1,1fr);gap:2px;width:100%;margin:2px;padding:0}.grid-spreuk-item{display:flex;align-items:center;justify-content:flex-start;min-width:200px;width:100% auto;height:18px;padding-left:5px;padding-right:5px;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.35rem}.grid-spreuk-text{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;margin:0;padding:0;font-family:Inknut Antiqua,serif;font-size:10px;font-display:auto}.grid-spreuk-icons{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.btn-image{max-width:16px;max-height:16px;object-fit:contain;cursor:pointer;vertical-align:middle;padding-left:2px}.btn-primary{min-width:90px;width:auto;height:auto}.btn-secondary{min-width:70px;width:100%;height:24px}.btn-toolbar{margin:2px;padding:calc(.3rem - 1px) calc(.3rem - 1px)}.btn-primary,.btn-secondary{margin:2px;padding:calc(.7rem - 1px) calc(1rem - 1px)}.btn-primary,.btn-secondary,.btn-toolbar{display:inline-flex;align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:.25rem;box-shadow:#00000005 0 1px 3px;box-sizing:border-box;color:#000000d9;cursor:pointer;font-family:system-ui,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:600;justify-content:center;position:relative;text-decoration:none;transition:all .25s;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline}.btn-primary:hover,.btn-primary:focus,.btn-secondary:hover,.btn-secondary:focus,.close:hover,.close:focus,.btn-toolbar:hover,.btn-toolbar:focus{border-color:#00000026;box-shadow:#0000004d 0 4px 12px;color:#000000a6;transform:translateY(-1px)}.btn-primary:active,.btn-secondary:active,.close:active,.btn-toolbar:active{background-color:#f0f0f1;border-color:#00000026;box-shadow:#0000000f 0 2px 4px;color:#000000a6;transform:translateY(0)}.btn-primary:disabled,.btn-secondary:disabled,.close:disabled,.btn-toolbar:disabled{background-color:#ccc;border-color:#00000026;box-shadow:#0000000f 0 2px 4px;color:#000000a6;transform:translateY(0);opacity:.5;cursor:not-allowed}.modal-overlay{display:flex;position:fixed;flex-direction:row;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:flex-start;padding-top:100px;z-index:1000;overflow-y:scroll;overflow-x:hidden}.modal{background-color:#fff;text-align:center;max-width:25%;max-height:75%;font-size:12px;padding:20px;border-radius:5px;box-shadow:0 2px 6px #0000001a}.modal-container{margin:15px}.upload-modal,.load-modal,.preset-modal,.faq-modal,.releasenotes-modal{background-color:#fff;text-align:center;min-width:20%;min-height:15%;font-size:12px;padding:20px;border-radius:5px;box-shadow:0 2px 6px #0000001a}.faq-modal,.releasenotes-modal{min-width:600px;max-height:600px;width:40%;max-width:40%}.faq-modal-block,.release-notes-block{text-align:left;max-height:300px;overflow-y:scroll;overflow-x:hidden}.upload-modal-block,.load-modal-block,.preset-modal-block{margin:10px}.close{margin-top:3px;margin-left:-30px;display:inline-flex;align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:.15rem;box-shadow:#00000005 0 1px 3px;box-sizing:border-box;color:#000000d9;cursor:pointer;font-family:system-ui,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:18px;font-weight:600;justify-content:center;padding:calc(.1rem - 1px) calc(.5rem - 1px);position:relative;text-decoration:none;transition:all .25s;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline}.tooltip-container{display:flex;align-items:center;height:100%;width:20px;margin:0;padding:0;line-height:24px;border-radius:5px;box-shadow:0 2px 6px #0000001a}.tooltip-container:hover .tooltip-overlay{display:block}.tooltip-overlay{display:none;position:fixed;top:30%;left:50%;min-width:30rem;width:fit-content;max-width:30%;max-height:65%;transform:translate(-50%,-15%);background-color:#fff;box-shadow:0 2px 4px #0003;padding:10px;z-index:1;overflow-y:scroll;overflow-x:hidden}.tooltip-table{display:initial;font-size:12px;line-height:1.2;color:#333;background-color:#fff;border:hidden;min-width:30px}.tooltip-table td{vertical-align:top;border:hidden;white-space:normal}.tooltip-property{min-width:95px;width:95px}.character-table{width:auto;min-width:70%;max-width:100%;border-collapse:collapse}.character-table tr{border-bottom:1px solid #ddd}.character-table tr:hover{background-color:#f5f5f5}.center-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.selected-row{align-items:center;width:100%;background-color:#e5e5e5;border:1px solid rgba(0,0,0,.1);border-radius:.25rem;box-shadow:#00000005 0 1px 3px;box-sizing:border-box;color:#000000d9;cursor:pointer;font-family:system-ui,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:600;justify-content:center;position:relative;text-decoration:none;transition:all .25s;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline}