.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}}.observing-block-fibre-view{display:grid;gap:2rem}.observing-block-fibre-view .fibre-data{width:100%}.observing-block-fibre-view .fibre-data tr{display:flex;flex-direction:column;padding-top:.25rem;padding-bottom:.25rem}.observing-block-fibre-view .fibre-data tr:nth-child(2n){--tw-bg-opacity:1;background-color:rgba(219,234,254,var(--tw-bg-opacity))}.observing-block-fibre-view .fibre-data td{padding-left:.5rem;padding-right:.5rem}.observing-block-fibre-view .fibre-data td:first-child{font-weight:600}@media (min-width:640px){.observing-block-fibre-view .fibre-data tr{display:table-row;padding-top:0;padding-bottom:0}.observing-block-fibre-view .fibre-data td{padding-top:.25rem;padding-bottom:.25rem}}@media (min-width:768px){.observing-block-fibre-view{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}.observing-block-fibre-view .fibre-data,.observing-block-fibre-view .spectrum-plot{flex-grow:1}}