:root{--bg-color:#d1cfcb}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}html,canvas{background-color:var(--bg-color)}html,button{font-family:Bree Serif,Georgia,Times New Roman,Times,serif}button{background-color:var(--bg-color);white-space:nowrap;border-radius:12px}#root{position:relative;overflow:hidden}.img-container{background-color:var(--bg-color);flex-direction:column;align-items:center;width:100%;padding:2rem;display:flex;position:absolute;inset:0}.img-container img{width:1920px;max-width:200%;margin:auto;position:absolute}.toggle-container{z-index:10;background-color:#0000007b;width:100%;padding:1rem;display:flex;position:absolute;top:0;overflow-x:scroll}.toggle-container>*{margin:.5rem;font-size:1.5rem}.big-title{font-size:2rem}*{scrollbar-width:auto;scrollbar-color:#b3798a #1e293b;scrollbar-gutter:stable}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#1e293b;border-radius:5px}::-webkit-scrollbar-thumb{background:#6366f1;border:2px solid #1e293b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#818cf8}.tooltip{z-index:5;background-color:var(--bg-color);border:1px solid #000;border-radius:8px;padding:1rem;display:inline;position:absolute;top:0;left:0}@media (width<=480px){.tooltip{font-size:.8rem}}.sticky-note{background-color:var(--bg-color);border:1px solid gray;border-radius:8px;width:320px;height:fit-content;padding:1rem;position:absolute;bottom:10%;right:10%}.sticky-note--no-drag{height:480px;overflow-y:scroll}@media (width<=480px){.sticky-note{border-radius:0;width:100%;height:min-content;max-height:200px;font-size:.8rem;bottom:0;left:0;right:0;overflow-y:scroll}}