.grm-scs {
  /* reset */
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #333;
  max-width: 510px;
  padding: 24px;
  width: 100%;
}
.grm-scs h1, .grm-scs h2, .grm-scs h3, .grm-scs h4, .grm-scs h5, .grm-scs h6 {
  font-size: 100%;
  font-weight: normal;
  margin: 0;
}
.grm-scs p {
  margin: 0;
}
.grm-scs a img, .grm-scs img {
  border: 0;
  vertical-align: middle;
}
.grm-scs strong {
  font-style: normal;
  font-weight: bold;
}
.grm-scs small {
  font-size: 100%;
}
.grm-scs ol, .grm-scs ul {
  list-style-type: none;
}
.grm-scs dd, .grm-scs dl, .grm-scs dt, .grm-scs li, .grm-scs ol, .grm-scs ul {
  margin: 0;
  padding: 0;
}
.grm-scs hr {
  background-color: #CCCCCC;
  border: 0;
  color: #CCCCCC;
  height: 1px;
  margin: 0;
  padding: 0;
}
.grm-scs table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}
.grm-scs th {
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-align: left;
}
.grm-scs td {
  margin: 0;
  padding: 0;
}
.grm-scs blockquote, .grm-scs span {
  margin: 0;
  padding: 0;
}
.grm-scs pre {
  font-family: monospace;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.grm-scs button {
  background: 0;
  border: 0;
  cursor: pointer;
  padding: 0;
  vertical-align: middle;
}
.grm-scs button, .grm-scs fieldset, .grm-scs form, .grm-scs input, .grm-scs label, .grm-scs legend, .grm-scs select, .grm-scs textarea {
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.grm-scs label {
  cursor: pointer;
}
.grm-scs textarea {
  resize: vertical;
}
.grm-scs * html textarea {
  margin-top: -2px;
}
.grm-scs *:first-child + html textarea {
  margin-top: -2px;
}
.grm-scs abbr, .grm-scs acronym {
  border: 0;
}
.grm-scs address, .grm-scs caption, .grm-scs cite, .grm-scs code, .grm-scs dfn, .grm-scs em, .grm-scs var {
  font-style: normal;
  font-weight: normal;
}
.grm-scs caption {
  text-align: left;
}
.grm-scs code, .grm-scs kbd, .grm-scs pre, .grm-scs samp, .grm-scs tt {
  font-family: monospace;
  line-height: 1;
}
.grm-scs * + html code, .grm-scs * + html kbd, .grm-scs * + html pre, .grm-scs * + html samp, .grm-scs * + html tt {
  font-size: 108%;
}
.grm-scs q:after, .grm-scs q:before {
  content: "";
}
.grm-scs article, .grm-scs aside, .grm-scs audio, .grm-scs canvas, .grm-scs projects, .grm-scs figcaption, .grm-scs figure, .grm-scs footer, .grm-scs header, .grm-scs hgroup, .grm-scs mark, .grm-scs menu, .grm-scs nav, .grm-scs section, .grm-scs summary, .grm-scs time, .grm-scs video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
.grm-scs article, .grm-scs aside, .grm-scs projects, .grm-scs figcaption, .grm-scs figure, .grm-scs footer, .grm-scs header, .grm-scs hgroup, .grm-scs menu, .grm-scs nav, .grm-scs section {
  display: block;
}
.grm-scs input {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #333;
  font-size: 14px;
  height: 40px;
  padding: 0 8px;
  text-align: center;
  width: 80px;
}
.grm-scs select {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #333;
  font-size: 14px;
  height: 40px;
  padding: 0 8px;
  width: 100px;
}
.grm-scs button {
  background: #000;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 1;
  margin: 0 auto;
  padding: 13px 16px;
  width: 120px;
}
.grm-scs button:hover {
  opacity: 0.5;
}
.grm-scs__size {
  align-items: center;
  display: flex;
  margin-bottom: 16px;
}
.grm-scs__size__nums {
  align-items: center;
  display: flex;
}
.grm-scs__size__nums span {
  font-size: 14px;
  margin-left: 16px;
  width: 24px;
}
.grm-scs__weight {
  align-items: center;
  display: flex;
  margin-bottom: 16px;
}
.grm-scs__weight input {
  margin-left: 16px;
}
.grm-scs__result {
  display: none;
  margin-top: 40px;
}
.grm-scs__result__row {
  align-items: center;
  display: flex;
  margin-bottom: 16px;
}
.grm-scs__result__row:last-child {
  margin-bottom: 0;
}
.grm-scs__result__title {
  font-size: 16px;
  font-weight: bold;
  display: block;
  width: 210px;
}
.grm-scs__result input {
  font-size: 16px;
  font-weight: bold;
  height: 60px;
  margin-right: 8px;
  padding: 0 8px;
  width: 180px;
}
.grm-scs__error p {
  border: 1px solid #ff0000;
  border-radius: 4px;
  color: #ff0000;
  display: block;
  font-size: 14px;
  line-height: 1;
  margin: 0 0 16px;
  padding: 8px 8px;
}