:root{--light-bg:#d5cfcc;--x-axis-fill:#3e3c3d;--mirror-fill:#0c30e5;--slider-color:#ff9800;--slider-color-light:#ffc107;--slider-color-dark:#e65100;--slider-color-highlight:#f2cf66;--ray-incident:#23b6becc;--ray-reflected:#c32424cc}@font-face{font-family:Josefin Sans;font-style:normal;font-weight:100 700;font-display:swap;src:url(./static/font/josefin-sans-normal.54dd12a5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{color:#1a1c23;background-color:var(--light-bg);margin:0;font-family:Josefin Sans,Inter,Avenir,Helvetica,Arial,sans-serif;font-size:11pt}input,button,select{font-family:Josefin Sans,Inter,Avenir,Helvetica,Arial,sans-serif}svg.simulation{background-color:var(--light-bg);width:100vw;height:100vh;position:fixed}div.ui{background-color:#0000;width:100vw;height:100vh;position:fixed}div.ui>div.controls{flex-direction:column;justify-content:center;align-items:flex-start;width:-moz-fit-content;width:fit-content;margin-bottom:12px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}div.ui>div.controls>button.show{visibility:visible;cursor:pointer;visibility:hidden;background-color:#fff;border:none;border-radius:12px;outline:none;width:128px;height:32px;font-weight:700;transition-property:background-color;transition-duration:.2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:10px 10px 5px -5px #00000059}div.ui>div.controls>button.show:hover{color:#fff;background-color:#a37acc}div.ui>div.controls>button.close{visibility:hidden;cursor:pointer;border:none;outline:none;align-self:flex-end;width:24px;height:24px}div.ui>div.controls>button.close>svg{fill:#1b1720}div.ui>div.controls>button.close>svg:hover{fill:#a37acc}div.ui div.stack{flex-direction:row;column-gap:42px;display:flex}@media (max-height:800px){div.ui>div.controls{border-radius:8px;padding:12px;bottom:12px}div.ui>div.controls[data-hide=false]{background-color:#ffffffb7;box-shadow:10px 10px 5px -5px #00000059}div.ui>div.controls>button.close{visibility:visible}div.ui>div.controls>div.stack{flex-direction:row;column-gap:32px}div.ui>div.controls[data-hide=true]>div.stack,div.ui>div.controls[data-hide=true]>button.close{visibility:hidden}div.ui>div.controls[data-hide=true]>button.show{visibility:visible}}@media (max-width:830px){div.ui>div.controls{border-radius:8px;padding:12px;bottom:12px}div.ui>div.controls[data-hide=false]{background-color:#ffffffb7;box-shadow:10px 10px 5px -5px #00000059}div.ui>div.controls>button.close{visibility:visible}div.ui div.stack{flex-direction:column;row-gap:20px}div.ui>div.controls[data-hide=true]>div.stack,div.ui>div.controls[data-hide=true]>button.close{visibility:hidden}div.ui>div.controls[data-hide=true]>button.show{visibility:visible}}div.ui>div.controls>div.stack>div{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;margin-bottom:12px;display:flex}div.ui>div.controls div.ray-switch{flex-flow:row;align-items:center;display:flex}div.ui>div.controls b,div.ui>div.controls div.ray-switch>label{text-wrap:nowrap}svg.simulation line.x-axis{stroke:var(--x-axis-fill);stroke-width:2px}svg.simulation path.mirror{stroke-width:4px;stroke:var(--mirror-fill);stroke-linecap:round;fill:#0000}svg.simulation polyline.ray-incident{stroke:var(--ray-incident);stroke-width:4px}svg.simulation polyline.ray-ext-incident{stroke:var(--ray-incident);stroke-width:1px}svg.simulation polyline.ray-reflected{stroke:var(--ray-reflected);stroke-width:2px}div.control-part{flex-direction:row;flex:1;align-items:center;gap:2px;width:250px;display:flex}div.control-part input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;vertical-align:middle;background-color:#fff8;border:1px solid #ccc;border-radius:4px;width:48px;margin-left:8px;padding:4px 2px;font-size:14px}div.control-part select{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;vertical-align:middle;background-color:#fff8;border:1px solid #ccc;border-radius:4px;width:72px;margin-left:8px;padding:4px 2px;font-size:14px}div.control-part input[type=text]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}div.control-part input[type=text]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}div.control-part span{margin-left:3px;display:inline-block}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:0 0;width:250px;height:20px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--slider-color),var(--slider-color-light));border-radius:5px;height:10px;box-shadow:inset 0 2px 4px #00000040}input[type=range]::-moz-range-track{background:linear-gradient(90deg,var(--slider-color),var(--slider-color-light));border-radius:5px;height:10px;box-shadow:inset 0 2px 4px #00000040}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:radial-gradient(circle at 30% 30%,var(--slider-color-highlight),var(--slider-color));border:2px solid var(--slider-color-dark);border-radius:50%;width:18px;height:18px;margin-top:-4px;transition:all .2s;box-shadow:0 4px 6px #0000004d}input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 30% 30%,var(--slider-color-highlight),var(--slider-color));border:2px solid var(--slider-color-dark);border-radius:50%;width:18px;height:18px;transition:all .2s;box-shadow:0 4px 6px #0000004d}input[type=range]::-webkit-slider-thumb:hover{background:radial-gradient(circle at 30% 30%,#fff,var(--slider-color-light));transform:scale(1.2)}