/* boxShadowFocus.st.css */
:import {
  -st-from: "../common/project.st.css";
  -st-named: color-yellow;
}

:vars {
  focus-color: value(color-yellow);
}

/* Refer to it with: -st-default */
.root {
  -webkit-box-shadow: 0 0 0 3px value(focus-color);
  -moz-box-shadow: 0 0 0 3px value(focus-color);
  box-shadow: 0 0 0 3px value(focus-color);
  outline: none;
}

/* Refer to it with: -st-named */
.boxShadowInset {
  -webkit-box-shadow: 0 0 0 3px value(focus-color) inset;
  -moz-box-shadow: 0 0 0 3px value(focus-color) inset;
  box-shadow: 0 0 0 3px value(focus-color) inset;
  outline: none;
}