.spectrum-plot--cps{display:grid;width:100%}.spectrum-plot--cps form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.spectrum-plot--cps form .option{display:flex;flex-direction:column;gap:.5rem;border-radius:.5rem;padding-left:1rem;padding-right:1rem;padding-top:.75rem;padding-bottom:.75rem;--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.spectrum-plot--cps form .option .file-name,.spectrum-plot--cps form .option .tools{font-weight:600}.spectrum-plot--cps form .option .product{display:flex;justify-content:space-between}.spectrum-plot--cps form .toggle{--tw-text-opacity:1;color:rgba(59,130,246,var(--tw-text-opacity))}.spectrum-plot--cps .chart{position:relative;max-width:100%}.spectrum-plot--cps .chart .spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spectrum-plot--cps .chart.loading .plotly{opacity:.5}.spectrum-plot--cps .js-plotly-plot .plotly [data-title]:after,.spectrum-plot--cps .js-plotly-plot .plotly [data-title]:before{top:190%;right:-75%}@media (min-width:768px){.spectrum-plot--cps form{grid-template-columns:repeat(4,minmax(0,1fr))}}.spectrum-plot{max-width:100%}.spectrum-plot--form{display:grid;gap:.5rem}.spectrum-plot--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}.spectrum-plot--form .option .file-name,.spectrum-plot--form .option .tools{flex-grow:1;font-weight:600}.spectrum-plot--form .option .product{display:flex;flex-direction:column;align-items:center;gap:.5rem}.spectrum-plot--form .toggle{--tw-text-opacity:1;color:rgba(59,130,246,var(--tw-text-opacity))}.spectrum-plot--chart{position:relative;margin-top:1rem;max-width:100%}.spectrum-plot--chart .spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spectrum-plot--chart.loading .plotly{opacity:.5}.spectrum-plot .js-plotly-plot .plotly [data-title]:after,.spectrum-plot .js-plotly-plot .plotly [data-title]:before{top:190%;right:-75%}@media (min-width:1024px){.spectrum-plot--form{grid-template-columns:repeat(2,minmax(0,1fr))}.spectrum-plot--form>hr{grid-column:span 2/span 2}}.spectrum-plot--aps{display:grid;width:100%;max-width:100%}.spectrum-plot--aps form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.spectrum-plot--aps form .option{display:flex;flex-direction:column;gap:.5rem;border-radius:.5rem;padding-left:1rem;padding-right:1rem;padding-top:.75rem;padding-bottom:.75rem;--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.spectrum-plot--aps form .option .file-name,.spectrum-plot--aps form .option .tools{font-weight:600}.spectrum-plot--aps form .option .product{display:flex;justify-content:space-between}@media (min-width:768px){.spectrum-plot--aps form{grid-template-columns:repeat(4,minmax(0,1fr))}}