.bin-spectrum{max-width:100%}.bin-spectrum--chart{position:relative;margin-top:1rem;max-width:100%}.bin-spectrum--chart .spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bin-spectrum--form{margin-left:auto;margin-right:auto;display:grid;max-width:28rem;gap:.5rem}.bin-spectrum--form .option{display:flex;align-items:center;gap:2rem;--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity));border-radius:.5rem;padding-left:1rem;padding-right:1rem;padding-top:.75rem;padding-bottom:.75rem}.bin-spectrum--form .option select{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity))}.bin-spectrum--chart.loading .plotly,.bin-spectrum--form .option select[disabled]{opacity:.5}.bin-spectrum .js-plotly-plot .plotly [data-title]:after,.bin-spectrum .js-plotly-plot .plotly [data-title]:before{top:190%;right:-75%}@media (min-width:1024px){.bin-spectrum--form{grid-template-columns:repeat(2,minmax(0,1fr))}.bin-spectrum--form>hr{grid-column:span 2/span 2}}