.spectral-bands-module{box-sizing:border-box;color:#fff;display:flex;font-family:Arial,sans-serif;margin:0 auto;padding:1rem}.left-col{padding-right:1rem}.left-col,.right-col{box-sizing:border-box;width:50%}.right-col{padding-left:1rem}.product{align-items:top;background:transparent;border-radius:4px;cursor:pointer;display:flex;margin-bottom:18px;padding:18px;transition:background .5s ease-in-out}.product:hover{background:hsla(0,0%,100%,.1)}.product.active{background:hsla(0,0%,100%,.2)}.product-icon{margin-right:18px;min-height:40px;min-width:40px;padding-top:6px}.up-up{margin-top:-22px;padding-bottom:7px;postion:relative}.product-icon img{height:auto;width:100%}.product h3,.product p{margin:0}.spectral-bands-module .band-group{align-items:flex-start;display:flex;flex-display:column;border-top:2px dotted hsla(0,0%,100%,.1);justify-content:space-between}.band-group-header{flex:0 0 30%;max-width:200px}.band-group-bands{flex:1;flex-display:column;border-left:2px solid hsla(0,0%,100%,.1);flex-wrap:wrap;gap:10px;padding:10px}@media screen and (max-width:991px){.right-col{padding-left:0;width:100%}.left-col{padding-right:0;width:100%}}@media screen and (max-width:768px){.spectral-bands-module .band-group{flex-direction:column}.band-group-bands,.band-group-header{flex:none;padding-right:0;width:100%}}.band-group h3{font-size:1rem!important;margin:1rem 0 .5rem;padding-bottom:10px}.band{align-items:center;display:flex;margin-bottom:0;padding:0}.color{box-sizing:border-box;height:10px;margin-right:18px;transition:width .5s ease-in-out;width:33%}.band span{font-size:.9rem}.band.dimmed{opacity:.2;transition:opacity .5s ease-in-out}.band.dimmed .color{width:10%}.product-text h3,.product-text p{color:inherit}