/* vanilla-extract-css-ns:src/vars/theme.css.ts.vanilla.css?source=LnlwOWVwYTYgewogIC0teXA5ZXBhMDogIzAwOWNiNTsKICAtLXlwOWVwYTE6ICNmZmZmZmY7CiAgLS15cDllcGEyOiAjMTMxNDE1OwogIC0teXA5ZXBhMzogcmdiYSgwLCAwLCAwLCAwLjc5KTsKICAtLXlwOWVwYTQ6ICMwMGI0Yzg7CiAgLS15cDllcGE1OiAjZDhkOWRiOwp9Ci55cDllcGE3IHsKICAtLXlwOWVwYTA6ICMyOWNjZGU7CiAgLS15cDllcGExOiAjMTMxNDE1OwogIC0teXA5ZXBhMjogI2Y4ZjlmYTsKICAtLXlwOWVwYTM6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC44NSk7CiAgLS15cDllcGE0OiAjZjhmOWZhOwogIC0teXA5ZXBhNTogIzRhNGY1NDsKfQoueXA5ZXBhOCB7CiAgLS15cDllcGEwOiAjMDA5Y2I1OwogIC0teXA5ZXBhMTogI2ZmZmZmZjsKICAtLXlwOWVwYTI6ICMxMzE0MTU7CiAgLS15cDllcGEzOiByZ2JhKDAsIDAsIDAsIDAuNzkpOwogIC0teXA5ZXBhNDogIzAwYjRjODsKICAtLXlwOWVwYTU6ICNkOGQ5ZGI7Cn0KQG1lZGlhIChwcmVmZXJzLWNvbG9yLXNjaGVtZTogZGFyaykgewogIC55cDllcGE4IHsKICAgIC0teXA5ZXBhMDogIzI5Y2NkZTsKICAgIC0teXA5ZXBhMTogIzEzMTQxNTsKICAgIC0teXA5ZXBhMjogI2Y4ZjlmYTsKICAgIC0teXA5ZXBhMzogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjg1KTsKICAgIC0teXA5ZXBhNDogI2Y4ZjlmYTsKICAgIC0teXA5ZXBhNTogIzRhNGY1NDsKICB9Cn0= */
.yp9epa6 {
  --yp9epa0: #009cb5;
  --yp9epa1: #ffffff;
  --yp9epa2: #131415;
  --yp9epa3: rgba(0, 0, 0, 0.79);
  --yp9epa4: #00b4c8;
  --yp9epa5: #d8d9db;
}
.yp9epa7 {
  --yp9epa0: #29ccde;
  --yp9epa1: #131415;
  --yp9epa2: #f8f9fa;
  --yp9epa3: rgba(255, 255, 255, 0.85);
  --yp9epa4: #f8f9fa;
  --yp9epa5: #4a4f54;
}
.yp9epa8 {
  --yp9epa0: #009cb5;
  --yp9epa1: #ffffff;
  --yp9epa2: #131415;
  --yp9epa3: rgba(0, 0, 0, 0.79);
  --yp9epa4: #00b4c8;
  --yp9epa5: #d8d9db;
}
@media (prefers-color-scheme: dark) {
  .yp9epa8 {
    --yp9epa0: #29ccde;
    --yp9epa1: #131415;
    --yp9epa2: #f8f9fa;
    --yp9epa3: rgba(255, 255, 255, 0.85);
    --yp9epa4: #f8f9fa;
    --yp9epa5: #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=Ll8xNWQ0OGp6MDpmb2N1cy12aXNpYmxlIHsKICBvdXRsaW5lOiBjYWxjKDAuMTg3NSAqIHZhcigtLWY4b3RoNjApKSBzb2xpZCB2YXIoLS15cDllcGEwKTsKICBvdXRsaW5lLW9mZnNldDogY2FsYygwLjEyNSAqIHZhcigtLWY4b3RoNjApKTsKfQouXzE1ZDQ4anoxOmZvY3VzLXZpc2libGUgewogIGJvcmRlci1yYWRpdXM6IDFweDsKfQ== */
._15d48jz0:focus-visible {
  outline: calc(0.1875 * var(--f8oth60)) solid var(--yp9epa0);
  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=Ll8xcHZjbmFhMCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3RyZXRjaDsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIGNvbG9yOiB2YXIoLS15cDllcGEyKTsKfQouXzFwdmNuYWEwOmhvdmVyIHsKICBjb2xvcjogdmFyKC0teXA5ZXBhMyk7Cn0KLl8xcHZjbmFhMSB7CiAgaGVpZ2h0OiBjYWxjKDIgKiB2YXIoLS1mOG90aDYwKSk7CiAgd2lkdGg6IGNhbGMoMiAqIHZhcigtLWY4b3RoNjApKTsKfQouXzFwdmNuYWEyIHsKICBkaXNwbGF5OiBub25lOwogIHBhZGRpbmctbGVmdDogY2FsYygxLjUgKiB2YXIoLS1mOG90aDYwKSk7Cn0KQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY4cHgpIHsKICAuXzFwdmNuYWEwIHsKICAgIHBhZGRpbmctcmlnaHQ6IGNhbGMoMC43NSAqIHZhcigtLWY4b3RoNjApKTsKICB9CiAgLl8xcHZjbmFhMSB7CiAgICBoZWlnaHQ6IGNhbGMoMi41ICogdmFyKC0tZjhvdGg2MCkpOwogICAgd2lkdGg6IGNhbGMoMi41ICogdmFyKC0tZjhvdGg2MCkpOwogIH0KICAuXzFwdmNuYWEyIHsKICAgIGRpc3BsYXk6IGJsb2NrOwogIH0KfQ== */
._1pvcnaa0 {
  display: flex;
  align-items: center;
  justify-content: stretch;
  white-space: nowrap;
  color: var(--yp9epa2);
}
._1pvcnaa0:hover {
  color: var(--yp9epa3);
}
._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=#H4sIAAAAAAAAE52UYW+rIBSGv+9XkCU3aZdg0LW2133ZP1kYoHKnYBC3Nkv/+8BqRQZbcr80RZ5zOLzvOSQvucjQmSLweQcA5X3X4HMByoadnsyHf0OveXmGRArNhC4AMb9M2a0PTnVdgBShP3ZZM17VFsAN2Twme/AA3rHaQFgepa5ztN1a6hWTt0rJQVCTspGqmKBz95d1OB2ZwEZmNi53yVRruq61UpwGCmrxCU6f3EKuZ9gYqFlrMmhmSxla0ZvYUoGWi/m6dv2dVvLjin7fwophs3ffyIoLUCqTpsMVAy0Tw73FO0wpFxVsWDlrlYaVmknlyBpEF12yUZeVEWmSZxErJm1GDCUoyrVYmcu4FaPk8F/27kfm5puQgrnlP4ZbEDe8EpAbjful/Zao3Rg12mDVL8CovUvsfeLmy48dviTI/QQ9w4rUP17m4MfYFgieZ+8JmaBu9NGPJoNShoZadpz0gZPB2LeTp8jmem4Z5Rj0RDEmABYUbBzkkB+703Y8Jlk9AV4D7WKTfHEi0ykyMlXeRK3Wkf9PgXzzcC1jtVbl6vxkzjJybqHZVOhNvNdGkjef2k9U2KpeY6X9kNxPPHevCx3j0G92pSjb+X7NqofelJhrkXclbvLlCx1H+vwhBgAA */
._6n20yd0 {
  display: flex;
  justify-content: center;
  width: 100%;
  height: calc(3.5 * var(--f8oth60));
  background-color: var(--yp9epa1);
  color: var(--yp9epa2);
}
._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(--yp9epa5);
  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";
  }
  ._6n20yd2 {
    display: block;
  }
  ._6n20yd5 {
    justify-content: flex-start;
  }
  ._6n20yd6 {
    display: flex;
  }
  ._6n20yd8 {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  ._6n20yd1 {
    padding-left: calc(1.5 * var(--f8oth60));
    padding-right: calc(1.5 * var(--f8oth60));
  }
}

/* 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=Ll8xZmZzcjVoMCB7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICBvdmVyZmxvdzogY2xpcDsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOwogIHBhZGRpbmctbGVmdDogY2FsYygwLjc1ICogdmFyKC0tZjhvdGg2MCkpOwogIHBhZGRpbmctcmlnaHQ6IGNhbGMoMiAqIHZhcigtLWY4b3RoNjApKTsKICBwYWRkaW5nLXRvcDogY2FsYygxLjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgcGFkZGluZy1ib3R0b206IGNhbGMoMS41ICogdmFyKC0tZjhvdGg2MCkpOwp9Ci5fMWZmc3I1aDEgewogIHBhZGRpbmc6IGNhbGMoMC43NSAqIHZhcigtLWY4b3RoNjApKTsKICBjb2xvcjogdmFyKC0teXA5ZXBhMik7Cn0KLl8xZmZzcjVoMTpob3ZlciB7CiAgY29sb3I6IHZhcigtLXlwOWVwYTMpOwp9 */
._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));
  color: var(--yp9epa2);
}
._1ffsr5h1:hover {
  color: var(--yp9epa3);
}

/* vanilla-extract-css-ns:src/components/Menu.css.ts.vanilla.css?source=#H4sIAAAAAAAAE71V23LbIBB9z1fw0hm7YzyS4luVl/5GnzoYVhYJBg0gX9JJv72AFFuWkJO89MUXWHbPnj27O/+dmoNYP58T9OcBIcGNxcaeBWB7riBHUkl4cheMm0qQc462QtEXf7InesdljhJEiaCTDH1HB6InGBcbZctVMp02F2nkIvEOCiUtPgLflda5VYI9Pbw9zN/xZAGPqgjl1oUNL2itjdI5qhSXFrQ/qpThliuHg2yNErWFGy+P97PakxM+cmbL/AZiOvWX7UWaJN9u8g1hCWNc7tp/zRW2qspHc+68wltlrdq3tsl8Gbe+UL7TnPkD/40t7N2pBUxdtntpHMBCX25JbRUuhDrmSKujP94qzUBfQqbVCTmeOGsjnqsfUJHl9Ja1XNoS05ILNsHpNHDY89Mw2HmzCFYXzIWAkw//XBvLi7ND6yomXaG1r3eU3jul8N4w4xpoU+sm9y6lAgr7OfJ1I7hx005Sy/8inwFp/XTbUobjoyZOZf7z88rrZLQKGVlNpCmUdoUMP72gfk1w5rAG7OGw7auLLUrm2cK4JtxyirfwykE78S6Ws2SWzqI5v2IuGZxyhNPg1aMMGTfVivfO41g/xFrd6ZLQl51WtWT5jaTTaZTagR4pNKOkw9E6cNQC6whrpFM7Lzfh5aW67av1SEKRcTbASwTfScxd15tbrCuZJWe2RteBmReK1gb9RT04qraCS7jASTcxQJGpkASU7XOsisLAlYo0G8mqHRSaMF6bMHBGAdMS6AuwLuR7+vyyOJ0ynUCTIM4ohBUiId6BG77lImyakjMGsh/oauEipen9NnDjyde1y2XWQIeTxQyo0qRxex2jMWx5qQ6gA8KIy8exrEaIHaYafgv4Yq63rP7cA+MEGaoBJCKSocnetU07CdarTXVqFkhvJ4+uMw0VEDtZzPxiC6z1Td04vNotB3adHXjdE29dBKsWwWD2LMZmD0IldPfGZrSp+8P97UOO0iRbDEhatBBj+20cZHTHjZkHZKauKqWtQQaEWzdKT5oxglttvMOKiEwqOzAeDJ/O+Hnfmi7uP9bvQuJ2CgAA */
._1svl7jy0 {
  list-style-type: none;
  display: block;
  margin: 0 calc(2 * var(--f8oth60)) calc(1 * var(--f8oth60)) 0;
  font-weight: bold;
}
._1svl7jy2 {
  opacity: 0;
  cursor: pointer;
  position: absolute;
}
._1svl7jy3 {
  list-style-type: none;
  max-width: var(--f8oth61);
  width: 100%;
  margin: 0;
  padding: 0;
  margin-top: calc(1 * var(--f8oth60));
  padding-bottom: calc(0.5 * var(--f8oth60));
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  border-bottom: 1px solid var(--yp9epa5);
}
._1svl7jy3:nth-child(-1) {
  border-bottom: none;
}
._1svl7jy4 {
  display: flex;
  justify-content: right;
  width: 100%;
  max-width: var(--f8oth61);
  flex-direction: column;
  padding-left: calc(1 * var(--f8oth60));
  padding-right: calc(1 * var(--f8oth60));
}
._1svl7jy5 {
  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));
}
._1svl7jy6 {
  transform: translateY(-200%);
  transition: transform 0.24s cubic-bezier(0.45, 0, 1, 1);
  width: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  margin-top: calc(3.5 * var(--f8oth60));
  position: absolute;
  background: var(--yp9epa1);
  display: flex;
  justify-content: center;
}
._1svl7jy7 {
  margin-left: calc(0.5 * var(--f8oth60));
}
._1svl7jy8 {
  padding: calc(0.75 * var(--f8oth60));
  cursor: pointer;
  display: flex;
  align-items: center;
}
._6n20yd7 ._1svl7jy2:focus ~ ._1svl7jy8 {
  outline: calc(0.1875 * var(--f8oth60)) solid var(--yp9epa0);
  outline-offset: calc(0.125 * var(--f8oth60));
  border-radius: 1px;
}
._6n20yd7 ._1svl7jy2:checked ~ ._1svl7jy6 {
  transform: translateY(0%);
  transition: transform 0.24s cubic-bezier(0, 0, 0.40, 1);
}
._6n20yd7 ._1svl7jy6 a {
  visibility: hidden;
  transition: visibility 0.11s cubic-bezier(0.45, 0, 1, 1);
  color: var(--yp9epa2);
  text-decoration: none;
}
._6n20yd7 ._1svl7jy6 a:hover {
  color: var(--yp9epa3);
}
._6n20yd7 ._1svl7jy2:checked ~ ._1svl7jy6 a {
  visibility: visible;
  transition: visibility 0.11s cubic-bezier(0, 0, 0.40, 1);
}
@media screen and (min-width: 768px) {
  ._1svl7jy3 {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-auto-flow: column;
  }
  ._1svl7jy6 {
    margin-top: calc(4.5 * var(--f8oth60));
    height: calc(18.75 * var(--f8oth60));
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  ._1svl7jy4 {
    padding-left: calc(1.5 * var(--f8oth60));
    padding-right: calc(1.5 * var(--f8oth60));
  }
}
@supports selector(:focus-visible) {
  ._6n20yd7 ._1svl7jy2:not(:focus-visible) ~ ._1svl7jy8 {
    outline: none;
  }
}