/* vanilla-extract-css-ns:src/vars/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAE+2W3W7iMBCF73mKSL1ppYJsxyZ292ZfJfEP/aOwod0tXfHum6RItddnFF/s1QqEkDgaZiZjz+FbHffG71vuqt+LqlouP7+yu+oqTK9vkcpHVQcT2lgVg8prLrmK1fqu6jdde81uq/N7JflNHCHzCK6SCAW7WM9mbobfee2N72JVj9l4EEHGqoE12kE1wWrvY7WDGeygrkUwVsSqm/Jar5Me/KgaE7pkVgH2sIFzvYdn8DCospVBJZ095pNqTDKpJxCRBDznASJNsYVtvswl3uUBLD39PYhIS/+YvUH90BxjxqbzPgyq46yrXay+TqfbCJFM9m3MoPRaNbH6c7xhhnlZx+ovOIr32REe4X39gL1zBotwfq4ilLqtvj7Yqk5K8XFbhbHWJTeb1zjrsKNXyrnOm0RWU2vjK5HX2DUa/CAadzIupNPOuGQYvJ2iRSeSM+PdlLuTVieyjZKcFquz6jOPA488qkFwkZysgE9WUzNXBjpdFid45nd5beB3us78brjNQWZ+l0/MwKNr4dA7mGGcLau9MonfTc6mFG+S7fl0QWNr/rff5ZPfQGe7h7Gj3xlp1ibZykdqzlpB18viGg7Nb2antrDxl8IiOyqOaWiHWRxvoCnOXbYert8BHuMrPMY3eBFoa8xn9F424CP8d/vA/sFgpX/hjyCrxNaGwWXyR2CbDS6pcW6DjRBv8OSPoG8bTfTLH8OFAS8MeGHACwP+hwz4fevdQ1td73sffH9Y2t3zrl8e7L3fDgvp2v7pZnK/1AspWqR4kSLGcmYsp0aKG0vIkWJHih4pfqQIkmJIiiIpjqRIkmJJiiYpnqSIspwpy6mymCspsixny3K6LOfLcsKkGJOiTIozKdKkLJiizWLepIiTYk6SOss9mXRlkj1J+iT5kyRQkkFJCiU5lCRRkkUJGq2q0+L0B+1B0MqVFAAA */
.yp9epa1d {
  --yp9epa0: #ffffff;
  --yp9epa1: #f8f9fa;
  --yp9epa2: #131415;
  --yp9epa3: rgba(0, 0, 0, 0.41);
  --yp9epa4: rgba(0, 0, 0, 0.15);
  --yp9epa5: #ffffff;
  --yp9epa6: rgba(0, 0, 0, 0.41);
  --yp9epa7: #e8e9eb;
  --yp9epa8: #f1f2f4;
  --yp9epa9: #ffffff;
  --yp9epaa: #9fc8ee;
  --yp9epab: #f1f2f4;
  --yp9epac: #62f9c2;
  --yp9epad: #ffce8b;
  --yp9epae: #f99fb5;
  --yp9epaf: #ffffff;
  --yp9epag: #131415;
  --yp9epah: #f8f9fa;
  --yp9epai: #4a4f54;
  --yp9epaj: rgba(0, 0, 0, 0.79);
  --yp9epak: rgba(0, 0, 0, 0.7);
  --yp9epal: rgba(0, 0, 0, 0.29);
  --yp9epam: #131415;
  --yp9epan: rgba(0, 0, 0, 0.7);
  --yp9epao: rgba(0, 0, 0, 0.05);
  --yp9epap: rgba(0, 0, 0, 0.09);
  --yp9epaq: rgba(0, 0, 0, 0.15);
  --yp9epar: #009cb5;
  --yp9epas: #d10b3d;
  --yp9epat: #f1722a;
  --yp9epau: #058657;
  --yp9epav: #e90e43;
  --yp9epaw: #131415;
  --yp9epax: rgba(0, 0, 0, 0.29);
  --yp9epay: #e8e9eb;
  --yp9epaz: #009cb5;
  --yp9epa10: #131415;
  --yp9epa11: rgba(255, 255, 255, 0.3);
  --yp9epa12: #29ccde;
  --yp9epa13: #131415;
  --yp9epa14: #5ddbe9;
  --yp9epa15: #000000;
  --yp9epa16: #ffffff;
  --yp9epa17: #009cb5;
  --yp9epa18: #29ccde;
  --yp9epa19: #d8d9db;
  --yp9epa1a: #292b2d;
  --yp9epa1b: #00b4c8;
  --yp9epa1c: #d8d9db;
}
.yp9epa1e {
  --yp9epa0: #131415;
  --yp9epa1: #1f2123;
  --yp9epa2: #ffffff;
  --yp9epa3: rgba(255, 255, 255, 0.59);
  --yp9epa4: rgba(255, 255, 255, 0.21);
  --yp9epa5: #1f2123;
  --yp9epa6: rgba(0, 0, 0, 0.83);
  --yp9epa7: #0b3f4b;
  --yp9epa8: #292b2d;
  --yp9epa9: #000000;
  --yp9epaa: #d8d9db;
  --yp9epab: #292b2d;
  --yp9epac: #03e592;
  --yp9epae: #f5517a;
  --yp9epad: #ff9c31;
  --yp9epaf: #131415;
  --yp9epag: #f8f9fa;
  --yp9epah: #131415;
  --yp9epai: #949697;
  --yp9epaj: rgba(255, 255, 255, 0.85);
  --yp9epak: rgba(255, 255, 255, 0.71);
  --yp9epal: rgba(255, 255, 255, 0.3);
  --yp9epam: #f8f9fa;
  --yp9epan: rgba(255, 255, 255, 0.71);
  --yp9epao: rgba(255, 255, 255, 0.08);
  --yp9epap: rgba(255, 255, 255, 0.17);
  --yp9epaq: rgba(255, 255, 255, 0.21);
  --yp9epar: #29ccde;
  --yp9epas: #f5517a;
  --yp9epat: #ff9c31;
  --yp9epau: #03e592;
  --yp9epav: #e90e43;
  --yp9epaw: #f8f9fa;
  --yp9epax: rgba(255, 255, 255, 0.3);
  --yp9epay: #4a4f54;
  --yp9epaz: #29ccde;
  --yp9epa10: #f8f9fa;
  --yp9epa11: rgba(255, 255, 255, 0.3);
  --yp9epa12: #29ccde;
  --yp9epa13: #f8f9fa;
  --yp9epa14: #009cb5;
  --yp9epa15: #ffffff;
  --yp9epa16: #000000;
  --yp9epa17: #29ccde;
  --yp9epa18: #009cb5;
  --yp9epa19: #292b2d;
  --yp9epa1a: #d8d9db;
  --yp9epa1b: #f8f9fa;
  --yp9epa1c: #4a4f54;
}
.yp9epa1f {
  --yp9epa0: #ffffff;
  --yp9epa1: #f8f9fa;
  --yp9epa2: #131415;
  --yp9epa3: rgba(0, 0, 0, 0.41);
  --yp9epa4: rgba(0, 0, 0, 0.15);
  --yp9epa5: #ffffff;
  --yp9epa6: rgba(0, 0, 0, 0.41);
  --yp9epa7: #e8e9eb;
  --yp9epa8: #f1f2f4;
  --yp9epa9: #ffffff;
  --yp9epaa: #9fc8ee;
  --yp9epab: #f1f2f4;
  --yp9epac: #62f9c2;
  --yp9epad: #ffce8b;
  --yp9epae: #f99fb5;
  --yp9epaf: #ffffff;
  --yp9epag: #131415;
  --yp9epah: #f8f9fa;
  --yp9epai: #4a4f54;
  --yp9epaj: rgba(0, 0, 0, 0.79);
  --yp9epak: rgba(0, 0, 0, 0.7);
  --yp9epal: rgba(0, 0, 0, 0.29);
  --yp9epam: #131415;
  --yp9epan: rgba(0, 0, 0, 0.7);
  --yp9epao: rgba(0, 0, 0, 0.05);
  --yp9epap: rgba(0, 0, 0, 0.09);
  --yp9epaq: rgba(0, 0, 0, 0.15);
  --yp9epar: #009cb5;
  --yp9epas: #d10b3d;
  --yp9epat: #f1722a;
  --yp9epau: #058657;
  --yp9epav: #e90e43;
  --yp9epaw: #131415;
  --yp9epax: rgba(0, 0, 0, 0.29);
  --yp9epay: #e8e9eb;
  --yp9epaz: #009cb5;
  --yp9epa10: #131415;
  --yp9epa11: rgba(255, 255, 255, 0.3);
  --yp9epa12: #29ccde;
  --yp9epa13: #131415;
  --yp9epa14: #5ddbe9;
  --yp9epa15: #000000;
  --yp9epa16: #ffffff;
  --yp9epa17: #009cb5;
  --yp9epa18: #29ccde;
  --yp9epa19: #d8d9db;
  --yp9epa1a: #292b2d;
  --yp9epa1b: #00b4c8;
  --yp9epa1c: #d8d9db;
}
@media (prefers-color-scheme: dark) {
  .yp9epa1f {
    --yp9epa0: #131415;
    --yp9epa1: #1f2123;
    --yp9epa2: #ffffff;
    --yp9epa3: rgba(255, 255, 255, 0.59);
    --yp9epa4: rgba(255, 255, 255, 0.21);
    --yp9epa5: #1f2123;
    --yp9epa6: rgba(0, 0, 0, 0.83);
    --yp9epa7: #0b3f4b;
    --yp9epa8: #292b2d;
    --yp9epa9: #000000;
    --yp9epaa: #d8d9db;
    --yp9epab: #292b2d;
    --yp9epac: #03e592;
    --yp9epae: #f5517a;
    --yp9epad: #ff9c31;
    --yp9epaf: #131415;
    --yp9epag: #f8f9fa;
    --yp9epah: #131415;
    --yp9epai: #949697;
    --yp9epaj: rgba(255, 255, 255, 0.85);
    --yp9epak: rgba(255, 255, 255, 0.71);
    --yp9epal: rgba(255, 255, 255, 0.3);
    --yp9epam: #f8f9fa;
    --yp9epan: rgba(255, 255, 255, 0.71);
    --yp9epao: rgba(255, 255, 255, 0.08);
    --yp9epap: rgba(255, 255, 255, 0.17);
    --yp9epaq: rgba(255, 255, 255, 0.21);
    --yp9epar: #29ccde;
    --yp9epas: #f5517a;
    --yp9epat: #ff9c31;
    --yp9epau: #03e592;
    --yp9epav: #e90e43;
    --yp9epaw: #f8f9fa;
    --yp9epax: rgba(255, 255, 255, 0.3);
    --yp9epay: #4a4f54;
    --yp9epaz: #29ccde;
    --yp9epa10: #f8f9fa;
    --yp9epa11: rgba(255, 255, 255, 0.3);
    --yp9epa12: #29ccde;
    --yp9epa13: #f8f9fa;
    --yp9epa14: #009cb5;
    --yp9epa15: #ffffff;
    --yp9epa16: #000000;
    --yp9epa17: #29ccde;
    --yp9epa18: #009cb5;
    --yp9epa19: #292b2d;
    --yp9epa1a: #d8d9db;
    --yp9epa1b: #f8f9fa;
    --yp9epa1c: #4a4f54;
  }
}

/* vanilla-extract-css-ns:src/style/typography.css.ts.vanilla.css?source=#H4sIAAAAAAAAE9Xa3W6CMBQH8HufojdLdAmEok5kD7GLXe1qqViEDQqD+oHL3n26TOeyktDVE05vizT+8j+HEHrcZ0obb8MWHnkfEBIXQjoxy9OsCclDyQV5ZKK+P12p0z0PScSyaDh2p+SWbFg1dJw4KGRy541G5x9uebpKZEhmnvdzs2yyw92iqHKWXaxWXEbJ5XrGpeSVU5csSsUqJF9bZKngTvK9LR17N8dFyXfSWfKoqJhMC3HcRPDzBVkd/nt82Pa0/jFwT1wKwg2wcn1drs3ZjgGwaJOdaGJ9u/t2CsJFm+6dLrfHbCem2BkAFipZY2ygiaXuzOrGncN40XYu0/Z24U6wlvMChIv2URWBcNE+rJbaXL/Pap6aejmMF6qcjb2xtpfaHfAKCIw24UQXbHO6KQAWbbIvaJN1Pcpzc/G6LHkVsfo3+xVtxqDsTJPtuUGn92i0vZwDgdH2s0CdMGhxF6izBqWX2nS72/oNxou2qyvM+YJWdo05aVC5/Ct/yrjK3O10aQ5U3L5pca+7Q21mbjozu506oIVuu0N7fCYbM3dXZaJNs+nMtP2MYX9tKVSm5uMLinGNVqrVmVLFpIaRFG+miiGNVmmvXyONzxOoYkSjldrvl1dzq2JCwyxWqAo2pyqmMwxjxWtVjGa0Wa0uX8VURouz709v/7R+AnUJHjMDKQAA */
._11y0vab0 {
  font-family: Open Sans;
  font-size: calc(3.5 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 130%;
  text-decoration: none;
  text-transform: none;
}
._11y0vab1 {
  font-family: Open Sans;
  font-size: calc(3.5 * var(--f8oth60));
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 130%;
  text-decoration: none;
  text-transform: none;
}
._11y0vab2 {
  font-family: Open Sans;
  font-size: calc(3 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 130%;
  text-decoration: none;
  text-transform: none;
}
._11y0vab3 {
  font-family: Open Sans;
  font-size: calc(3 * var(--f8oth60));
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 130%;
  text-decoration: none;
  text-transform: none;
}
._11y0vab4 {
  font-family: Open Sans;
  font-size: calc(2.5 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 130%;
  text-decoration: none;
  text-transform: none;
}
._11y0vab5 {
  font-family: Open Sans;
  font-size: calc(2.5 * var(--f8oth60));
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 130%;
  text-decoration: none;
  text-transform: none;
}
._11y0vab6 {
  font-family: Open Sans;
  font-size: calc(2 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 140%;
  text-decoration: none;
  text-transform: none;
}
._11y0vab7 {
  font-family: Open Sans;
  font-size: calc(2 * var(--f8oth60));
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 140%;
  text-decoration: none;
  text-transform: none;
}
._11y0vab8 {
  font-family: Open Sans;
  font-size: calc(1.75 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 130%;
  text-decoration: none;
  text-transform: none;
}
._11y0vab9 {
  font-family: Open Sans;
  font-size: calc(1.75 * var(--f8oth60));
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 130%;
  text-decoration: none;
  text-transform: none;
}
._11y0vaba {
  font-family: Open Sans;
  font-size: calc(1.5 * var(--f8oth60));
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 140%;
  text-decoration: none;
  text-transform: none;
}
._11y0vabb {
  font-family: Open Sans;
  font-size: calc(1.5 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 140%;
  text-decoration: none;
  text-transform: none;
}
._11y0vabc {
  font-family: Open Sans;
  font-size: calc(1.5 * var(--f8oth60));
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 140%;
  text-decoration: none;
  text-transform: none;
}
._11y0vabd {
  font-family: Open Sans;
  font-size: calc(1.25 * var(--f8oth60));
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 150%;
  text-decoration: none;
  text-transform: none;
}
._11y0vabe {
  font-family: Open Sans;
  font-size: calc(1.25 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 150%;
  text-decoration: none;
  text-transform: none;
}
._11y0vabf {
  font-family: Open Sans;
  font-size: calc(1.125 * var(--f8oth60));
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 150%;
  text-decoration: none;
  text-transform: none;
}
._11y0vabg {
  font-family: Open Sans;
  font-size: calc(1.125 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 150%;
  text-decoration: none;
  text-transform: none;
}
._11y0vabh {
  font-family: Open Sans;
  font-size: calc(1 * var(--f8oth60));
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 150%;
  text-decoration: none;
  text-transform: none;
}
._11y0vabi {
  font-family: Open Sans;
  font-size: calc(1 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 150%;
  text-decoration: none;
  text-transform: none;
}
._11y0vabj {
  font-family: Open Sans;
  font-size: calc(1 * var(--f8oth60));
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.01em;
  line-height: 150%;
  text-decoration: none;
  text-transform: uppercase;
}
._11y0vabk {
  font-family: Open Sans;
  font-size: calc(1 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.01em;
  line-height: 150%;
  text-decoration: none;
  text-transform: uppercase;
}
._11y0vabl {
  font-family: Open Sans;
  font-size: calc(0.875 * var(--f8oth60));
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 150%;
  text-decoration: none;
  text-transform: none;
}
._11y0vabm {
  font-family: Open Sans;
  font-size: calc(0.875 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 150%;
  text-decoration: none;
  text-transform: none;
}
._11y0vabn {
  font-family: Open Sans;
  font-size: calc(0.875 * var(--f8oth60));
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.01em;
  line-height: 150%;
  text-decoration: none;
  text-transform: uppercase;
}
._11y0vabo {
  font-family: Open Sans;
  font-size: calc(0.875 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.01em;
  line-height: 150%;
  text-decoration: none;
  text-transform: uppercase;
}
._11y0vabp {
  font-family: Open Sans;
  font-size: calc(0.75 * var(--f8oth60));
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 150%;
  text-decoration: none;
  text-transform: none;
}
._11y0vabq {
  font-family: Open Sans;
  font-size: calc(0.75 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 150%;
  text-decoration: none;
  text-transform: none;
}
._11y0vabr {
  font-family: Open Sans;
  font-size: calc(0.75 * var(--f8oth60));
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.01em;
  line-height: 150%;
  text-decoration: none;
  text-transform: uppercase;
}
._11y0vabs {
  font-family: Open Sans;
  font-size: calc(0.75 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.01em;
  line-height: 150%;
  text-decoration: none;
  text-transform: uppercase;
}
._11y0vabt {
  font-family: Yle;
  font-size: calc(3.5 * var(--f8oth60));
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 120%;
  text-decoration: none;
  text-transform: none;
}
._11y0vabu {
  font-family: Yle;
  font-size: calc(3 * var(--f8oth60));
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 120%;
  text-decoration: none;
  text-transform: none;
}
._11y0vabv {
  font-family: Yle;
  font-size: calc(2.5 * var(--f8oth60));
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 120%;
  text-decoration: none;
  text-transform: none;
}
._11y0vabw {
  font-family: Yle;
  font-size: calc(2 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 120%;
  text-decoration: none;
  text-transform: none;
}
._11y0vabx {
  font-family: Yle;
  font-size: calc(2 * var(--f8oth60));
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 120%;
  text-decoration: none;
  text-transform: none;
}
._11y0vaby {
  font-family: Yle;
  font-size: calc(1.75 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 130%;
  text-decoration: none;
  text-transform: none;
}
._11y0vabz {
  font-family: Yle;
  font-size: calc(1.75 * var(--f8oth60));
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 130%;
  text-decoration: none;
  text-transform: none;
}
._11y0vab10 {
  font-family: Yle;
  font-size: calc(1.5 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 130%;
  text-decoration: none;
  text-transform: none;
}
._11y0vab11 {
  font-family: Yle;
  font-size: calc(1.5 * var(--f8oth60));
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 130%;
  text-decoration: none;
  text-transform: none;
}
._11y0vab12 {
  font-family: Yle;
  font-size: calc(1.25 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 140%;
  text-decoration: none;
  text-transform: none;
}
._11y0vab13 {
  font-family: Yle;
  font-size: calc(1.125 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 140%;
  text-decoration: none;
  text-transform: none;
}
._11y0vab14 {
  font-family: Yle;
  font-size: calc(1.25 * var(--f8oth60));
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 140%;
  text-decoration: none;
  text-transform: none;
}
._11y0vab15 {
  font-family: Yle;
  font-size: calc(1.125 * var(--f8oth60));
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 140%;
  text-decoration: none;
  text-transform: none;
}
._11y0vab16 {
  font-family: Yle;
  font-size: calc(1 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 140%;
  text-decoration: none;
  text-transform: none;
}
._11y0vab17 {
  font-family: Yle;
  font-size: calc(0.875 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 140%;
  text-decoration: none;
  text-transform: none;
}

/* vanilla-extract-css-ns:src/style/focus.css.ts.vanilla.css?source=Ll8xNWQ0OGp6MDpmb2N1cy12aXNpYmxlIHsKICBvdXRsaW5lOiBjYWxjKDAuMTg3NSAqIHZhcigtLWY4b3RoNjApKSBzb2xpZCB2YXIoLS15cDllcGF6KTsKICBvdXRsaW5lLW9mZnNldDogY2FsYygwLjEyNSAqIHZhcigtLWY4b3RoNjApKTsKfQouXzE1ZDQ4anoxOmZvY3VzLXZpc2libGUgewogIGJvcmRlci1yYWRpdXM6IDFweDsKfQ== */
._15d48jz0:focus-visible {
  outline: calc(0.1875 * var(--f8oth60)) solid var(--yp9epaz);
  outline-offset: calc(0.125 * var(--f8oth60));
}
._15d48jz1:focus-visible {
  border-radius: 1px;
}

/* vanilla-extract-css-ns:src/components/FrontpageLink.css.ts.vanilla.css?source=Ll8xcHZjbmFhMCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3RyZXRjaDsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwp9Ci5fMXB2Y25hYTEgewogIGhlaWdodDogY2FsYygyICogdmFyKC0tZjhvdGg2MCkpOwogIHdpZHRoOiBjYWxjKDIgKiB2YXIoLS1mOG90aDYwKSk7Cn0KLl8xcHZjbmFhMiB7CiAgZGlzcGxheTogbm9uZTsKICBwYWRkaW5nLWxlZnQ6IGNhbGMoMS41ICogdmFyKC0tZjhvdGg2MCkpOwp9CkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OHB4KSB7CiAgLl8xcHZjbmFhMCB7CiAgICBwYWRkaW5nLXJpZ2h0OiBjYWxjKDAuNzUgKiB2YXIoLS1mOG90aDYwKSk7CiAgfQogIC5fMXB2Y25hYTEgewogICAgaGVpZ2h0OiBjYWxjKDIuNSAqIHZhcigtLWY4b3RoNjApKTsKICAgIHdpZHRoOiBjYWxjKDIuNSAqIHZhcigtLWY4b3RoNjApKTsKICB9CiAgLl8xcHZjbmFhMiB7CiAgICBkaXNwbGF5OiBibG9jazsKICB9Cn0= */
._1pvcnaa0 {
  display: flex;
  align-items: center;
  justify-content: stretch;
  white-space: nowrap;
}
._1pvcnaa1 {
  height: calc(2 * var(--f8oth60));
  width: calc(2 * var(--f8oth60));
}
._1pvcnaa2 {
  display: none;
  padding-left: calc(1.5 * var(--f8oth60));
}
@media screen and (min-width: 768px) {
  ._1pvcnaa0 {
    padding-right: calc(0.75 * var(--f8oth60));
  }
  ._1pvcnaa1 {
    height: calc(2.5 * var(--f8oth60));
    width: calc(2.5 * var(--f8oth60));
  }
  ._1pvcnaa2 {
    display: block;
  }
}

/* vanilla-extract-css-ns:src/components/HeaderView.css.ts.vanilla.css?source=#H4sIAAAAAAAAE51U0W6sIBB971eQJjfZbYLBbdfda1/6Jw0FVG4VDGK7m2b/vUBxRYpNc1+MOOcMM+fMmD0XYofOFIGPGwAoH/oWn0tQtez0aD78GwfNqzMkUmgmdAmIeTJlQ++c6qYEOUJ/7LFhvG4sALdkc5/twR14w2oDYXWUuinQdmtRL5i81kqOgpqUrVSlB537v6zHyGESgdoELjeZrzVf1lorThMFdfgE/aewkNzdYTlQs85k0MyWMnZiMNxKgY6LqV17/o5W8v0L+j2EFcMmdtvKmgtQKZPGFM9Ax8R4a+E9ppSLGrasmrTK00pNSBXImoTOuuycLgsj8qzYrVjhtXEwlKFVXIeVaSasGGWH/7I3Jw50NU5IwcL679MziFteC8iNyMM8fzPrwbGcD1b+EjjxQ8Q+RlyN+XHE5wRFnGBgWJHmx2YOMcfOQPI+2ydkgobsY8wmo1IGDbXsORkSNwM3uN5UZHM9dYxyDAaiGBMACwo2AeRQHPvT1l2TLf4B0QQ9rK3yJWDmnrmyVtFKLc4r74+JfNN2zXu1VOXLeW/OvHPprVtra2XzfqPCzqtwdealleQ1Ru09Kj0Hg8ZKx5QiTjytRgg6roMunxSWBFvmBQAA */
._6n20yd0 {
  display: flex;
  justify-content: center;
  width: 100%;
  height: calc(3.5 * var(--f8oth60));
  background-color: var(--yp9epa0);
  color: var(--yp9epag);
}
._6n20yd1 {
  display: grid;
  width: 100%;
  max-width: var(--f8oth61);
  grid-template-columns: 1fr min-content 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "login frontpage menu";
  padding-left: calc(1 * var(--f8oth60));
  padding-right: calc(1 * var(--f8oth60));
}
._6n20yd2 {
  height: calc(1.625 * var(--f8oth60));
  width: calc(0.0625 * var(--f8oth60));
  margin-left: calc(0.75 * var(--f8oth60));
  background-color: var(--yp9epa1c);
  display: none;
}
._6n20yd3 {
  display: flex;
  align-items: center;
}
._6n20yd4 {
  grid-area: login;
}
._6n20yd5 {
  grid-area: frontpage;
  justify-content: center;
}
._6n20yd6 {
  grid-area: search;
  display: none;
}
._6n20yd7 {
  grid-area: menu;
  justify-content: flex-end;
}
._6n20yd8 {
  grid-area: current-topics;
  display: none;
  min-width: 0;
}
@media screen and (min-width: 768px) {
  ._6n20yd0 {
    height: calc(4.5 * var(--f8oth60));
  }
  ._6n20yd1 {
    grid-template-columns: min-content 1fr min-content min-content min-content;
    grid-template-areas: "frontpage current-topics login search menu";
    padding-left: calc(1.5 * var(--f8oth60));
    padding-right: calc(1.5 * var(--f8oth60));
  }
  ._6n20yd2 {
    display: block;
  }
  ._6n20yd5 {
    justify-content: flex-start;
  }
  ._6n20yd6 {
    display: flex;
  }
  ._6n20yd8 {
    display: flex;
  }
}

/* vanilla-extract-css-ns:src/style/reset.css.ts.vanilla.css?source=Ll82bjIweWQwIGEgewogIGNvbG9yOiBpbmhlcml0OwogIHRleHQtZGVjb3JhdGlvbjogaW5oZXJpdDsKfQ== */
._6n20yd0 a {
  color: inherit;
  text-decoration: inherit;
}

/* vanilla-extract-css-ns:src/components/BarCurrentTopics.css.ts.vanilla.css?source=Ll8xZmZzcjVoMCB7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICBvdmVyZmxvdzogY2xpcDsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOwogIHBhZGRpbmctbGVmdDogY2FsYygwLjc1ICogdmFyKC0tZjhvdGg2MCkpOwogIHBhZGRpbmctcmlnaHQ6IGNhbGMoMiAqIHZhcigtLWY4b3RoNjApKTsKICBwYWRkaW5nLXRvcDogY2FsYygxLjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgcGFkZGluZy1ib3R0b206IGNhbGMoMS41ICogdmFyKC0tZjhvdGg2MCkpOwp9Ci5fMWZmc3I1aDEgewogIHBhZGRpbmc6IGNhbGMoMC43NSAqIHZhcigtLWY4b3RoNjApKTsKfQ== */
._1ffsr5h0 {
  overflow: hidden;
  overflow: clip;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: calc(0.75 * var(--f8oth60));
  padding-right: calc(2 * var(--f8oth60));
  padding-top: calc(1.5 * var(--f8oth60));
  padding-bottom: calc(1.5 * var(--f8oth60));
}
._1ffsr5h1 {
  padding: calc(0.75 * var(--f8oth60));
}

/* vanilla-extract-css-ns:src/components/Menu.css.ts.vanilla.css?source=#H4sIAAAAAAAAE71VTZPaMAy976/wpTPQqZmEhWWbvfRv9NQxtkLMOrbHdiBph/72+iNAgGRnT72QIMny09OTsviV24PY7LsM/XlCSHDrsHWdAOw6DQWSSsKbdzButSBdgbZC0fdgoY2xyhRIKy4dmGCqidlxWaAMUSLobIm+ogMxM4zLV+Wql2w+T458xJGFBKWSDh+B7yrnb1KCvT2dnhZniHmEqDSh3Hkk2QQKrSx3XHkcZGuVaBzcZFl+XGhNWnzkzFXFDcR8Hpy9I8+yLzf1xmsJY1zu+n/JhZ3SxWTNN7zuDGfBEJ7YQe2tDjD1+Gtp/ZWluXhJ4xQuhToWyKjjTXHP/6W4C+hSQBv75p+YcQM0ER9h9eajIZ6D8Pt5XgYVrWJFzhBpS2XqIr0Gcn7O8NJjjdijse/6JRZli7VFQCyMlPcbc8mgLRDOY4IAKBYnoHRTTXxerMfbeOXnw26PSROhLaHvO6Mayc5t6fR30CSbj5K9b6zjZee14RUvPVYKSfoD1taRtZHhuJ/jcOZFLrOObdB10IpS0caiv0iQLYg0do0TXHotBfW9DQ25bpEvhjOfk6Td0PuwKksLHuFKt5NX0QroOzB/2ad6Hhs+mmqFSDx34JZvuYg7ouKMgbxXyDXCS2SZJOLlEPeJEoGxYRt2SWHQOsyAKkNSkjRTU0iKSh3ApC48ptxP1TBBx2Nh8V1EAD9qYJwgSw2AREQyNKu9anu9b15edTuP5+9W4OSuMaCBuNnqW9g6sfj7UD/f17j1Q9xgQaWkwXcaIlj1CB4mbDU1YQhV/XchDdjrYjMZebutToEj22itjLPIgvBbSplZ0jjuiTwzdOlI7MNWtYVU7iF2OBiDSTivWX/jP+HinhBYBwAA */
._1svl7jy0 {
  list-style-type: none;
  display: block;
  cursor: pointer;
  margin: 0 calc(2 * var(--f8oth60)) calc(1 * var(--f8oth60)) 0;
  font-weight: bold;
}
._1svl7jy1 {
  opacity: 0;
  cursor: pointer;
  position: absolute;
}
._1svl7jy2 {
  list-style-type: none;
  max-width: var(--f8oth61);
  width: 100%;
  margin: 0;
  padding: 0;
  margin-top: calc(1 * var(--f8oth60));
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
}
._1svl7jy3 {
  list-style-type: none;
  max-width: var(--f8oth61);
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: calc(1 * var(--f8oth60));
}
._1svl7jy4 {
  transform: translateY(-200%);
  transition: transform 0.5s ease;
  width: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  margin-top: calc(3.5 * var(--f8oth60));
  padding: 0 calc(1 * var(--f8oth60));
  position: absolute;
  background: var(--yp9epa0);
  display: flex;
  justify-content: center;
}
._1svl7jy5 {
  cursor: pointer;
  display: block;
}
._6n20yd7 ._1svl7jy1:focus ~ label {
  outline: auto;
  outline: 1px solid black;
  outline-offset: 4px;
}
._6n20yd7 ._1svl7jy1:checked ~ ._1svl7jy4 {
  transform: translateY(0%);
}
._6n20yd7 ._1svl7jy4 a {
  visibility: hidden;
  transition: visibility 0.2s ease-in;
  color: var(--yp9epag);
  text-decoration: none;
}
._6n20yd7 ._1svl7jy4 a:hover {
  color: var(--yp9epaj);
}
._6n20yd7 ._1svl7jy1:checked ~ ._1svl7jy4 a {
  visibility: visible;
}
@media screen and (min-width: 768px) {
  ._1svl7jy2 {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-auto-flow: column;
  }
  ._1svl7jy4 {
    margin-top: calc(4.5 * var(--f8oth60));
    height: calc(18.75 * var(--f8oth60));
    padding: 0;
  }
}
@supports selector(:focus-visible) {
  ._6n20yd7 .checkbox:not(:focus-visible) ~ label {
    outline: none;
  }
}