.dd-example-scoring02-container10 {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  background-color: var(--dl-color-theme-secondary1);
}
 
.dd-example-scoring02-container11 {
  flex: 1;
  width: 96%;
  display: flex;
  position: relative;
  max-width: 1280px;
  align-self: flex-start;
  margin-top: 2em;
  max-height: 768px;
  align-items: flex-start;
  margin-left: 2em;
  margin-right: 2em;
  margin-bottom: 2em;
  justify-content: flex-start;
  background-color: #f5f0e3;
}
 

 
.dd-example-scoring02-container12 {
  width: 14%;
  height: 100%;
  display: flex;
  position: relative;
  align-self: flex-start;
  align-items: flex-start;
  padding-top: 4em;
  padding-left: 2em;
  flex-direction: column;
}
 
.dd-example-scoring02-blue {
  top: 20em;
  left: 1em;
  width: 146px;
  height: 170px;
  display: flex;
  z-index: 1;
  position: absolute;
  align-items: flex-start;
  flex-direction: row;
  background-color: #64a2d8;
}
 
.dd-example-scoring02-purple {
  top: 26em;
  left: -1.4em;
  width: 146px;
  height: 170px;
  display: flex;
  z-index: 0;
  position: absolute;
  align-items: flex-start;
  background-color: #7b83aa;
}
 
.dd-example-scoring02-container13 {
  gap: 10px;
  flex: 0 0 auto;
  width: 74%;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-top: 40px;
  padding-left: var(--dl-space-space-threeunits);
  flex-direction: column;
  justify-content: center;
}
 
.dd-example-scoring02-text10 {
  font-size: 1.5em;
  font-style: normal;
  font-weight: 400;
  padding-top: var(--dl-space-space-halfunit);
}
 
.dd-example-scoring02-text11 {
  font-size: 1.5em;
  padding-top: var(--dl-space-space-halfunit);
}
 
.dd-example-scoring02-ul1 {
  margin-top: 0.5em;
  margin-bottom: 0em;
}
 
.dd-example-scoring02-text12 {
  line-height: 1;
}
 
.dd-example-scoring02-text13 {
  font-style: normal;
  font-weight: 400;
}
 
.dd-example-scoring02-text15 {
  line-height: 1;
}
 
.dd-example-scoring02-text16 {
  font-style: normal;
  font-weight: 400;
}
 
.dd-example-scoring02-text18 {
  line-height: 1;
}
 
.dd-example-scoring02-text19 {
  font-style: normal;
  font-weight: 400;
}
 
.dd-example-scoring02-text21 {
  line-height: 1;
}
 
.dd-example-scoring02-text22 {
  font-style: normal;
  font-weight: 400;
}
 
.dd-example-scoring02-text24 {
  line-height: 1;
}
 
.dd-example-scoring02-text25 {
  font-style: normal;
  font-weight: 400;
}
 
.dd-example-scoring02-text27 {
  font-size: 1.5em;
  font-style: normal;
  font-weight: 400;
}
 
.dd-example-scoring02-text28 {
  font-size: 1.5em;
  padding-top: var(--dl-space-space-halfunit);
}
 
.dd-example-scoring02-ul2 {
  margin-top: 0.5em;
  margin-bottom: 0em;
}
 
.dd-example-scoring02-text29 {
  line-height: 1;
}
 
.dd-example-scoring02-text30 {
  font-style: normal;
  font-weight: 400;
}
 
.dd-example-scoring02-text32 {
  line-height: 1;
}
 
.dd-example-scoring02-text33 {
  font-style: normal;
  font-weight: 400;
}
 
.dd-example-scoring02-text35 {
  line-height: 1;
}
 
.dd-example-scoring02-text36 {
  font-style: normal;
  font-weight: 400;
}
 
.dd-example-scoring02-text38 {
  font-size: 1.5em;
  font-style: normal;
  font-weight: 400;
}
 
.dd-example-scoring02-ul3 {
  margin-top: 0.5em;
  margin-bottom: 0em;
}
 
.dd-example-scoring02-text39 {
  line-height: 1;
}
 
.dd-example-scoring02-text40 {
  line-height: 1;
}
 
.dd-example-scoring02-text41 {
  line-height: 1;
}
 
.dd-example-scoring02-text42 {
  line-height: 1;
}
 
.dd-example-scoring02-container14 {
  gap: var(--dl-space-space-halfunit);
  flex: 1;
  width: 8%;
  height: 90vh;
  display: flex;
  align-self: flex-start;
  max-height: 768px;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
 
.dd-example-scoring02-container15 {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.dd-example-scoring02-container16 {
  gap: var(--dl-space-space-halfunit);
  flex: 0 0 auto;
  height: 50%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.dd-example-scoring02-navlink1 {
  display: contents;
}
 
.dd-example-scoring02-container17 {
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  margin-top: 5em;
  text-decoration: none;
  background-image: url("public/icons/icon-previous.svg");
  background-repeat: no-repeat;
}
 
.dd-example-scoring02-container17:hover {
  background-image: url("public/icons/icon-previous-hover.svg");
}
 
.dd-example-scoring02-container18 {
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
}
 
.dd-example-scoring02-container19 {
  flex: 0 0 auto;
  height: 50%;
  display: flex;
  align-items: flex-start;
  padding-bottom: 1.4em;
}
 
.dd-example-scoring02-navlink2 {
  display: contents;
}
 
.dd-example-scoring02-container20 {
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  align-self: flex-end;
  margin-bottom: 1.4em;
  text-decoration: none;
  background-image: url("public/icons/icon-return.svg");
  background-repeat: no-repeat;
}
 
.dd-example-scoring02-container20:hover {
  background-image: url("public/icons/icon-return-hover.svg");
}