/**
*
* =========== BEGINN CSS-SNIPPET =========
*
*/
.icd-calculator {
 color: #212121;
 background-color: #f9f7ef;
 border: 1px solid transparent;
 border-radius: 24px;
}
@media only screen and (max-width: 37.4375rem) {
 .icd-calculator {
   margin-block: 2.5rem;
   margin-inline: 0;
   padding-block: 2.5rem;
   padding-inline: 4.1666666667%;
 }
}
@media only screen and (min-width: 37.5rem) and (max-width: 52.4375rem) {
 .icd-calculator {
   margin-block: 3.5rem;
   margin-inline: 4.1666666667%;
   padding-block: 3.5rem;
   padding-inline: 16.6666666667%;
 }
}
@media only screen and (min-width: 52.5rem) and (max-width: 74.9375rem) {
 .icd-calculator {
   margin-block: 4rem;
   margin-inline: 4.1666666667%;
   padding-block: 4rem;
   padding-inline: 16.6666666667%;
 }
}
@media print, screen and (min-width: 75rem) {
 .icd-calculator {
   margin-block: 5rem;
   margin-inline: 8.3333333333%;
   padding-block: 5rem;
   padding-inline: 16.6666666667%;
 }
}
.icd-calculator__headline {
 font-size: var(--text-headline2-font-size);
 line-height: var(--text-headline2-line-height);
 font-weight: 900;
}
.icd-calculator__description {
 font-size: var(--text-body1-font-size);
 line-height: var(--text-body1-line-height);
 font-weight: 400;
 padding-top: 1rem;
}
.icd-calculator__content {
 margin-top: 2rem;
}
@media only screen and (max-width: 52.4375rem) {
 .icd-calculator__content {
   display: flex;
   flex-direction: column;
   row-gap: 0.75rem;
 }
}
@media only screen and (min-width: 52.5rem) and (max-width: 74.9375rem) {
 .icd-calculator__content {
   display: grid;
   grid-template-columns: 35.7142857143% 57.1428571429%;
   grid-template-rows: auto auto;
   grid-template-areas: "label" "input" "error";
   column-gap: 6.6666666667%;
   row-gap: 0.25rem;
 }
}
@media print, screen and (min-width: 75rem) {
 .icd-calculator__content {
   display: grid;
   grid-template-columns: 33.3333333333% 62.5%;
   grid-template-rows: auto auto;
   grid-template-areas: "label input" "spacer error";
   column-gap: 4.1666666667%;
   row-gap: 0.25rem;
 }
}
.icd-calculator__label {
 font-size: var(--text-body2-font-size);
 line-height: var(--text-body2-line-height);
 font-weight: 700;
}
@media print, screen and (min-width: 52.5rem) {
 .icd-calculator__label {
   grid-area: label;
   align-self: center;
 }
}
@media print, screen and (min-width: 52.5rem) {
 .icd-calculator__input {
   grid-area: input;
 }
}
.icd-calculator__errormessage {
 font-size: var(--text-caption-font-size);
 line-height: var(--text-caption-line-height);
 font-weight: 400;
 color: #a21b12;
}
@media print, screen and (min-width: 52.5rem) {
 .icd-calculator__errormessage {
   grid-area: error;
 }
}
.icd-calculator__button {
 margin-top: 2rem;
}
@media only screen and (max-width: 37.4375rem) {
 .icd-calculator__result {
   margin-top: 2.5rem;
 }
}
@media only screen and (min-width: 37.5rem) and (max-width: 52.4375rem) {
 .icd-calculator__result {
   margin-top: 3.5rem;
 }
}
@media only screen and (min-width: 52.5rem) and (max-width: 74.9375rem) {
 .icd-calculator__result {
   margin-top: 4rem;
 }
}
@media print, screen and (min-width: 75rem) {
 .icd-calculator__result {
   margin-top: 5rem;
 }
}
.icd-calculator__result .icd-calculator__result-title {
 font-size: var(--text-headline5-font-size);
 line-height: var(--text-headline5-line-height);
 font-weight: 700;
}
.icd-calculator__result .icd-calculator__result-description {
 font-size: var(--text-body1-font-size);
 line-height: var(--text-body1-line-height);
 font-weight: 400;
}
.icd_hint_noscript {
 border: 1px solid #a21b12;
 padding: 1rem;
 margin-top: 1rem;
 margin-bottom: 1rem;
}