html {
  /*font-size: $font-size-root;*/
	padding-top: env(safe-area-inset-top);
	padding-bottom: env(safe-area-inset-bottom);
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
}
body {
  color: #000;
  /*font-size: $font-size-base;*/
  /*font-family: $font-family;*/
}
ul {
  /*list-style: dics;*/
}
a {
  color: inherit;
  text-decoration: none;
  outline: none;
}
button {
  outline: none;
}
img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
hr {
  display: block;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input, select {
  vertical-align: middle;
}
button {
  cursor: pointer;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display: block;
}