/**
 * Swiper 11.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 22, 2023
 */

/* FONT_START */
@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');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.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%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 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.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.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;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.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;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  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: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-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: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, 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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
/* Zoom container styles start */
.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;
}
/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-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-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Cube slide shadows end */
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}
/* vanilla-extract-css-ns:src/vars/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2TXWvDIBSG7/srDuwmGTGo0Uazm/0Vo8e2LP3AlsEY/e+z7cbyJeyisF0sCYE80Rc5D2/5dtB4MBbeFwCE3L5oAw+UatvKpx5lkfrr1ac8UlYxwQZrq2tCK6zqUxGpU067tk9lpKhQ44AuZ3PryxmU1970qbpQ5rkXfaobCKvWZLSAz6ekOu+vMA3QeFvT2YyWoqolPMKrCRkhXu1P6yXN8/h/nMLkIKVtoNvs0ASyCsZtcHfKqMNVcdvHdMFpwVlB8wkpqcxj1HlR3pLcxALX1jocW5jOhc/OpZqlFwvCCC/F2ALXvOVubGGaUM+eQc0mfFngUhbw/YpTrP+0C/xvxG9aeN6i2xjIDgE9hiOx+24fyNGucYsNOBNe8qugga1Ud1LtSfUn1aBUh1ItSvUo1aRUl37epnuZvKNLgPPi/AHi5E91ZwYAAA== */
.yp9epac {
  --yp9epa0: #009cb5;
  --yp9epa1: #ffffff;
  --yp9epa2: #131415;
  --yp9epa3: #00b4c8;
  --yp9epa4: #d8d9db;
  --yp9epa5: #e8e9eb;
  --yp9epa6: #131415;
  --yp9epa7: #f8f9fa;
  --yp9epa8: #f1f2f4;
  --yp9epa9: rgba(0, 0, 0, 0.09);
  --yp9epaa: 0 0 calc(0.4375 * var(--f8oth60)) 0 rgba(0, 0, 0, 0.15);
  --yp9epab: linear-gradient(0deg, rgba(19,20,21,0), rgba(19,20,21,0.05));
}
.yp9epad {
  --yp9epa0: #29ccde;
  --yp9epa1: #131415;
  --yp9epa2: #f8f9fa;
  --yp9epa3: #f8f9fa;
  --yp9epa4: #4a4f54;
  --yp9epa5: #292b2d;
  --yp9epa6: #f8f9fa;
  --yp9epa7: #131415;
  --yp9epa8: #292b2d;
  --yp9epa9: rgba(255, 255, 255, 0.17);
  --yp9epaa: 0 0 calc(0.4375 * var(--f8oth60)) 0 rgba(0, 0, 0, 0.15);
  --yp9epab: linear-gradient(0deg, rgba(19,20,21,0), rgba(19,20,21,0.05));
}
.yp9epae {
  --yp9epa0: #009cb5;
  --yp9epa1: #ffffff;
  --yp9epa2: #131415;
  --yp9epa3: #00b4c8;
  --yp9epa4: #d8d9db;
  --yp9epa5: #e8e9eb;
  --yp9epa6: #131415;
  --yp9epa7: #f8f9fa;
  --yp9epa8: #f1f2f4;
  --yp9epa9: rgba(0, 0, 0, 0.09);
  --yp9epaa: 0 0 calc(0.4375 * var(--f8oth60)) 0 rgba(0, 0, 0, 0.15);
  --yp9epab: linear-gradient(0deg, rgba(19,20,21,0), rgba(19,20,21,0.05));
}
@media (prefers-color-scheme: dark) {
  .yp9epae {
    --yp9epa0: #29ccde;
    --yp9epa1: #131415;
    --yp9epa2: #f8f9fa;
    --yp9epa3: #f8f9fa;
    --yp9epa4: #4a4f54;
    --yp9epa5: #292b2d;
    --yp9epa6: #f8f9fa;
    --yp9epa7: #131415;
    --yp9epa8: #292b2d;
    --yp9epa9: rgba(255, 255, 255, 0.17);
    --yp9epaa: 0 0 calc(0.4375 * var(--f8oth60)) 0 rgba(0, 0, 0, 0.15);
    --yp9epab: linear-gradient(0deg, rgba(19,20,21,0), rgba(19,20,21,0.05));
  }
}

/* vanilla-extract-css-ns:src/style/fonts.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9XRy67CIBAG4L1PMXGl5kBota2p7+DeJeEMlhwKChOv8d2tHm/7qtHtD/NnvgzX6q/IlgL2HQDtHTEta2O3JXRnFmGKG+r+QJQusojB6Mn1WzQ7LEFJq3oJDGAlQ48xPfZU5aLfv31bo5lXVMJIiPsobW0z63yopX1IA5KqHnOLRBhYXEhl3LyEc4U1Dll1qU14dsqoWZP9ovJBkvHu1OHw9kChWV83rdf80OH/7OTV7OIj2WkbtuDjIvvaiw/fQf/Mq4/a0b9YnrWT5+n76FykWD/LfwQpAKHc3QUAAA== */
.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: 1.5;
  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: 1.5;
  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: 1.5;
  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: 1.5;
  text-decoration: none;
  text-transform: none;
}
.fck75q4 {
  font-family: "Yle Next", sans-serif;
  font-size: calc(0.75 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 1.5;
  text-decoration: none;
  text-transform: none;
}
.fck75q5 {
  font-family: "Yle Next", sans-serif;
  font-size: calc(0.625 * var(--f8oth60));
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.02em;
  line-height: 1.5;
  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=Ll8xcHZjbmFhMCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3RyZXRjaDsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIGNvbG9yOiB2YXIoLS15cDllcGEyKTsKfQouXzFwdmNuYWExIHsKICBoZWlnaHQ6IGNhbGMoMiAqIHZhcigtLWY4b3RoNjApKTsKICB3aWR0aDogY2FsYygyICogdmFyKC0tZjhvdGg2MCkpOwp9Ci5fMXB2Y25hYTIgewogIGRpc3BsYXk6IG5vbmU7CiAgcGFkZGluZy1sZWZ0OiBjYWxjKDEuNSAqIHZhcigtLWY4b3RoNjApKTsKfQpAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjhweCkgewogIC5fMXB2Y25hYTAgewogICAgcGFkZGluZy1yaWdodDogY2FsYygwLjc1ICogdmFyKC0tZjhvdGg2MCkpOwogIH0KICAuXzFwdmNuYWExIHsKICAgIGhlaWdodDogY2FsYygyLjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgICB3aWR0aDogY2FsYygyLjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgfQogIC5fMXB2Y25hYTIgewogICAgZGlzcGxheTogYmxvY2s7CiAgfQp9 */
._1pvcnaa0 {
  display: flex;
  align-items: center;
  justify-content: stretch;
  white-space: nowrap;
  color: var(--yp9epa2);
}
._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=#H4sIAAAAAAAAA51U0Y6jIBR971eQSTZpN8Gg7djWvuyfbBhBZUfBAE7b3fTfV6lWZKCTzEtT5ZzDveeea/Q75Qm6EgT+rQBohWKaCZ4BSWus2Qc99W//QsYJvWTgA8s1hMVB6CpNNqfVbRWN9NjQCVNtja8ZKGp6GZhnRnSVgRihH6egfEVZWekM5LjO19voFfxcXIQ2mwH1hvP3UoqOE5iLWsipmmt7pC2ODcZzkJiDP53SrLj2TK4pH+7qf6k0uuICVYWJOC+JeNFfsuyvlIx4+mvwBY6v7A7uxQ0cqGnTK2g69NA1XPXcQoKG8am04fkzWorzHfr5CEuK+7OXWpSMg0L2Mi0uKWgo716M6ZgQxktY02IyOfZbPCGlNQ8vdPZla3xZTDCO0iQww9EbA0MRCuIaLPtm7IpRtP9WLnYG85gbF5za5e/8scU1KzlkvcdqjsrMejUsM4bB/QwY721E6iIec3maxllg7wooimVePW3m4HKGCHjvG/qElBObfXTZeSdlj4ZatCxXnpuBye04UzRo/WooYRioXFLKAeYErC3IPj20l425ZvnZcAK0C30CbhYzGZmBrXI2avEc+H/y6E3LNa/V0pX75MfhzCtnF7odC32Y91aL/N1FpSPKPyqlsdQuZe8KT+n1r3wUWjZb8zBqflvgGCrq9mU8YpTs3Hwkz+oJlBP4joVDdfsPWz+lvQQHAAA= */
._6n20yd0 {
  position: relative;
  z-index: var(--f8oth62);
}
._6n20yd1 {
  display: flex;
  width: 100%;
  position: relative;
  height: calc(3.5 * var(--f8oth60));
  background-color: var(--yp9epa1);
  color: var(--yp9epa2);
  justify-content: center;
  box-shadow: var(--yp9epaa);
}
._6n20yd2 {
  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));
}
._6n20yd3 {
  height: calc(1.625 * var(--f8oth60));
  width: calc(0.0625 * var(--f8oth60));
  margin-left: calc(0.75 * var(--f8oth60));
  background-color: var(--yp9epa4);
  display: none;
}
._6n20yd4 {
  display: flex;
  align-items: center;
}
._6n20yd5 {
  grid-area: login;
}
._6n20yd6 {
  grid-area: frontpage;
  justify-content: center;
}
._6n20yd7 {
  grid-area: search;
  display: none;
}
._6n20yd8 {
  grid-area: menu;
  justify-content: flex-end;
}
._6n20yd9 {
  grid-area: current-topics;
  display: none;
  min-width: 0;
}
@media screen and (min-width: 768px) {
  ._6n20yd1 {
    height: calc(4.5 * var(--f8oth60));
  }
  ._6n20yd2 {
    grid-template-columns: min-content 1fr min-content min-content min-content;
    grid-template-areas: "frontpage current-topics login search menu";
  }
  ._6n20yd3 {
    display: block;
  }
  ._6n20yd6 {
    justify-content: flex-start;
  }
  ._6n20yd7 {
    display: flex;
    padding-left: calc(1.25 * var(--f8oth60));
  }
  ._6n20yd8 {
    padding-left: calc(1.25 * var(--f8oth60));
  }
  ._6n20yd9 {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  ._6n20yd2 {
    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=OndoZXJlKC5fNm4yMHlkMSksIDp3aGVyZSguXzZuMjB5ZDEpICogewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KOndoZXJlKC5fNm4yMHlkMSkgOndoZXJlKGEpIHsKICBjb2xvcjogaW5oZXJpdDsKICB0ZXh0LWRlY29yYXRpb246IGluaGVyaXQ7Cn0KOndoZXJlKC5fNm4yMHlkMSkgOndoZXJlKGJ1dHRvbikgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGJvcmRlci13aWR0aDogMDsKICBmb250LWZhbWlseTogaW5oZXJpdDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1zdHlsZTogaW5oZXJpdDsKICBmb250LXdlaWdodDogaW5oZXJpdDsKICBsaW5lLWhlaWdodDogaW5oZXJpdDsKICBjb2xvcjogaW5oZXJpdDsKICBwYWRkaW5nOiAwOwp9Cjp3aGVyZSguXzZuMjB5ZDEpIDp3aGVyZShwLCBoMSwgaDIsIGgzLCBoNCwgaDUsIGg2LCBsaSwgdWwpIHsKICBtYXJnaW46IDA7CiAgcGFkZGluZzogMDsKfQpAbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkgewogIDp3aGVyZSguXzZuMjB5ZDEpICogewogICAgdHJhbnNpdGlvbjogbm9uZSAhaW1wb3J0YW50OwogICAgYW5pbWF0aW9uOiBub25lICFpbXBvcnRhbnQ7CiAgfQp9 */
:where(._6n20yd1),
:where(._6n20yd1) * {
  box-sizing: border-box;
}
:where(._6n20yd1) :where(a) {
  color: inherit;
  text-decoration: inherit;
}
:where(._6n20yd1) :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;
}
:where(._6n20yd1) :where(p, h1, h2, h3, h4, h5, h6, li, ul) {
  margin: 0;
  padding: 0;
}
@media (prefers-reduced-motion: reduce) {
  :where(._6n20yd1) * {
    transition: none !important;
    animation: none !important;
  }
}

/* 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=Ll8xZmZzcjVoMCB7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICBvdmVyZmxvdzogY2xpcDsKICB3aWR0aDogMTAwJTsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOwogIHBhZGRpbmctbGVmdDogY2FsYygwLjc1ICogdmFyKC0tZjhvdGg2MCkpOwogIHBhZGRpbmctcmlnaHQ6IGNhbGMoMS41ICogdmFyKC0tZjhvdGg2MCkpOwogIHBhZGRpbmctdG9wOiBjYWxjKDEuNSAqIHZhcigtLWY4b3RoNjApKTsKICBwYWRkaW5nLWJvdHRvbTogY2FsYygxLjUgKiB2YXIoLS1mOG90aDYwKSk7Cn0KLl8xZmZzcjVoMSB7CiAgbWFyZ2luOiAwIGNhbGMoMC43NSAqIHZhcigtLWY4b3RoNjApKTsKICBjb2xvcjogdmFyKC0teXA5ZXBhMik7Cn0= */
._1ffsr5h0 {
  overflow: hidden;
  overflow: clip;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: calc(0.75 * var(--f8oth60));
  padding-right: calc(1.5 * 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);
}

/* vanilla-extract-css-ns:src/components/AccessibleMenu.css.ts.vanilla.css?source=Ll8xNHM0cmowIHsKICBvcGFjaXR5OiAwOwogIHBvc2l0aW9uOiBmaXhlZDsKICB0b3A6IC0xMDBweDsKfQouXzE0czRyajEgewogIG91dGxpbmU6IG5vbmU7Cn0= */
._14s4rj0 {
  opacity: 0;
  position: fixed;
  top: -100px;
}
._14s4rj1 {
  outline: none;
}

/* vanilla-extract-css-ns:src/components/Menu.css.ts.vanilla.css?source=Ll8xc3ZsN2p5MCB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIGhlaWdodDogY2FsYygxLjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgd2lkdGg6IGNhbGMoMS41ICogdmFyKC0tZjhvdGg2MCkpOwp9Ci5fMXN2bDdqeTEgewogIG9wYWNpdHk6IDE7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHRvcDogMDsKICBsZWZ0OiAwOwogIGhlaWdodDogY2FsYygxLjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgd2lkdGg6IGNhbGMoMS41ICogdmFyKC0tZjhvdGg2MCkpOwogIHRyYW5zaXRpb246IG9wYWNpdHkgMTEwbXMgY3ViaWMtYmV6aWVyKDAuNDUsMCwwLjQwLDEpOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXlwOWVwYTEpOwp9Ci5hY2Nlc3NpYmxlLW1lbnUtY2hlY2tib3g6Y2hlY2tlZCB+ICogLl8xc3ZsN2p5MiB7CiAgb3BhY2l0eTogMDsKfQouYWNjZXNzaWJsZS1tZW51LWNoZWNrYm94Om5vdCg6Y2hlY2tlZCkgfiAqIC5fMXN2bDdqeTMgewogIG9wYWNpdHk6IDA7Cn0KLmFjY2Vzc2libGUtbWVudS1jaGVja2JveDpmb2N1cyB+IC5fMXN2bDdqeTQ6OmJlZm9yZSB7CiAgb3V0bGluZTogY2FsYygwLjE4NzUgKiB2YXIoLS1mOG90aDYwKSkgc29saWQgdmFyKC0teXA5ZXBhMCk7CiAgb3V0bGluZS1vZmZzZXQ6IGNhbGMoMC4xMjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgYm9yZGVyLXJhZGl1czogMXB4Owp9CkBzdXBwb3J0cyBzZWxlY3Rvcig6Zm9jdXMtdmlzaWJsZSkgewogIC5hY2Nlc3NpYmxlLW1lbnUtY2hlY2tib3g6bm90KDpmb2N1cy12aXNpYmxlKSB+IC5fMXN2bDdqeTQ6OmJlZm9yZSB7CiAgICBvdXRsaW5lOiBub25lOwogIH0KfQ== */
._1svl7jy0 {
  position: relative;
  height: calc(1.5 * var(--f8oth60));
  width: calc(1.5 * var(--f8oth60));
}
._1svl7jy1 {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  height: calc(1.5 * var(--f8oth60));
  width: calc(1.5 * var(--f8oth60));
  transition: opacity 110ms cubic-bezier(0.45, 0, 0.40, 1);
  background-color: var(--yp9epa1);
}
.accessible-menu-checkbox:checked ~ * ._1svl7jy2 {
  opacity: 0;
}
.accessible-menu-checkbox:not(:checked) ~ * ._1svl7jy3 {
  opacity: 0;
}
.accessible-menu-checkbox:focus ~ ._1svl7jy4::before {
  outline: calc(0.1875 * var(--f8oth60)) solid var(--yp9epa0);
  outline-offset: calc(0.125 * var(--f8oth60));
  border-radius: 1px;
}
@supports selector(:focus-visible) {
  .accessible-menu-checkbox:not(:focus-visible) ~ ._1svl7jy4::before {
    outline: none;
  }
}

/* vanilla-extract-css-ns:src/components/BarItem.css.ts.vanilla.css?source=LmM2M2Q1aDAgewogIGRpc3BsYXk6IG5vbmU7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKICBtYXJnaW4tcmlnaHQ6IGNhbGMoMC41ICogdmFyKC0tZjhvdGg2MCkpOwp9Ci5jNjNkNWgxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgY3Vyc29yOiBwb2ludGVyOwogIGNvbG9yOiB2YXIoLS15cDllcGEyKTsKfQouYzYzZDVoMiB7CiAgaGVpZ2h0OiBjYWxjKDEuNSAqIHZhcigtLWY4b3RoNjApKTsKICB3aWR0aDogY2FsYygxLjUgKiB2YXIoLS1mOG90aDYwKSk7Cn0KQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAyNHB4KSB7CiAgLmM2M2Q1aDAgewogICAgZGlzcGxheTogYmxvY2s7CiAgfQp9 */
.c63d5h0 {
  display: none;
  white-space: nowrap;
  margin-right: calc(0.5 * var(--f8oth60));
}
.c63d5h1 {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--yp9epa2);
}
.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/drawer/Drawer.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WV3W7aMBSA73kKq9IkqHBkZ8C69GavsavJsU/Aa2JHjqGwiT37bCeAA0lpt6s4zvn9zk+SH5QovthvCfo9QUjIpi7ZIUN5qfnLs7t5lcJuMkQJ+eRfra4zxFnJp5+TJXpEO2amGBdP2m5WZDbzIiUUNkPEH3PGX9ZGb5XIOslD/RVqRoNgrRtppVYZYnmjy62FoKONAIMvjkhCVumAL+R0pOjZXQa71jB1sqxrxqU9oHRBqgbxbS45zuGXBOPsLpZzMncPMqez+U42MpflWdhbWhspsIXKMbGAjX5tXGKF8Z86w12iF+UMbaQQoJ4nx0lyhptlrLBgAmOulQXlED08tBSkezcYdu7S2VdawTidCK6R683pHGidajRGPZ/dBv4xVnTeVu7/a7SBNvqgvUqGdANBxjk0jm0JuAK1xXwD/CXX+ywcQKA/KOm3cJzRUE3P+dPrwoVzCWOFp77wHw0pLnzsOWoO2p887zrEuQNTlPr10lD93G5DRHda/B19/b70HtFV8Hfiujt895CfvKV9VEUJe6/qn1hIA7wNgbtxqQKwn9vGyuKAzzMXhib+0kBZOA3wM+jvK7bH3c6L+7GNsZIKnzqXDG3HiEM4F9pU99NHlDqJ+bt3VSt/duiddP48u+/TMFSYDC3ogRVQMyGkWuN2tQTddHiznyRNNLuDonHJ3lh9vSVAk8EN8g89mV568gYNmV3vgOPkWwVCMtRwA6AQUwJNfaG72n5ZPdX7WTB5tWniv+Fi7G94jPXSTm8AOR1WH4Y+Itz3FYO/Yp2OLFxv4h4PStLFDZC3EhsjM5LaOMjjX1LziKCtCAAA */
._10nc4xu0 {
  display: block;
  width: 100%;
  top: calc(3.5 * var(--f8oth60));
  left: 0;
  background: var(--yp9epa1);
  position: absolute;
  border-top: calc(0.0625 * var(--f8oth60)) solid var(--yp9epa5);
  transition: opacity 240ms cubic-bezier(0.45, 0, 0.40, 1), visibility 240ms;
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
}
._10nc4xu0::after {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: var(--yp9epab);
  opacity: 0;
  transition: opacity 240ms cubic-bezier(0.45, 0, 1, 1);
  border-top: calc(0.0625 * var(--f8oth60)) solid var(--yp9epa5);
  height: calc(6.25 * var(--f8oth60));
}
.accessible-menu-checkbox:checked ~ ._10nc4xu0 {
  transition: visibility 240ms;
  opacity: 1;
  visibility: visible;
  grid-template-rows: 1fr;
}
.accessible-menu-checkbox:checked ~ ._10nc4xu0::after {
  opacity: 1;
}
._10nc4xu1 {
  display: grid;
  overflow: hidden;
  transition: grid-template-rows 0ms cubic-bezier(0.45, 0, 0.40, 1) 240ms;
  grid-template-rows: 0fr;
}
.accessible-menu-checkbox:checked ~ * ._10nc4xu1 {
  transition: grid-template-rows 240ms cubic-bezier(0.45, 0, 0.40, 1);
  grid-template-rows: 1fr;
}
._10nc4xu2 {
  display: flex;
  flex-direction: column;
  justify-content: right;
  justify-self: center;
  max-width: var(--f8oth61);
  min-height: 0;
  width: 100%;
  transition: transform 240ms cubic-bezier(0.45, 0, 0.40, 1) 110ms, opacity 240ms cubic-bezier(0.45, 0, 0.40, 1) 110ms;
  transform: translateY(calc(-0.5 * var(--f8oth60)));
  opacity: 0;
  padding-left: calc(2 * var(--f8oth60));
  padding-right: calc(2 * var(--f8oth60));
}
._10nc4xu2::after {
  content: "";
  height: calc(1.625 * var(--f8oth60));
}
.accessible-menu-checkbox:checked ~ * ._10nc4xu2 {
  transform: translateY(0);
  opacity: 1;
}
@media screen and (min-width: 768px) {
  ._10nc4xu0 {
    top: calc(4.5 * var(--f8oth60));
  }
  ._10nc4xu2 {
    padding-left: calc(1 * var(--f8oth60));
    padding-right: calc(1 * var(--f8oth60));
  }
  ._10nc4xu2::after {
    height: calc(2.25 * var(--f8oth60));
  }
}
@media screen and (min-width: 1024px) {
  ._10nc4xu2 {
    padding-left: calc(1.5 * var(--f8oth60));
    padding-right: calc(1.5 * var(--f8oth60));
  }
}

/* vanilla-extract-css-ns:src/components/drawer/MenuItem.css.ts.vanilla.css?source=Ll8xYnZtNG1tMCB7CiAgbGlzdC1zdHlsZS10eXBlOiBub25lOwp9Ci5fMWJ2bTRtbTEgewogIHdpZHRoOiBjYWxjKDEuMjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgaGVpZ2h0OiBjYWxjKDEuMjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgbWFyZ2luLXJpZ2h0OiBjYWxjKDAuNSAqIHZhcigtLWY4b3RoNjApKTsKfQouXzFidm00bW0yIHsKICBkaXNwbGF5OiBmbGV4OwogIG1heC13aWR0aDogbWF4LWNvbnRlbnQ7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBjb2xvcjogdmFyKC0teXA5ZXBhMik7Cn0= */
._1bvm4mm0 {
  list-style-type: none;
}
._1bvm4mm1 {
  width: calc(1.25 * var(--f8oth60));
  height: calc(1.25 * var(--f8oth60));
  margin-right: calc(0.5 * var(--f8oth60));
}
._1bvm4mm2 {
  display: flex;
  max-width: max-content;
  align-items: center;
  color: var(--yp9epa2);
}

/* vanilla-extract-css-ns:src/components/drawer/mobilePromo/MobilePromo.css.ts.vanilla.css?source=Ll80Ym5oeHYwIHsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7Cn0KLl80Ym5oeHYxIHsKICBtYXJnaW4tYm90dG9tOiBjYWxjKDAuMjUgKiB2YXIoLS1mOG90aDYwKSk7Cn0KLl80Ym5oeHYyIHsKICBtYXJnaW4tYm90dG9tOiBjYWxjKDEgKiB2YXIoLS1mOG90aDYwKSk7Cn0KLl80Ym5oeHYzIHsKICBoZWlnaHQ6IGNhbGMoMi41ICogdmFyKC0tZjhvdGg2MCkpOwogIGRpc3BsYXk6IGJsb2NrOwp9 */
._4bnhxv0 {
  display: inline-block;
}
._4bnhxv1 {
  margin-bottom: calc(0.25 * var(--f8oth60));
}
._4bnhxv2 {
  margin-bottom: calc(1 * var(--f8oth60));
}
._4bnhxv3 {
  height: calc(2.5 * var(--f8oth60));
  display: block;
}

/* vanilla-extract-css-ns:src/components/drawer/DrawerContent.css.ts.vanilla.css?source=#H4sIAAAAAAAAA52SzXKDIBSF93kKNp3RTnE0iSYxm74KCiZMEQiSGqeTdy8oMeRvmnQjw+Vwz8f1RMVut1iJGPxMAKiR2lCeg3htNhJhTPnG7VqK9TYHSRy/eYdQC5mDErEySKIUvINvpAIIq6XQ2ywOw/XY9BllIRQmalAm8gAawSh2wk6uiESp0R0nkWPOK6oaDcstZbjnv6Wa/u3EBSfXnLFnM+tbY9pIhrocFEyUX56+EFqL2tnF95829kr7Xht0HkWyXDyYBqPmbY3uGIG6k+QMOqJsFMW2YFeoSW2qmsBSsH3NGzPCSo2naK8FrJhoc6BE6xFlPZGpweeohu6eePZf+oqRgy3YFWKqSKmpMOEbHCziZ00wRaApFSEcII5BUJuJuygusqU8hD1+5If4hRjcCecD5dFzuYndC45en+R12nuxvQnuhcnUmYxTP13zNLMnNKnTPIiaIpIgHcw/bOgc7KXUJOysGx43dJ6HH8D+1VJwTbj2L3uhPYXiAipzUNcJ6hM+HrTKZtV+h+vHX0DZ5pDzBAAA */
.bqq79o0 {
  margin: 0;
  padding: 0;
  width: 100%;
  padding-top: calc(1.5 * var(--f8oth60));
  margin-top: calc(1.5 * var(--f8oth60));
  border-top: 1px solid var(--yp9epa5);
}
.bqq79o0:first-child {
  padding-top: calc(2 * var(--f8oth60));
  border-top: none;
  margin-top: 0;
}
.bqq79o3 {
  display: block;
  margin-bottom: calc(0.5 * var(--f8oth60));
}
.bqq79o5 {
  gap: calc(1.1875 * var(--f8oth60));
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
}
.bqq79o6 {
  row-gap: calc(1.1875 * var(--f8oth60));
  column-gap: calc(3 * var(--f8oth60));
  list-style-type: none;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .bqq79o0 {
    padding-top: calc(2 * var(--f8oth60));
    margin-top: calc(2 * var(--f8oth60));
  }
  .bqq79o0:first-child {
    padding-top: calc(2 * var(--f8oth60));
  }
  .bqq79o1 {
    padding-top: calc(2 * var(--f8oth60));
    border-top: none;
    margin-top: 0;
  }
  .bqq79o2 {
    display: none;
  }
  .bqq79o3 {
    display: none;
  }
  .bqq79o5 {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(var(--bqq79o4), min-content);
    grid-auto-flow: column;
  }
  .bqq79o6 {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

/* vanilla-extract-css-ns:src/components/drawer/AreenaPromo.css.ts.vanilla.css?source=Ll8xbTNxdWY4MCB7CiAgZGlzcGxheTogYmxvY2s7CiAgaGVpZ2h0OiBjYWxjKDEgKiB2YXIoLS1mOG90aDYwKSk7Cn0KLl8xbTNxdWY4MSB7CiAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogIGNvbG9yOiB2YXIoLS15cDllcGEyKTsKfQouXzFtM3F1ZjgzIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7CiAgZ2FwOiBjYWxjKDAuNzUgKiB2YXIoLS1mOG90aDYwKSk7CiAgcGFkZGluZy1ibG9jay1zdGFydDogY2FsYygwLjI1ICogdmFyKC0tZjhvdGg2MCkpOwp9CkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OHB4KSB7CiAgLl8xbTNxdWY4MyB7CiAgICBmbGV4LWRpcmVjdGlvbjogcm93OwogICAgZ2FwOiBjYWxjKDEuNSAqIHZhcigtLWY4b3RoNjApKTsKICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgfQp9 */
._1m3quf80 {
  display: block;
  height: calc(1 * var(--f8oth60));
}
._1m3quf81 {
  display: inline-block;
  color: var(--yp9epa2);
}
._1m3quf83 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(0.75 * var(--f8oth60));
  padding-block-start: calc(0.25 * var(--f8oth60));
}
@media screen and (min-width: 768px) {
  ._1m3quf83 {
    flex-direction: row;
    gap: calc(1.5 * var(--f8oth60));
    align-items: center;
  }
}

/* vanilla-extract-css-ns:src/components/drawer/DrawerCurrentTopics.css.ts.vanilla.css?source=Ll8xZDg1NnFwMCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LXdyYXA6IHdyYXA7CiAgZ2FwOiBjYWxjKDEgKiB2YXIoLS1mOG90aDYwKSk7CiAgbGlzdC1zdHlsZS10eXBlOiBub25lOwogIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0OwogIG1hcmdpbi10b3A6IGNhbGMoMC41ICogdmFyKC0tZjhvdGg2MCkpOwp9Ci5fMWQ4NTZxcDEgewogIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkOwogIC1tb3otb3N4LWZvbnQtc21vb3RoaW5nOiBncmF5c2NhbGU7CiAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogIGJvcmRlci1yYWRpdXM6IDEwMHB4OwogIHBhZGRpbmc6IGNhbGMoMC4xODc1ICogdmFyKC0tZjhvdGg2MCkpIGNhbGMoMC43NSAqIHZhcigtLWY4b3RoNjApKSBjYWxjKDAuMTg3NSAqIHZhcigtLWY4b3RoNjApKSBjYWxjKDAuNzUgKiB2YXIoLS1mOG90aDYwKSk7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0teXA5ZXBhNik7CiAgY29sb3I6IHZhcigtLXlwOWVwYTcpOwogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KQG1lZGlhIHNjcmVlbiBhbmQgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzogMiksCiAgICAgICAgc2NyZWVuIGFuZCAobWluLXJlc29sdXRpb246IDJkcHB4KSwKICAgICAgICBzY3JlZW4gYW5kIChtaW4tcmVzb2x1dGlvbjogMTkyZHBpKSB7CiAgLl8xZDg1NnFwMSB7CiAgICBwYWRkaW5nOiBjYWxjKDAuMTU2MjUgKiB2YXIoLS1mOG90aDYwKSkgY2FsYygwLjc1ICogdmFyKC0tZjhvdGg2MCkpIGNhbGMoMC4yMTg3NSAqIHZhcigtLWY4b3RoNjApKSBjYWxjKDAuNzUgKiB2YXIoLS1mOG90aDYwKSk7CiAgfQp9 */
._1d856qp0 {
  display: flex;
  flex-wrap: wrap;
  gap: calc(1 * var(--f8oth60));
  list-style-type: none;
  align-items: flex-start;
  margin-top: calc(0.5 * var(--f8oth60));
}
._1d856qp1 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  border-radius: 100px;
  padding: calc(0.1875 * var(--f8oth60)) calc(0.75 * var(--f8oth60)) calc(0.1875 * var(--f8oth60)) calc(0.75 * var(--f8oth60));
  background-color: var(--yp9epa6);
  color: var(--yp9epa7);
  white-space: nowrap;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  ._1d856qp1 {
    padding: calc(0.15625 * var(--f8oth60)) calc(0.75 * var(--f8oth60)) calc(0.21875 * var(--f8oth60)) calc(0.75 * var(--f8oth60));
  }
}

/* vanilla-extract-css-ns:src/components/drawer/DrawerClose.css.ts.vanilla.css?source=Lnpwc203dDAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IHJvdzsKICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOwp9Ci56cHNtN3QxIHsKICBkaXNwbGF5OiBmbGV4OwogIGdhcDogY2FsYygwLjUgKiB2YXIoLS1mOG90aDYwKSk7Cn0KLnpwc203dDIgewogIHdpZHRoOiBjYWxjKDEuMjUgKiB2YXIoLS1mOG90aDYwKSk7CiAgaGVpZ2h0OiBjYWxjKDEuMjUgKiB2YXIoLS1mOG90aDYwKSk7Cn0= */
.zpsm7t0 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.zpsm7t1 {
  display: flex;
  gap: calc(0.5 * var(--f8oth60));
}
.zpsm7t2 {
  width: calc(1.25 * var(--f8oth60));
  height: calc(1.25 * var(--f8oth60));
}

/* vanilla-extract-css-ns:src/components/UserMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VV25KbMAx936/QS2dIu6aYJITQl/5Jx9gOuAs2Y5uQtLP/XgxkE7bQXNrOcBskcaRzJOF/W6cRlasAfj4BpIS+ZFrVkiWwJ9pD6FhteUXCxZfWSlWh9NiAO0MjmM0ToKSgXuhv1vBxcNrFyuZRsOi8ci6y3F51S5VmXCNNmKjN4I395Zw7E6YqyDGBXcEP7sX32lixOyKqpOXS4bVXrp2JFCKTSFhemvPr1yd/4AB3HFTKCCuUTICkRhW15ZMw7o6Y0Jz2zi05dSmdRe253hWqSSAXjHE5V1Tgh7MUHJDJCXPfCKpDd8bDXWcp8YJnGA4fr/uQGeXiOeXC35TD8awmP5CQjB8SwJd8hR1fdzBTEcaEzFBaKPryxsIk5hlleRuKVs2k+qYilKOU24bzURJCFkLyU+3TdT+WcJK7FvjjQG1HEau/K7HzM5Zo68wZqW4r6lEC8DUC1vf1xTkw6gJdVmi0LK4ibmYDl3h6yM6xcS9UP6CpslaVb0oH0VQ0tGtBsJGeq8tpwkHw4RJh2++VR3qJTFM5AvoHs3BDTvf1Da21cRunUuL9liV3j0fa+Y5W1ezqfCf/nPhfS84EAUN1ywQQycArhUQDxiZqt+2iQx3/GwD0xee9lv99Awja0P75eYSFF22vfIYQPp3SmWzGLu/Xq0nhIFz9n6wmm/yU1S853zQxIQgAAA== */
._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;
  overflow: hidden;
  border-radius: calc(0.25 * var(--f8oth60));
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
  background: var(--yp9epa8);
  color: var(--yp9epa2);
  width: calc(18.75 * var(--f8oth60));
  z-index: 1;
}
._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(--yp9epa9);
}
._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(--yp9epa4);
  width: 100%;
}
._5b6cn49 {
  padding-block: calc(0.5 * var(--f8oth60));
}
._5b6cn4a {
  display: flex;
  width: 100%;
  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(--yp9epa9);
}
._5b6cn4b {
  width: calc(1.25 * var(--f8oth60));
  height: calc(1.25 * var(--f8oth60));
}
@media screen and (min-width: 768px) {
  ._5b6cn41 {
    right: calc((100vw - min(100vw, var(--f8oth61))) / 2 + calc(1.125 * var(--f8oth60)));
  }
}
@media screen and (min-width: 1024px) {
  ._5b6cn41 {
    right: calc((100vw - min(100vw, var(--f8oth61))) / 2 + calc(1.625 * var(--f8oth60)));
  }
}

/* vanilla-extract-css-ns:src/components/Login.css.ts.vanilla.css?source=#H4sIAAAAAAAAA41UwXKbMBC95yt06QzuWB7hOIlDL/6NHoW0mK2FlpFEYreTfnuFwDaehKTDAEL7tPv27Rt2BzhVTjbgGT7D60OZsz93jIlv6cUYtVJhOBVM/Ijfb/HOxftgPgTf7lZDEpEApVSHvaPO6oK9SJdxfmqfoZXrRQ9XZMjdBvIUeEUd6oIpaVSWr54e2PcRVG0p1I9ikVA14L4OX8JKchocd1Jj50e0WG3n4Bp9a2TsqDJw7Dd+dT5gdeKKbADb14tPcH1IGtxbjgEaf92+SLBOElzylYbUoT/V+UjHgwEVk1mykLTonO/FaAnP2efEyydtjVORFhsZkGxxmeFGiMYnNlIp8B5LA7wB23FVgzqUdCwqUp1nf9mZb1GUUJGDxJu6YNDCRbD8Q8WYJ4P6hp5I9MbjnKrKQ7hmWf/flPL2OFHyPjF6wdgEmmS3GrUGmwrd2DNQO9a6X82VCk5aj4NaaR17bth6E/WKYyhR8RJ+I7hMLOO12ohlvlie6wy45YTMsPO50mkB+qr1+47S2sBNS/mFbk9xZGtkgJ/ZaPqPelxMlNukOp/ZY+e7tiUXPBssSS4bjMFHRouUYr43S+HdiRlPTVx19n3/y9g1oFEyrxyAjWQ1yxq0fPwLPD1u2+NIYiredNib2WHH/P8AkA3gEuEEAAA= */
@keyframes i9ew5b1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.i9ew5b0 {
  background: var(--yp9epa2);
  color: var(--yp9epa1);
  width: calc(1.75 * var(--f8oth60));
  height: calc(1.75 * var(--f8oth60));
  border-radius: calc(0.875 * var(--f8oth60));
  display: flex;
  justify-content: center;
  align-items: center;
}
.i9ew5b2 {
  display: block;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  background: var(--yp9epa1);
  border: 0;
  animation: i9ew5b1 400ms;
}
.accessible-menu-checkbox:focus ~ .i9ew5b2::before {
  outline: calc(0.1875 * var(--f8oth60)) solid var(--yp9epa0);
  outline-offset: calc(0.125 * var(--f8oth60));
  border-radius: 1px;
}
.i9ew5b3 {
  visibility: hidden;
  opacity: 0;
  top: calc(3.25 * var(--f8oth60));
  transition:
    transform 240ms cubic-bezier(0, 0, 0.40, 1),
    opacity 240ms,
    visibility 240ms;
}
.accessible-menu-checkbox:checked ~ .i9ew5b3 {
  visibility: visible;
  opacity: 1;
  transform: translateY(calc(1.25 * var(--f8oth60)));
}
.i9ew5b4 {
  animation: i9ew5b1 400ms;
}
@supports selector(:focus-visible) {
  .accessible-menu-checkbox:not(:focus-visible) ~ .i9ew5b2::before {
    outline: none;
  }
}
@media screen and (min-width: 768px) {
  .i9ew5b3 {
    top: calc(4.25 * var(--f8oth60));
  }
}

/* vanilla-extract-css-ns:src/components/BarLogin.css.ts.vanilla.css?source=Ll8xY2pid2J5MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIGNvbG9yOiB2YXIoLS15cDllcGEyKTsKfQouXzFjamJ3YnkxIHsKICBoZWlnaHQ6IGNhbGMoMS41ICogdmFyKC0tZjhvdGg2MCkpOwogIHdpZHRoOiBjYWxjKDEuNSAqIHZhcigtLWY4b3RoNjApKTsKICBtYXJnaW4tcmlnaHQ6IGNhbGMoMC41ICogdmFyKC0tZjhvdGg2MCkpOwp9CkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OHB4KSB7CiAgLl8xY2pid2J5MCB7CiAgICBmbGV4LWRpcmVjdGlvbjogcm93OwogICAgZ2FwOiBjYWxjKDAuNSAqIHZhcigtLWY4b3RoNjApKTsKICB9CiAgLl8xY2pid2J5MSB7CiAgICBtYXJnaW4tcmlnaHQ6IGNhbGMoMCAqIHZhcigtLWY4b3RoNjApKTsKICB9Cn0= */
._1cjbwby0 {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  white-space: nowrap;
  color: var(--yp9epa2);
}
._1cjbwby1 {
  height: calc(1.5 * var(--f8oth60));
  width: calc(1.5 * var(--f8oth60));
  margin-right: calc(0.5 * var(--f8oth60));
}
@media screen and (min-width: 768px) {
  ._1cjbwby0 {
    flex-direction: row;
    gap: calc(0.5 * var(--f8oth60));
  }
  ._1cjbwby1 {
    margin-right: calc(0 * var(--f8oth60));
  }
}