.chart-type-selector{margin-bottom:1.5rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.chart-type-selector .chart-type-option{display:flex;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.chart-type-selector .chart-type-option:hover{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.chart-type-selector .chart-type-option.selected{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.chart-type-selector .chart-type-option.selected .chart-type-icon svg{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.chart-type-selector .chart-type-option .chart-type-icon{margin-bottom:.5rem;display:flex;height:3rem;width:3rem;align-items:center;justify-content:center}.chart-type-selector .chart-type-option .chart-type-icon svg{height:2rem;width:2rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.chart-type-selector .chart-type-option .chart-type-label{text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.chart-data-editor{max-height:400px;overflow-y:auto}.preview-container{display:flex;align-items:center;justify-content:center;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem;min-height:300px}