.chart-modal-container{position:relative;width:100%;min-height:300px}.chart-modal-canvas-wrapper{position:relative;width:100%;height:100%;min-height:300px}.chart-modal-canvas-wrapper canvas{width:100%!important;height:auto!important;max-height:500px}.chart-modal-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#fffc;z-index:10}.chart-modal-period-buttons{display:flex;gap:.75rem;padding-top:1rem}.chart-modal-period-button{flex:1;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;font-size:.875rem;font-weight:500;color:#363435;cursor:pointer;transition:all .15s ease}.chart-modal-period-button:hover{background-color:#f3f4f6}.chart-modal-period-button-active{border-color:#363435;background-color:#f9fafb}@media (max-width: 640px){.chart-modal-container,.chart-modal-canvas-wrapper{min-height:250px}.chart-modal-canvas-wrapper canvas{max-height:350px}}@media (min-width: 1024px){.chart-modal-canvas-wrapper canvas{max-height:600px}}