SASS - Use @if and @else to Add Logic To Your Styles

Tell us what’s happening:
Describe your issue in detail here.

I cilcked multiple time run the test button but it dont respond is it a bug?

  **Your code so far**
<style type='text/scss'>

 @if $val == light
    border: 1px solid black;
 @else if == medium
    border:  3px solid black;
 @else if == heavy
    border:  6px solid black;
     border: none;

#box {
  width: 150px;
  height: 150px;
  background-color: red;
  @include border-stroke(medium);

<div id="box"></div>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: SASS - Use @if and @else to Add Logic To Your Styles

Link to the challenge:

Please check the errors you get in the console


make sure to solve it before trying to run the tests

and make sure the correct syntax with the mixin keyword