.dark_light_bg {
    background: black;
    color:#ddd;

    width: 100%;
    max-width: 100%;


    margin-top: 0;

    padding:0;
  }

  /* .dark_light_bg .bg_content{
    max-width: 100%;
    padding: 0;
} */

.dark_light_bg  a:visited {
    color: #658299;
}

.dark_light_bg  a.link_button {
  color: #dfb870;
}

.lns_equation {
    font-size:1.42em;
    font-weight: 500;
    overflow-x: auto;
    overflow-y: visible;
    margin:-0.5em 0;
    text-align: center;
    padding: 1.5em 1em;
    line-height: 1.8em;
    white-space:nowrap;
    }

    .lns_equation  span {
        display: inline-block;
    }

    .lns_frac {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        letter-spacing: 0.001em;
        text-align: center;
    }
    .lns_frac > span {
        display: block;
        margin-top: -0.3em;
    }
    
    .lns_frac span.lns_div_symbol {
        font-size: 0; 
        display: block;
        height: 2px;
        width: 100%;
        background: #ddd;
    } 

    .drawer_container {
        max-width: 450px;
      }

    .drawer_container:after {
        padding-top: 100%;
      }



    #lns_radian_proj {
        max-width: 550px;
    }

#lns_power {
    max-width: 150px;
}
#lns_color_simple {
  max-width: 150px;
}

#lns_power_plain {
    max-width: 150px;
}

#lns_power_rays {
    max-width: 350px;
}

#lns_car {
    max-width: 650px;
  }

#lns_car:after {
    padding-top: 70%;
  }

  #lns_radiance {
    max-width: 300px;
}

#lns_radian {
    max-width: 650px;
  }


#lns_radian:after {
    padding-top: 40%;
  }

#lns_ambient_dots {
    max-width: 450px;
  }

  #lns_ambient_hemi {
    max-width: 450px;
  }


  #lns_radiance_area {
    max-width: 650px;
  }

  #lns_radiance_area:after {
    padding-top: 45%;
  }


  #lns_angle_small {
    max-width: 650px;
  }
  
  #lns_angle_small:after {
    padding-top: 45%;
  }
  

  #lns_steradian_sphere {
    max-width: 350px;
  }

  #lns_steradian_sphere:after {
    padding-top: 120%;
  }

  #lns_lambert_emitter {
    max-width: 350px;
  }

  #lns_lambert_emitter_side:after {
    padding-top: 55%;
  }




.lns_altitude .slider_left_gutter,
.lns_altitude .slider_right_gutter,
.lns_altitude .slider_knob {
        background:#E9A923;
    }

.lns_size .slider_left_gutter,
.lns_size .slider_right_gutter,
.lns_size .slider_knob {
        background:#eee;
    }

.lns_distance .slider_left_gutter,
.lns_distance .slider_right_gutter,
.lns_distance .slider_knob {
        background:#235AB9;
    }

.lns_block .slider_left_gutter,
.lns_block .slider_right_gutter,
.lns_block .slider_knob {
        background:#222;
    }

.lns_r .slider_left_gutter,
.lns_r .slider_right_gutter,
.lns_r .slider_knob {
        background:#E71212;
    }


.lns_g .slider_left_gutter,
.lns_g .slider_right_gutter,
.lns_g .slider_knob {
        background:#1BC720;
    }

.lns_b .slider_left_gutter,
.lns_b .slider_right_gutter,
.lns_b .slider_knob {
        background:#0F35D9;
    }

.lns_blue {
    color: #3260E5;
}

.lns_yellow {
  color: #E9A923;
}

.lns_red {
  color: rgb(230,57,48);
}

.lns_segmented {
    max-width: 700px;
    margin: 0 auto;
}

#lns_color_simple_segment_container{
  max-width: 500px;
  margin: 0 auto;
}

#lns_color_segment_container{
    max-width: 500px;
    margin: 0 auto;
}

.lns_segmented .segmented_control_container {
    background: #111;
}

.lns_segmented .segmented_control_on {
    background: #272727;
}


.lns_segmented .segmented_control_off:hover {
    background: #2c2c2c;
}
    
#lns_ambient_hemi_container {

  /* position: relative; */

  width: 100%;
  max-width: 100%;


    margin-top: 0;
    padding: 0;
    margin-bottom: -1em;
    overflow: hidden;
}



#lns_shadow2, #lns_rough_inv,#lns_lambert,#lns_lambert_inv, #lns_shadow,#lns_ambient_proj,#lns_ambient_occ, #lns_ambient_dots,#lns_ambient_hemi, #lns_bounce_steps, #lns_color,#lns_bounce, #lns_color_rgb, #lns_shadow_hemi, #lns_power_rays, #lns_power_surf,#lns_radiance,#lns_mirror_simple, #lns_rough, #lns_mirror, #lns_lambert_emitter,#lns_steradian_sphere,#lns_hemisphere_proj, #lns_hemisphere, #lns_area2, #lns_steradian2, #lns_cosine_flat, #lns_ray_flat, #lns_cosine_sphere, #lns_inv_square, #lns_area, #lns_steradian {
  cursor: move;
} 

/* canvas {
    border: 1px solid red;
} */