:root{--dark-blue:#003a65;--light-blue:#5176a5;--orange:#ff8c00;--gray:#808080;--white:#ffffff;--black:#000000}.main_div{text-align:center;font-family:Manrope;overflow-y:hidden}.header_carrier_top{background:var(--dark-blue);width:100%}.header_carrier{width:100%}.logo-carrier{position:relative;padding-left:250px;text-align:left;padding-right:50px;padding-top:60px;padding-bottom:30px}.logo-carrier-sub{position:absolute;left:34px;top:34px}.logo-carrier-sub:hover{cursor:pointer}.logo{pointer-events:none}.header_text{font-size:50px;font-weight:700}.section-carrier-top{display:inline-block;width:100%;padding:10px;vertical-align:top;min-width:400px}.section-carrier{width:100%;box-shadow:0 0 20px 0 rgb(0 0 0 / .1);border-radius:10px;padding:10px}.input_field_style{height:40px;border-radius:10px;border:0;margin:5px;width:100px;padding-left:10px;padding-right:10px;color:var(--gray);font-weight:700}.input_field_style_white{height:30px;border-radius:0;border:2px solid var(--dark-blue);margin:5px;width:150px;padding-left:10px;padding-right:10px;color:var(--gray);font-weight:700}.input_field_style2{width:120px!important}.input_field_style3{width:170px!important}.input_field_style4{width:100%;max-width:200px!important}.input_rainbow_number{margin:5px;display:inline-block;vertical-align:top}.margin_left_10{margin-left:-10px}.section-3rd{display:inline-block;width:33.3%;padding:10px;min-width:220px;text-align:center}.section-sub{display:inline-block;text-align:right;vertical-align:top}.header_content{display:inline-block;max-width:1250px;width:100%;color:var(--white);position:relative;min-height:100px}.header_orange_stribe_container{height:15px;background:var(--orange);width:100%;display:flex;align-items:center;justify-content:center}.header_orange_stribe{height:0;width:100%;box-sizing:border-box;border-top:24px solid var(--dark-blue);border-right:2000px solid #fff0}.normal-icon{height:46px}.icon-rot-90{transform:rotate(90deg)}.icon-rot-180{transform:rotate(180deg)}.icon-rot-270{transform:rotate(270deg)}.icon-flip{transform:scaleX(-1);-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1)}.button{min-width:30px;height:30px;line-height:30px;font-size:15px;text-align:center;background:var(--dark-blue);font-weight:700;color:var(--white);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;transition:background-color 0.3s;margin:5px}.button:hover{background:var(--orange);cursor:pointer}.period_y_text{display:inline-block}.main-content-carrier{width:100%;max-width:1250px;display:inline-block}.half-section{display:inline-block;width:50%;padding:10px;vertical-align:top;min-width:400px}.full-section{display:inline-block;width:100%;padding:10px;vertical-align:top;min-width:400px}.main-content{box-shadow:0 0 20px 0 rgb(0 0 0 / .1);border-radius:10px;padding:10px;text-align:right}.angle_but{vertical-align:middle}.inline-block{display:inline-block;vertical-align:middle}.main_canvas{width:100%;touch-action:none}.half-section-sub1{display:inline-block;width:50%;vertical-align:top;text-align:right;padding-right:10px}.half-section-sub2{display:inline-block;width:50%;vertical-align:top;text-align:left;padding-left:10px}.toggle_button{height:30px;border:2px solid var(--dark-blue);line-height:26px;text-align:center;display:inline-block;vertical-align:top;font-weight:700;padding-left:10px;padding-right:10px;margin:5px;transition:background-color 0.3s,border-color 0.3s;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle_button:hover{cursor:pointer;border:2px solid var(--orange)}.toggle_button_active{color:var(--white);background:var(--dark-blue)}.toggle_button_active:hover{background:var(--orange)}.wavelength_text,.wavenumber_text,.AOI_type_text_1,.AOI_type_text_2{vertical-align:middle}.table-carrier{text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:13px}.table-cell{display:inline-block;vertical-align:top;margin:5px;border:2px solid var(--dark-blue);line-height:23px;width:50px;height:50px;transition:background-color 0.3s,border-color 0.3s}.table-cell:hover{cursor:pointer;border:2px solid var(--orange)}.table-cell-active{background:var(--dark-blue);color:var(--white)}.table-cell-active:hover{background:var(--orange)}.table-cell-copy-button{position:absolute;left:5px;top:0;background:var(--dark-blue);border:2px solid var(--dark-blue);line-height:46px;width:50px;height:50px;color:var(--white);font-size:13px;font-weight:400;transition:background-color 0.3s,border-color 0.3s}.table-cell-copy-button:hover{background:var(--orange);cursor:pointer;border:2px solid var(--orange)}.table-cell-order{display:inline-block;vertical-align:top;margin:5px;border:2px solid var(--dark-blue);line-height:46px;width:50px;height:50px;transition:background-color 0.3s,border-color 0.3s}.table-cell-order:hover{cursor:pointer;border:2px solid var(--orange)}.table-cell-order-active{background:var(--dark-blue);color:var(--white)}.table-cell-order-active:hover{background:var(--orange)}.table-cell-blank{display:inline-block;vertical-align:top;background:var(--dark-blue);margin:5px;border:2px solid var(--dark-blue);line-height:23px;width:50px;height:50px;color:var(--white);transition:background-color 0.3s,border-color 0.3s}.table-top-panel{width:100%;height:50px;margin-bottom:5px;padding-right:5px;position:relative;line-height:50px;font-weight:700;font-size:15px}.table-top-panel-1d{padding-left:5px}.table-top-panel-2d{padding-left:65px}.table-left-panel{height:calc(100% - 55px);display:inline-block;vertical-align:top;width:50px;margin-right:5px;margin-left:5px;min-height:50px;padding-top:5px;padding-bottom:5px;position:relative;line-height:50px;font-weight:700;font-size:15px}.text-rotated-carrier{display:inline-block;vertical-align:middle;text-align:center;width:50px;position:relative}.text-rotated{line-height:50px;position:relative;left:-25px;width:100px;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);overflow:hidden;white-space:nowrap}.vertical-middle{display:inline-block;vertical-align:middle;height:100%}.table-content{height:calc(100% - 55px);display:inline-block;vertical-align:top;min-height:50px}.table-content-1d{width:100%}.table-content-2d{width:calc(100% - 60px)}.table-carrier-sub{display:inline-block;vertical-align:top}.table-left-button{position:absolute;top:0}.table-left-button-1d{left:5px}.table-left-button-2d{left:65px}.table-right-button{position:absolute;right:5px;top:0}.table-up-button{position:absolute;right:0;top:5px}.table-down-button{position:absolute;right:0;bottom:5px}.table-button{height:50px;width:50px;border:2px solid var(--dark-blue);font-size:20px;transition:color 0.3s,border-color 0.3s;line-height:46px}.table-button:hover{color:var(--orange);cursor:pointer;border:2px solid var(--orange)}.text-align-left{text-align:left;padding-left:10px}.lettrow_angle{display:inline-block;padding-top:10px;padding-left:10px;padding-right:10px;line-height:50px;font-size:18px;color:#000;font-weight:700}.slidecontainer{width:100%;padding-bottom:50px;text-align:center;font-weight:700}.slider{-webkit-appearance:none;appearance:none;vertical-align:top;width:calc(100% - 111px);height:32px;outline:none;-webkit-transition:.2s;transition:opacity .2s;margin:0;border:2px solid var(--dark-blue);border-right:0}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:32px;background:var(--dark-blue);cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;background:var(--dark-blue);cursor:pointer}.wavelength_slider_input{width:95px;height:32px;margin:0;padding-left:5px;margin-left:-5px;border:2px solid var(--dark-blue);font-weight:700}.slidecontainer-sub{padding-top:10px}.hide_show_button{height:50px;border:2px solid var(--dark-blue);width:calc(50% - 10px);line-height:46px;text-align:center;display:inline-block;vertical-align:top;font-weight:700;padding-left:10px;padding-right:10px;font-size:15px;margin:5px;transition:background-color 0.3s,border-color 0.3s;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hide_show_button:hover{cursor:pointer;border:2px solid var(--orange)}.hide_show_button_active{color:var(--white);background:var(--dark-blue)}.hide_show_button_active:hover{background:var(--orange)}.space{height:50px}.input_field_style_sharp{height:24px;border:2px solid var(--dark-blue);font-weight:700;padding-left:5px;margin:0;width:20px}.banner_carrier{width:100%;text-align:center;padding-bottom:20px}.middle_align_text{display:inline-block;vertical-align:middle}.align_middle{display:inline-block;height:100%;vertical-align:middle}.midway_banner{display:inline-block;width:100%;max-width:300px;background:var(--dark-blue);height:100px;margin-top:50px;color:var(--white);font-size:30px;line-height:40px;transition:background-color 0.3s;padding:10px}.midway_banner:hover{background:var(--orange);cursor:pointer}.text-align-left{text-align:left}.bold{font-weight:700}.lettrow_clickable{transition:color 0.3s}.lettrow_clickable:hover{cursor:pointer;color:var(--orange)}.input_with_header_container{width:200px;height:50px;margin:10px;font-size:12px;padding-left:10px;padding-right:10px;position:relative;padding-top:25px}.input_with_header_text{height:25px;width:100%;text-align:center;line-height:25px;font-weight:700;border-radius:10px 10px 0 0;border-width:1px 0 0 0;border-color:#000;color:var(--white);position:absolute;top:0;left:0;right:0;background:var(--light-blue)}.input_with_header_input{height:25px;line-height:25px;width:calc(100% - 0px);border:none;font-size:13px;font-weight:700;color:var(--gray);text-align:center;display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box}.input_with_header_input:focus{outline:none}.input_with_header_border{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;border:2px solid var(--light-blue);pointer-events:none}.share_grating_button{background:var(--dark-blue);width:200px;height:50px;margin:10px;line-height:50px;color:var(--white);text-align:center;font-weight:700;border-radius:10px;transition:background-color 0.3s}.share_grating_button:hover{cursor:pointer;background:var(--orange)}.table-left-button,.table-right-button,.table-cell-order,.table-cell-order-active,.hide_show_button,.hide_show_button_active,.midway_banner,#table_cell_AOD_type_button,#table_cell_copy_button{border-radius:10px!important}