html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style: none;
}
button,
input,
select,
textarea {
  margin: 0;
}
img,
embed,
iframe,
object,
video {
  height: auto;
  max-width: 100%;
}
iframe {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
  text-align: left;
}
div,
header,
footer,
section,
article,
ul,
li,
ol {
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
button:active,
button:focus {
  border: none;
  outline: none;
}
@font-face {
  font-family: 'baloo-regular';
  src: url(/build/6208e6316eed6b9e1de0a022ace38958.ttf);
}
@font-face {
  font-family: 'baloo-bold';
  src: url(/build/65719b39434b2c86bea54d53354cb10c.ttf);
  font-weight: bold;
}
body {
  color: #575756;
  font-family: 'baloo-regular';
  font-size: 1rem;
}
main {
  position: relative;
  text-align: center;
  padding-top: 4.5rem;
  padding-bottom: 0.75rem;
  min-height: calc(100vh - 10.6rem);
}
@media only screen and (max-width: 1080px) {
  main {
    padding-top: 1.75rem;
  }
}
main .main__confetti {
  position: absolute;
  top: 4.5rem;
  left: 0;
  width: 100%;
  height: 15rem;
  background: url(/build/9bfe7159ad9d6b835f52ba65c6b49bc9.svg) no-repeat 50%;
  background-size: contain;
  z-index: -1;
}
main .main__confetti--low {
  top: 12rem;
}
main .main__confetti--transparant {
  opacity: 0.25;
}
main .main__logo {
  position: fixed;
  bottom: -0.5rem;
  right: 0;
  filter: drop-shadow(6px 6px 10px rgba(0, 0, 0, 0.5));
}
main .main__logo .main__logo-container {
  height: 8.438rem;
  width: 9.938rem;
  background-color: #fff;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
main .main__logo img {
  width: 3.75rem;
  height: auto;
  margin: 5rem -4.5rem 0 0;
}
main .main__disclaimer {
  position: absolute;
  font-size: 0.8125rem;
  text-align: left;
  max-width: 50%;
  bottom: 1rem;
  left: 1rem;
}
.content {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 0.75rem;
}
.content .content--small {
  margin: 0 auto;
  max-width: 800px;
}
.content .content--extrasmall {
  position: relative;
  margin: 0 auto;
  max-width: 500px;
}
h1 {
  font-family: 'baloo-bold';
  font-size: 2.375rem;
  color: #ff436c;
  margin-bottom: 2.25rem;
  line-height: 1.3;
}
h1 span {
  font-family: 'baloo-regular';
}
h1 ~ p {
  margin: -1.5rem 0 2.25rem;
}
h2 {
  color: #575756;
  font-family: 'baloo-bold';
  font-size: 1.75rem;
  margin: -1.5rem 0 1.5rem;
  line-height: 1.3;
}
h3 {
  color: #ff436c;
  font-family: 'baloo-bold';
  font-size: 1.3125rem;
}
h4 {
  margin-top: -1.5rem;
  color: #ff436c;
  font-family: 'baloo-bold';
  font-size: 1.125rem;
}
p,
ul {
  font-size: 1.125rem;
}
p + p {
  margin: 1.5rem 0;
}
.intro {
  font-family: 'baloo-bold';
  font-size: 1.125rem;
}
.continue {
  color: #575756;
  margin: 3rem 0 1.5rem;
}
.description {
  color: #ff436c;
  margin: -1.5rem 0 3rem;
}
.video {
  position: relative;
  width: 75%;
  height: 0;
  padding-bottom: 56.25%;
  margin: 0 auto;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.reset {
  margin: 4.813rem 0 14rem;
}
.reset .reset__content {
  margin-bottom: 4.813rem;
  border-bottom: 1px solid rgba(119, 117, 117, 0.5);
}
.reset .reset__content h2 {
  color: #ff436c;
  margin: 0;
}
.reset .reset__content p {
  max-width: 25rem;
  margin: 1.5rem auto 4.813rem;
}
.reset::after {
  position: absolute;
  top: 4.5rem;
  left: 0;
  width: 100%;
  height: 15rem;
  background: url(/build/9bfe7159ad9d6b835f52ba65c6b49bc9.svg) no-repeat 50%;
  background-size: contain;
  z-index: -1;
  content: '';
  top: auto;
  bottom: 25rem;
}
.link {
  color: #777575;
  text-decoration: none;
  transition: color 0.3s ease;
}
.link:hover {
  color: #575756;
}
.link + .link {
  padding-left: 1.5rem;
}
.button {
  color: #fff;
  text-decoration: none;
  font-size: 1.125rem;
  font-family: 'baloo-bold';
  padding: 0.3rem 0.75rem;
  background-color: #00bbc7;
  border: none;
  border-radius: 6px;
  transition: background-color 0.3s ease;
}
.button:hover {
  background-color: #ff436c;
}
.button--secondary {
  background-color: #ff436c;
}
.button--secondary:hover {
  background-color: #00bbc7;
}
.button--gray {
  background-color: #919191;
}
.button--clear {
  color: #777575;
  background: none;
}
.button--clear:hover {
  color: #575756;
  background-color: transparent;
}
.button--disabled {
  background-color: rgba(255, 67, 108, 0.2);
}
.button--disabled:hover {
  background-color: rgba(255, 67, 108, 0.2);
}
.button--add {
  position: relative;
  display: inline-block;
  background-color: #fff;
  width: 6rem;
  height: 6rem;
  padding: 0;
  margin-top: 1.5rem;
  border-radius: 50%;
  border: 1px solid #bab8b8;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
}
.button--add .icon {
  position: absolute;
  margin-top: 1.5rem;
  margin-left: -1.35rem;
}
.button--add:hover {
  background-color: #bab8b8;
}
.bullet {
  position: relative;
  font-family: 'baloo-bold';
  background-color: #777575;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0.5rem;
  border: none;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
}
.bullet--active:before {
  content: '';
  position: absolute;
  width: 1.75rem;
  height: 1.75rem;
  left: -0.25rem;
  top: -0.25rem;
  border: 2px solid #ff436c;
  border-radius: 50%;
}
.bullet--completed {
  background-color: #ff436c;
}
.download__theme .bullet {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 2.5rem;
}
.download__theme .bullet--active:before {
  width: 2.75rem;
  height: 2.75rem;
}
.modal-button {
  position: absolute;
  width: 12rem;
  height: auto;
  top: -5rem;
  right: 0;
  padding: 0;
  cursor: pointer;
}
.icon {
  width: 1rem;
  height: 1rem;
  display: inline-block;
}
.icon.icon--sound {
  margin-left: 0.5rem;
  background: url(/build/9a561ca3488447d01243fee96107ba04.svg) no-repeat;
}
.icon.icon--nosound {
  margin-left: 0.5rem;
  background: url(/build/b15db95d6ac9ab4d542b01aac1e5ece0.svg) no-repeat;
}
.icon.icon--arrow-right {
  margin-left: 0.5rem;
  background: url(/build/11655a0b5f4fe631beb33ebfed8b88e3.svg) no-repeat;
}
.icon.icon--arrow-left {
  margin-right: 0.5rem;
  transform: rotate(180deg);
  background: url(/build/c987bf91169c30a8c2463ee6ced04d0d.svg) no-repeat;
}
.icon.icon--edit {
  margin-left: 0.5rem;
  background: url(/build/af6521377b60504e3859f28b6e8b7982.svg) no-repeat;
}
.icon.icon--remove {
  margin-left: 0.5rem;
  background: url(/build/8683ab37a7e2d1d62dd4970160b1f421.svg) no-repeat;
}
.icon.icon--add {
  width: 3rem;
  height: 3rem;
  background: url(/build/33e4a4d54bca75a0d71a1085c3d03e3c.svg) no-repeat;
}
.icon.icon--check {
  margin-top: 0.25rem;
  background: url(/build/0c29f7ad3bd1a76d83d9a7fc74c26ecf.svg) no-repeat;
}
.icon.icon--close {
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.25rem;
  background: url(/build/83ad19cf3f491e52ef8272b7c4dcd845.svg) no-repeat;
}
header {
  background-color: #fff;
  box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.1);
}
header .header__top {
  text-align: right;
  background-color: #f7f7f7;
}
header .header__menu {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 0.75rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0.75rem;
}
header .header__logo {
  background: url(/build/fa40355f708b57ee44775db8c7ecc45a.svg) no-repeat;
  width: 12rem;
  height: auto;
}
header .header__reader {
  display: flex;
  color: #ff436c;
  align-items: center;
  font-size: 1.125rem;
  text-decoration: none;
}
.blocks {
  position: relative;
  display: grid;
}
.blocks.blocks--column1 {
  max-width: 18rem;
  margin: 0 auto;
  margin-bottom: 100px;
}
.blocks.blocks--column2 {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.75rem;
}
.blocks.blocks--column2 h2 {
  color: #ff436c;
}
.blocks.blocks--column3 {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.75rem;
}
.blocks.blocks--column4 {
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0.75rem;
  padding-bottom: 7.5rem;
}
.blocks.blocks--column5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}
.blocks.blocks--column5 .blocks__portrait {
  width: calc(1200px / 6);
  margin: 0;
  background: 0;
}
.blocks .blocks__block {
  padding: 5rem;
  border-radius: 6px;
  background-color: #f7f7f7;
}
.blocks .blocks__block--small {
  padding: 4rem;
}
.blocks .block__block--extrasmall {
  padding: 2rem 0;
}
.blocks .blocks__portrait {
  margin: 0 auto;
  width: 100%;
  padding: 0.75rem 0 0;
  border-radius: 6px;
  background-color: #fafafa;
}
.blocks .blocks__portrait--disabled {
  opacity: 0.5;
}
.blocks .blocks__portrait--selected {
  background-color: #f2f2f2;
}
.blocks .blocks__text {
  display: inline-block;
  margin-bottom: 1.5rem;
}
.blocks .blocks__edit,
.blocks .blocks__select,
.blocks .blocks__remove {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #d3d3d3;
  padding: 0.75rem 0;
  font-family: 'baloo-bold';
  color: #939494;
  text-decoration: none;
  transition: text-decoration 0.3s ease;
}
.blocks .blocks__edit:hover,
.blocks .blocks__select:hover,
.blocks .blocks__remove:hover {
  text-decoration: underline;
}
.blocks .blocks__select {
  display: flex;
  padding: 0.75rem;
}
.blocks .blocks__select input {
  width: auto;
  margin: 0 0.5rem 0 0;
}
.blocks .blocks__select label {
  display: block;
  font-size: 1.125rem;
}
.blocks .blocks__actions {
  display: flex;
  width: 100%;
}
.blocks .blocks__actions .blocks__edit {
  border-right: 1px solid #d3d3d3;
}
.blocks .blocks__actions .blocks__edit,
.blocks .blocks__actions .blocks__remove {
  width: 50%;
}
.blocks .block__title {
  color: #000;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #d3d3d3;
}
.blocks .block__title p {
  font-size: 1.3125rem;
}
.blocks .block__image {
  max-width: 20rem;
  margin: 0 auto;
  padding-bottom: 3rem;
}
.blocks .block__image p:first-of-type {
  font-size: 1.237rem;
}
.blocks .block__image p,
.blocks .block__image img {
  margin-bottom: 3rem;
}
.blocks + .blocks {
  margin-top: 2.25rem;
}
form {
  padding-top: 1.5rem;
  margin: 0 auto;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1080px) {
  form {
    padding-top: 1rem;
  }
}
form .form__content {
  width: 35rem;
  margin: 0 auto;
}
form .form__error {
  width: 100%;
  text-align: left;
  display: inline-block;
  color: #ff436c;
  font-family: 'baloo-bold';
}
form label {
  width: 100%;
  text-align: left;
  display: inline-block;
}
form input,
form select {
  width: calc(100% - 2rem);
  padding: 0.75rem 1rem;
  border-radius: 6px;
  margin-bottom: 1.5rem;
}
form select {
  width: 100%;
  background-color: #fff;
}
form button {
  float: right;
}
/* Dit werkt niet als ik hem binnen de form zet, maar waarom ?*/
.hidden-fields {
  display: none;
}
.pusher {
  padding-bottom: 7.5rem;
}
.progressbar {
  position: fixed;
  bottom: -0.5rem;
  width: calc(100% - 1.5rem);
  max-width: calc(1200px - 1.5rem);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #f7f7f7;
  z-index: 88;
}
@media only screen and (max-width: 1080px) {
  .progressbar {
    box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.1);
  }
}
.progressbar .progressbar__top {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #b6b5b5;
}
.progressbar .progressbar__top .progressbar__action {
  flex: 1;
  margin: 0.75rem 0.3rem;
}
.progressbar .progressbar__top .progressbar__action:first-child {
  text-align: left;
}
.progressbar .progressbar__top .progressbar__action:last-child {
  text-align: right;
}
.progressbar .progressbar__top p {
  flex: 1;
  text-align: center;
  color: #ff436c;
}
.progressbar .progressbar__top .button {
  font-family: 'baloo-regular';
}
.progressbar .progressbar__progress {
  display: flex;
  justify-content: center;
  height: 3rem;
  margin: 0.75rem 0 0 0.75rem;
}
.alert {
  position: relative;
  margin: 4.813rem auto 0;
  max-width: 30rem;
  padding: 2.25rem;
  border-radius: 6px;
  background-color: #f7f7f7;
  font-size: 1.3125rem;
  line-height: 1.9375rem;
}
.alert::before {
  position: absolute;
  content: '';
  background: url(/build/2d69a15efd7e73d73675c7f687e8bde2.svg);
  width: 1.5rem;
  height: 1.5rem;
  top: -0.75rem;
  left: calc(50% - 0.75rem);
}
.alert--small {
  margin: 0 auto;
  max-width: 40rem;
  margin-bottom: 0;
  margin-top: -2.25rem;
  background-color: transparent;
}
.alert--small::before {
  left: 1rem;
  top: 2.2rem;
}
.alert--center {
  margin: 0 auto;
  max-width: 30rem;
  margin-bottom: 4.813rem;
  background-color: transparent;
}
.alert--center::before {
  left: 50%;
  top: 0rem;
  transform: translateX(-0.75rem);
}
.blocks.blocks--column4 + .alert {
  margin-top: -4.813rem;
}
.portrait {
  position: relative;
  width: 11rem;
  height: 11rem;
  margin: 1.5rem auto;
  border-radius: 50%;
}
.portrait.portrait--primary {
  background-color: #00bbc7;
}
.portrait.portrait--blue {
  background-color: #c59792;
}
.portrait.portrait--pink {
  background-color: #f18aa1;
}
.portrait.portrait--gray {
  background-color: #bab8b8;
}
.portrait.portrait--orange {
  background-color: #fd8d7a;
}
.portrait.portrait--green {
  background-color: #a6c5c1;
}
.portrait.portrait--darkblue {
  background-color: #5296ac;
}
.portrait.portrait--purple {
  background-color: #9d8188;
}
.portrait::before {
  position: absolute;
  content: '';
  width: 11.5rem;
  height: 11.5rem;
  border-radius: 50%;
  left: -0.5rem;
  top: -0.5rem;
  border: 4px dotted #ff436c;
}
.portrait .portrait_age,
.portrait .portrait__skin,
.portrait .portrait__hair,
.portrait .portrait__glasses,
.portrait .portrait__beard {
  z-index: 2;
  width: 11rem;
  height: 11rem;
  position: absolute;
}
.portrait .portrait__skin {
  z-index: 1;
}
.portrait .portrait__skin--hidden {
  display: none;
}
.portrait .portrait__skin--,
.portrait .portrait__skin--light,
.portrait .portrait__skin----light,
.portrait .portrait__skin--adult--light {
  background: url(/build/87cdd999286e35cf6fc2d21e7a60247a.svg);
}
.portrait .portrait__skin--yellow,
.portrait .portrait__skin----yellow,
.portrait .portrait__skin--adult--yellow {
  background: url(/build/0e8429842763d990030c4d81023dbb70.svg);
}
.portrait .portrait__skin--medium,
.portrait .portrait__skin----medium,
.portrait .portrait__skin--adult--medium {
  background: url(/build/e00e9c13f1c03985bc97dfe942003f63.svg);
}
.portrait .portrait__skin--dark,
.portrait .portrait__skin----dark,
.portrait .portrait__skin--adult--dark {
  background: url(/build/8f6c40eb69b13b6965f0b4aeac8c5ce8.svg);
}
.portrait .portrait__skin--child--,
.portrait .portrait__skin--child--light {
  background: url(/build/d34208c1742776f9c3d3f6b2d8a9ab03.svg);
}
.portrait .portrait__skin--child--yellow {
  background: url(/build/6990f09e201106c5193cdfcd4216f8c2.svg);
}
.portrait .portrait__skin--child--medium {
  background: url(/build/705603a79033be3d7e642d48bcd896cf.svg);
}
.portrait .portrait__skin--child--dark {
  background: url(/build/464925b570eccf775973a3e4acc2cc6c.svg);
}
.portrait .portrait__skin--baby--,
.portrait .portrait__skin--baby--light {
  background: url(/build/92701d4c703a963e6bc207b013fe12b3.svg);
}
.portrait .portrait__skin--baby--yellow {
  background: url(/build/01477d2e43ee58e178cce24c4cd5a10c.svg);
}
.portrait .portrait__skin--baby--medium {
  background: url(/build/59ee305402bfea656f2337bf09507024.svg);
}
.portrait .portrait__skin--baby--dark {
  background: url(/build/3320c82f9e0337362d9b1e3d8157c216.svg);
}
.portrait .portrait__hair--hairdo15-blonde {
  background: url(/build/3fa4e1b8a60e17ba01be65e048dc2bd0.svg);
}
.portrait .portrait__hair--hairdo15-brown {
  background: url(/build/f7e6cd085009dfb2fe9fc7ff76f68159.svg);
}
.portrait .portrait__hair--hairdo15-gray {
  background: url(/build/4494dcf0486094bd51ad3ad274aad2d9.svg);
}
.portrait .portrait__hair--hairdo15-red {
  background: url(/build/03a8e5960e2005ef9f84e7a704b4b7b1.svg);
}
.portrait .portrait__hair--hairdo15-black {
  background: url(/build/316ee6e36fb45ad54389c7b0f25402b7.svg);
}
.portrait .portrait__hair--hairdo14-blonde {
  background: url(/build/cbc41bf9f02dc14d36ce5daa28b764e1.svg);
}
.portrait .portrait__hair--hairdo14-brown {
  background: url(/build/b8c1f59873cb958fe6af81e98614b1fc.svg);
}
.portrait .portrait__hair--hairdo14-gray {
  background: url(/build/752836c50fdb0c3cd303651809eace5c.svg);
}
.portrait .portrait__hair--hairdo14-red {
  background: url(/build/b0440a7a3a4879855800331640076c9c.svg);
}
.portrait .portrait__hair--hairdo14-black {
  background: url(/build/d2c76e4928bc4c13ebfbd63e04d6ed0c.svg);
}
.portrait .portrait__hair--hairdo13-blonde {
  background: url(/build/1a424c7ed838b60e11d2fa18f7a876d0.svg);
}
.portrait .portrait__hair--hairdo13-brown {
  background: url(/build/dfdefff248a1230076a7774629de9927.svg);
}
.portrait .portrait__hair--hairdo13-gray {
  background: url(/build/77edc9c59bec04857b9321602a0741c2.svg);
}
.portrait .portrait__hair--hairdo13-red {
  background: url(/build/e9e688da6057d425f065188e04c16cdc.svg);
}
.portrait .portrait__hair--hairdo13-black {
  background: url(/build/0744f1aa208db54986226b9c88d2a07a.svg);
}
.portrait .portrait__hair--hairdo12-blonde {
  background: url(/build/f117e5f62cc928b509012aa2ba166b12.svg);
}
.portrait .portrait__hair--hairdo12-brown {
  background: url(/build/112eee241dd9ad936f09332a91e99a38.svg);
}
.portrait .portrait__hair--hairdo12-gray {
  background: url(/build/d45e2bee4b802aae212a43d7c2f3d283.svg);
}
.portrait .portrait__hair--hairdo12-red {
  background: url(/build/4820e83514912b6208a3cc9bdda30201.svg);
}
.portrait .portrait__hair--hairdo12-black {
  background: url(/build/cec2d85682cc69c66f4b483a84888db6.svg);
}
.portrait .portrait__hair--hairdo11-blonde {
  background: url(/build/94dc691bbb85c902e9eca7a8a1b3a555.svg);
}
.portrait .portrait__hair--hairdo11-brown {
  background: url(/build/58e9b82e756e9582e3aac84a5c26ddd9.svg);
}
.portrait .portrait__hair--hairdo11-gray {
  background: url(/build/bc3cd0ad31c2d219a75cb8dc31871a5f.svg);
}
.portrait .portrait__hair--hairdo11-red {
  background: url(/build/2a28abf2699168a9df8dc327663c0aa3.svg);
}
.portrait .portrait__hair--hairdo11-black {
  background: url(/build/4ae1bc70e4d0145e919117417a8e7c72.svg);
}
.portrait .portrait__hair--hairdo10-blonde {
  background: url(/build/c7e9610d2e925e51804fb126a2293724.svg);
}
.portrait .portrait__hair--hairdo10-brown {
  background: url(/build/c72bd0a985cd0abb33a4a8416cb1ba21.svg);
}
.portrait .portrait__hair--hairdo10-gray {
  background: url(/build/9a4a7d8bf8871ada6b0239241ac1f556.svg);
}
.portrait .portrait__hair--hairdo10-red {
  background: url(/build/d5cb504e820a7f9d09009019c2ee8474.svg);
}
.portrait .portrait__hair--hairdo10-black {
  background: url(/build/79edfec14f81dcb15a4de3ac82ef8415.svg);
}
.portrait .portrait__hair--hairdo9-blonde {
  background: url(/build/4c5026352e37f251a11fed853e94b51d.svg);
}
.portrait .portrait__hair--hairdo9-brown {
  background: url(/build/558e1e38c3ce8bd81aafcbbcb107eede.svg);
}
.portrait .portrait__hair--hairdo9-gray {
  background: url(/build/05b677a78d773a3a03935c9b86f0576f.svg);
}
.portrait .portrait__hair--hairdo9-red {
  background: url(/build/7ce012dfdc5721b09c9b25cc024466c5.svg);
}
.portrait .portrait__hair--hairdo9-black {
  background: url(/build/8c91c218d4bb4bd069a0e2a0cab1af94.svg);
}
.portrait .portrait__hair--hairdo8-blonde {
  background: url(/build/0fca44c040ae4859acc1e14d8e493ab4.svg);
}
.portrait .portrait__hair--hairdo8-brown {
  background: url(/build/dc1530f7cd912e95372da90709eab84a.svg);
}
.portrait .portrait__hair--hairdo8-gray {
  background: url(/build/723126d8ec2a1aba613ef3f43e307198.svg);
}
.portrait .portrait__hair--hairdo8-red {
  background: url(/build/6c2ca8eaa5c785aa5e22b3b78e7bbe20.svg);
}
.portrait .portrait__hair--hairdo8-black {
  background: url(/build/6e6be142e40e0a7ea0490bfb603db44d.svg);
}
.portrait .portrait__hair--hairdo7-blonde {
  background: url(/build/a8146d9bbc312b28a5a97015972e091a.svg);
}
.portrait .portrait__hair--hairdo7-brown {
  background: url(/build/354dc6d06f9f57d54b73689223d69ed7.svg);
}
.portrait .portrait__hair--hairdo7-gray {
  background: url(/build/6e3a5718df7d58793dba2e19ee9e7910.svg);
}
.portrait .portrait__hair--hairdo7-red {
  background: url(/build/4a23b3920cbc7defbef6a57f28c93d18.svg);
}
.portrait .portrait__hair--hairdo7-black {
  background: url(/build/0e210657b4cb630b366e7405b741283b.svg);
}
.portrait .portrait__hair--hairdo6-blonde {
  background: url(/build/9a4813ce9bffd97841cb1ce0bb6a30f3.svg);
}
.portrait .portrait__hair--hairdo6-brown {
  background: url(/build/9d7b077b1c7f560098855355868b436b.svg);
}
.portrait .portrait__hair--hairdo6-gray {
  background: url(/build/3156f030345ddf2e59b56e2b69e32acc.svg);
}
.portrait .portrait__hair--hairdo6-red {
  background: url(/build/79418e2e5904aa14189b4efd3f330c02.svg);
}
.portrait .portrait__hair--hairdo6-black {
  background: url(/build/10d0b9fb31675e265c1b6624cd695878.svg);
}
.portrait .portrait__hair--hairdo5-blonde {
  background: url(/build/8a04943d1e2275dab8674ba845893e11.svg);
}
.portrait .portrait__hair--hairdo5-brown {
  background: url(/build/6fe24577e909d2830b203333675e26a6.svg);
}
.portrait .portrait__hair--hairdo5-gray {
  background: url(/build/ec224a4a6b8c2e3781868e47775fed03.svg);
}
.portrait .portrait__hair--hairdo5-red {
  background: url(/build/6e413db9d1975a673846e2c0cb0475c5.svg);
}
.portrait .portrait__hair--hairdo5-black {
  background: url(/build/4f2ef583cc8fb71b51e155bbca3957ef.svg);
}
.portrait .portrait__hair--hairdo4-blonde {
  background: url(/build/257579ec2ee21fe2815e0d37828a9576.svg);
}
.portrait .portrait__hair--hairdo4-brown {
  background: url(/build/333bbf1a7ddecaa5178505465cd779be.svg);
}
.portrait .portrait__hair--hairdo4-gray {
  background: url(/build/63765f22404bd44b6861692bedd6533e.svg);
}
.portrait .portrait__hair--hairdo4-red {
  background: url(/build/7e8ddb36f227dcc7c0f5cb20ebf1265c.svg);
}
.portrait .portrait__hair--hairdo4-black {
  background: url(/build/cc7e1bd1246924a1ca4fcc3ffa3a23c2.svg);
}
.portrait .portrait__hair--hairdo3-blonde {
  background: url(/build/566fee46e5d8a64f8c4b26f81377080b.svg);
}
.portrait .portrait__hair--hairdo3-brown {
  background: url(/build/db345f8ec60db208a036dc355f5eaf1e.svg);
}
.portrait .portrait__hair--hairdo3-gray {
  background: url(/build/1f845f09685dc97428940098a96f22cc.svg);
}
.portrait .portrait__hair--hairdo3-red {
  background: url(/build/d5f7acb917a5fbb7f37cf524ef1fe5a0.svg);
}
.portrait .portrait__hair--hairdo3-black {
  background: url(/build/a3d5009f4fac7ff94cb05b706afcc7a6.svg);
}
.portrait .portrait__hair--hairdo2-blonde {
  background: url(/build/1a424c7ed838b60e11d2fa18f7a876d0.svg);
}
.portrait .portrait__hair--hairdo2-brown {
  background: url(/build/dfdefff248a1230076a7774629de9927.svg);
}
.portrait .portrait__hair--hairdo2-gray {
  background: url(/build/77edc9c59bec04857b9321602a0741c2.svg);
}
.portrait .portrait__hair--hairdo2-red {
  background: url(/build/e9e688da6057d425f065188e04c16cdc.svg);
}
.portrait .portrait__hair--hairdo2-black {
  background: url(/build/3a4a1dd35b80797ccc9d9d1f507a08b4.svg);
}
.portrait .portrait__hair--hairdo1-blonde {
  background: url(/build/f117e5f62cc928b509012aa2ba166b12.svg);
}
.portrait .portrait__hair--hairdo1-brown {
  background: url(/build/112eee241dd9ad936f09332a91e99a38.svg);
}
.portrait .portrait__hair--hairdo1-gray {
  background: url(/build/d45e2bee4b802aae212a43d7c2f3d283.svg);
}
.portrait .portrait__hair--hairdo1-red {
  background: url(/build/4820e83514912b6208a3cc9bdda30201.svg);
}
.portrait .portrait__hair--hairdo1-black {
  background: url(/build/e2ddcb2d2a539f20bd9d25fe7942c285.svg);
}
.portrait .portrait__glasses--glasses2-brown {
  background: url(/build/5c9d9539980749ebcc155467c5f60ac7.svg);
}
.portrait .portrait__glasses--glasses2-gray {
  background: url(/build/a734db107f26411eb7cccfe6e20fa163.svg);
}
.portrait .portrait__glasses--glasses2-black {
  background: url(/build/451103e412144c04530c97fe5c368087.svg);
}
.portrait .portrait__glasses--glasses1-brown {
  background: url(/build/4d97f6d44c40cc9105aa6a02317adf76.svg);
}
.portrait .portrait__glasses--glasses1-gray {
  background: url(/build/101bd27b13dcb9ebb647212b5711ab06.svg);
}
.portrait .portrait__glasses--glasses1-black {
  background: url(/build/967edcb4318576438adb3eeb5b6fe5bc.svg);
}
.portrait .portrait__beard--beard3-blonde {
  background: url(/build/b7f0a0b3d7f8e6f57de2a2b3a55ba88e.svg);
}
.portrait .portrait__beard--beard3-brown {
  background: url(/build/08415ffc828f0a9cc5518d65f06f64c7.svg);
}
.portrait .portrait__beard--beard3-gray {
  background: url(/build/44cc5360aeef3bf8c98e0ac41208ded1.svg);
}
.portrait .portrait__beard--beard3-red {
  background: url(/build/293a917937ed87c3492f773bcfea94c0.svg);
}
.portrait .portrait__beard--beard3-black {
  background: url(/build/9db347a882e8efb122accb1e13b5c169.svg);
}
.portrait .portrait__beard--beard2-blonde {
  background: url(/build/d9928b16cc95f2f75dcf63dc5059edd6.svg);
}
.portrait .portrait__beard--beard2-brown {
  background: url(/build/d7b7c88b259d9b448a179648e48bb370.svg);
}
.portrait .portrait__beard--beard2-gray {
  background: url(/build/a0c04c2ebbfbd844021c05991f8c0057.svg);
}
.portrait .portrait__beard--beard2-red {
  background: url(/build/5c8b68604bd00010bb4f0af25ad2aa99.svg);
}
.portrait .portrait__beard--beard2-black {
  background: url(/build/0117c1fa790a8c9515fa3c84da450f6d.svg);
}
.portrait .portrait__beard--beard1-blonde {
  background: url(/build/f0144ee72cec5e5943c38f059d0c59b7.svg);
}
.portrait .portrait__beard--beard1-brown {
  background: url(/build/6d0f79341e03e4c2fb4afdf74b9ebb1a.svg);
}
.portrait .portrait__beard--beard1-gray {
  background: url(/build/703e7ac774dc6849827b62977dc51889.svg);
}
.portrait .portrait__beard--beard1-red {
  background: url(/build/f134c96f42d741a84e2723b4b95bd14b.svg);
}
.portrait .portrait__beard--beard1-black {
  background: url(/build/5c438070a03e34bba87b4390b96cdf84.svg);
}
.blocks .blocks--column5 .blocks__portrait + .blocks__portrait {
  padding-left: 0.75rem;
}
.blocks .blocks--column5 .blocks__portrait .portrait {
  width: 9rem;
  height: 9rem;
}
.blocks .blocks--column5 .blocks__portrait .portrait::before {
  width: 9.5rem;
  height: 9.5rem;
}
.blocks .blocks--column5 .blocks__portrait .portrait .portrait__skin,
.blocks .blocks--column5 .blocks__portrait .portrait .portrait__hair,
.blocks .blocks--column5 .blocks__portrait .portrait .portrait__glasses,
.blocks .blocks--column5 .blocks__portrait .portrait .portrait__beard {
  width: 9rem;
  height: 9rem;
}
.generator {
  border-radius: 6px;
  background-color: #fafafa;
  margin-bottom: 7.5rem;
}
.generator .generator__tabs {
  display: flex;
  border-radius: 6px;
  justify-content: space-between;
  text-align: center;
}
.generator .generator__tab {
  width: 100%;
  color: #777575;
  text-decoration: none;
  padding: 0.75rem 0;
  background-color: #e4e4e4;
}
.generator .generator__tab:first-child {
  border-top-left-radius: 6px;
}
.generator .generator__tab:last-child {
  border-top-right-radius: 6px;
}
.generator .generator__tab img {
  width: 100%;
  height: 2rem;
}
.generator .generator__tab p {
  margin-top: -0.5rem;
}
.generator .generator__tab--active {
  color: #fff;
  font-family: 'baloo-bold';
  background-color: #919191;
}
.generator .generator__tab--disabled > * {
  opacity: 0.3;
}
.generator .generator__tab + .generator__tab {
  border-left: 1px solid #919191;
}
.generator h3 {
  margin: 1.5rem 0;
}
.generator form label {
  display: none;
}
.generator form select {
  visibility: hidden;
  position: fixed;
}
.generator .portrait {
  background-color: #fff;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
.generator .button {
  float: none;
  margin: 0 auto 1.5rem;
}
.generator .generator__skin,
.generator .generator__hair {
  width: 30rem;
  margin: 0 auto;
  padding: 1.5rem;
  border-bottom: 1px solid #b6b5b5;
}
.generator .generator__skin .generator__skin--1,
.generator .generator__hair .generator__skin--1 {
  background-color: #f4d7c5;
}
.generator .generator__skin .generator__skin--2,
.generator .generator__hair .generator__skin--2 {
  background-color: #eac99c;
}
.generator .generator__skin .generator__skin--3,
.generator .generator__hair .generator__skin--3 {
  background-color: #b18168;
}
.generator .generator__skin .generator__skin--4,
.generator .generator__hair .generator__skin--4 {
  background-color: #743924;
}
.generator .generator__skin .generator__hair--1,
.generator .generator__hair .generator__hair--1 {
  background-color: #777575;
}
.generator .generator__skin .generator__hair--2,
.generator .generator__hair .generator__hair--2 {
  background-color: #71564c;
}
.generator .generator__skin .generator__hair--3,
.generator .generator__hair .generator__hair--3 {
  background-color: #381204;
}
.generator .generator__skin .generator__hair--4,
.generator .generator__hair .generator__hair--4 {
  background-color: #efdc8a;
}
.generator .generator__skin .generator__hair--5,
.generator .generator__hair .generator__hair--5 {
  background-color: #e3441b;
}
.generator .generator__skin .generator__glasses--1,
.generator .generator__hair .generator__glasses--1 {
  background-color: #777575;
}
.generator .generator__skin .generator__glasses--2,
.generator .generator__hair .generator__glasses--2 {
  background-color: #000;
}
.generator .generator__skin .generator__glasses--3,
.generator .generator__hair .generator__glasses--3 {
  background-color: #4b1c0b;
}
.swiper-container {
  top: -1.5rem;
  margin: 0 1.5rem !important;
  padding: 2.25rem;
}
.swiper-container .swiper-slide:not(.swiper-slide-next) .portrait {
  transform: scale(0.9);
}
.swiper-container .swiper-slide:not(.swiper-slide-next) .portrait:before {
  display: none;
}
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #919191;
  transition: background-color 0.3s ease;
}
.swiper-container .swiper-button-prev:after,
.swiper-container .swiper-button-next:after {
  content: '';
  width: 1rem;
  height: 1rem;
  display: inline-block;
  margin: 0 0 0 0.5rem;
  background: url(/build/9ac2d2e14034234048e564f40b155c26.svg) no-repeat;
}
.swiper-container .swiper-button-prev:hover,
.swiper-container .swiper-button-next:hover {
  background-color: #575756;
}
.swiper-container .swiper-button-prev:after {
  margin: 0 0.5rem 0 0;
  transform: rotate(180deg);
}
.modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: none;
  z-index: -1;
}
.modal .modal__popup {
  display: none;
  width: 100%;
  max-width: calc(1200px - 1.25rem);
  margin: 7.5rem auto;
  background-color: #f7f7f7;
  border-radius: 6px;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.modal .modal__top {
  display: flex;
  justify-content: flex-end;
  padding: 1.5rem;
}
.modal .modal__top .button {
  padding: 0;
  font-family: 'baloo-regular';
  cursor: pointer;
}
.modal .modal__content {
  border-top: 1px solid rgba(119, 117, 117, 0.3);
  padding: 4.813rem 0 0.75rem;
}
.modal .modal__content .hidden {
  display: none;
}
.modal .modal__content .alert.alert--center {
  width: 40rem;
  max-width: 40rem;
}
.modal--active {
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 99;
}
.modal--active .modal__popup {
  display: block;
}
.download {
  margin-bottom: 7.5rem;
}
.download h3 {
  margin: 3rem 0 1.5rem;
  font-size: 1.75rem;
}
.download .download__theme {
  padding-bottom: 4rem;
  border-bottom: 1px solid rgba(119, 117, 117, 0.7);
}
.download .download__theme .download__theme--1 {
  background: url(/build/0817eeef0594dad6133796b3d70b2e1a.png) 50%;
}
.download .download__theme .download__theme--2 {
  background: url(/build/34ddc9eb62fb260f7a5cdf4e7752a9d7.png);
  background-size: contain;
}
.download .download__theme .download__theme--3 {
  background: url(/build/a8200332e4daf09216fcfd0824307b30.png);
  background-size: contain;
}
.download .download__theme .download__theme--4 {
  background: url(/build/757041a9ddd979a7b35fa3d27a0a6ee3.png);
  background-size: contain;
}
.download .download__theme .download__theme--1,
.download .download__theme .download__theme--2,
.download .download__theme .download__theme--3,
.download .download__theme .download__theme--4 {
  position: relative;
}
.download .download__theme .download__theme--1 label,
.download .download__theme .download__theme--2 label,
.download .download__theme .download__theme--3 label,
.download .download__theme .download__theme--4 label {
  position: absolute;
  color: #575756;
  font-family: 'baloo-regular';
  font-size: 1.125rem;
  text-align: center;
  width: 4rem;
  bottom: -2rem;
  left: -0.75rem;
}
.download #choose_theme {
  visibility: hidden;
  margin-top: -4.813rem;
}
.download button {
  visibility: visible;
  float: unset;
}
.preview img {
  display: none;
}
.preview img.active {
  display: initial;
}
.pdf {
  text-align: center;
}
.pdf .pdf__page {
  width: 297mm;
  height: 200mm;
  page-break-before: always;
  overflow: hidden;
}
.pdf .pdf__page #infographic {
  margin-top: 25px;
}
.pdf .pdf__header {
  position: relative;
  background: url(/build/fa40355f708b57ee44775db8c7ecc45a.svg) no-repeat center;
  width: 100%;
  height: 2rem;
  margin-top: 2.25rem;
}
.pdf .pdf__header::after {
  position: absolute;
  top: 4.5rem;
  left: 0;
  width: 100%;
  height: 15rem;
  background: url(/build/9bfe7159ad9d6b835f52ba65c6b49bc9.svg) no-repeat 50%;
  background-size: contain;
  z-index: -1;
  content: '';
  top: -3rem;
}
.pdf .pdf__content {
  margin: 0.75rem;
}
.pdf .pdf__content h3 {
  margin-bottom: 25px;
}
.pdf .pdf__content #canvas-wrapper {
  margin-left: calc(148.5mm - 300px);
  height: 600px;
  width: 600px;
}
.pdf .pdf__block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 297mm;
  padding: 2.25rem;
  height: 465px;
}
.pdf .pdf__block .blocks__portrait {
  width: auto;
  margin: 0 1.5rem 1.5rem;
  background: 0;
}
.pdf .pdf__block .blocks__portrait .portrait {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.pdf .pdf__block h3 {
  margin-bottom: -0.5rem;
}
.pdf .pdf__block .portrait,
.pdf .pdf__block .portrait__hair,
.pdf .pdf__block .portrait__glasses,
.pdf .pdf__block .portrait__beard,
.pdf .pdf__block .portrait__skin {
  width: 6rem;
  height: 6rem;
}
.pdf .pdf__block .portrait::before,
.pdf .pdf__block .portrait__hair::before,
.pdf .pdf__block .portrait__glasses::before,
.pdf .pdf__block .portrait__beard::before,
.pdf .pdf__block .portrait__skin::before {
  width: 6.5rem;
  height: 6.5rem;
}
.pdf .pdf__block--small {
  height: 100px;
  padding: 0;
}
.pdf .pdf__block--small .blocks__portrait {
  padding: 0;
  margin: 0 1.5rem;
}
.pdf .pdf__block--small .blocks__text {
  margin-bottom: 0;
}
.pdf .pdf__block--small .blocks__text h3,
.pdf .pdf__block--small .blocks__text p {
  font-size: 15px;
  font-family: 'baloo-regular';
}
.pdf .pdf__block--small .portrait,
.pdf .pdf__block--small .portrait__hair,
.pdf .pdf__block--small .portrait__glasses,
.pdf .pdf__block--small .portrait__beard,
.pdf .pdf__block--small .portrait__skin {
  width: 3.5rem;
  height: 3.5rem;
}
.pdf .pdf__block--small .portrait::before,
.pdf .pdf__block--small .portrait__hair::before,
.pdf .pdf__block--small .portrait__glasses::before,
.pdf .pdf__block--small .portrait__beard::before,
.pdf .pdf__block--small .portrait__skin::before {
  width: 4rem;
  height: 4rem;
}
.pdf .pdf__block--extrasmall {
  height: 300px;
  padding: 0;
}
.pdf .pdf__block--extrasmall .blocks__portrait {
  padding: 0;
  margin: 0 1.5rem;
}
.pdf .pdf__block--extrasmall .blocks__text {
  margin-bottom: 0;
}
.pdf .pdf__block--extrasmall .blocks__text h3,
.pdf .pdf__block--extrasmall .blocks__text p {
  font-size: 15px;
  font-family: 'baloo-regular';
}
.pdf .pdf__block--extrasmall .portrait,
.pdf .pdf__block--extrasmall .portrait__hair,
.pdf .pdf__block--extrasmall .portrait__glasses,
.pdf .pdf__block--extrasmall .portrait__beard,
.pdf .pdf__block--extrasmall .portrait__skin {
  width: 3.5rem;
  height: 3.5rem;
}
.pdf .pdf__block--extrasmall .portrait::before,
.pdf .pdf__block--extrasmall .portrait__hair::before,
.pdf .pdf__block--extrasmall .portrait__glasses::before,
.pdf .pdf__block--extrasmall .portrait__beard::before,
.pdf .pdf__block--extrasmall .portrait__skin::before {
  width: 4rem;
  height: 4rem;
}
.pdf .schema-portraits .blocks__portrait {
  padding: 0;
  margin: 0 1.5rem;
}
.pdf .schema-portraits .blocks__text {
  margin-bottom: 0;
}
.pdf .schema-portraits .blocks__text h3,
.pdf .schema-portraits .blocks__text p {
  font-size: 15px;
  font-family: 'baloo-regular';
}
.pdf .schema-portraits .blocks__text h3 {
  margin-bottom: 0px;
}
.pdf .schema-portraits .portrait,
.pdf .schema-portraits .portrait__hair,
.pdf .schema-portraits .portrait__glasses,
.pdf .schema-portraits .portrait__beard,
.pdf .schema-portraits .portrait__skin {
  width: 3.5rem;
  height: 3.5rem;
  margin: 0rem auto;
}
.pdf .schema-portraits .portrait::before,
.pdf .schema-portraits .portrait__hair::before,
.pdf .schema-portraits .portrait__glasses::before,
.pdf .schema-portraits .portrait__beard::before,
.pdf .schema-portraits .portrait__skin::before {
  width: 4rem;
  height: 4rem;
  border: none;
}
.network {
  width: 900px;
  height: 600px;
  max-width: 900px;
  max-height: 600px;
  overflow: hidden;
  margin: 1.5rem auto;
  background: url(/build/a568d24c3f89f8ef1f3ecaf82458e546.jpg) no-repeat center center;
  background-size: contain;
}
.network.network--theme2 {
  background: url(/build/2e73aedbc4776fefb3ec284ecc0f409e.jpg) no-repeat center center;
  background-size: contain;
}
.network.network--theme3 {
  background: url(/build/ba2fbf0ade0b9bcc83f5f835ad287daa.jpg) no-repeat center center;
  background-size: contain;
}
.network.network--theme4 {
  background: url(/build/1efe807d9e6d2217cd2a6a1c8f9d1a8b.jpg) no-repeat center center;
  background-size: contain;
}
.network .network__title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.75rem 0 0.75rem;
}
.network .network__title img {
  height: 2rem;
  width: auto;
}
.network .network__title p {
  color: #e9466d;
  font-family: 'baloo-bold';
  font-size: 2.375rem;
  margin: 0.5rem 0.5rem 0 0;
}
.network .network__family {
  display: flex;
  margin: 0 auto;
  height: 400px;
  max-width: 750px;
  max-height: 400px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.network .network__family .blocks__portrait {
  margin: 0 1.5rem 1.5rem;
}
.network .network__family .blocks__portrait .portrait {
  margin: 1rem auto;
}
.network .network__family h3 {
  margin-bottom: -0.5rem;
}
.network .network__family .portrait,
.network .network__family .portrait__hair,
.network .network__family .portrait__glasses,
.network .network__family .portrait__beard,
.network .network__family .portrait__skin {
  width: 6rem;
  height: 6rem;
}
.network .network__family .portrait::before,
.network .network__family .portrait__hair::before,
.network .network__family .portrait__glasses::before,
.network .network__family .portrait__beard::before,
.network .network__family .portrait__skin::before {
  width: 6.5rem;
  height: 6.5rem;
}
.network .network__family--small {
  padding: 1rem 0;
}
.network .network__family--small .blocks__text {
  max-width: 4.5rem;
}
.network .network__family--small .blocks__text h3,
.network .network__family--small .blocks__text p {
  font-size: 1.125rem;
}
.network .network__family--small .blocks__text h3 {
  line-height: 1.3rem;
  padding-bottom: 10px;
}
.network .network__family--small .blocks__text p {
  line-height: 1.3rem;
}
.network .network__family--small .portrait,
.network .network__family--small .portrait__hair,
.network .network__family--small .portrait__glasses,
.network .network__family--small .portrait__beard,
.network .network__family--small .portrait__skin {
  width: 4.5rem;
  height: 4.5rem;
}
.network .network__family--small .portrait::before,
.network .network__family--small .portrait__hair::before,
.network .network__family--small .portrait__glasses::before,
.network .network__family--small .portrait__beard::before,
.network .network__family--small .portrait__skin::before {
  width: 5rem;
  height: 5rem;
}
.network .network__family--extrasmall {
  padding: 3rem 0;
}
.network .network__family--extrasmall .blocks__portrait {
  margin: 0 1rem 1rem;
}
.network .network__family--extrasmall .blocks__portrait h3,
.network .network__family--extrasmall .blocks__portrait p {
  font-size: 0.8125rem;
}
.network .network__family--extrasmall .portrait,
.network .network__family--extrasmall .portrait__hair,
.network .network__family--extrasmall .portrait__glasses,
.network .network__family--extrasmall .portrait__beard,
.network .network__family--extrasmall .portrait__skin {
  width: 2.5rem;
  height: 2.5rem;
}
.network .network__family--extrasmall .portrait::before,
.network .network__family--extrasmall .portrait__hair::before,
.network .network__family--extrasmall .portrait__glasses::before,
.network .network__family--extrasmall .portrait__beard::before,
.network .network__family--extrasmall .portrait__skin::before {
  width: 3rem;
  height: 3rem;
}

/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}