.plot-canvas{width:100%;bottom:0;left:0;top:var(--plot-height,50px);background:var(--background-plot);border-top:1px solid var(--plot-border);box-shadow:0 -2px 8px var(--modal-shadow);z-index:10;border-radius:20px;min-height:100px;transition:transform .5s;position:fixed}.plot-canvas:before{content:"";background-color:var(--foreground);opacity:.5;border-radius:2px;width:40px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.plot-coords{background-color:var(--background-plot);box-shadow:0px 0px 4px var(--modal-shadow);cursor:move;-webkit-user-select:none;user-select:none;color:var(--text-plot);border-radius:8px;flex-direction:row;align-items:center;gap:8px;margin-top:2px;padding:0 8px;display:flex}.coord-container{z-index:3;max-width:355px;position:absolute;bottom:50%;left:2%}@media screen and (max-width:480px){.plot-coords{flex-direction:column;align-items:flex-start;gap:1px;max-width:200px}}.point-info{z-index:9;background:var(--background-plot);pointer-events:none;box-shadow:1px 2px 5px var(--modal-shadow);border-radius:5px;padding:5px;position:fixed;transform:translate(10px,20px)}
.plotline-options{z-index:10;position:absolute;bottom:10px;left:10px}