/* 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/fonts.css.ts.vanilla.css?source=#H4sIAAAAAAAAE9WRzQrCMBCE7z7FIghWTEnVWqnv4N1jiJs2GBNNFn/x3a0/Ve9F0evszjAfEyu5zNINh1MLQDlLTImVNocc2nODMMM9tfsQhA0soNdqWr8FfcQcpDCym0APtsJ3GVMTR+WYR9HzbYe6KCmHEecvKx1M5bXOr4R5Uz2SLN91g0ToWVgLqW2Rwy3CaIusfMQmKe9cRap6sgVK5wVpZ68hFp8H8lV/VcXW+rkV37mTT3Nnv8k9aMLN40mW/u/mw2+w/+juo2bs6Xjwh/AXYdIt1uQEAAA= */
.fck75q0 {
  font-family: "Yle Next", sans-serif;
  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;
}
.fck75q1 {
  font-family: "Yle Next", sans-serif;
  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;
}
.fck75q2 {
  font-family: "Yle Next", sans-serif;
  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;
}
.fck75q3 {
  font-family: "Yle Next", sans-serif;
  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;
}
.fck75q4 {
  font-family: "Yle Next", sans-serif;
  font-size: calc(0.5625 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 150%;
  text-decoration: none;
  text-transform: none;
}

/* vanilla-extract-css-ns:src/style/focus.css.ts.vanilla.css?source=Ll8xNWQ0OGp6MDpmb2N1cy12aXNpYmxlIHsKICBvdXRsaW5lOiBjYWxjKDAuMTg3NSAqIHZhcigtLWY4b3RoNjApKSBzb2xpZCB2YXIoLS15cDllcGEwKTsKICBvdXRsaW5lLW9mZnNldDogY2FsYygwLjEyNSAqIHZhcigtLWY4b3RoNjApKTsKfQouXzE1ZDQ4anoxOmZvY3VzLXZpc2libGUgewogIGJvcmRlci1yYWRpdXM6IDFweDsKfQouXzE1ZDQ4anoyOmZvY3VzLXZpc2libGUgewogIG91dGxpbmU6IGNhbGMoMC4xODc1ICogdmFyKC0tZjhvdGg2MCkpIHNvbGlkIHZhcigtLXlwOWVwYTApOwogIG91dGxpbmUtb2Zmc2V0OiBjYWxjKC0wLjE4NzUgKiB2YXIoLS1mOG90aDYwKSk7CiAgYm9yZGVyLXJhZGl1czogNnB4Owp9 */
._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;
}
._15d48jz2:focus-visible {
  outline: calc(0.1875 * var(--f8oth60)) solid var(--yp9epa0);
  outline-offset: calc(-0.1875 * var(--f8oth60));
  border-radius: 6px;
}

/* 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=#H4sIAAAAAAAAE51U0Y6jIBR9n68gk2zSboJBp7Vd52X+ZMMAKjsKBnGmzab/vmCxIoMzm74YkXMuh3PuNfmdiwydKQJ/HwCgvO8afC5A2bDTs/nwZ+g1L8+QSKGZ0AUg5smU3frgVNcFSBH6YZc141VtAbghm6dkD36Cd6w2EJZHqescbbcW9YrJW6XkIKgp2UhVONC5+8U6nI6YyEZmNi4PidOaLrVWitOIoBafoPvkC7meYTlQs9ZU0MxKGVrRG26pQMvFdF27/oxW8uMK/byFFcNm77GRFRegVKZMhysGWiaGRwvvMKVcVLBh5eRVGndqQirP1ih09iUbfVkEkSZ5thKF82aEoQSt4lqszGV8xSg53BXvfsTcchNSMF/+U7wFccMrAbnxuJ/bb2btRtYYg3W/AKP3PmIfIm65fNnhc4E8LNAzrEj95WUOIce2QPQ8e0/IBPXZx5BNBqUMGmrZcdJHTgZj37pMka310jLKMeiJYkwALCjYeJBDfuxO2/GYZPELCBpotzbJF4+ZOubKVAUTtVivvD9H6k3DNY/V0pVr8i6ceeR8oZkTejPvtZHkLUTtHSoeVa+x0iElDwtP3Rsf+f8x9eBK3ss/rkm6fNscKcp2YXekd8hZ+Yutq7/8A/liF32PBgAA */
._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;
    padding-left: calc(1.5 * var(--f8oth60));
  }
  ._6n20yd7 {
    padding-left: calc(1.5 * var(--f8oth60));
  }
  ._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=OndoZXJlKC5fNm4yMHlkMCksIDp3aGVyZSguXzZuMjB5ZDApICogewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KOndoZXJlKC5fNm4yMHlkMCkgOndoZXJlKGEpIHsKICBjb2xvcjogaW5oZXJpdDsKICB0ZXh0LWRlY29yYXRpb246IGluaGVyaXQ7Cn0KOndoZXJlKC5fNm4yMHlkMCkgOndoZXJlKGJ1dHRvbikgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGJvcmRlci13aWR0aDogMDsKICBmb250LWZhbWlseTogaW5oZXJpdDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1zdHlsZTogaW5oZXJpdDsKICBmb250LXdlaWdodDogaW5oZXJpdDsKICBsaW5lLWhlaWdodDogaW5oZXJpdDsKICBjb2xvcjogaW5oZXJpdDsKICBwYWRkaW5nOiAwOwp9 */
:where(._6n20yd0),
:where(._6n20yd0) * {
  box-sizing: border-box;
}
:where(._6n20yd0) :where(a) {
  color: inherit;
  text-decoration: inherit;
}
:where(._6n20yd0) :where(button) {
  background-color: transparent;
  border-width: 0;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  padding: 0;
}

/* vanilla-extract-css-ns:src/style/largerClickableArea.css.ts.vanilla.css?source=LmVvcHUzajAgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKfQouZW9wdTNqMDo6YmVmb3JlIHsKICBjb250ZW50OiAiIjsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgd2lkdGg6IGNhbGMoMTAwJSArIGNhbGMoMSAqIHZhcigtLWY4b3RoNjApKSk7CiAgaGVpZ2h0OiBjYWxjKDEwMCUgKyBjYWxjKDEgKiB2YXIoLS1mOG90aDYwKSkpOwogIHRvcDogY2FsYygtMC41ICogdmFyKC0tZjhvdGg2MCkpOwogIGxlZnQ6IGNhbGMoLTAuNSAqIHZhcigtLWY4b3RoNjApKTsKICBjdXJzb3I6IHBvaW50ZXI7Cn0KLmVvcHUzajA6Zm9jdXMtdmlzaWJsZSB7CiAgb3V0bGluZTogbm9uZTsKfQouZW9wdTNqMDpmb2N1cy12aXNpYmxlOjpiZWZvcmUgewogIG91dGxpbmU6IGNhbGMoMC4xODc1ICogdmFyKC0tZjhvdGg2MCkpIHNvbGlkIHZhcigtLXlwOWVwYTApOwogIG91dGxpbmUtb2Zmc2V0OiBjYWxjKDAuMTI1ICogdmFyKC0tZjhvdGg2MCkpOwogIGJvcmRlci1yYWRpdXM6IDFweDsKfQ== */
.eopu3j0 {
  position: relative;
}
.eopu3j0::before {
  content: "";
  position: absolute;
  width: calc(100% + calc(1 * var(--f8oth60)));
  height: calc(100% + calc(1 * var(--f8oth60)));
  top: calc(-0.5 * var(--f8oth60));
  left: calc(-0.5 * var(--f8oth60));
  cursor: pointer;
}
.eopu3j0:focus-visible {
  outline: none;
}
.eopu3j0:focus-visible::before {
  outline: calc(0.1875 * var(--f8oth60)) solid var(--yp9epa0);
  outline-offset: calc(0.125 * var(--f8oth60));
  border-radius: 1px;
}

/* vanilla-extract-css-ns:src/components/BarCurrentTopics.css.ts.vanilla.css?source=Ll8xZmZzcjVoMCB7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICBvdmVyZmxvdzogY2xpcDsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOwogIHBhZGRpbmctbGVmdDogY2FsYygwLjc1ICogdmFyKC0tZjhvdGg2MCkpOwogIHBhZGRpbmctcmlnaHQ6IGNhbGMoMiAqIHZhcigtLWY4b3RoNjApKTsKICBwYWRkaW5nLXRvcDogY2FsYygxLjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgcGFkZGluZy1ib3R0b206IGNhbGMoMS41ICogdmFyKC0tZjhvdGg2MCkpOwp9Ci5fMWZmc3I1aDEgewogIG1hcmdpbjogMCBjYWxjKDAuNzUgKiB2YXIoLS1mOG90aDYwKSk7CiAgY29sb3I6IHZhcigtLXlwOWVwYTIpOwp9Ci5fMWZmc3I1aDE6aG92ZXIgewogIGNvbG9yOiB2YXIoLS15cDllcGEzKTsKfQ== */
._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 {
  margin: 0 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=#H4sIAAAAAAAAE71VS3ObMBC+51fo0hm7Y3mA+FVy6d/oqSOkxSiRJUYSfqST/vZKgthgCye59GLD7rL77bev+e/U7MX6+ZSgPw8ICW4sNvYkANtTDTmSSsKTUzBuakFOOSqEoi9esiN6y2WOEkSJoJMMfUd7oicYlxtlq1UynbaKNKJInh7eHubvobMQWtWEcusiJN47bbRROke14tKC9qJaGW65ciFJYZRoLAy8PN5PYEeO+MCZrfIBmnTqlZ0iTZJvg9RCWMIYl9vurVVhq+p8NL3eV7hQ1qpdZ5vMl3HrM7tbzZkX+H9sYeekFjB12e6kcQBLfdaSxipcCnXIkVYHLy6UZqDPIdP6iBxPnHURT/UPqMlyOmQtl7bCtOKCTXA6DRxe+WkZ7H2zCFZnzKWAow//3BjLy5ND6yomrYPFt5WN0nunFN4bZlwDbWvd5t6nVEBpP0d+AHDPtJfU8r+0zw1p1+l2pQzigyauy/zv5zuvl9EqZGQ1kaZU2hUyPPqG+jXBmcMasAdhN1dnW5TMs4VxQ1hwigt45aBd8y6Ws2SWzqI5v2IuGRxzhNPg1aMMGbfVis/O49g8xEbd9SWhL1utGsnyQUun0yi1N/1IoV0lnqOVzJITW6PLEspLRRuD/l5E6zwvwNEB7X5qrOASzqOcbtYR9JGJSwK87nOsytKAvXjJRijohlATxhsThnkUOK2AvgDrQ79X+y8X3lXdFT8JhY9CWCES4u254QUXYYtXnDGQ14EuFi5Smt5vMTf6/gT0ucxa6HC0mAFVmrRuLysqhi2v1B50QBhx+TiW1Qixt6mGZwFfzHXI6s8dME6QoRpAIiIZmuzcrHRTtl5t6mO7nK/u3eip0FADsZPFzB+NwNq1qVs1F7vljV3vvlx28FsfwapDcDPXi7G5RqiC/k7ezGMz1FoOF+fbhxylSba4IWnRQYzdjnGQ0fsxZh6QmaaulbYGGRBulSs9adcJ7nrjHVakyaSyN8ajS6i3ht4vk4v/D/azF//FCQAA */
._1svl7jy0 {
  list-style-type: none;
  display: block;
  margin: 0 calc(2 * var(--f8oth60)) calc(1 * var(--f8oth60)) 0;
}
._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;
}
._6n20yd7 ._1svl7jy2:focus ~ ._1svl7jy7::before {
  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) ~ ._1svl7jy7::before {
    outline: none;
  }
}

/* vanilla-extract-css-ns:src/components/BarItem.css.ts.vanilla.css?source=LmM2M2Q1aDAgewogIGRpc3BsYXk6IG5vbmU7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKICBtYXJnaW4tcmlnaHQ6IGNhbGMoMC41ICogdmFyKC0tZjhvdGg2MCkpOwp9Ci5jNjNkNWgxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgY29sb3I6IHZhcigtLXlwOWVwYTIpOwogIGN1cnNvcjogcG9pbnRlcjsKfQouYzYzZDVoMTpob3ZlciB7CiAgY29sb3I6IHZhcigtLXlwOWVwYTMpOwp9Ci5jNjNkNWgyIHsKICBoZWlnaHQ6IGNhbGMoMS41ICogdmFyKC0tZjhvdGg2MCkpOwogIHdpZHRoOiBjYWxjKDEuNSAqIHZhcigtLWY4b3RoNjApKTsKfQpAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDI0cHgpIHsKICAuYzYzZDVoMCB7CiAgICBkaXNwbGF5OiBibG9jazsKICB9Cn0= */
.c63d5h0 {
  display: none;
  white-space: nowrap;
  margin-right: calc(0.5 * var(--f8oth60));
}
.c63d5h1 {
  display: flex;
  align-items: center;
  color: var(--yp9epa2);
  cursor: pointer;
}
.c63d5h1:hover {
  color: var(--yp9epa3);
}
.c63d5h2 {
  height: calc(1.5 * var(--f8oth60));
  width: calc(1.5 * var(--f8oth60));
}
@media screen and (min-width: 1024px) {
  .c63d5h0 {
    display: block;
  }
}

/* vanilla-extract-css-ns:src/components/UserMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAE7VU246bMBB9z1fMS6WkqhGQhWTZl/2TarAdcBdsyzabRFX+vdyaLF3cXKpKgCXPGWbmnJkJvid5SuVTCD8XADnSt8KoRrIM3tEsCTnqZ64xXr20VqoqZaaGqDfsBXNlBhQruoyDTQJfR9Buq1yZhqseVXJRlO4qLFeGcUMMMtHYER0Fax+cCasrPGawq/ihu/jRWCd2R0KVdFx28dovN50JK1FIIhyv7eX6tAhGDqKeA62scELJDDC3qmocnw3TnYQJw+kAbslpaukrIAxib7kHYktkap9BqA/9ux1PU+S4DL/B+ARRMrh4VIp8KsWfVIq2Xv6d0iNo7cFcGIt7xu7gRiNjQhYkrxR9O3NzJcr6tihG7Wf1txopJzl3e84nSQhZCcl/MzLPxmMJZ6V65+avI5VMPJ7+rcQeZx0a15kL1LcV9SgB0TUCkvv64uKY9o5dVmSyLq5G3Hgd19H86F18t4NQw9jmyjlVn5UO0zlvaBeDYJ/0PM9YFIZfPkZ4HjbLI72E/6n5b0jivkahjbHd4tFK/LlY8eZ5eK05EwiWmjZdQMlgWQtJRlo3absZV/1vpjsbwHzQnCRe0QFOi9MvDVW2n/QGAAA= */
._5b6cn40 {
  background: var(--yp9epa2);
  color: var(--yp9epa1);
  width: calc(2.75 * var(--f8oth60));
  height: calc(2.75 * var(--f8oth60));
  border-radius: calc(1.375 * var(--f8oth60));
  display: flex;
  justify-content: center;
  align-items: center;
}
._5b6cn41 {
  position: absolute;
  display: flex;
  flex-direction: column;
  border-radius: calc(0.25 * var(--f8oth60));
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
  background: var(--yp9epa1);
  color: var(--yp9epa2);
  width: calc(18.75 * var(--f8oth60));
  top: calc(3.75 * var(--f8oth60));
}
._5b6cn42 {
  display: flex;
  flex-direction: column;
  padding-block: calc(0.5 * var(--f8oth60));
}
._5b6cn43 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-inline: calc(1 * var(--f8oth60));
  padding-block: calc(0.5 * var(--f8oth60));
}
._5b6cn43:hover {
  background: var(--yp9epa5);
}
._5b6cn44 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: calc(1 * var(--f8oth60));
  padding-inline: calc(1 * var(--f8oth60));
  padding-block: calc(1.5 * var(--f8oth60));
}
._5b6cn45 {
  display: flex;
  flex-direction: column;
}
._5b6cn46 {
  line-height: calc(1.5 * var(--f8oth60));
}
._5b6cn47 {
  line-height: calc(1.3125 * var(--f8oth60));
}
._5b6cn48 {
  border-bottom: calc(0.0625 * var(--f8oth60)) solid var(--yp9epa5);
  width: 100%;
}
._5b6cn49 {
  padding-block: calc(0.5 * var(--f8oth60));
}
._5b6cn4a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-block: calc(0.5 * var(--f8oth60));
  padding-inline: calc(1 * var(--f8oth60));
  cursor: pointer;
}
._5b6cn4a:hover {
  background: var(--yp9epa5);
}
@media screen and (min-width: 768px) {
  ._5b6cn41 {
    right: calc(-5.3125 * var(--f8oth60));
  }
}

/* vanilla-extract-css-ns:src/components/Login.css.ts.vanilla.css?source=Lmk5ZXc1YjAgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICB1c2VyLXNlbGVjdDogbm9uZTsKfQouaTlldzViMSB7CiAgYmFja2dyb3VuZDogdmFyKC0teXA5ZXBhMik7CiAgY29sb3I6IHZhcigtLXlwOWVwYTEpOwogIHdpZHRoOiBjYWxjKDEuNSAqIHZhcigtLWY4b3RoNjApKTsKICBoZWlnaHQ6IGNhbGMoMS41ICogdmFyKC0tZjhvdGg2MCkpOwogIGJvcmRlci1yYWRpdXM6IGNhbGMoMC43NSAqIHZhcigtLWY4b3RoNjApKTsKICBkaXNwbGF5OiBmbGV4OwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmk5ZXc1YjIgewogIGN1cnNvcjogcG9pbnRlcjsKICBiYWNrZ3JvdW5kOiB2YXIoLS15cDllcGExKTsKICBib3JkZXI6IDA7Cn0= */
.i9ew5b0 {
  position: relative;
  user-select: none;
}
.i9ew5b1 {
  background: var(--yp9epa2);
  color: var(--yp9epa1);
  width: calc(1.5 * var(--f8oth60));
  height: calc(1.5 * var(--f8oth60));
  border-radius: calc(0.75 * var(--f8oth60));
  display: flex;
  justify-content: center;
  align-items: center;
}
.i9ew5b2 {
  cursor: pointer;
  background: var(--yp9epa1);
  border: 0;
}