.sgc {
  margin: 0 auto;
  max-width: 480px;
}

.sgc .sgc-headline {
  color: #646464;
  font-family: 'proxima_nova';
  font-style: normal;
  font-weight: 600 !important;
  font-size: 24px;
  letter-spacing: 0.01em;
  line-height: 29px;
  margin-bottom: 15px;
  text-transform: none;
}

.sgc .sgc-subline {
  font-family: 'proxima_nova';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 30px;
}

.sgc .accordion {
  margin-bottom: 10px;
  width: 100%;
}

.sgc .accordion:last-of-type {
  margin-bottom: 0;
}

.sgc .accordion .accordion-header {
  padding: 13px 15px;
  cursor: pointer;
  position: relative;
  font-family: 'proxima_nova';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #646464;
}

.sgc .accordion .accordion-header::after {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJ1dWlkLTk2YTg3OWFmLTQ4ZDgtNGNmNS1iOGM4LTFlYTk0NWU4ODUxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAuMjMgNi4yIj48ZGVmcz48c3R5bGU+LnV1aWQtOGFlYTY4MjYtODk3OC00MDJiLWJhOTktYzJjZTQzNGFjMWI2e2ZpbGw6IzMyMzIzMjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9InV1aWQtOGFlYTY4MjYtODk3OC00MDJiLWJhOTktYzJjZTQzNGFjMWI2IiBkPSJtNC43Myw2LjA0Yy4yMS4yMS41Ni4yMS43NywwTDEwLjA3LDEuNDljLjIxLS4yMy4yMS0uNTksMC0uOGwtLjU0LS41NGMtLjIxLS4yMS0uNTYtLjIxLS44LDBsLTMuNjEsMy42MUwxLjQ5LjE2QzEuMjYtLjA1LjkxLS4wNS43LjE2TC4xNi43Qy0uMDUuOTEtLjA1LDEuMjYuMTYsMS40OWw0LjU3LDQuNTVaIi8+PC9zdmc+");
  background-repeat: no-repeat;
  content: '';
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  height: 7px;
  width: 11px;
  /* identical to box height, or 133% */
  text-align: right;
  color: #323232;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.sgc .accordion .accordion-header.sgc-accordeon--active::after {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJ1dWlkLTllOWFmYzIzLWIwZTItNDdiYS1hMTBlLTJmN2ZhZThmOTFjZCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAuMjMgNi4yIj48ZGVmcz48c3R5bGU+LnV1aWQtMmU3OTk3MDQtZTA2ZC00MjUwLWEyMTAtMjI4Njg2NDVjMTY4e2ZpbGw6IzMyMzIzMjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9InV1aWQtMmU3OTk3MDQtZTA2ZC00MjUwLWEyMTAtMjI4Njg2NDVjMTY4IiBkPSJtNS41LjE2Yy0uMjEtLjIxLS41Ni0uMjEtLjc3LDBMLjE2LDQuNzFjLS4yMS4yMy0uMjEuNTksMCwuOGwuNTQuNTRjLjIxLjIxLjU2LjIxLjgsMGwzLjYxLTMuNjEsMy42MywzLjYxYy4yMy4yMS41OS4yMS44LDBsLjU0LS41NGMuMjEtLjIxLjIxLS41NiwwLS44TDUuNS4xNloiLz48L3N2Zz4=");
}

.sgc .accordion .accordion-content {
  display: none;
  padding: 20px;
}

.sgc .accordion .accordion-content .accordion-header {
  margin-bottom: 20px;
}

.sgc .accordion .accordion-content .accordion-header label {
  display: inline-block;
  width: 150px;
}

.sgc .accordion .accordion-content .accordion-header input {
  width: 50px;
}

.sgc .sgc-type__container {
  font-size: 0;
  margin-bottom: 10px;
}

.sgc .sgc-type__container:last-child {
  margin-bottom: 0;
}

.sgc .sgc-type__container input {
  background: #F8F8F8;
  border: none;
  max-width: 100%;
  padding: 12px 44px 12px 12px;
  text-align: right;
  margin: 0;
  font-family: 'proxima_nova';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
}

.sgc .sgc-type__container input:focus, .sgc .sgc-type__container input:active {
  background: #F8F8F8;
  border: none;
  outline: none;
}

.sgc .sgc-type__container input.text--invisible {
  color: transparent;
}

.sgc .sgc-type__label {
  font-family: 'proxima_nova';
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 100%;
  color: #646464;
  width: 66.66667%;
}

.sgc .sgc-type__label,
.sgc .sgc-type__input-container {
  display: inline-block;
}

.sgc .sgc-type__input-container {
  font-size: 1rem;
  position: relative;
  width: 33.33333%;
}

.sgc .sgc-type__input-container > span {
  position: absolute;
  top: 50%;
  right: .857142857rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-family: 'proxima_nova';
  font-style: normal;
  font-weight: 600;
  font-size: .857142857rem;
  line-height: 1rem;
  color: #A5A5A5;
}

.sgc .buttons {
  background-color: #fff;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

@media screen and (min-height: 800) {
  .sgc .buttons {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sgc .buttons .sgc-btn {
  margin-bottom: 10px;
}

.sgc .buttons .sgc-btn:last-child {
  margin-bottom: 0;
}

.sgc .sgc-btn {
  cursor: pointer;
  padding: 1.125rem;
  width: 100%;
  font-family: 'proxima_nova';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
}

.sgc .sgc-btn:hover {
  background: #F9F9F9;
  border: 1px solid #E5E5E5;
  color: #646464;
}

.sgc .sgc-btn--primary {
  background: #BE9E55;
  border: 1px solid #BE9E55;
  color: #FFFFFF;
}

.sgc .sgc-btn--primary:hover {
  border-color: #BE9E55;
}

.sgc .sgc-btn--primary.sgc-btn--disabled {
  background: #F9F9F9;
  border: 1px solid #E5E5E5;
  color: #646464;
}

.sgc .sgc-btn--secondary {
  background: #fff;
  border: 1px solid #fff;
  color: #BE9E55;
}

.sgc .sgc-result__container {
  background-color: #F7F7F7;
  padding: 20px 40px;
  text-align: center;
}

@media screen and (min-height: 800) {
  .sgc .sgc-result__container {
    padding: 40px;
  }
}

.sgc .sgc-result__headline {
  color: #646464;
  font-family: 'proxima_nova';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  text-transform: none;
  margin-bottom: 0 0 5px;
}

.sgc .sgc-result__sum {
  color: #BE9E55;
  display: block;
  font-family: 'proxima_nova';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  margin: 0 0 15px;
}

@media screen and (min-height: 800) {
  .sgc .sgc-result__sum {
    margin: 0 0 30px;
  }
}

.sgc-header--gold {
  background: -webkit-gradient(linear, left top, right top, from(#E6C463), color-stop(56.77%, #FDE6A2), to(#FFFFFF));
  background: linear-gradient(90deg, #E6C463 0%, #FDE6A2 56.77%, #FFFFFF 100%);
}

.sgc-header--silber {
  background: -webkit-gradient(linear, left top, right top, from(#EAE5E5), color-stop(65.63%, #F0EDED), to(#FFFFFF));
  background: linear-gradient(90deg, #EAE5E5 0%, #F0EDED 65.63%, #FFFFFF 100%);
}

.sgc-header--platin {
  background: -webkit-gradient(linear, left top, right top, from(#DBDBDB), color-stop(65.63%, #E4E4E4), to(#FFFFFF));
  background: linear-gradient(90deg, #DBDBDB 0%, #E4E4E4 65.63%, #FFFFFF 100%);
}

.sgc-header--palladium {
  background: -webkit-gradient(linear, left top, right top, from(#CFCFCF), color-stop(64.06%, #C9C9C9), to(#FFFFFF));
  background: linear-gradient(90deg, #CFCFCF 0%, #C9C9C9 64.06%, #FFFFFF 100%);
}
/*# sourceMappingURL=scrap-gold-calculator.css.map */