/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
  box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/

html {
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
  margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
  font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'] {
  -webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #a1a1aa;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #a1a1aa;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #a1a1aa;
}

button {
  cursor: pointer;
}

/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */

*, ::before, ::after{
  border-color:currentColor
}

.container{
  width:100%
}

.pointer-events-none{
  pointer-events:none
}

.pointer-events-auto{
  pointer-events:auto
}

.static{
  position:static
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.sticky{
  position:-webkit-sticky;
  position:sticky
}

.top-0{
  top:0rem
}

.top-unset{
  top:unset
}

.right-0{
  right:0rem
}

.bottom-0{
  bottom:0rem
}

.bottom-6{
  bottom:6rem
}

.bottom-14{
  bottom:14rem
}

.bottom-pad{
  bottom:var(--padding)
}

.-bottom-2px{
  bottom:-2px
}

.left-0{
  left:0rem
}

.left-1{
  left:1rem
}

.left-2{
  left:2rem
}

.left-pad{
  left:var(--padding)
}

.z-10{
  z-index:10
}

.z-20{
  z-index:20
}

.z-40{
  z-index:40
}

.z-50{
  z-index:50
}

.col-span-1{
  grid-column:span 1 / span 1
}

.col-span-2{
  grid-column:span 2 / span 2
}

.col-span-4{
  grid-column:span 4 / span 4
}

.col-span-8{
  grid-column:span 8 / span 8
}

.col-start-1{
  grid-column-start:1
}

.col-start-2{
  grid-column-start:2
}

.col-start-3{
  grid-column-start:3
}

.col-start-4{
  grid-column-start:4
}

.col-start-5{
  grid-column-start:5
}

.col-start-7{
  grid-column-start:7
}

.row-start-1{
  grid-row-start:1
}

.row-start-2{
  grid-row-start:2
}

.row-start-6{
  grid-row-start:6
}

.m-0{
  margin:0rem
}

.m-pad{
  margin:var(--padding)
}

.-m-2{
  margin:-2rem
}

.mx-pad{
  margin-left:var(--padding);
  margin-right:var(--padding)
}

.-my-2px{
  margin-top:-2px;
  margin-bottom:-2px
}

.mt-0{
  margin-top:0rem
}

.mt-2{
  margin-top:2rem
}

.mt-10{
  margin-top:10rem
}

.mt-16{
  margin-top:16rem
}

.mt-pad{
  margin-top:var(--padding)
}

.-mt-1px{
  margin-top:-1px
}

.mr-0{
  margin-right:0rem
}

.mr-4{
  margin-right:4rem
}

.mr-pad{
  margin-right:var(--padding)
}

.-mr-1px{
  margin-right:-1px
}

.-mr-pad{
  margin-right:calc(var(--padding) * -1)
}

.mb-0{
  margin-bottom:0rem
}

.mb-1{
  margin-bottom:1rem
}

.mb-6{
  margin-bottom:6rem
}

.mb-9{
  margin-bottom:9rem
}

.-mb-1px{
  margin-bottom:-1px
}

.ml-0{
  margin-left:0rem
}

.ml-2{
  margin-left:2rem
}

.ml-pad{
  margin-left:var(--padding)
}

.-ml-1px{
  margin-left:-1px
}

.box-content{
  box-sizing:content-box
}

.inline{
  display:inline
}

.flex{
  display:flex
}

.table{
  display:table
}

.grid{
  display:grid
}

.h-5{
  height:5rem
}

.h-6{
  height:6rem
}

.h-8{
  height:8rem
}

.h-1px{
  height:1px
}

.h-full{
  height:100%
}

.min-h-full{
  min-height:100%
}

.w-76{
  width:76rem
}

.w-full{
  width:100%
}

.w-max{
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content
}

.min-w-0{
  min-width:0px
}

.transform{
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@-webkit-keyframes spin{
  to{
    transform:rotate(360deg)
  }
}

@keyframes spin{
  to{
    transform:rotate(360deg)
  }
}

@-webkit-keyframes ping{
  75%, 100%{
    transform:scale(2);
    opacity:0
  }
}

@keyframes ping{
  75%, 100%{
    transform:scale(2);
    opacity:0
  }
}

@-webkit-keyframes pulse{
  50%{
    opacity:.5
  }
}

@keyframes pulse{
  50%{
    opacity:.5
  }
}

@-webkit-keyframes bounce{
  0%, 100%{
    transform:translateY(-25%);
    -webkit-animation-timing-function:cubic-bezier(0.8,0,1,1);
            animation-timing-function:cubic-bezier(0.8,0,1,1)
  }

  50%{
    transform:none;
    -webkit-animation-timing-function:cubic-bezier(0,0,0.2,1);
            animation-timing-function:cubic-bezier(0,0,0.2,1)
  }
}

@keyframes bounce{
  0%, 100%{
    transform:translateY(-25%);
    -webkit-animation-timing-function:cubic-bezier(0.8,0,1,1);
            animation-timing-function:cubic-bezier(0.8,0,1,1)
  }

  50%{
    transform:none;
    -webkit-animation-timing-function:cubic-bezier(0,0,0.2,1);
            animation-timing-function:cubic-bezier(0,0,0.2,1)
  }
}

.cursor-pointer{
  cursor:pointer
}

.select-none{
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none
}

.resize{
  resize:both
}

.auto-cols-max{
  grid-auto-columns:-webkit-max-content;
  grid-auto-columns:max-content
}

.grid-flow-col{
  grid-auto-flow:column
}

.grid-cols-1{
  grid-template-columns:repeat(1, minmax(0, 1fr))
}

.grid-cols-2{
  grid-template-columns:repeat(2, minmax(0, 1fr))
}

.grid-cols-8{
  grid-template-columns:repeat(8, minmax(0, 1fr))
}

.content-end{
  align-content:flex-end
}

.items-start{
  align-items:flex-start
}

.items-end{
  align-items:flex-end
}

.items-center{
  align-items:center
}

.justify-start{
  justify-content:flex-start
}

.justify-center{
  justify-content:center
}

.justify-items-start{
  justify-items:start
}

.justify-items-end{
  justify-items:end
}

.gap-0{
  gap:0rem
}

.gap-1{
  gap:1rem
}

.gap-2{
  gap:2rem
}

.gap-6{
  gap:6rem
}

.self-end{
  align-self:flex-end
}

.self-center{
  align-self:center
}

.justify-self-start{
  justify-self:start
}

.justify-self-end{
  justify-self:end
}

.justify-self-center{
  justify-self:center
}

.justify-self-stretch{
  justify-self:stretch
}

.overflow-auto{
  overflow:auto
}

.overflow-hidden{
  overflow:hidden
}

.overflow-x-hidden{
  overflow-x:hidden
}

.overflow-y-scroll{
  overflow-y:scroll
}

.whitespace-normal{
  white-space:normal
}

.whitespace-nowrap{
  white-space:nowrap
}

.rounded-full{
  border-radius:9999px
}

.border-0{
  border-width:0
}

.border-t-0{
  border-top-width:0
}

.border-t-2{
  border-top-width:2px
}

.border-t{
  border-top-width:1px
}

.border-r{
  border-right-width:1px
}

.border-b-0{
  border-bottom-width:0
}

.border-b-2{
  border-bottom-width:2px
}

.border-b{
  border-bottom-width:1px
}

.border-l{
  border-left-width:1px
}

.border-solid{
  border-style:solid
}

.border-current{
  border-color:currentColor
}

.border-gray-d2{
  border-color:var(--gray-d2-color)
}

.border-gray-l1{
  border-color:var(--gray-l1-color)
}

.bg-white{
  background-color:var(--white-b-color)
}

.bg-gray-l1{
  background-color:var(--gray-l1-color)
}

.bg-gray-l2{
  background-color:var(--gray-l2-color)
}

.bg-black{
  background-color:var(--black-b-color)
}

@media (hover: hover){
  .hover\:bg-gray-d2:hover{
    background-color:var(--gray-d2-color)
  }
}

.p-1{
  padding:1rem
}

.p-2{
  padding:2rem
}

.p-3{
  padding:3rem
}

.p-1\.5{
  padding:1.5rem
}

.p-pad{
  padding:var(--padding)
}

.px-4{
  padding-left:4rem;
  padding-right:4rem
}

.px-pad{
  padding-left:var(--padding);
  padding-right:var(--padding)
}

.py-2{
  padding-top:2rem;
  padding-bottom:2rem
}

.py-3{
  padding-top:3rem;
  padding-bottom:3rem
}

.py-4{
  padding-top:4rem;
  padding-bottom:4rem
}

.pt-0{
  padding-top:0rem
}

.pt-1{
  padding-top:1rem
}

.pt-3{
  padding-top:3rem
}

.pt-6{
  padding-top:6rem
}

.pt-8{
  padding-top:8rem
}

.pt-10{
  padding-top:10rem
}

.pt-pad{
  padding-top:var(--padding)
}

.pr-2{
  padding-right:2rem
}

.pr-3{
  padding-right:3rem
}

.pr-13{
  padding-right:13rem
}

.pr-16{
  padding-right:16rem
}

.pr-pad{
  padding-right:var(--padding)
}

.pb-0{
  padding-bottom:0rem
}

.pb-2{
  padding-bottom:2rem
}

.pb-4{
  padding-bottom:4rem
}

.pb-10{
  padding-bottom:10rem
}

.pb-pad{
  padding-bottom:var(--padding)
}

.pl-2{
  padding-left:2rem
}

.pl-3{
  padding-left:3rem
}

.pl-1px{
  padding-left:1px
}

.pl-pad{
  padding-left:var(--padding)
}

.text-sm{
  font-size:1.2rem;
  line-height:1.4rem
}

.text-base{
  font-size:1.6rem;
  line-height:1.9rem
}

.text-lg{
  font-size:2.4rem;
  line-height:2.9rem
}

.text-xl{
  font-size:3.2rem;
  line-height:4.2rem
}

.font-400{
  font-weight:400
}

.font-500{
  font-weight:500
}

.font-600{
  font-weight:600
}

.font-700{
  font-weight:700
}

.leading-2{
  line-height:2rem
}

.leading-2\.4{
  line-height:2.4rem
}

.text-white{
  color:var(--white-b-color)
}

.text-inverted{
  color:var(--inverted-color)
}

.text-gray-d3{
  color:var(--gray-d3-color)
}

.text-gray-d1{
  color:var(--gray-d1-color)
}

.text-gray{
  color:var(--gray-b-color)
}

.text-black{
  color:var(--black-b-color)
}

@media (hover: hover){
  .hover\:text-white:hover{
    color:var(--white-b-color)
  }

  .hover\:text-black:hover{
    color:var(--black-b-color)
  }
}

.underline{
  text-decoration:underline
}

.opacity-0{
  opacity:0
}

*, ::before, ::after{
  --tw-shadow:0 0 #0000
}

*, ::before, ::after{
  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000
}

.filter{
  --tw-blur:var(--tw-empty,/*!*/ /*!*/);
  --tw-brightness:var(--tw-empty,/*!*/ /*!*/);
  --tw-contrast:var(--tw-empty,/*!*/ /*!*/);
  --tw-grayscale:var(--tw-empty,/*!*/ /*!*/);
  --tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/);
  --tw-invert:var(--tw-empty,/*!*/ /*!*/);
  --tw-saturate:var(--tw-empty,/*!*/ /*!*/);
  --tw-sepia:var(--tw-empty,/*!*/ /*!*/);
  --tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition{
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

.duration-1{
  transition-duration:150ms
}

.border-b-transparent{
  border-bottom-color:transparent
}

.border-b-current{
  border-bottom-color:currentColor
}

.border-b-gray-l1{
  border-bottom-color:var(--gray-l1-color)
}

.content-empty{
  content:''
}

:root{
  --padding: 4rem;
  --one-column: calc((calc(var(--vw) * 100) - var(--padding) * 2) / 8)
}

@media screen and (max-width: 1279px){
  :root{
    --padding: 2rem
  }
}

@media screen and (min-width: 2079px){
  :root{
    --one-column: 250px
  }
}

.yellowTheme{
  --black-b-color: #10100e;
  --gray-d3-color: #191815;
  --gray-d2-color: #30302b;
  --gray-d1-color: #606055;
  --gray-b-color:  #c0c0ab;
  --gray-l1-color: #e8e8cf;
  --gray-l2-color: #f8f8dd;
  --white-b-color: #FFFFE3;
  --theme-b-color: #FFFFE3
}

.greenTheme{
  --black-b-color: #0e100e;
  --gray-d3-color: #161816;
  --gray-d2-color: #2b302b;
  --gray-d1-color: #555f57;
  --gray-b-color:  #aabead;
  --gray-l1-color: #cee6d1;
  --gray-l2-color: #dcf6e0;
  --white-b-color: #E2FDE6;
  --theme-b-color: #E2FDE6
}

.blueTheme{
  --black-b-color: #0e1010;
  --gray-d3-color: #161818;
  --gray-d2-color: #2b2f2f;
  --gray-d1-color: #555f5f;
  --gray-b-color:  #aabebe;
  --gray-l1-color: #cee5e5;
  --gray-l2-color: #dcf5f5;
  --white-b-color: #E2FCFC;
  --theme-b-color: #E2FCFC
}

.redTheme{
  --black-b-color: #100f0f;
  --gray-d3-color: #191616;
  --gray-d2-color: #2f2c2c;
  --gray-d1-color: #5f5959;
  --gray-b-color:  #beb2b2;
  --gray-l1-color: #e5d7d7;
  --gray-l2-color: #f5e6e6;
  --white-b-color: #FCECEC;
  --theme-b-color: #FCECEC
}

.whiteTheme{
  --black-b-color: #101010;
  --gray-d3-color: #191818;
  --gray-d2-color: #303030;
  --gray-d1-color: #606060;
  --gray-b-color:  silver;
  --gray-l1-color: #e8e8e8;
  --gray-l2-color: #f8f8f8;
  --white-b-color: #fff;
  --theme-b-color: #fff
}

.dark{
  --scrollbar-bg: var(--black-b-color);
  --scrollbar-primary: var(--gray-d2-color);
  --scrollbar-primary-hover: var(--white-b-color);
  --current-color: var(--white-b-color);
  --inverted-color: var(--black-b-color)
}

.light{
  --scrollbar-bg: var(--white-b-color);
  --scrollbar-primary: var(--gray-b-color);
  --scrollbar-primary-hover: var(--black-b-color);
  --current-color: var(--black-b-color);
  --inverted-color: var(--white-b-color)
}

.obtrusiveScrollbar *::-webkit-scrollbar{
  -webkit-appearance:none;
  width:10px
}

.obtrusiveScrollbar *::-webkit-scrollbar-track{
  background-color:var(--scrollbar-bg)
}

.obtrusiveScrollbar *::-webkit-scrollbar-thumb{
  background-color:var(--scrollbar-primary)
}

@media (hover: hover){

.obtrusiveScrollbar *::-webkit-scrollbar-thumb:hover{
  background-color:var(--scrollbar-primary-hover)
}}

*{
  scrollbar-width:thin;
  scrollbar-color:var(--scrollbar-primary) var(--scrollbar-bg);
  -ms-scroll-chaining:none;
      overscroll-behavior:contain
}

body.pointerEventsNone *:not(iframe){
  pointer-events:none !important
}

body.pointerEventsNone iframe{
  pointer-events:auto !important
}

.noHoverOnScroll *{
  pointer-events:none !important
}

body.noTranstions.noTranstions.noTranstions.noTranstions *::-moz-placeholder{
  -moz-transition:none !important;
  transition:none !important
}

body.noTranstions.noTranstions.noTranstions.noTranstions *:-ms-input-placeholder{
  -ms-transition:none !important;
  transition:none !important
}

body.noTranstions.noTranstions.noTranstions.noTranstions *,body.noTranstions.noTranstions.noTranstions.noTranstions *:before,body.noTranstions.noTranstions.noTranstions.noTranstions *:after,body.noTranstions.noTranstions.noTranstions.noTranstions *::placeholder{
  transition:none !important
}

@media (max-width: 2080px){
}

@media (max-width: 1700px){
}

@media (max-width: 1535px){
}

@media (max-width: 1279px){
}

@media (max-width: 1023px){
}

@media (max-width: 767px){
}

@media (max-width: 576px){
}

@media (max-width: 460px){
}

@media (max-width: 360px){
}

@media (max-width: 500px){
}

@media (max-width: 700px){
}

@media (max-width: 1000px){
}

@media (max-width: 1200px){
}

@media (max-width: 1400px){
}

/*purgecss start ignore */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html{
  line-height:1.15;
  -webkit-text-size-adjust:100%
}

body{
  margin:0
}

main{
  display:block
}

h1{
  font-size:2em;
  margin:0.67em 0
}

hr{
  box-sizing:content-box;
  height:0;
  overflow:visible
}

pre{
  font-family:monospace, monospace;
  font-size:1em
}

a{
  background-color:transparent
}

abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted
}

b,strong{
  font-weight:bolder
}

code,kbd,samp{
  font-family:monospace, monospace;
  font-size:1em
}

small{
  font-size:80%
}

sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}

sub{
  bottom:-0.25em
}

sup{
  top:-0.5em
}

img{
  border-style:none
}

button,input,optgroup,select,textarea{
  font-family:inherit;
  font-size:100%;
  line-height:1.15;
  margin:0
}

button,input{
  overflow:visible
}

button,select{
  text-transform:none
}

button,[type="button"],[type="reset"],[type="submit"]{
  -webkit-appearance:button
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
  border-style:none;
  padding:0
}

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{
  outline:1px dotted ButtonText
}

fieldset{
  padding:0.35em 0.75em 0.625em
}

legend{
  box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal
}

progress{
  vertical-align:baseline
}

textarea{
  overflow:auto
}

[type="checkbox"],[type="radio"]{
  box-sizing:border-box;
  padding:0
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{
  height:auto
}

[type="search"]{
  -webkit-appearance:textfield;
  outline-offset:-2px
}

[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none
}

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit
}

details{
  display:block
}

summary{
  display:list-item
}

template{
  display:none
}

[hidden]{
  display:none
}

html{
  box-sizing:border-box
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  vertical-align:baseline
}

*,*::before,*::after{
  margin:0;
  padding:0;
  box-sizing:inherit;
  line-height:inherit;
  color:inherit;
  -webkit-tap-highlight-color:transparent
}

a{
  outline:none;
  text-decoration:none
}

button{
  border:0;
  outline:none;
  background-color:transparent;
  cursor:pointer
}

input::-ms-clear{
  display:none
}

.fade-fast-enter-active,.fade-fast-leave-active{
  opacity:1;
  transition:opacity .15s
}

.fade-fast-enter,.fade-fast-leave-to{
  opacity:0
}

.footer-fade-enter-active{
  opacity:1;
  transition:opacity .3s .3s
}

.footer-fade-leave-active{
  opacity:1;
  transition:opacity .075s
}

.footer-fade-enter,.footer-fade-leave-to{
  opacity:0
}

.subtle-scale-enter-active,.subtle-scale-leave-active{
  transform:scale(1);
  opacity:1;
  transition:transform .3s,opacity .3s
}

.subtle-scale-enter,.subtle-scale-leave-to{
  transform:scale(0);
  opacity:0
}

.reveal-enter-active,.reveal-leave-active{
  transform:none;
  opacity:1;
  transition-property:transform, opacity
}

.reveal-enter-active{
  transition:var(--reveal-transition-duration, 225ms) var(--reveal-transition-delay, 0ms) !important
}

.reveal-leave-active{
  transition:var(--leave-transition-duration, 225ms) var(--reveal-transition-delay, 0ms) !important
}

.reveal-enter,.reveal-leave-to{
  opacity:0;
  transform:translateY(1.6rem)
}

.revealInverted-enter-active,.revealInverted-leave-active{
  transform:none;
  opacity:1;
  transition-property:transform, opacity
}

.revealInverted-enter-active{
  transition:var(--reveal-transition-duration, 225ms) var(--reveal-transition-delay, 0ms) !important
}

.revealInverted-leave-active{
  transition:var(--leave-transition-duration, 225ms) var(--reveal-transition-delay, 0ms) !important
}

.revealInverted-enter,.revealInverted-leave-to{
  opacity:0;
  transform:translateY(-1.6vh)
}

@font-face{
  font-family:Passenger-Sans;

  src:url(/assets/fonts/PassengerSans-Variable.e7fbe7bf.woff2) format("woff2");

  font-weight:100 900;

  font-style:normal;

  font-display:block
}

html{
  font-family:Passenger-Sans,sans-serif;
  overflow:hidden;
  font-weight:normal;
  font-size:10px;
  text-underline-offset:0.05em
}

html,body{
  height:100%;
  overflow:hidden
}

body{
  background:var(--white-b-color)
}

:global(.dark) body{
  background:var(--black-b-color)
}

.nowrap{
  white-space:nowrap
}

/*purgecss end ignore */

/* purgecss start ignore */

/* purgecss end ignore */

/* purgecss start ignore */
.hMmYYpBB{
  position:relative;
  margin-bottom:-1px;
  display:grid;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  align-items:center;
  justify-content:center;
  border-right-width:1px;
  border-bottom-width:1px;
  border-style:solid;
  font-weight:500;
  color:var(--black-b-color);
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  border-right-color:var(--gray-l1-color);
  border-bottom-color:var(--gray-l1-color)
}
@media (hover: hover){
.hMmYYpBB:hover{
    border-bottom-color:var(--black-b-color)
}
}
.hMmYYpBB.PDcLK5bc{
  color:var(--white-b-color);
  border-right-color:var(--gray-d2-color);
  border-bottom-color:var(--gray-d2-color)
}
@media (hover: hover){
.hMmYYpBB.PDcLK5bc:hover{
    border-bottom-color:var(--white-b-color)
}
}
@media screen and (min-width: 1022px){
.hMmYYpBB._1H7KP0aB{
    pointer-events:none;
    color:var(--white-b-color)
}
.hMmYYpBB._1H7KP0aB.PDcLK5bc{
    color:var(--black-b-color)
}
.hMmYYpBB._1H7KP0aB:before{
    --tw-scale-y:1
}
.hMmYYpBB:before{
    position:absolute;
    top:0rem;
    right:-1px;
    bottom:-1px;
    left:-1px;
    transform-origin:bottom;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-scale-y:0;
    background-color:var(--black-b-color);
    transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration:150ms;
    content:''
}
.hMmYYpBB.PDcLK5bc:before{
    background-color:var(--white-b-color)
}
}
.hMmYYpBB .jwVIse8e{
  position:absolute;
  bottom:2rem;
  left:2rem;
  display:block;
  font-size:1.2rem;
  line-height:1.4rem
}
@media screen and (max-width: 1023px){
.hMmYYpBB{
    height:6rem;
    justify-content:flex-start;
    border-width:0;
    border-bottom-width:0;
    font-size:2.4rem;
    line-height:2.9rem;
    color:var(--gray-d1-color)
}
@media (hover: hover){
.hMmYYpBB:hover{
      color:var(--white-b-color)
}
}
.hMmYYpBB.PDcLK5bc{
    background-color:transparent;
    color:var(--gray-b-color)
}
@media (hover: hover){
.hMmYYpBB.PDcLK5bc:hover{
      color:var(--black-b-color)
}
}
.hMmYYpBB._6EyoHjal{
    border-bottom-width:1px;
    border-bottom-color:var(--gray-d2-color)
}
@media (hover: hover){
.hMmYYpBB._6EyoHjal:hover{
      border-bottom-color:var(--gray-d2-color)
}
}
.hMmYYpBB._6EyoHjal.PDcLK5bc{
    border-bottom-color:var(--gray-l1-color)
}
@media (hover: hover){
.hMmYYpBB._6EyoHjal.PDcLK5bc:hover{
      border-bottom-color:var(--gray-l1-color)
}
}
.hMmYYpBB._1H7KP0aB{
    pointer-events:none;
    color:var(--white-b-color)
}
.hMmYYpBB._1H7KP0aB.PDcLK5bc{
    color:var(--black-b-color)
}
.hMmYYpBB .jwVIse8e{
    right:0rem;
    left:unset;
    font-size:1.6rem;
    line-height:1.9rem;
    font-weight:500
}
}

/* purgecss end ignore */

/* purgecss start ignore */
._9M7ZV9og{
  position:relative;
  margin-bottom:-1px;
  display:grid;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  align-items:center;
  justify-content:center;
  border-right-width:1px;
  border-bottom-width:1px;
  border-style:solid;
  font-weight:500;
  color:var(--black-b-color);
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  border-right-color:var(--gray-l1-color);
  border-bottom-color:var(--gray-l1-color)
}
@media (hover: hover){
._9M7ZV9og:hover{
    border-bottom-color:var(--black-b-color)
}
}
.dark ._9M7ZV9og{
  color:var(--white-b-color);
  border-right-color:var(--gray-d2-color);
  border-bottom-color:var(--gray-d2-color)
}
@media (hover: hover){
.dark ._9M7ZV9og:hover{
    border-bottom-color:var(--white-b-color)
}
}
._9M7ZV9og.BPhHzqUU{
  color:var(--white-b-color)
}
.dark ._9M7ZV9og.BPhHzqUU{
  color:var(--black-b-color)
}
._9M7ZV9og.BPhHzqUU:before{
  --tw-scale-y:1
}
._9M7ZV9og:before{
  position:absolute;
  top:0rem;
  right:-1px;
  bottom:-1px;
  left:-1px;
  transform-origin:bottom;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-scale-y:0;
  background-color:var(--black-b-color);
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  content:''
}
.dark ._9M7ZV9og:before{
  background-color:var(--white-b-color)
}
._9M7ZV9og .StjMGnt4{
  position:absolute;
  bottom:2rem;
  left:2rem;
  display:block;
  font-size:1.2rem;
  line-height:1.4rem
}
.fPgsjGRL{
  position:relative
}
.fPgsjGRL>svg{
  height:1.6rem;
  width:5.3rem
}

/* purgecss end ignore */

/* purgecss start ignore */
.sLh4qYpy{
  position:fixed;
  top:16rem;
  right:0rem;
  left:0rem;
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr));
  overflow:hidden;
  background-color:var(--black-b-color);
  padding-left:var(--padding);
  padding-right:var(--padding);
  z-index:60;
  height:calc(calc(var(--vh) * 100) - 16rem)
}
@media screen and (min-width: 2079px){
.sLh4qYpy{
    justify-content:center;
    grid-template-columns:repeat(8, 250px)
}
}
.otmtZw6q{
  margin-top:10rem;
  display:grid;
  font-size:6.4rem;
  line-height:7.2rem;
  font-weight:600;
  color:var(--gray-d1-color);
  grid-column:3 / span 4;
  height:-webkit-max-content;
  height:-moz-max-content;
  height:max-content
}
@media screen and (max-width: 1279px){
.otmtZw6q{
    grid-column:1 / span 5
}
}
._14dEiKud{
  margin:-2rem;
  display:grid;
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content;
  cursor:pointer;
  justify-self:end;
  padding:2rem;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
._14dEiKud:not(:first-child){
  margin-top:2rem
}
@media (hover: hover){
._14dEiKud:hover{
  color:var(--gray-l1-color)
}
}
._5CxBUg6K{
  pointer-events:none;
  color:var(--gray-l1-color)
}

/* purgecss end ignore */

/* purgecss start ignore */
.FMZE66ev{
  display:inline-grid;
  grid-auto-flow:column;
  align-items:center;
  gap:2rem
}
.r-3q8I46{
  margin:-1rem;
  box-sizing:content-box;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  padding:1rem;
  font-weight:400;
  color:var(--gray-b-color);
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
.W5CQWPyW .r-3q8I46{
  font-size:1.2rem;
  line-height:1.4rem
}
.gokQZG9J .r-3q8I46{
  color:var(--gray-d1-color)
}
.r-3q8I46.yGdWljes{
  color:var(--black-b-color)
}
.gokQZG9J .r-3q8I46.yGdWljes{
  color:var(--white-b-color)
}
@media (hover: hover){
.r-3q8I46:hover{
    color:var(--black-b-color)
}
.gokQZG9J .r-3q8I46:hover{
    color:var(--white-b-color)
}
}
.FMZE66ev:not(.JtgrnOX3) .r-3q8I46.yGdWljes{
  pointer-events:none
}

/* purgecss end ignore */

/* purgecss start ignore */
._3jHYwqoh{
  box-sizing:border-box;
  display:grid;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  grid-auto-flow:column;
  align-items:center;
  justify-content:flex-start;
  gap:1rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  min-height:3rem
}
._3jHYwqoh>*{
  pointer-events:none
}
._3jHYwqoh.ETn2FCql{
  pointer-events:none
}
.kOkH2yJM{
  height:1rem;
  width:1rem;
  align-self:flex-start;
  border-radius:9999px;
  border-width:2px;
  border-style:solid;
  border-color:var(--gray-b-color);
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transform:translateY(0.4em)
}
.Ssnk35f3 .kOkH2yJM{
  opacity:0
}
.UjJz0RgK .kOkH2yJM{
  align-self:center;
  transform:none
}
._8crBnlc7 .kOkH2yJM{
  border-color:var(--gray-d1-color)
}
._7NOx0KMW .kOkH2yJM{
  border-color:var(--gray-d2-color);
  background-color:var(--gray-d2-color)
}
.ETn2FCql._7NOx0KMW .kOkH2yJM{
  border-color:var(--gray-b-color);
  background-color:var(--gray-b-color)
}
._7NOx0KMW._8crBnlc7 .kOkH2yJM{
  border-color:var(--gray-l1-color);
  background-color:var(--gray-l1-color)
}
@media (hover: hover){
._3jHYwqoh:hover .kOkH2yJM, .radioButtonHoverContainer:hover>._3jHYwqoh .kOkH2yJM{
  border-color:var(--black-b-color)
}}
@media (hover: hover){
._8crBnlc7:hover .kOkH2yJM, .radioButtonHoverContainer:hover>._8crBnlc7 .kOkH2yJM{
  border-color:var(--gray-l1-color)
}}
@media (hover: hover){
._7NOx0KMW:hover .kOkH2yJM, .radioButtonHoverContainer:hover>._7NOx0KMW .kOkH2yJM{
  background-color:var(--black-b-color)
}}
@media (hover: hover){
._8crBnlc7._7NOx0KMW:hover .kOkH2yJM, .radioButtonHoverContainer:hover>._8crBnlc7._7NOx0KMW .kOkH2yJM{
  border-color:var(--white-b-color);
  background-color:var(--white-b-color)
}}
.gboWcpzw{
  display:none
}
._9m7ywS2v{
  color:var(--black-b-color);
  transition:color .15s
}
._8crBnlc7 ._9m7ywS2v{
  color:var(--white-b-color)
}
.o0APjaQC:not(._7NOx0KMW) ._9m7ywS2v{
  color:var(--gray-b-color)
}
.o0APjaQC._8crBnlc7:not(._7NOx0KMW) ._9m7ywS2v{
  color:var(--gray-d1-color)
}
@media (hover: hover){
._3jHYwqoh.o0APjaQC:not(._7NOx0KMW):hover ._9m7ywS2v, .radioButtonHoverContainer:hover>.o0APjaQC:not(._7NOx0KMW) ._9m7ywS2v{
  color:var(--black-b-color)
}}
@media (hover: hover){
._3jHYwqoh._8crBnlc7.o0APjaQC:not(._7NOx0KMW):hover ._9m7ywS2v, .radioButtonHoverContainer:hover>.o0APjaQC._8crBnlc7:not(._7NOx0KMW) ._9m7ywS2v{
  color:var(--white-b-color)
}}
@media (hover: hover){
._3jHYwqoh.o0APjaQC._7NOx0KMW:hover ._9m7ywS2v, .radioButtonHoverContainer:hover>.o0APjaQC._7NOx0KMW ._9m7ywS2v{
  color:var(--gray-d1-color)
}}
@media (hover: hover){
._3jHYwqoh._8crBnlc7.o0APjaQC._7NOx0KMW:hover ._9m7ywS2v, .radioButtonHoverContainer:hover>.o0APjaQC._8crBnlc7._7NOx0KMW ._9m7ywS2v{
  color:var(--gray-l1-color)
}}
.ETn2FCql ._9m7ywS2v{
  color:var(--gray-b-color)
}
.ETn2FCql._8crBnlc7 ._9m7ywS2v{
  color:var(--gray-d1-color)
}
._0cElYTk7:not(._7NOx0KMW) ._9m7ywS2v{
  color:var(--gray-b-color)
}
._0cElYTk7._8crBnlc7:not(._7NOx0KMW) ._9m7ywS2v{
  color:var(--gray-d1-color)
}
@media (hover: hover){
._0cElYTk7:hover:not(._7NOx0KMW) ._9m7ywS2v{
  color:currentColor
}}

/* purgecss end ignore */

/* purgecss start ignore */
.twkvlqsn{
  box-sizing:border-box;
  display:grid;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  grid-auto-flow:column;
  align-items:center;
  justify-content:flex-start;
  gap:1rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  min-height:3rem
}
.twkvlqsn>*{
  pointer-events:none
}
.twkvlqsn.CXFQTlou{
  pointer-events:none
}
.ERd3VTcy{
  height:1rem;
  width:1rem;
  align-self:flex-start;
  border-radius:9999px;
  border-width:2px;
  border-style:solid;
  border-color:var(--gray-b-color);
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transform:translateY(0.4em)
}
.FXZjrgmq .ERd3VTcy{
  opacity:0
}
.pyjTouBW .ERd3VTcy{
  border-color:var(--gray-d1-color)
}
.mCTJJZbG .ERd3VTcy{
  border-color:var(--gray-d2-color);
  background-color:var(--gray-d2-color)
}
.CXFQTlou.mCTJJZbG .ERd3VTcy{
  border-color:var(--gray-b-color);
  background-color:var(--gray-b-color)
}
.mCTJJZbG.pyjTouBW .ERd3VTcy{
  border-color:var(--gray-l1-color);
  background-color:var(--gray-l1-color)
}
@media (hover: hover){
.twkvlqsn:hover .ERd3VTcy{
  border-color:var(--black-b-color)
}
}
@media (hover: hover){
.pyjTouBW:hover .ERd3VTcy{
  border-color:var(--gray-l1-color)
}
}
@media (hover: hover){
.mCTJJZbG:hover .ERd3VTcy{
  background-color:var(--black-b-color)
}
}
@media (hover: hover){
.pyjTouBW.mCTJJZbG:hover .ERd3VTcy{
  border-color:var(--white-b-color);
  background-color:var(--white-b-color)
}
}
.mOc8RhQ-{
  display:none
}
.Hc6IxmX6{
  font-size:1.6rem;
  line-height:1.9rem;
  color:var(--black-b-color);
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
.pyjTouBW .Hc6IxmX6{
  color:var(--white-b-color)
}
.QzYoE\+C9:not(.mCTJJZbG) .Hc6IxmX6{
  color:var(--gray-b-color)
}
.QzYoE\+C9.pyjTouBW:not(.mCTJJZbG) .Hc6IxmX6{
  color:var(--gray-d1-color)
}
@media (hover: hover){
.twkvlqsn.QzYoE\+C9:not(.mCTJJZbG):hover .Hc6IxmX6{
  color:var(--black-b-color)
}
}
@media (hover: hover){
.twkvlqsn.pyjTouBW.QzYoE\+C9:not(.mCTJJZbG):hover .Hc6IxmX6{
  color:var(--white-b-color)
}
}
@media (hover: hover){
.twkvlqsn.QzYoE\+C9.mCTJJZbG:hover .Hc6IxmX6{
  color:var(--gray-d1-color)
}
}
@media (hover: hover){
.twkvlqsn.pyjTouBW.QzYoE\+C9.mCTJJZbG:hover .Hc6IxmX6{
  color:var(--gray-l1-color)
}
}
.CXFQTlou .Hc6IxmX6{
  color:var(--gray-b-color)
}
.CXFQTlou.pyjTouBW .Hc6IxmX6{
  color:var(--gray-d1-color)
}

/* purgecss end ignore */

/* purgecss start ignore */
.IfhptcLx{
  display:grid !important;
  will-change:height
}
.v5aPXv6f-leave-active{
  transition:height .3s,opacity .3s step-end;
  overflow:hidden
}
.v5aPXv6f-enter-active{
  transition:height .3s,opacity .3s step-start;
  overflow:hidden
}
.v5aPXv6fenter,.v5aPXv6f-leave-to{
  height:0 !important;
  opacity:0
}
.vmWYf\+1c{
  position:relative
}

/* purgecss end ignore */

/* purgecss start ignore */
.iwr2rFwT{
  margin:-1rem;
  cursor:pointer;
  padding:1rem;
  color:var(--gray-l1-color);
  box-sizing:content-box
}
.iwr2rFwT.rqYQB-nC{
  color:var(--gray-d2-color)
}
@media (hover: hover){
.iwr2rFwT:hover{
  color:var(--black-b-color)
}
}
@media (hover: hover){
.iwr2rFwT:hover.rqYQB-nC{
  color:var(--white-b-color)
}
}
.iwr2rFwT.eNaolEBh{
  color:currentColor
}
@media (hover: hover){
.iwr2rFwT.eNaolEBh:hover{
  color:var(--gray-d1-color)
}
}
@media (hover: hover){
.iwr2rFwT.eNaolEBh:hover.rqYQB-nC{
  color:var(--gray-b-color)
}
}

/* purgecss end ignore */

/* purgecss start ignore */
._9rSOqEDr{
  position:relative;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  white-space:nowrap;
  color:var(--gray-b-color);
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  font-variant-numeric:tabular-nums;
  width:-webkit-min-content;
  width:-moz-min-content;
  width:min-content;
  min-width:0
}
._9rSOqEDr.c9DUTubN{
  color:var(--gray-d1-color)
}
._9rSOqEDr.H763\+aQI{
  pointer-events:none
}
._9rSOqEDr.MLqzd9\+w{
  font-size:1.2rem;
  line-height:1.4rem
}
._9rSOqEDr.MptUhbJC{
  transform:translateY(-1px)
}
._9rSOqEDr.MptUhbJC .YMhVnVXu{
  border-bottom-width:1px;
  border-style:solid;
  border-color:transparent;
  border-bottom-color:var(--gray-l1-color)
}
._9rSOqEDr.MptUhbJC.c9DUTubN .YMhVnVXu{
  border-bottom-color:var(--gray-d2-color)
}
._9rSOqEDr.hVqPT6Yy.hVqPT6Yy .YMhVnVXu{
  border-bottom-color:#f0113a;
  border-bottom-style:dashed
}
.RyJYRCor{
  pointer-events:none;
  position:relative;
  z-index:10;
  border-width:1px;
  border-style:solid;
  border-color:transparent;
  width:-webkit-min-content;
  width:-moz-min-content;
  width:min-content;
  min-width:0;
  height:6rem;
  transition:border-color .15s
}
.RyJYRCor:before{
  pointer-events:none;
  position:absolute;
  top:0rem;
  right:0rem;
  bottom:0rem;
  left:0rem;
  background-color:var(--white-b-color);
  opacity:0;
  content:'';
  z-index:-1;
  transition:opacity .15s
}
.c9DUTubN .RyJYRCor:before{
  background-color:var(--black-b-color);
  opacity:0
}
.z7Gn-imV .RyJYRCor{
  margin-left:-2.5rem;
  max-width:calc(100% + 2.5rem)
}
._9rSOqEDr._5\+zy5bfc, ._9rSOqEDr.T\+4YW3q\+{
  color:var(--black-b-color)
}
@media (hover: hover){
._9rSOqEDr:hover, .dropdownHoverContainer:hover ._9rSOqEDr{
  color:var(--black-b-color)
}}
._9rSOqEDr._5\+zy5bfc.c9DUTubN, ._9rSOqEDr.T\+4YW3q\+.c9DUTubN{
  color:var(--white-b-color)
}
@media (hover: hover){
._9rSOqEDr:hover.c9DUTubN, .dropdownHoverContainer:hover ._9rSOqEDr.c9DUTubN{
  color:var(--white-b-color)
}}
._9rSOqEDr.T\+4YW3q\+{
  color:var(--gray-d1-color)
}
@media (hover: hover){
._9rSOqEDr._5\+zy5bfc:hover, .dropdownHoverContainer:hover ._9rSOqEDr._5\+zy5bfc{
  color:var(--gray-d1-color)
}}
._9rSOqEDr.T\+4YW3q\+.c9DUTubN{
  color:var(--gray-l1-color)
}
@media (hover: hover){
._9rSOqEDr._5\+zy5bfc:hover.c9DUTubN, .dropdownHoverContainer:hover ._9rSOqEDr._5\+zy5bfc.c9DUTubN{
  color:var(--gray-l1-color)
}}
._4INnW-\+j{
  pointer-events:none;
  display:inline-grid;
  height:6rem;
  grid-auto-flow:column;
  align-items:center;
  justify-content:flex-start;
  justify-items:start;
  gap:1.5rem;
  white-space:normal;
  padding-right:1rem;
  padding-left:2.5rem;
  font-weight:400
}
._4INnW-\+j .k7I8K9fJ{
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-rotate:90deg;
  transition:transform .15s
}
.MLqzd9\+w ._4INnW-\+j{
  gap:1rem;
  padding-right:1.5rem;
  padding-left:1.5rem
}
.WZx6VRl4 ._4INnW-\+j{
  display:grid;
  justify-content:flex-end;
  justify-items:end;
  padding-right:2.5rem;
  padding-left:1rem
}
.M9CVqKNH{
  pointer-events:none;
  position:relative;
  z-index:10;
  margin-top:-2px;
  margin-right:-1px;
  margin-left:-1px;
  cursor:default;
  border-width:1px;
  border-top-width:0;
  border-style:solid;
  border-color:var(--gray-l1-color);
  color:var(--black-b-color);
  opacity:0;
  transition:opacity .15s
}
.M9CVqKNH .IRWq2pds{
  overflow-y:auto;
  overflow-x:hidden;
  padding:2.5rem;
  padding-top:0rem;
  padding-bottom:1.5rem
}
.SF7c7B8x:not(.azv0Q965) .M9CVqKNH .IRWq2pds{
  padding-right:7.5rem
}
.M9CVqKNH:before{
  pointer-events:none;
  position:absolute;
  top:0rem;
  right:0rem;
  bottom:0rem;
  left:0rem;
  background-color:var(--white-b-color);
  opacity:.97;
  content:'';
  z-index:-1;
  transition:opacity .15s
}
.M9CVqKNH:not(.wwrkL9BN){
  min-width:18rem
}
.MLqzd9\+w .M9CVqKNH:before{
  top:calc(1rem - 2px)
}
.MLqzd9\+w .M9CVqKNH .IRWq2pds{
  margin-top:-1rem;
  padding:1.5rem;
  padding-top:0rem;
  padding-right:1.5rem
}
.wwjTrvGn .M9CVqKNH{
  min-width:100%
}
.c9DUTubN .M9CVqKNH{
  border-color:var(--gray-d2-color);
  color:var(--white-b-color)
}
.c9DUTubN .M9CVqKNH:before{
  background-color:var(--black-b-color);
  opacity:.97
}
.vxOolDH2{
  white-space:normal;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content;
  max-width:min(calc(calc(var(--vw) * 100) - 6rem),100%,32rem)
}
.MLqzd9\+w .vxOolDH2{
  font-size:1.2rem;
  line-height:1.4rem;
  min-height:2rem
}
@media screen and (max-width: 460px){
.vxOolDH2:not(.wwrkL9BN){
    max-width:min(calc(calc(var(--vw) * 100) - 6rem),32rem)
}
}
._9rSOqEDr.ZMh8W5fV.ZMh8W5fV{
  color:var(--black-b-color)
}
._9rSOqEDr.ZMh8W5fV.ZMh8W5fV .RyJYRCor{
  border-color:var(--gray-l1-color);
  border-bottom-color:transparent
}
._9rSOqEDr.ZMh8W5fV.ZMh8W5fV .RyJYRCor:before{
  opacity:.97
}
._9rSOqEDr.ZMh8W5fV.ZMh8W5fV.c9DUTubN{
  color:var(--white-b-color)
}
._9rSOqEDr.ZMh8W5fV.ZMh8W5fV.c9DUTubN .RyJYRCor{
  border-color:var(--gray-d2-color);
  border-bottom-color:transparent
}
._9rSOqEDr.ZMh8W5fV.ZMh8W5fV .k7I8K9fJ{
  --tw-rotate:0deg
}
._9rSOqEDr.ZMh8W5fV.ZMh8W5fV .M9CVqKNH{
  pointer-events:auto;
  opacity:1
}
._9rSOqEDr.ZMh8W5fV.ZMh8W5fV .C\+MnP5aT{
  opacity:1
}
._9rSOqEDr.ZMh8W5fV.ZMh8W5fV .C\+MnP5aT.T\+4YW3q\+{
  pointer-events:auto
}
._9rSOqEDr:not(.Q0-LOLK5){
  z-index:100
}
.LkPzm1nJ{
  width:100%;
  color:var(--black-b-color)
}
.LkPzm1nJ .RyJYRCor.RyJYRCor.RyJYRCor.RyJYRCor{
  width:100%;
  border-width:1px;
  border-style:solid;
  border-color:var(--gray-l1-color)
}
.LkPzm1nJ.c9DUTubN{
  color:var(--white-b-color)
}
.LkPzm1nJ.c9DUTubN .RyJYRCor.RyJYRCor.RyJYRCor.RyJYRCor{
  border-color:var(--gray-d2-color)
}
.LkPzm1nJ ._4INnW-\+j{
  display:grid;
  width:100%;
  padding-left:2.5rem;
  padding-right:2.5rem;
  font-weight:500;
  justify-content:unset;
  justify-items:unset
}
.LkPzm1nJ ._4INnW-\+j .k7I8K9fJ{
  justify-self:end
}
.LkPzm1nJ .M9CVqKNH{
  padding-bottom:2rem
}
.LkPzm1nJ .vxOolDH2{
  display:grid;
  height:6rem;
  width:100%;
  max-width:unset;
  align-content:center;
  border-bottom-width:1px;
  border-style:solid;
  border-color:var(--gray-l1-color)
}
.LkPzm1nJ.c9DUTubN .vxOolDH2{
  border-color:var(--gray-d2-color)
}
.DK5dKb8E{
  pointer-events:none;
  padding-top:1rem;
  font-size:1.2rem;
  line-height:1.4rem;
  --tw-text-opacity:1;
  color:rgba(240, 17, 58, var(--tw-text-opacity))
}
.C\+MnP5aT{
  pointer-events:none;
  position:absolute;
  right:2rem;
  z-index:10;
  opacity:0;
  top:2.2rem;
  transition:opacity .15s,color .15s
}

/* purgecss end ignore */

/* purgecss start ignore */
.KJUXdvtG{
  position:relative;
  display:grid;
  height:16rem;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  grid-template-columns:repeat(8, minmax(0, 1fr));
  border-bottom-width:1px;
  border-style:solid;
  border-color:var(--gray-l1-color);
  padding-left:var(--padding);
  padding-right:var(--padding)
}
@media screen and (min-width: 2079px){
.KJUXdvtG{
    justify-content:center;
    padding-left:0rem;
    padding-right:0rem;
    grid-template-columns:repeat(8, 250px)
}
}
@media screen and (max-width: 1279px){
.KJUXdvtG{
    height:14rem
}
}
@media screen and (max-width: 1023px){
.KJUXdvtG{
    height:6rem;
    padding-right:0rem;
    padding-left:0rem;
    grid-template-columns:auto repeat(10, -webkit-min-content);
    grid-template-columns:auto repeat(10, min-content)
}
}
.dark .KJUXdvtG{
  border-color:var(--gray-d2-color)
}
.KJUXdvtG.jOYZOtZ5 ._490IyVHn{
  grid-column:0
}
.KJUXdvtG.jOYZOtZ5 .KAjT3fqG{
  grid-column:span 2 / span 2
}
._490IyVHn{
  grid-column:span 2 / span 2
}
@media screen and (max-width: 1279px){
._490IyVHn{
    grid-column:span 3 / span 3
}
}
._7U4M3hdh{
  position:relative;
  grid-column:span 2 / span 2;
  margin-bottom:-1px;
  margin-left:calc(var(--padding) * -1);
  display:grid;
  cursor:pointer;
  align-items:center;
  border-right-width:1px;
  border-bottom-width:1px;
  border-style:solid;
  padding-left:var(--padding);
  color:var(--black-b-color);
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  border-bottom-color:transparent;
  border-right-color:var(--gray-l1-color)
}
._7U4M3hdh .Gnjdo\+Db{
  pointer-events:none
}
._7U4M3hdh path{
  transition-duration:150ms;
  transition-property:fill
}
.dark ._7U4M3hdh{
  color:var(--white-b-color);
  border-right-color:var(--gray-d2-color)
}
@media screen and (max-width: 1279px){
._7U4M3hdh{
    grid-column:span 1 / span 1
}
._7U4M3hdh svg{
    width:100%;
    max-width:10rem
}
}
@media screen and (max-width: 1023px){
._7U4M3hdh{
    margin-left:0rem;
    padding-right:7rem;
    padding-left:2rem
}
}
._7U4M3hdh .IQSSXV1E{
  pointer-events:auto;
  position:absolute;
  right:2rem;
  bottom:2rem
}
@media screen and (max-width: 430px){
._7U4M3hdh .IQSSXV1E{
    top:50%;
    right:-1px;
    bottom:unset;
    transform:translateY(-50%) translateY(-1px)
}
}
._0jSZ-Otp{
  position:relative;
  height:6rem;
  width:6rem;
  cursor:pointer;
  border-right-width:1px;
  border-bottom-width:1px
}
._0jSZ-Otp:last-child{
  border-right-width:0
}
._0jSZ-Otp{
  border-style:solid;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
  border-bottom-color:transparent;
  border-right-color:var(--gray-l1-color)
}
@media (hover: hover){
._0jSZ-Otp:hover{
    border-bottom-color:var(--black-b-color)
}
}
.dark ._0jSZ-Otp{
  border-right-color:var(--gray-d2-color)
}
@media (hover: hover){
.dark ._0jSZ-Otp:hover{
    border-bottom-color:var(--white-b-color)
}
}
._0jSZ-Otp:before{
  position:absolute;
  top:0rem;
  right:-1px;
  bottom:-1px;
  left:-1px;
  transform-origin:bottom;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-scale-y:0;
  background-color:var(--black-b-color);
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
  content:''
}
.dark ._0jSZ-Otp:before{
  background-color:var(--white-b-color)
}
._0jSZ-Otp.ZaVnuC5C{
  pointer-events:none;
  color:var(--gray-b-color)
}
.dark ._0jSZ-Otp.ZaVnuC5C{
  color:var(--gray-d1-color)
}
._0jSZ-Otp._3eYG8n2L{
  color:var(--white-b-color)
}
.dark ._0jSZ-Otp._3eYG8n2L{
  color:var(--black-b-color)
}
._0jSZ-Otp._3eYG8n2L:before{
  --tw-scale-y:1
}
._0jSZ-Otp .lrk7s0yB{
  position:absolute;
  top:0rem;
  left:0rem;
  display:grid;
  height:100%;
  width:100%;
  align-items:center;
  justify-content:center
}
._820xACLg{
  position:absolute;
  top:6rem;
  right:0rem;
  left:0rem;
  z-index:20;
  overflow:hidden;
  height:calc(calc(var(--vh) * 100) - 6rem)
}
._820xACLg>*{
  height:calc(calc(var(--vh) * 100) - 6rem)
}

/* purgecss end ignore */

/* purgecss start ignore */
.ZNN4ryp4{
  overflow-y:auto;
  overflow-x:hidden;
  background-color:var(--black-b-color)
}
.dark .ZNN4ryp4{
  background-color:var(--white-b-color)
}
.iqf3Ofvn{
  position:relative;
  min-height:100%;
  padding-top:10rem;
  padding-right:2rem;
  padding-bottom:12rem;
  padding-left:2rem
}
.my8ngVfB{
  margin-bottom:7rem
}
.qB5X9JR2{
  margin-top:7rem
}
._54BcbZAO{
  position:absolute;
  bottom:4rem;
  left:1rem
}
.Y1EAIFfz{
  cursor:pointer;
  padding:1rem;
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:700;
  color:var(--gray-b-color)
}
@media (hover: hover){
.Y1EAIFfz:hover{
    color:var(--white-b-color)
}
}
.Y1EAIFfz{
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
.dark .Y1EAIFfz{
  font-weight:600
}
@media (hover: hover){
.dark .Y1EAIFfz:hover{
    color:var(--black-b-color)
}
}

/* purgecss end ignore */

/* purgecss start ignore */
.wRrTKmRg{
  position:relative;
  display:grid;
  cursor:text;
  align-items:center;
  border-bottom-width:1px;
  border-style:solid;
  background-color:transparent;
  font-weight:400;
  color:var(--gray-b-color);
  border-bottom-color:var(--gray-l1-color);
  min-height:6rem;
  grid-template-columns:-webkit-min-content 1fr -webkit-min-content;
  grid-template-columns:min-content 1fr min-content
}
.gIwwWOSs:not(.tN6HD7i3) .wRrTKmRg{
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
.Bp3Azdmy .wRrTKmRg{
  border-bottom-width:0
}
.Zaj54SO6 .wRrTKmRg{
  color:var(--black-b-color)
}
@media (hover: hover){
.gIwwWOSs:hover .wRrTKmRg{
  color:var(--black-b-color)
}}
.Zaj54SO6 .wRrTKmRg .UKfmBBKD::-moz-placeholder{
  color:var(--black-b-color)
}
.Zaj54SO6 .wRrTKmRg .UKfmBBKD:-ms-input-placeholder{
  color:var(--black-b-color)
}
.Zaj54SO6 .wRrTKmRg .UKfmBBKD::placeholder{
  color:var(--black-b-color)
}
@media (hover: hover){
.gIwwWOSs:hover .wRrTKmRg .UKfmBBKD::-moz-placeholder{
  color:var(--black-b-color)
}
.gIwwWOSs:hover .wRrTKmRg .UKfmBBKD:-ms-input-placeholder{
  color:var(--black-b-color)
}
.gIwwWOSs:hover .wRrTKmRg .UKfmBBKD::placeholder{
  color:var(--black-b-color)
}}
.Zaj54SO6.Hoo3BuYc .wRrTKmRg{
  color:var(--white-b-color)
}
@media (hover: hover){
.gIwwWOSs.Hoo3BuYc:hover .wRrTKmRg{
  color:var(--white-b-color)
}}
.Zaj54SO6.Hoo3BuYc .wRrTKmRg .UKfmBBKD::-moz-placeholder{
  color:var(--white-b-color)
}
.Zaj54SO6.Hoo3BuYc .wRrTKmRg .UKfmBBKD:-ms-input-placeholder{
  color:var(--white-b-color)
}
.Zaj54SO6.Hoo3BuYc .wRrTKmRg .UKfmBBKD::placeholder{
  color:var(--white-b-color)
}
@media (hover: hover){
.gIwwWOSs.Hoo3BuYc:hover .wRrTKmRg .UKfmBBKD::-moz-placeholder{
  color:var(--white-b-color)
}
.gIwwWOSs.Hoo3BuYc:hover .wRrTKmRg .UKfmBBKD:-ms-input-placeholder{
  color:var(--white-b-color)
}
.gIwwWOSs.Hoo3BuYc:hover .wRrTKmRg .UKfmBBKD::placeholder{
  color:var(--white-b-color)
}}
.Zaj54SO6 .wRrTKmRg{
  border-bottom-color:var(--black-b-color)
}
.Zaj54SO6.Hoo3BuYc .wRrTKmRg{
  border-bottom-color:var(--white-b-color)
}
@media (hover: hover){
label:hover+.gIwwWOSs .wRrTKmRg{
  color:var(--black-b-color)
}}
@media (hover: hover){
label:hover+.gIwwWOSs .wRrTKmRg .UKfmBBKD::-moz-placeholder{
  color:var(--black-b-color)
}
label:hover+.gIwwWOSs .wRrTKmRg .UKfmBBKD:-ms-input-placeholder{
  color:var(--black-b-color)
}
label:hover+.gIwwWOSs .wRrTKmRg .UKfmBBKD::placeholder{
  color:var(--black-b-color)
}}
@media (hover: hover){
label:hover+.gIwwWOSs.Hoo3BuYc .wRrTKmRg{
  color:var(--white-b-color)
}}
@media (hover: hover){
label:hover+.gIwwWOSs.Hoo3BuYc .wRrTKmRg .UKfmBBKD::-moz-placeholder{
  color:var(--white-b-color)
}
label:hover+.gIwwWOSs.Hoo3BuYc .wRrTKmRg .UKfmBBKD:-ms-input-placeholder{
  color:var(--white-b-color)
}
label:hover+.gIwwWOSs.Hoo3BuYc .wRrTKmRg .UKfmBBKD::placeholder{
  color:var(--white-b-color)
}}
.Hoo3BuYc .wRrTKmRg{
  color:var(--gray-d1-color);
  border-bottom-color:var(--gray-d2-color)
}
.gIwwWOSs._1U-qfzJm._1U-qfzJm .wRrTKmRg{
  border-style:dashed;
  border-bottom-color:#f0113a
}
.UKfmBBKD{
  height:100%;
  background-color:transparent;
  font-weight:400;
  color:var(--black-b-color);
  outline:2px solid transparent;
  outline-offset:2px;
  grid-column:2
}
.UKfmBBKD::-moz-placeholder{
  font-weight:400;
  color:var(--gray-b-color);
  -moz-transition:color .15s;
  transition:color .15s
}
.UKfmBBKD:-ms-input-placeholder{
  font-weight:400;
  color:var(--gray-b-color);
  -ms-transition:color .15s;
  transition:color .15s
}
.UKfmBBKD::placeholder{
  font-weight:400;
  color:var(--gray-b-color);
  transition:color .15s
}
.Hoo3BuYc .UKfmBBKD{
  color:var(--white-b-color);
  caret-color:var(--white-b-color)
}
.Hoo3BuYc .UKfmBBKD::-moz-placeholder{
  color:var(--gray-d1-color)
}
.Hoo3BuYc .UKfmBBKD:-ms-input-placeholder{
  color:var(--gray-d1-color)
}
.Hoo3BuYc .UKfmBBKD::placeholder{
  color:var(--gray-d1-color)
}
.PgBv9ssd .UKfmBBKD{
  color:var(--gray-b-color)
}
.Hoo3BuYc.PgBv9ssd .UKfmBBKD{
  color:var(--gray-d1-color)
}
.UKfmBBKD:-webkit-autofill,.UKfmBBKD:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 3000px white inset !important;
  -webkit-transition:background-color 50000s ease-in-out 0s;
  transition:background-color 50000s ease-in-out 0s;
  -webkit-text-fill-color:var(--black-b-color)
}
@media (hover: hover){
.UKfmBBKD:-webkit-autofill:hover{
  -webkit-box-shadow:0 0 0 3000px white inset !important;
  -webkit-transition:background-color 50000s ease-in-out 0s;
  transition:background-color 50000s ease-in-out 0s;
  -webkit-text-fill-color:var(--black-b-color)
}}
.Hoo3BuYc .UKfmBBKD:-webkit-autofill,.Hoo3BuYc .UKfmBBKD:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 3000px var(--black-b-color) inset !important;
  -webkit-text-fill-color:var(--white-b-color)
}
@media (hover: hover){
.Hoo3BuYc .UKfmBBKD:-webkit-autofill:hover{
  -webkit-box-shadow:0 0 0 3000px var(--black-b-color) inset !important;
  -webkit-text-fill-color:var(--white-b-color)
}}
._6AYxcLOq{
  margin-right:1rem
}
._6yiljGUr{
  margin-left:1rem
}
.TqMU4xfH{
  margin-top:1rem;
  font-size:1.2rem;
  line-height:1.4rem;
  --tw-text-opacity:1;
  color:rgba(240, 17, 58, var(--tw-text-opacity));
  min-height:1.4rem
}

/* purgecss end ignore */

/* purgecss start ignore */
.ujT6ek3S{
  display:grid;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
  grid-template-columns:-webkit-min-content 1fr;
  grid-template-columns:min-content 1fr;
  grid-template-rows:-webkit-min-content -webkit-min-content;
  grid-template-rows:min-content min-content;
  grid-template-areas:"label slider" "indicators indicators"
}
.XSWZYRc4{
  grid-area:label
}
.YtClQBer{
  grid-area:slider
}
.rmD0GlY6{
  grid-area:indicators
}
.ujT6ek3S._2yfeaBY1{
  align-items:center;
  -moz-column-gap:2rem;
       column-gap:2rem
}
.ujT6ek3S.hQG76Rx4{
  font-size:1.2rem;
  line-height:1.4rem
}
.XSWZYRc4{
  position:relative
}
.zYyGZZ0W .XSWZYRc4:after{
  position:absolute;
  top:0rem;
  right:0rem;
  bottom:0rem;
  color:var(--black-b-color);
  opacity:0;
  content:attr(data-hover-label)
}
.zYyGZZ0W.OJ3p\+-iI .XSWZYRc4:after{
  color:var(--white-b-color)
}
.ujT6ek3S.zYyGZZ0W.YLsk6s7A .XSWZYRc4{
  color:transparent
}
@media (hover: hover){
.ujT6ek3S.zYyGZZ0W:hover .XSWZYRc4{
  color:transparent
}}
.ujT6ek3S.zYyGZZ0W.YLsk6s7A .XSWZYRc4:after{
  opacity:1
}
@media (hover: hover){
.ujT6ek3S.zYyGZZ0W:hover .XSWZYRc4:after{
  opacity:1
}}
.YtClQBer{
  position:relative;
  height:2rem;
  width:100%;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  padding-top:2rem;
  padding-bottom:2rem
}
.DRDIlQcE{
  position:relative;
  display:grid;
  height:100%;
  width:100%;
  align-items:center
}
.FuUzLIyI{
  height:0.2rem;
  width:100%;
  background-color:var(--gray-b-color);
  transition-duration:150ms;
  transition-property:background-color
}
.OJ3p\+-iI .FuUzLIyI{
  background-color:var(--gray-d2-color)
}
.doB0N\+YG{
  height:100%;
  width:100%;
  transform-origin:left;
  background-color:var(--black-b-color);
  transition-duration:150ms;
  transition-property:background-color
}
.fTfoO2Yo{
  position:absolute;
  top:50%;
  z-index:10;
  height:1.6rem;
  width:1.6rem;
  border-radius:9999px;
  border-width:2px;
  border-style:solid;
  border-color:var(--black-b-color);
  background-color:var(--white-b-color);
  transition-duration:150ms;
  transition-property:border-color, background-color
}
.hQG76Rx4 .fTfoO2Yo{
  height:1.2rem;
  width:1.2rem
}
@media (hover: hover){
.fTfoO2Yo:hover{
  background-color:var(--black-b-color)
}}
@media (hover: hover){
.OJ3p\+-iI .fTfoO2Yo:hover{
  background-color:var(--white-b-color)
}}
.YLsk6s7A.TU4NjMtn ._8TAruELj{
  background-color:var(--black-b-color)
}
.OJ3p\+-iI.YLsk6s7A.TU4NjMtn ._8TAruELj{
  background-color:var(--white-b-color)
}
.YLsk6s7A.rWCtI1cg .zt-lcww6{
  background-color:var(--black-b-color)
}
.OJ3p\+-iI.YLsk6s7A.rWCtI1cg .zt-lcww6{
  background-color:var(--white-b-color)
}
@media (hover: hover){
.ujT6ek3S:not(.gGLTUOtj) .FuUzLIyI{
    background-color:transparent
}
.ujT6ek3S:not(.gGLTUOtj):hover .FuUzLIyI, .ujT6ek3S:not(.gGLTUOtj).YLsk6s7A .FuUzLIyI{
    background-color:var(--gray-l1-color)
}
.ujT6ek3S:not(.gGLTUOtj).OJ3p\+-iI:hover .FuUzLIyI, .ujT6ek3S:not(.gGLTUOtj).OJ3p\+-iI.YLsk6s7A .FuUzLIyI{
    background-color:var(--gray-d2-color)
}
.ujT6ek3S.gGLTUOtj .FuUzLIyI{
    background-color:var(--gray-l1-color)
}
.ujT6ek3S.gGLTUOtj.OJ3p\+-iI .FuUzLIyI{
    background-color:var(--gray-d2-color)
}
.ujT6ek3S.gGLTUOtj:hover .FuUzLIyI, .ujT6ek3S.gGLTUOtj.YLsk6s7A .FuUzLIyI{
    background-color:var(--gray-b-color)
}
.ujT6ek3S.gGLTUOtj.OJ3p\+-iI:hover .FuUzLIyI, .ujT6ek3S.gGLTUOtj.OJ3p\+-iI.YLsk6s7A .FuUzLIyI{
    background-color:var(--gray-d1-color)
}
}
.OJ3p\+-iI .doB0N\+YG{
  background-color:var(--white-b-color)
}
.OJ3p\+-iI .fTfoO2Yo{
  border-color:var(--white-b-color);
  background-color:var(--black-b-color)
}
.rmD0GlY6{
  position:relative;
  height:2rem
}
.rmD0GlY6 ._9bDbrroR{
  position:absolute;
  left:0rem
}
.rmD0GlY6 .bLgR5Sfu{
  position:absolute;
  right:0rem
}
.IlDeDBdP{
  display:grid;
  grid-auto-flow:column;
  justify-content:space-between
}
.IlDeDBdP ._59WtitHL{
  display:grid;
  width:0rem
}
.IlDeDBdP ._59WtitHL ._1vYtkahg{
  transform:translateX(-50%)
}
.IaalS9Lw{
  position:absolute;
  right:0rem;
  left:0rem;
  display:grid;
  grid-auto-flow:column;
  justify-content:space-between;
  top:2.2rem;
  transform:translateX(-0.1rem)
}
.IaalS9Lw.wgQMqFPo{
  transform:translate(-0.1rem, -0.6rem)
}
.IaalS9Lw.wgQMqFPo .XG1bY7P3{
  height:1rem
}
.IaalS9Lw .XG1bY7P3{
  height:0.4rem;
  width:0.2rem;
  background-color:var(--gray-l1-color);
  transition:background-color .15s
}
.IaalS9Lw .XG1bY7P3:not(:first-child),.IaalS9Lw .XG1bY7P3:not(:last-child){
  transform:translateX(50%)
}
.OJ3p\+-iI .IaalS9Lw .XG1bY7P3{
  background-color:var(--gray-d2-color)
}
@media (hover: hover){
.ujT6ek3S:hover .IaalS9Lw .XG1bY7P3{
    background-color:var(--gray-b-color)
}
.ujT6ek3S.YLsk6s7A .IaalS9Lw .XG1bY7P3{
    background-color:var(--gray-b-color)
}
.ujT6ek3S.OJ3p\+-iI:hover .IaalS9Lw .XG1bY7P3{
    background-color:var(--gray-d1-color)
}
.ujT6ek3S.OJ3p\+-iI.YLsk6s7A .IaalS9Lw .XG1bY7P3{
    background-color:var(--gray-d1-color)
}
}
.IaalS9Lw .XG1bY7P3.Uo2AA0vV.Uo2AA0vV.Uo2AA0vV:not(.ZLESUuEl:first-child):not(.ZLESUuEl:last-child){
  background-color:var(--black-b-color)
}
.OJ3p\+-iI .IaalS9Lw .XG1bY7P3.Uo2AA0vV.Uo2AA0vV.Uo2AA0vV:not(.ZLESUuEl:first-child):not(.ZLESUuEl:last-child){
  background-color:var(--white-b-color)
}
.IaalS9Lw .XG1bY7P3.ZLESUuEl.ZLESUuEl.ZLESUuEl:first-child, .IaalS9Lw .XG1bY7P3.ZLESUuEl.ZLESUuEl.ZLESUuEl:last-child{
  opacity:0
}
.ujT6ek3S.K7fO6Fdi:not(.OJ3p\+-iI){
  --black-b-color: var(--gray-b-color);
  color:var(--black-b-color)
}
.ujT6ek3S.K7fO6Fdi.OJ3p\+-iI{
  --white-b-color: var(--gray-d2-color);
  color:var(--white-b-color)
}

/* purgecss end ignore */

/* purgecss start ignore */
.sAf7PZoo{
  z-index:20;
  display:grid;
  height:2.8rem;
  width:2.8rem;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  justify-content:center;
  white-space:nowrap;
  border-width:1px;
  border-bottom-width:0;
  border-style:solid;
  border-color:transparent;
  background-color:var(--inverted-color);
  padding:0.6rem;
  padding-top:0.5rem;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
.sAf7PZoo.m3N-lyNz.m3N-lyNz{
  border-color:var(--gray-l1-color)
}
.dark .sAf7PZoo.m3N-lyNz.m3N-lyNz{
  border-color:var(--gray-d1-color)
}
.sAf7PZoo.m3N-lyNz.m3N-lyNz ._43iTlH0S{
  pointer-events:auto;
  opacity:1
}
._43iTlH0S{
  pointer-events:none;
  margin-top:0.2rem;
  margin-right:-1px;
  margin-left:-1px;
  display:grid;
  width:2.8rem;
  justify-content:center;
  border-width:1px;
  border-top-width:0;
  border-style:solid;
  border-color:var(--gray-l1-color);
  background-color:var(--inverted-color);
  --tw-bg-opacity:.97;
  padding-bottom:0.5rem;
  opacity:0;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
.dark ._43iTlH0S{
  border-color:var(--gray-d1-color)
}
._5NP6uArm{
  position:relative;
  margin-left:-0.6rem;
  margin-right:-0.6rem;
  display:grid;
  align-items:center;
  justify-content:center;
  padding-left:0.6rem;
  padding-right:0.6rem
}
._5NP6uArm .iVJq0YpV{
  height:1.6rem;
  width:1.6rem;
  border-radius:9999px;
  border-width:1px;
  border-style:solid;
  border-color:var(--black-b-color);
  background:var(--color)
}
@media screen and (min-width: 1022px){
.dark ._5NP6uArm .iVJq0YpV{
    border-width:0
}
}
._5NP6uArm.l9g338Pj{
  padding-top:0.2rem;
  padding-bottom:0.2rem
}
._5NP6uArm.l9g338Pj:before{
  position:absolute;
  top:50%;
  left:50%;
  height:0.6rem;
  width:0.6rem;
  border-radius:9999px;
  background-color:var(--black-b-color);
  opacity:0;
  content:'';
  transform:translate(-50%, -50%);
  transition:opacity .15s !important
}
@media (hover: hover){
._5NP6uArm.l9g338Pj:hover:before{
  opacity:1
}
}
.-wCffxhH{
  justify-self:center
}

/* purgecss end ignore */

/* purgecss start ignore */
.N8nDjY8h{
  pointer-events:none;
  display:grid;
  height:100%;
  min-width:100%;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  align-items:center;
  justify-content:center;
  border-bottom-width:1px;
  border-style:solid;
  border-bottom-color:transparent;
  transition:border-color .15s
}
@media (hover: hover){
.N8nDjY8h:hover{
  border-bottom-color:currentColor
}
}
.pPgzaoM7{
  transform:rotate(90deg)
}
.YqFRkp8x{
  display:grid;
  grid-auto-flow:column;
  align-items:center;
  gap:1rem;
  color:var(--gray-b-color);
  opacity:0;
  transition:opacity .3s
}
.dark .YqFRkp8x{
  color:var(--gray-d1-color)
}
.N8nDjY8h._7JXQ3VSe .YqFRkp8x{
  opacity:1
}
.N8nDjY8h.aqlpseWR{
  pointer-events:auto
}
.N8nDjY8h.aqlpseWR .YqFRkp8x{
  color:currentColor
}

/* purgecss end ignore */

/* purgecss start ignore */
.i36vIzHf{
  position:relative
}
.sY9Uc8l2{
  margin-bottom:-0.5rem;
  font-weight:500;
  line-height:1em
}
@media screen and (max-height: 850px){
.sY9Uc8l2{
    font-size:1.4rem
}
}
.ckyS8A18{
  font-weight:700;
  transition:color .15s
}
.OIO7-9J7+.sY9Uc8l2{
  margin-top:1rem
}
@media screen and (max-height: 900px){
.OIO7-9J7+.sY9Uc8l2{
    margin-top:0.5rem
}
}
.byA2iUeZ{
  color:var(--gray-b-color);
  --xheight_xColor: var(--gray-b-color);
  --xheight_hColor: var(--gray-l1-color)
}
.dark .byA2iUeZ{
  color:var(--gray-d1-color)
}
.byA2iUeZ path{
  transition:color .15s,fill .15s
}
.byA2iUeZ.bhR5AFBt{
  color:currentColor;
  --xheight_xColor: var(--black-b-color);
  --xheight_hColor: var(--gray-b-color)
}
.dark .byA2iUeZ{
  --xheight_xColor: var(--gray-d1-color);
  --xheight_hColor: var(--gray-d2-color)
}
.dark .byA2iUeZ.bhR5AFBt{
  --xheight_xColor: var(--white-b-color);
  --xheight_hColor: var(--gray-d1-color)
}
.byA2iUeZ.uzl36K2t{
  --xheight_xColor: var(--gray-b-color);
  --xheight_hColor: var(--gray-l1-color)
}
.dark .byA2iUeZ.uzl36K2t{
  --xheight_xColor: var(--gray-d2-color);
  --xheight_hColor: var(--gray-d2-color)
}

/* purgecss end ignore */

/* purgecss start ignore */
.arTqcWH4{
  padding-top:1rem;
  padding-bottom:0rem;
  min-width:14rem
}

/* purgecss end ignore */

/* purgecss start ignore */
.ndQY5InK{
  position:relative;
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr))
}
@media screen and (min-width: 2079px){
.ndQY5InK{
    justify-content:center;
    grid-template-columns:repeat(8, 250px)
}
}
.PN9jrcuF{
  pointer-events:none;
  grid-column:span 8 / span 8;
  grid-column-start:1;
  grid-row-start:1;
  border-bottom-width:1px;
  border-style:solid;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  border-bottom-color:var(--gray-l1-color)
}
._1\+7eRiwz .PN9jrcuF{
  border-bottom-color:var(--gray-d2-color)
}
.ENXhmyvj{
  z-index:10;
  grid-column:span 2 / span 2;
  grid-column-start:1;
  grid-row-start:1
}
.BflCgZX3{
  grid-column-start:3;
  grid-row-start:1
}
.V8MmJMhu{
  grid-column-start:4;
  grid-row-start:1
}
.NmxP1pSv{
  grid-column-start:5;
  grid-row-start:1
}
.BflCgZX3, .V8MmJMhu, .NmxP1pSv, .cFJYLYp\+{
  margin-top:-1px;
  margin-right:-1px;
  margin-bottom:1px
}
.BflCgZX3,.V8MmJMhu,.NmxP1pSv,.cFJYLYp\+{
  margin-left:calc(-2.5rem - 1px)
}
.-VGUuWDx{
  grid-column:span 2 / span 2;
  grid-column-start:7;
  grid-row-start:1;
  display:grid;
  grid-auto-flow:column;
  align-items:center;
  grid-template-columns:10rem 1fr -webkit-min-content;
  grid-template-columns:10rem 1fr min-content
}
.ndQY5InK.pfyE2pwn .-VGUuWDx{
  grid-template-columns:1fr
}
.-VGUuWDx .D0-lR\+TI{
  border-left-width:1px;
  border-style:solid;
  border-left-color:var(--gray-l1-color)
}
._1\+7eRiwz .-VGUuWDx .D0-lR\+TI{
  border-left-color:var(--gray-d2-color)
}
.-VGUuWDx .efG7eFbd{
  margin-bottom:-1px;
  margin-left:2rem;
  display:grid;
  height:6rem;
  cursor:pointer;
  grid-auto-flow:column;
  align-items:center;
  gap:2rem;
  padding-left:2rem;
  transition:color .15s
}
@media (hover: hover){
.-VGUuWDx .efG7eFbd:hover{
  color:var(--gray-d1-color)
}}
@media (hover: hover){
.dark .-VGUuWDx .efG7eFbd:hover{
  color:var(--gray-b-color)
}}
.-VGUuWDx .efG7eFbd.hHrcWKsx{
  pointer-events:none;
  color:var(--gray-b-color)
}
.dark .-VGUuWDx .efG7eFbd.hHrcWKsx{
  color:var(--gray-d1-color)
}
.ifWo0w\+j{
  grid-column:span 4 / span 4;
  grid-column-start:1;
  grid-row-start:2
}
.IaTLznoL{
  grid-column-start:5;
  grid-row-start:2;
  justify-self:start
}
.dnWu-tyO{
  grid-column:span 2 / span 2;
  grid-column-start:7;
  grid-row-start:2;
  display:grid;
  grid-auto-flow:column;
  align-items:center;
  grid-template-columns:-webkit-min-content 1fr -webkit-min-content;
  grid-template-columns:min-content 1fr min-content
}
._8ZQM1wGZ{
  margin:-2rem;
  box-sizing:content-box;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor:pointer;
  -webkit-user-select:none;
          user-select:none;
  justify-self:center;
  padding:2rem
}
._8ZQM1wGZ._8ZQM1wGZ._8ZQM1wGZ._8ZQM1wGZ._8ZQM1wGZ{
  transition:transform .15s !important
}
._8ZQM1wGZ>circle{
  transition:stroke .15s
}
@media (hover: hover){
._8ZQM1wGZ:hover{
  --tw-rotate:180deg
}}
._1\+7eRiwz ._8ZQM1wGZ{
  --outline-color: var(--white-b-color);
  --right-semicircle-color: var(--white-b-color);
  --left-semicircle-color: var(--black-b-color)
}
.IIfK25sm{
  display:grid;
  grid-auto-columns:-webkit-max-content;
  grid-auto-columns:max-content;
  grid-auto-flow:column;
  align-items:center;
  justify-content:center
}
.hQdu\+hoj{
  margin-right:1rem
}
._0pnVFbiF{
  pointer-events:none;
  margin:-2rem;
  cursor:pointer;
  -webkit-user-select:none;
          user-select:none;
  white-space:nowrap;
  padding:2rem;
  font-size:1.6rem;
  line-height:1.9rem;
  font-weight:400;
  color:var(--gray-b-color);
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
._0pnVFbiF.eqZ6A7z9{
  pointer-events:auto;
  color:var(--black-b-color)
}
._1\+7eRiwz ._0pnVFbiF{
  color:var(--gray-d1-color)
}
._1\+7eRiwz ._0pnVFbiF.eqZ6A7z9{
  color:var(--white-b-color)
}
@media (hover: hover){
._0pnVFbiF:hover{
  color:var(--gray-d1-color)
}}
@media (hover: hover){
._1\+7eRiwz ._0pnVFbiF:hover{
  color:var(--gray-b-color)
}}
@media screen and (max-width: 1535px){
.ifWo0w\+j{
    grid-column:span 2 / span 2
}
.V8MmJMhu{
    grid-column-start:5
}
.NmxP1pSv{
    grid-column-start:3;
    grid-row-start:2
}
.IaTLznoL{
    grid-column-start:5
}
}
@media screen and (max-width: 1279px){
.ndQY5InK{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    grid-template-columns:1.5fr 1fr 1fr 2fr
}
.ENXhmyvj, .ifWo0w\+j{
    grid-column:span 1 / span 1;
    grid-column-start:1
}
.BflCgZX3, .NmxP1pSv{
    grid-column:span 1 / span 1;
    grid-column-start:2
}
.V8MmJMhu, .IaTLznoL{
    grid-column:span 1 / span 1;
    grid-column-start:3
}
.-VGUuWDx, .dnWu-tyO{
    grid-column:span 1 / span 1;
    grid-column-start:4;
    padding-left:4rem
}
}
@media screen and (max-width: 1023px){
.ndQY5InK{
    min-width:0px;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-template-rows:repeat(6, 6rem)
}
.PN9jrcuF{
    display:none
}
.ECOvGltb{
    grid-column:span 2 / span 2;
    grid-column-start:1;
    height:1px;
    background-color:var(--gray-l1-color)
}
._1\+7eRiwz .ECOvGltb{
    background-color:var(--gray-d2-color)
}
.ECOvGltb[data-index='1']{
    grid-row-start:3
}
.ECOvGltb[data-index='2']{
    grid-row-start:4
}
.ECOvGltb[data-index='3']{
    grid-row-start:6
}
.ENXhmyvj{
    grid-column:span 2 / span 2;
    grid-column-start:1;
    grid-row-start:1
}
.BflCgZX3{
    grid-column:span 1 / span 1;
    grid-column-start:1;
    grid-row-start:2
}
.V8MmJMhu{
    grid-column:span 1 / span 1;
    grid-column-start:2;
    grid-row-start:2
}
.NmxP1pSv{
    grid-column:span 2 / span 2;
    grid-column-start:1;
    grid-row-start:3
}
.ifWo0w\+j{
    grid-column:span 2 / span 2;
    grid-column-start:1;
    grid-row-start:4
}
.IaTLznoL{
    grid-column:span 1 / span 1;
    grid-column-start:1;
    grid-row-start:5
}
.-VGUuWDx{
    grid-column:span 1 / span 1;
    grid-column-start:2;
    grid-row-start:5;
    grid-template-columns:1fr
}
.cFJYLYp\+{
    margin-right:-2rem;
    margin-left:0rem;
    justify-self:end
}
.THfwhbLR{
    display:none
}
.dnWu-tyO{
    grid-column:span 2 / span 2;
    grid-column-start:1;
    grid-row-start:6;
    padding-left:0rem;
    grid-template-columns:1fr -webkit-min-content;
    grid-template-columns:1fr min-content
}
._0dL4hO4R{
    justify-self:start
}
._0pnVFbiF{
    display:none
}
}

/* purgecss end ignore */

/* purgecss start ignore */
.FCZAN02d{
  height:2.5rem;
  width:2.5rem;
  border-radius:9999px;
  border-width:3px;
  border-style:solid;
  text-indent:-9999em;
  transform:translateZ(0);
  -webkit-animation:pQ4TzM0C 1.1s infinite linear;
          animation:pQ4TzM0C 1.1s infinite linear
}
.hk3HXdMH .FCZAN02d{
  border-bottom-color:transparent;
  border-left-color:transparent;
  border-top-color:var(--black-b-color);
  border-right-color:var(--black-b-color)
}
.XziaLtOq .FCZAN02d{
  border-bottom-color:transparent;
  border-left-color:transparent;
  border-top-color:var(--white-b-color);
  border-right-color:var(--white-b-color)
}
@-webkit-keyframes pQ4TzM0C{
0%{
    transform:rotate(0deg)
}
100%{
    transform:rotate(360deg)
}
}
@keyframes pQ4TzM0C{
0%{
    transform:rotate(0deg)
}
100%{
    transform:rotate(360deg)
}
}

/* purgecss end ignore */

/* purgecss start ignore */
.\+LT5\+FFM{
  display:grid;
  height:6rem;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  background-color:var(--black-b-color);
  padding-right:4rem;
  padding-left:4rem;
  font-weight:700;
  color:var(--white-b-color);
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
@media (hover: hover){
.\+LT5\+FFM:hover{
    background-color:var(--gray-d2-color)
}
}
.\+LT5\+FFM._5c5lTNK7{
  pointer-events:none
}
.\+LT5\+FFM.Uf\+8KZtW{
  pointer-events:none;
  background-color:var(--gray-l1-color);
  color:var(--gray-b-color)
}
.\+LT5\+FFM._2\+agvz3L{
  background-color:var(--white-b-color);
  color:var(--black-b-color)
}
.\+LT5\+FFM._2\+agvz3L.Uf\+8KZtW{
  background-color:var(--gray-d2-color);
  color:var(--black-b-color)
}
@media (hover: hover){
.\+LT5\+FFM._2\+agvz3L:hover{
    background-color:var(--gray-l1-color)
}
}
.\+LT5\+FFM.fVuaooir{
  border-width:1px;
  border-style:solid;
  border-color:var(--gray-b-color);
  background-color:transparent;
  color:currentColor
}
.\+LT5\+FFM.fVuaooir._2\+agvz3L{
  border-color:var(--gray-d1-color)
}
@media (hover: hover){
.\+LT5\+FFM.fVuaooir:hover{
  border-color:currentColor;
  background-color:transparent
}
}
.\+LT5\+FFM.fVuaooir._5rn2HWiq{
  border-color:currentColor
}
@media (hover: hover){
.\+LT5\+FFM.fVuaooir._5rn2HWiq:hover{
  border-color:var(--black-b-color);
  background-color:var(--black-b-color);
  color:var(--white-b-color)
}
}
@media (hover: hover){
.\+LT5\+FFM.fVuaooir._5rn2HWiq._2\+agvz3L:hover{
  border-color:var(--white-b-color);
  background-color:var(--white-b-color);
  color:var(--black-b-color)
}
}

/* purgecss end ignore */

/* purgecss start ignore */
.z2ydCWXh{
  overflow-y:auto;
  overflow-x:hidden;
  background-color:var(--white-b-color)
}
.z2ydCWXh._0j-lBtxT{
  background-color:var(--black-b-color)
}
.q5W9SEo6{
  position:relative;
  display:grid;
  min-height:100%;
  padding:var(--padding);
  padding-bottom:0rem
}
.CeqzS1VC{
  min-height:37rem
}
.MuYyUNoe{
  position:sticky;
  right:0rem;
  bottom:0rem;
  left:0rem;
  display:grid;
  align-content:flex-end;
  gap:1rem;
  background-color:var(--white-b-color);
  padding-top:var(--padding);
  padding-bottom:var(--padding);
  grid-template-columns:1fr 1fr;
  grid-template-rows:-webkit-min-content -webkit-min-content;
  grid-template-rows:min-content min-content
}
._0j-lBtxT .MuYyUNoe{
  background-color:var(--black-b-color)
}
.-yvmZuSe{
  grid-column-start:1;
  grid-row-start:1;
  margin-bottom:1rem;
  justify-self:start
}
._5Z2eh1ku{
  grid-column-start:2;
  grid-row-start:1;
  margin-bottom:1rem;
  justify-self:end;
  white-space:nowrap
}
@media screen and (max-width: 360px){
.-yvmZuSe{
    grid-column:span 2 / span 2;
    margin-bottom:0rem
}
._5Z2eh1ku{
    grid-column:span 2 / span 2;
    grid-column-start:1;
    grid-row-start:2;
    justify-self:start
}
}
.mfoSJQTk{
  grid-column:span 2 / span 2
}

/* purgecss end ignore */

/* purgecss start ignore */
.np1Rajfe{
  display:grid;
  height:8rem;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  grid-auto-flow:column;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
@media screen and (max-width: 1023px){
.np1Rajfe{
    height:6rem
}
}
._6kLTw058{
  position:relative;
  margin-left:0rem;
  margin-left:-1px;
  display:grid;
  height:100%;
  cursor:pointer;
  grid-auto-flow:column;
  align-items:center;
  justify-content:center;
  gap:2rem;
  white-space:nowrap;
  border-width:1px;
  border-style:solid;
  border-color:transparent;
  padding-right:2rem;
  padding-left:2rem;
  font-weight:500;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  border-right-color:var(--gray-l1-color);
  color:var(--text-color);
  border-color:var(--border-color);
  background-color:var(--background-color)
}
.nirtUlrA ._6kLTw058{
  border-top-width:0;
  border-right-width:0;
  border-left-width:0;
  border-bottom-color:transparent
}
.JYgWShSR ._6kLTw058:first-child{
  border-left-color:transparent
}
.JYgWShSR ._6kLTw058:last-child{
  border-right-color:transparent
}
.Pvjt7kJX ._6kLTw058{
  border-right-color:var(--gray-d2-color)
}
@media screen and (max-width: 1279px){
._6kLTw058{
    gap:1rem
}
}
@media screen and (max-width: 1023px){
._6kLTw058{
    padding-right:1rem;
    padding-left:1rem
}
}
._6kLTw058 .U3MqUuVf{
  position:absolute;
  top:-1px;
  right:-1px;
  bottom:-1px;
  width:1px;
  background-color:transparent;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  z-index:1
}
.nirtUlrA ._6kLTw058 .U3MqUuVf{
  display:none
}
._6kLTw058.OH7sCe5\+{
  --text-color: var(--black-b-color);
  --border-color: var(--gray-l1-color);
  --background-color: transparent;
  --active-text-color: var(--black-b-color);
  --active-border-color: var(--black-b-color);
  --active-background-color: transparent;
  --active-filled-text-color: var(--white-b-color);
  --active-filled-border-color: var(--black-b-color);
  --active-filled-background-color: var(--black-b-color)
}
.Pvjt7kJX ._6kLTw058.OH7sCe5\+{
  --text-color: var(--white-b-color);
  --border-color: var(--gray-d2-color);
  --background-color: transparent;
  --active-text-color: var(--white-b-color);
  --active-border-color: var(--white-b-color);
  --active-background-color: transparent;
  --active-filled-text-color: var(--black-b-color);
  --active-filled-border-color: var(--white-b-color);
  --active-filled-background-color: var(--white-b-color)
}
._6kLTw058.Q7sH0VdU{
  --text-color: var(--gray-b-color);
  --border-color: var(--gray-l1-color);
  --background-color: transparent;
  --active-text-color: var(--black-b-color);
  --active-border-color: var(--black-b-color);
  --active-background-color: transparent;
  --active-filled-text-color: var(--white-b-color);
  --active-filled-border-color: var(--black-b-color);
  --active-filled-background-color: var(--black-b-color)
}
.Pvjt7kJX ._6kLTw058.Q7sH0VdU{
  --text-color: var(--gray-d1-color);
  --border-color: var(--gray-d2-color);
  --background-color: transparent;
  --active-text-color: var(--white-b-color);
  --active-border-color: var(--white-b-color);
  --active-background-color: transparent;
  --active-filled-text-color: var(--black-b-color);
  --active-filled-border-color: var(--white-b-color);
  --active-filled-background-color: var(--white-b-color)
}
._6kLTw058.TrhxOLtU{
  --text-color: var(--gray-b-color);
  --border-color: var(--gray-b-color);
  --background-color: transparent;
  --active-text-color: var(--black-b-color);
  --active-border-color: var(--black-b-color);
  --active-background-color: transparent;
  --active-filled-text-color: var(--white-b-color);
  --active-filled-border-color: var(--black-b-color);
  --active-filled-background-color: var(--black-b-color)
}
.Pvjt7kJX ._6kLTw058.TrhxOLtU{
  --text-color: var(--white-b-color);
  --border-color: var(--gray-d1-color);
  --background-color: transparent;
  --active-text-color: var(--white-b-color);
  --active-border-color: var(--white-b-color);
  --active-background-color: transparent;
  --active-filled-text-color: var(--black-b-color);
  --active-filled-border-color: var(--white-b-color);
  --active-filled-background-color: var(--white-b-color)
}
._6kLTw058.-P9HN2ge:not(.Ha9Q2\+-0){
  color:var(--active-text-color);
  border-color:var(--active-border-color);
  background-color:var(--active-background-color)
}
@media (hover: hover){
._6kLTw058:hover:not(.Ha9Q2\+-0){
  color:var(--active-text-color);
  border-color:var(--active-border-color);
  background-color:var(--active-background-color)
}
}
._6kLTw058.-P9HN2ge:not(.Ha9Q2\+-0) .U3MqUuVf{
  background-color:var(--active-border-color)
}
@media (hover: hover){
._6kLTw058:hover:not(.Ha9Q2\+-0) .U3MqUuVf{
  background-color:var(--active-border-color)
}
}
._6kLTw058.-P9HN2ge.Ha9Q2\+-0{
  color:var(--active-filled-text-color);
  border-color:var(--active-filled-border-color);
  background-color:var(--active-filled-background-color)
}
@media (hover: hover){
._6kLTw058.Ha9Q2\+-0:hover{
  color:var(--active-filled-text-color);
  border-color:var(--active-filled-border-color);
  background-color:var(--active-filled-background-color)
}
}
._6kLTw058.-P9HN2ge.Ha9Q2\+-0 .U3MqUuVf{
  background-color:var(--active-filled-border-color)
}
@media (hover: hover){
._6kLTw058.Ha9Q2\+-0:hover .U3MqUuVf{
  background-color:var(--active-filled-border-color)
}
}
._6kLTw058.NZfeviIS{
  pointer-events:none
}
.np1Rajfe.tAL7RhHR{
  height:100%;
  width:100%;
  border-style:none
}
.np1Rajfe.tAL7RhHR ._6kLTw058{
  height:100%
}
.Bl-NpEIw{
  width:100%
}

/* purgecss end ignore */

/* purgecss start ignore */
.Se9yQy5O{
  pointer-events:auto;
  margin:-2rem;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  white-space:nowrap;
  padding:2rem;
  font-size:1.6rem;
  line-height:1.9rem;
  font-weight:500;
  color:var(--black-b-color);
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
.Se9yQy5O.A3wx2y3e{
  pointer-events:none;
  color:var(--gray-b-color)
}
.Se9yQy5O.sG88naZz{
  color:var(--gray-b-color)
}
.Se9yQy5O.\-2GEQr\+Q{
  color:var(--white-b-color)
}
.Se9yQy5O.\-2GEQr\+Q.A3wx2y3e{
  color:var(--gray-d1-color)
}
.Se9yQy5O.\-2GEQr\+Q.sG88naZz{
  color:var(--gray-d1-color)
}
@media (hover: hover){
.Se9yQy5O:hover{
  color:var(--gray-d1-color)
}
}
@media (hover: hover){
.Se9yQy5O:hover.\-2GEQr\+Q{
  color:var(--gray-b-color)
}
}
@media (hover: hover){
.Se9yQy5O:hover.sG88naZz{
  color:var(--black-b-color)
}
}
@media (hover: hover){
.Se9yQy5O:hover.\-2GEQr\+Q.sG88naZz{
  color:var(--white-b-color)
}
}

/* purgecss end ignore */

/* purgecss start ignore */
.aP9Yc9x9{
  font-weight:700;
  font-size:1.4rem
}
.aP9Yc9x9 .EDwqcvAx{
  display:inline;
  font-size:1.6rem
}
.aP9Yc9x9.m2U29ucd{
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:500
}
.aP9Yc9x9.m2U29ucd .EDwqcvAx{
  font-size:1.4rem
}

/* purgecss end ignore */

/* purgecss start ignore */
.d5PiFqJb{
  position:relative;
  display:grid;
  height:100%;
  overflow:hidden;
  color:var(--black-b-color);
  grid-template-rows:-webkit-min-content -webkit-min-content 1fr;
  grid-template-rows:min-content min-content 1fr
}
.d5PiFqJb._5AH5IxbH{
  color:var(--white-b-color);
  --scrollbar-bg: var(--gray-d3-color)
}
@media screen and (max-width: 1023px){
.d5PiFqJb._5AH5IxbH{
    --scrollbar-bg: var(--black-b-color)
}
}
.MMasAZIP{
  display:grid;
  cursor:pointer;
  -webkit-user-select:none;
          user-select:none;
  grid-auto-flow:column;
  align-items:center;
  justify-content:center;
  gap:1rem;
  overflow:hidden;
  padding-bottom:4rem;
  height:12rem
}
@media screen and (max-width: 1279px){
.MMasAZIP{
    padding-bottom:0rem;
    height:14rem
}
}
@media screen and (max-width: 1023px){
.MMasAZIP{
    pointer-events:none;
    height:10rem
}
.MMasAZIP .IYFo4Orc{
    display:none
}
}
.M0pu1wBG{
  border-bottom-width:1px;
  border-style:solid;
  border-color:var(--gray-l1-color);
  height:6rem
}
._5AH5IxbH .M0pu1wBG{
  border-color:var(--gray-d2-color)
}
.qNd8NiRw{
  display:grid;
  height:100%;
  min-height:0
}
.ifVxSOoe{
  display:grid;
  min-height:0;
  grid-template-rows:1fr -webkit-min-content;
  grid-template-rows:1fr min-content
}
.T5YSevHi{
  height:100%;
  overflow-x:hidden;
  overflow-y:scroll;
  padding-top:1rem;
  padding-left:3rem;
  padding-right:calc(3rem - var(--scrollbar-width))
}
@media screen and (max-width: 1023px){
.T5YSevHi{
    padding-left:2rem;
    padding-right:calc(2rem - var(--scrollbar-width))
}
}
.nHAcOZ0D{
  margin-bottom:3rem
}
._3TbH1I8T .G0cJg8yn{
  display:grid;
  height:6rem;
  cursor:pointer;
  -webkit-user-select:none;
          user-select:none;
  grid-auto-flow:column;
  align-items:center;
  border-bottom-width:1px;
  border-style:solid;
  font-weight:700;
  border-bottom-color:currentColor;
  grid-template-columns:1fr -webkit-min-content -webkit-min-content;
  grid-template-columns:1fr min-content min-content;
  transition:color .15s
}
@media (hover: hover){
._3TbH1I8T .G0cJg8yn:hover{
  color:var(--gray-d1-color)
}}
@media (hover: hover){
._5AH5IxbH ._3TbH1I8T .G0cJg8yn:hover{
  color:var(--gray-b-color)
}}
._3TbH1I8T .UjAOErBU{
  margin-right:1rem;
  white-space:nowrap;
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:500;
  color:var(--gray-b-color)
}
._5AH5IxbH ._3TbH1I8T .UjAOErBU{
  color:var(--gray-d1-color)
}
._3TbH1I8T .Dbk-8dzA{
  color:var(--gray-b-color);
  transform:rotate(90deg);
  transition:transform .15s
}
._5AH5IxbH ._3TbH1I8T .Dbk-8dzA{
  color:var(--gray-d1-color)
}
._3TbH1I8T.bx0Qd0-F .Dbk-8dzA, ._3TbH1I8T.bx0Qd0-F .UjAOErBU{
  color:var(--black-b-color)
}
._5AH5IxbH ._3TbH1I8T.bx0Qd0-F .Dbk-8dzA, ._5AH5IxbH ._3TbH1I8T.bx0Qd0-F .UjAOErBU{
  color:var(--white-b-color)
}
._3TbH1I8T.bx0Qd0-F .Dbk-8dzA{
  transform:rotate(0deg)
}
@media (hover: hover){
._3TbH1I8T.bx0Qd0-F:hover .Dbk-8dzA, ._3TbH1I8T.bx0Qd0-F:hover .UjAOErBU{
  color:var(--gray-d1-color)
}}
@media (hover: hover){
._5AH5IxbH ._3TbH1I8T.bx0Qd0-F:hover .Dbk-8dzA, ._5AH5IxbH ._3TbH1I8T.bx0Qd0-F:hover .UjAOErBU{
  color:var(--gray-b-color)
}}
.cuG0O-kL{
  display:grid;
  height:5rem;
  cursor:pointer;
  align-items:center;
  border-bottom-width:1px;
  border-style:solid;
  border-color:var(--gray-l1-color);
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:700;
  color:var(--gray-b-color);
  grid-template-columns:1fr -webkit-min-content;
  grid-template-columns:1fr min-content;
  transition:color .15s
}
._5AH5IxbH .cuG0O-kL{
  border-color:var(--gray-d2-color);
  color:var(--gray-d1-color)
}
.cuG0O-kL._5788pGSP{
  color:currentColor
}
@media (hover: hover){
.cuG0O-kL:hover{
  color:currentColor
}}
.cuG0O-kL .VR3F8M7k{
  color:var(--gray-b-color);
  transition:color .15s
}
._5AH5IxbH .cuG0O-kL .VR3F8M7k{
  color:var(--gray-d1-color)
}
@media (hover: hover){
.cuG0O-kL:hover .VR3F8M7k{
  color:var(--black-b-color)
}}
@media (hover: hover){
._5AH5IxbH .cuG0O-kL:hover .VR3F8M7k{
  color:var(--white-b-color)
}}
.tdh7bTrJ{
  background-color:var(--white-b-color);
  padding:3rem
}
._5AH5IxbH .tdh7bTrJ{
  background-color:var(--gray-d3-color)
}
@media screen and (max-width: 1023px){
.tdh7bTrJ{
    padding:2rem
}
._5AH5IxbH .tdh7bTrJ{
    background-color:var(--black-b-color)
}
}
.\+BxUl47k{
  float:left;
  font-size:1.2rem;
  line-height:1.4rem
}
.u2PWD4Xt{
  overflow-y:scroll;
  padding:3rem;
  padding-right:calc(3rem - var(--scrollbar-width))
}
@media screen and (max-width: 1023px){
.u2PWD4Xt{
    padding:2rem;
    padding-top:3rem;
    padding-right:calc(2rem - var(--scrollbar-width))
}
}
.u2PWD4Xt .q5KTJp\+G{
  margin-bottom:3rem;
  font-weight:500
}
.u2PWD4Xt ._6hXgwGkj{
  margin-bottom:4rem;
  font-size:1.4rem;
  line-height:2.4rem
}
.u2PWD4Xt .k\+09p0Yn{
  display:inline;
  text-decoration:underline;
  transition:color .15s
}
@media (hover: hover){
.u2PWD4Xt .k\+09p0Yn:hover{
  color:var(--gray-d1-color)
}}
@media (hover: hover){
._5AH5IxbH .u2PWD4Xt .k\+09p0Yn:hover{
  color:var(--gray-b-color)
}}
.u2PWD4Xt .lzRtU6fv{
  display:grid;
  min-height:100%;
  grid-template-rows:-webkit-min-content -webkit-min-content 1fr;
  grid-template-rows:min-content min-content 1fr
}
.u2PWD4Xt .pCeenOwb{
  margin-bottom:2rem;
  font-weight:700
}
.u2PWD4Xt .jrfNjIfv{
  margin-bottom:3rem;
  white-space:normal;
  background-color:var(--gray-l2-color);
  padding:1.5rem;
  font-size:1.2rem;
  line-height:1.4rem;
  line-height:2.1rem;
  word-break:break-all
}
._5AH5IxbH .u2PWD4Xt .jrfNjIfv{
  background-color:var(--black-b-color)
}
@media screen and (max-width: 1023px){
._5AH5IxbH .u2PWD4Xt .jrfNjIfv{
    background-color:var(--gray-d3-color)
}
}
.u2PWD4Xt .KwHoheVO{
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:400;
  color:var(--gray-d3-color);
  line-height:1.8rem
}
._5AH5IxbH .u2PWD4Xt .KwHoheVO{
  color:var(--gray-l1-color)
}
.u2PWD4Xt .WSu-FNBY{
  margin-top:3rem;
  align-self:flex-end
}
.u2PWD4Xt .t\+LVulE2{
  display:grid;
  grid-auto-flow:column;
  align-items:center;
  gap:1rem
}
.u2PWD4Xt .t\+LVulE2 .gGQxC7yx{
  display:grid
}
.u2PWD4Xt .t\+LVulE2 .eM5lVSzn{
  color:var(--gray-d1-color);
  font-size:0.8rem;
  line-height:1em
}
._5AH5IxbH .u2PWD4Xt .t\+LVulE2 .eM5lVSzn{
  color:var(--gray-b-color)
}

/* purgecss end ignore */

/* purgecss start ignore */
.oIlZ1uAa{
  position:relative;
  background-color:var(--white-b-color)
}
.oIlZ1uAa.niXW77BM{
  background-color:var(--black-b-color)
}

/* purgecss end ignore */

/* purgecss start ignore */
.t7RY2UQz{
  position:relative;
  display:grid;
  grid-auto-flow:column;
  gap:4rem
}
.UWmq\+Gdn{
  position:relative
}
.UWmq\+Gdn:not(:last-child):after{
  position:absolute;
  top:0rem;
  right:-2rem;
  bottom:0rem;
  width:0.1rem;
  background-color:var(--gray-l1-color);
  content:''
}
.t7RY2UQz.guKaE6Cr .UWmq\+Gdn:not(:last-child):after{
  background-color:var(--gray-d2-color)
}

/* purgecss end ignore */

/* purgecss start ignore */
.G9jQk6w5{
  position:relative;
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr))
}
@media screen and (min-width: 2079px){
.G9jQk6w5{
    justify-content:center;
    grid-template-columns:repeat(8, 250px)
}
}
.LTcpmEbM{
  pointer-events:none;
  grid-column:span 8 / span 8;
  grid-column-start:1;
  grid-row-start:1;
  border-bottom-width:1px;
  border-style:solid;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  border-bottom-color:var(--gray-l1-color)
}
.K-hkDMwF .LTcpmEbM{
  border-bottom-color:var(--gray-d2-color)
}
.p3bN9162{
  z-index:10;
  grid-column:span 4 / span 4;
  grid-column-start:1;
  grid-row-start:1
}
.AJ2NGkS5 .p3bN9162{
  grid-column:span 2 / span 2;
  grid-column-start:1
}
.UZsyYPm8{
  grid-column-start:5;
  grid-row-start:1
}
.AJ2NGkS5 .UZsyYPm8{
  grid-column-start:3;
  grid-row-start:1
}
.r8eZ7QoW{
  grid-column-start:7;
  grid-row-start:1
}
.AJ2NGkS5 .r8eZ7QoW{
  grid-column-start:5;
  grid-row-start:1
}
.UZsyYPm8, .r8eZ7QoW{
  margin-top:-1px;
  margin-right:-1px;
  margin-bottom:1px
}
.UZsyYPm8,.r8eZ7QoW{
  margin-left:calc(-2.5rem - 1px)
}
.wrEKMnrx{
  grid-column:span 2 / span 2;
  grid-column-start:1;
  grid-row-start:2
}
.y4TFy1tf{
  grid-column:span 2 / span 2;
  grid-column-start:3;
  grid-row-start:2
}
.Gqpf2x0n{
  grid-column-start:5;
  grid-row-start:2;
  justify-self:start;
  white-space:nowrap
}
.Wy1UEfFG{
  grid-column:span 2 / span 2;
  grid-column-start:7;
  grid-row-start:2;
  display:grid;
  grid-auto-flow:column;
  align-items:center;
  grid-template-columns:-webkit-min-content 1fr -webkit-min-content;
  grid-template-columns:min-content 1fr min-content
}
.MVq0ppsY{
  margin:-2rem;
  box-sizing:content-box;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  justify-self:center;
  padding:2rem
}
.MVq0ppsY.MVq0ppsY.MVq0ppsY.MVq0ppsY.MVq0ppsY{
  transition:transform .15s !important
}
.MVq0ppsY>circle{
  transition:stroke .15s
}
@media (hover: hover){
.MVq0ppsY:hover{
  --tw-rotate:180deg
}}
.K-hkDMwF .MVq0ppsY{
  --outline-color: var(--white-b-color);
  --right-semicircle-color: var(--white-b-color);
  --left-semicircle-color: var(--black-b-color)
}
.LjcAU1nQ{
  display:grid;
  grid-auto-columns:-webkit-max-content;
  grid-auto-columns:max-content;
  grid-auto-flow:column;
  align-items:center;
  justify-content:center
}
.rt7wv1Zh{
  margin-right:1rem
}
.ZEYF03gH{
  z-index:10;
  grid-column:span 2 / span 2;
  grid-column-start:7;
  grid-row-start:1;
  border-left-width:1px;
  border-style:solid;
  border-left-color:var(--gray-l1-color)
}
.K-hkDMwF .ZEYF03gH{
  border-left-color:var(--gray-d2-color)
}
.\+D8Sefli{
  pointer-events:none;
  margin:-2rem;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  white-space:nowrap;
  padding:2rem;
  font-size:1.6rem;
  line-height:1.9rem;
  font-weight:400;
  color:var(--gray-b-color);
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
.\+D8Sefli.c-Uog1Oi{
  pointer-events:auto;
  color:var(--black-b-color)
}
.K-hkDMwF .\+D8Sefli{
  color:var(--gray-d1-color)
}
.K-hkDMwF .\+D8Sefli.c-Uog1Oi{
  color:var(--white-b-color)
}
@media (hover: hover){
.\+D8Sefli:hover{
  color:var(--gray-d1-color)
}}
@media (hover: hover){
.K-hkDMwF .\+D8Sefli:hover{
  color:var(--gray-b-color)
}}
@media screen and (max-width: 1535px){
.LnwB59ZC{
    grid-column-start:5
}
.Gqpf2x0n{
    grid-column-start:5
}
}
@media screen and (max-width: 1279px){
.G9jQk6w5 .p3bN9162, .G9jQk6w5 .wrEKMnrx, .G9jQk6w5.AJ2NGkS5 .p3bN9162, .G9jQk6w5.AJ2NGkS5 .wrEKMnrx{
    grid-column:span 2 / span 2;
    grid-column-start:1
}
.G9jQk6w5 .y4TFy1tf, .G9jQk6w5.AJ2NGkS5 .y4TFy1tf{
    grid-column:span 2 / span 2;
    grid-column-start:3
}
.G9jQk6w5 .UZsyYPm8, .G9jQk6w5.AJ2NGkS5 .UZsyYPm8{
    grid-column:span 2 / span 2;
    grid-column-start:5
}
.G9jQk6w5 .r8eZ7QoW, .G9jQk6w5.AJ2NGkS5 .r8eZ7QoW{
    grid-column:span 2 / span 2;
    grid-column-start:7
}
.G9jQk6w5 .Gqpf2x0n, .G9jQk6w5.AJ2NGkS5 .Gqpf2x0n{
    grid-column:span 2 / span 2;
    grid-column-start:5
}
.G9jQk6w5 .Wy1UEfFG, .G9jQk6w5.AJ2NGkS5 .Wy1UEfFG{
    grid-column:span 2 / span 2;
    grid-column-start:7
}
.G9jQk6w5.AJ2NGkS5 .UZsyYPm8{
    grid-column:span 2 / span 2;
    grid-column-start:3
}
.G9jQk6w5.AJ2NGkS5 .r8eZ7QoW{
    grid-column:span 2 / span 2;
    grid-column-start:5
}
}
@media screen and (max-width: 1023px){
.G9jQk6w5.G9jQk6w5.G9jQk6w5{
    min-width:0px;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-template-rows:repeat(7, 6rem)
}
.G9jQk6w5.G9jQk6w5.G9jQk6w5 .LTcpmEbM{
    display:none
}
.G9jQk6w5.G9jQk6w5.G9jQk6w5 .OYdu8WuU{
    grid-column:span 2 / span 2;
    grid-column-start:1;
    height:1px;
    background-color:var(--gray-l1-color)
}
.G9jQk6w5.G9jQk6w5.G9jQk6w5.K-hkDMwF .OYdu8WuU{
    background-color:var(--gray-d2-color)
}
.G9jQk6w5.G9jQk6w5.G9jQk6w5 .OYdu8WuU[data-index='1']{
    grid-row-start:3
}
.G9jQk6w5.G9jQk6w5.G9jQk6w5 .OYdu8WuU[data-index='2']{
    grid-row-start:4
}
.G9jQk6w5.G9jQk6w5.G9jQk6w5 .OYdu8WuU[data-index='3']{
    grid-row-start:7
}
.G9jQk6w5.G9jQk6w5.G9jQk6w5 .p3bN9162{
    grid-column:span 2 / span 2;
    grid-column-start:1;
    grid-row-start:1
}
.G9jQk6w5.G9jQk6w5.G9jQk6w5 .UZsyYPm8{
    grid-column:span 1 / span 1;
    grid-column-start:1;
    grid-row-start:2
}
.G9jQk6w5.G9jQk6w5.G9jQk6w5 .r8eZ7QoW{
    grid-column:span 2 / span 2;
    grid-column-start:1;
    grid-row-start:3;
    transform:translateY(1px)
}
.G9jQk6w5.G9jQk6w5.G9jQk6w5 .wrEKMnrx{
    grid-column:span 2 / span 2;
    grid-column-start:1;
    grid-row-start:4
}
.G9jQk6w5.G9jQk6w5.G9jQk6w5 .y4TFy1tf{
    grid-column:span 2 / span 2;
    grid-column-start:1;
    grid-row-start:5
}
.G9jQk6w5.G9jQk6w5.G9jQk6w5 .Gqpf2x0n{
    grid-column:span 1 / span 1;
    grid-column-start:1;
    grid-row-start:6
}
.G9jQk6w5.G9jQk6w5.G9jQk6w5 .ZEYF03gH{
    grid-column:span 1 / span 1;
    grid-column-start:2;
    grid-row-start:6;
    grid-template-columns:1fr
}
.G9jQk6w5.G9jQk6w5.G9jQk6w5 .Wy1UEfFG{
    grid-column:span 2 / span 2;
    grid-column-start:1;
    grid-row-start:7;
    padding-left:0rem;
    grid-template-columns:1fr -webkit-min-content;
    grid-template-columns:1fr min-content
}
.G9jQk6w5.G9jQk6w5.G9jQk6w5 .fjIHYvx9{
    justify-self:start
}
.G9jQk6w5.G9jQk6w5.G9jQk6w5 .\+D8Sefli{
    display:none
}
}
.wrEKMnrx input, .y4TFy1tf input{
  padding-right:2rem
}

/* purgecss end ignore */

/* purgecss start ignore */
.-Tpu3YeL{
  overflow-y:auto;
  overflow-x:hidden;
  background-color:var(--white-b-color)
}
.-Tpu3YeL.A\+4i24Jr{
  background-color:var(--black-b-color)
}
.wicZSXeU{
  position:relative;
  display:grid;
  min-height:100%;
  padding:var(--padding);
  padding-bottom:0rem
}
.nCt0Ba1e{
  min-height:37rem
}
._1Bf3kswp{
  position:-webkit-sticky;
  position:sticky;
  right:0rem;
  bottom:0rem;
  left:0rem;
  z-index:20;
  display:grid;
  align-content:flex-end;
  gap:1rem;
  background-color:var(--white-b-color);
  padding-top:var(--padding);
  padding-bottom:var(--padding);
  grid-template-columns:1fr 1fr;
  grid-template-rows:-webkit-min-content -webkit-min-content;
  grid-template-rows:min-content min-content
}
.A\+4i24Jr ._1Bf3kswp{
  background-color:var(--black-b-color)
}
.ooh1Y2df{
  grid-column-start:1;
  grid-row-start:1;
  margin-bottom:1rem;
  justify-self:start
}
.iX-bsfXK{
  grid-column-start:2;
  grid-row-start:1;
  margin-bottom:1rem;
  justify-self:end
}
@media screen and (max-width: 360px){
.ooh1Y2df{
    grid-column:span 2 / span 2;
    margin-bottom:0rem
}
.iX-bsfXK{
    grid-column:span 2 / span 2;
    grid-column-start:1;
    grid-row-start:2;
    justify-self:start
}
}
.mRbmWGgK{
  grid-column:span 2 / span 2
}

/* purgecss end ignore */

/* purgecss start ignore */
.Nff6JhxD{
  background-color:var(--black-b-color)
}
.ws1M4Hb0{
  margin-right:calc(var(--padding) * -1)
}
@media screen and (min-width: 2079px){
.ws1M4Hb0{
    margin-right:0rem
}
}
.HeNFPZc9{
  color:var(--gray-b-color)
}
.dark .HeNFPZc9{
  color:var(--gray-d1-color)
}
.HeNFPZc9._3Dr2MVad{
  color:var(--black-b-color)
}
.dark .HeNFPZc9._3Dr2MVad{
  color:var(--white-b-color)
}

/* purgecss end ignore */

/* purgecss start ignore */
.uf9jikbK{
  display:grid;
  height:8rem;
  grid-auto-flow:column;
  grid-template-columns:repeat(1, minmax(0, 1fr));
  align-items:center;
  white-space:nowrap;
  background-color:var(--gray-l2-color);
  padding-left:var(--padding);
  padding-right:var(--padding);
  font-weight:500;
  min-width:0;
  max-width:100%
}
.dark .uf9jikbK{
  background-color:var(--gray-d3-color)
}
@media screen and (min-width: 2079px){
.uf9jikbK{
    margin-left:0rem;
    margin-right:0rem;
    justify-content:center;
    grid-template-columns:repeat(1, 2000px)
}
}
._5A1nwUn7{
  margin-left:1rem;
  height:1px;
  width:4rem;
  background-color:var(--black-b-color)
}
.dark ._5A1nwUn7{
  background-color:var(--gray-d1-color)
}
.uf9jikbK a{
  display:grid;
  height:8rem;
  align-items:center;
  justify-content:center;
  padding-right:1rem;
  padding-left:1rem;
  color:var(--black-b-color);
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
.dark .uf9jikbK a{
  color:var(--white-b-color)
}
@media (hover: hover){
.uf9jikbK a:hover{
  color:var(--gray-d1-color)
}
}
@media (hover: hover){
.dark .uf9jikbK a:hover{
  color:var(--gray-b-color)
}
}
.u5D2y5c7{
  display:grid;
  grid-auto-flow:column;
  align-items:center;
  justify-content:flex-start;
  gap:1rem
}
.dark .u5D2y5c7{
  color:var(--gray-d1-color)
}
.dark .u5D2y5c7>a{
  color:var(--white-b-color)
}
.DDiPMFRB{
  justify-self:center;
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:500;
  color:var(--gray-b-color)
}
.dark .DDiPMFRB{
  color:var(--gray-d1-color)
}
._8Q1MIvhu{
  margin-right:-1rem;
  display:grid;
  grid-auto-flow:column;
  align-items:center;
  justify-content:flex-end;
  gap:1rem
}
@media screen and (max-width: 1535px){
.uf9jikbK{
    grid-template-columns:-webkit-min-content 1fr -webkit-min-content;
    grid-template-columns:min-content 1fr min-content
}
}
@media screen and (max-width: 1279px){
.uf9jikbK{
    height:unset;
    grid-template-columns:-webkit-min-content 1fr;
    grid-template-columns:min-content 1fr;
    grid-template-rows:8rem 4rem
}
.DDiPMFRB{
    grid-column:span 2 / span 2;
    grid-column-start:1;
    grid-row-start:2;
    justify-self:start;
    padding-bottom:2rem
}
}
@media screen and (max-width: 1023px){
.uf9jikbK{
    grid-template-columns:1fr;
    grid-template-rows:6rem 6rem
}
.u5D2y5c7{
    display:none
}
._8Q1MIvhu{
    grid-column:span 1 / span 1;
    grid-column-start:1;
    margin-right:0rem;
    margin-left:-1rem;
    justify-content:flex-start
}
.DDiPMFRB{
    grid-column:span 1 / span 1;
    align-self:flex-end;
    white-space:normal
}
}

/* purgecss end ignore */

/* purgecss start ignore */
.e8W7TZGk{
  overflow:hidden;
  border-bottom-width:0;
  border-style:solid;
  border-color:var(--gray-l1-color);
  background-color:var(--gray-l2-color);
  transition:border-b .15s
}
.dark .e8W7TZGk{
  border-color:var(--gray-d2-color);
  background-color:var(--gray-d3-color)
}
.e8W7TZGk.aGnN2BO6{
  border-bottom-width:1px
}
.GFRNZwxt{
  display:grid;
  height:0rem;
  align-items:center;
  gap:2rem;
  padding-left:var(--padding);
  padding-right:var(--padding);
  grid-template-columns:-webkit-min-content 1fr -webkit-min-content;
  grid-template-columns:min-content 1fr min-content;
  transition:opacity .15s,transform .15s,height .15s;
  transform:translateY(-8rem)
}
@media screen and (min-width: 2079px){
.GFRNZwxt{
    padding-left:0rem;
    padding-right:0rem;
    margin:0 auto;
    width:2000px
}
}
@media screen and (max-width: 1023px){
.GFRNZwxt{
    transform:translateY(-6rem)
}
}
.aGnN2BO6 .GFRNZwxt{
  height:8rem;
  transform:none
}
@media screen and (max-width: 1023px){
.aGnN2BO6 .GFRNZwxt{
    height:6rem
}
}
.YiWC0K\+V{
  height:1.6rem;
  width:1.6rem;
  border-radius:9999px;
  background-color:currentColor
}
@media screen and (max-width: 1023px){
.YiWC0K\+V{
    height:1.2rem;
    width:1.2rem
}
}
.QV7bzcYO{
  margin-left:-4rem;
  margin-right:-4rem;
  height:100%;
  cursor:pointer;
  padding-left:4rem;
  padding-right:4rem;
  text-align:center;
  font-weight:500
}
@media screen and (min-width: 1022px){
.QV7bzcYO{
    display:flex;
    align-items:center;
    justify-content:center;
    justify-self:center
}
}
@media screen and (max-width: 1023px){
.QV7bzcYO{
    margin-left:-1.5rem;
    margin-right:-1.5rem;
    padding-left:1.5rem;
    padding-right:1.5rem;
    font-size:1.2rem;
    line-height:1.4rem;
    padding-top:1.6rem;
    padding-bottom:1.6rem;
    height:unset;
    text-align:start
}
}
.QV7bzcYO .Z01yKRWL{
  padding-right:0.5ex
}
.QV7bzcYO .-vqyh-qN{
  white-space:nowrap;
  color:var(--gray-b-color);
  transition:color .15s
}
.dark .QV7bzcYO .-vqyh-qN{
  color:var(--gray-d1-color)
}
@media (hover: hover){
.QV7bzcYO:hover .-vqyh-qN{
  color:var(--black-b-color)
}
}
@media (hover: hover){
.dark .QV7bzcYO:hover .-vqyh-qN{
  color:var(--white-b-color)
}
}
.u1to7GcV{
  margin:-1.5rem;
  height:1.6rem;
  width:1.6rem;
  cursor:pointer;
  padding:1.5rem;
  box-sizing:content-box;
  transition:color .15s
}
@media (hover: hover){
.u1to7GcV:hover{
  color:var(--gray-d1-color)
}
}
@media (hover: hover){
.dark .u1to7GcV:hover{
  color:var(--gray-b-color)
}
}

/* purgecss end ignore */

/* purgecss start ignore */
.PzMIt5Ye{
  display:grid;
  grid-template-rows:-webkit-min-content -webkit-min-content auto -webkit-min-content;
  grid-template-rows:min-content min-content auto min-content;
  --footer-height: 8rem
}
@media screen and (max-width: 1279px){
.PzMIt5Ye{
    --footer-height: 12rem
}
}
.YTydBq5K{
  z-index:10
}
@media screen and (max-width: 1023px){
.-CLmIQPi{
    position:sticky;
    top:0rem;
    z-index:50;
    background-color:var(--white-b-color)
}
.dark .-CLmIQPi{
    background-color:var(--black-b-color)
}
}
.cyBUxGcb{
  min-height:calc(var(--vh) * 100)
}

/* purgecss end ignore */

/* purgecss start ignore */
.CZZmZBPL{
  pointer-events:none;
  display:grid;
  height:4rem;
  width:4rem;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  border-radius:9999px;
  border-width:1px;
  border-style:solid;
  border-color:var(--gray-b-color);
  background-color:var(--white-b-color);
  opacity:0;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
.CZZmZBPL.ntKXOqx8{
  pointer-events:auto;
  opacity:1
}
@media (hover: hover){
.CZZmZBPL:hover{
  border-color:var(--black-b-color)
}
}
.dark .CZZmZBPL{
  border-color:var(--gray-d2-color);
  background-color:var(--black-b-color)
}
@media (hover: hover){
.dark .CZZmZBPL:hover{
  border-color:var(--white-b-color)
}
}

/* purgecss end ignore */

/* purgecss start ignore */
.x7QgZdOn{
  pointer-events:auto;
  position:relative;
  display:grid;
  align-items:center;
  justify-content:flex-start;
  gap:1.5rem;
  background-color:var(--gray-l2-color);
  padding-left:3rem;
  padding-right:3rem;
  padding-top:2rem;
  padding-bottom:2rem;
  font-weight:500;
  white-space:pre-line;
  grid-template-columns:-webkit-min-content 1fr;
  grid-template-columns:min-content 1fr;
  min-height:8rem
}
@media screen and (max-width: 1023px){
.x7QgZdOn{
    padding-left:2rem;
    padding-right:2rem
}
}
.x7QgZdOn.MYmaCNp0{
  background-color:var(--gray-d3-color)
}
.x7QgZdOn.AdCFUz6z{
  grid-template-columns:-webkit-min-content 1fr -webkit-min-content;
  grid-template-columns:min-content 1fr min-content
}
.Uj8QSwqT{
  height:2rem;
  width:auto
}
._6xGB1PML{
  margin:-2rem;
  box-sizing:content-box;
  cursor:pointer;
  padding:2rem;
  width:auto;
  height:2rem;
  transition:color .15s
}
@media (hover: hover){
._6xGB1PML:hover{
  color:var(--gray-d1-color)
}
}
@media (hover: hover){
.MYmaCNp0 ._6xGB1PML:hover{
  color:var(--gray-b-color)
}
}

/* purgecss end ignore */

/* purgecss start ignore */
.eiNKMz6Y{
  pointer-events:none;
  position:fixed;
  top:var(--padding);
  bottom:var(--padding);
  left:var(--padding);
  z-index:75;
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr));
  align-content:flex-end;
  right:calc(var(--scrollbar-width) + var(--padding))
}
@media screen and (min-width: 2079px){
.eiNKMz6Y{
    left:0rem;
    justify-content:center;
    right:var(--scrollbar-width);
    grid-template-columns:repeat(8, 250px)
}
}
.lPultWgg{
  grid-column:1 / span 2
}
@media screen and (max-width: 1535px){
.lPultWgg{
    grid-column:1 / span 3
}
}
@media screen and (max-width: 1023px){
.lPultWgg{
    grid-column:1 / span 4
}
}
@media screen and (max-width: 767px){
.lPultWgg{
    grid-column:1 / span 6
}
}
@media screen and (max-width: 576px){
.lPultWgg{
    grid-column:1 / span 8
}
}
.RBQM2IcC{
  margin-bottom:1rem;
  transition:opacity .3s,transform .3s
}
.eckZb9gy-leave-active{
  position:absolute
}
.eckZb9gy-enter{
  opacity:0
}
.eckZb9gy-leave-to{
  opacity:0
}

/* purgecss end ignore */

/* purgecss start ignore */
.sUB5eAHX{
  pointer-events:none;
  position:fixed;
  top:0rem;
  right:0rem;
  bottom:0rem;
  left:0rem;
  z-index:75;
  overflow-x:hidden;
  overflow-y:scroll;
  color:var(--black-b-color);
  opacity:0;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
  --px: 8rem;
  --py: 5rem;
  --modal-top-safe-zone: 12rem;
  --modal-bottom-safe-zone: 12rem
}
@media screen and (max-width: 1535px){
.sUB5eAHX{
    --modal-top-safe-zone: 6rem;
    --modal-bottom-safe-zone: 8rem;
    --px: var(--padding);
    --py: var(--padding)
}
}
.sUB5eAHX.S\+7gIqgv{
  color:var(--white-b-color)
}
.sUB5eAHX.n0rIGKhj{
  pointer-events:auto;
  opacity:1
}
.sUB5eAHX:not(.n0rIGKhj) *{
  pointer-events:none !important
}
.sUB5eAHX.xmcfnhqE{
  --modal-top-safe-zone: 0rem;
  --modal-bottom-safe-zone: 0rem
}
.sUB5eAHX.ICJPjL54{
  overflow:hidden
}
.R7YfR-uG{
  pointer-events:none;
  position:fixed;
  top:0rem;
  right:0rem;
  bottom:0rem;
  left:0rem;
  background-color:var(--white-b-color);
  opacity:.97;
  z-index:-1
}
.S\+7gIqgv .R7YfR-uG{
  background-color:var(--black-b-color);
  opacity:.97
}
.NN2cl\+AM .R7YfR-uG{
  background-color:var(--black-b-color);
  opacity:.4
}
body.pointerEventsNone .sUB5eAHX.n0rIGKhj{
  pointer-events:auto !important
}
._99TOd-5c{
  position:relative;
  min-height:100%;
  padding-bottom:var(--modal-bottom-safe-zone)
}
.DJUW6SOZ{
  position:absolute;
  margin:-2rem;
  box-sizing:content-box;
  height:3rem;
  width:3rem;
  cursor:pointer;
  padding:2rem;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  top:var(--py);
  right:var(--px)
}
@media screen and (min-width: 2159px){
.DJUW6SOZ{
    right:calc((calc(var(--vw) * 100) - 2000px) / 2)
}
}
@media screen and (max-width: 1023px){
.DJUW6SOZ{
    height:2rem;
    width:2rem
}
}
@media (hover: hover){
.DJUW6SOZ:hover{
  color:var(--gray-d1-color)
}}
@media (hover: hover){
.S\+7gIqgv .DJUW6SOZ:hover{
  color:var(--gray-l1-color)
}}
.bLEcgojn{
  position:absolute;
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:700;
  top:var(--py);
  left:var(--px)
}
@media screen and (min-width: 2159px){
.bLEcgojn{
    left:calc((calc(var(--vw) * 100) - 2000px) / 2)
}
}
.EeBzGWzk{
  position:absolute;
  margin-left:-1.5rem;
  bottom:var(--py);
  left:var(--px)
}
@media screen and (min-width: 2159px){
.EeBzGWzk{
    left:calc((calc(var(--vw) * 100) - 2000px) / 2)
}
}
.\+N4LduIc{
  position:absolute;
  display:grid;
  grid-auto-flow:column;
  gap:2rem;
  top:var(--py);
  left:var(--px)
}
@media screen and (min-width: 2159px){
.\+N4LduIc{
    left:calc((calc(var(--vw) * 100) - 2000px) / 2)
}
}
.DCIbH48p{
  margin:-1.5rem;
  cursor:pointer;
  padding:1.5rem;
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:700;
  color:var(--gray-b-color);
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
.S\+7gIqgv .DCIbH48p{
  color:var(--gray-d1-color)
}
.DCIbH48p.auUQ3rKm{
  color:currentColor
}
@media (hover: hover){
.DCIbH48p:hover{
  color:currentColor
}}
.DCIbH48p.auUQ3rKm{
  pointer-events:none
}
.DCIbH48p.kJ\+Ru83R{
  pointer-events:none;
  opacity:0
}
._3-ojnAIN{
  margin-top:-1.5rem;
  margin-bottom:-1.5rem;
  padding:1.5rem;
  font-size:1.2rem;
  line-height:1.4rem;
  color:var(--black-b-color);
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
.S\+7gIqgv ._3-ojnAIN{
  color:var(--white-b-color)
}
@media (hover: hover){
._3-ojnAIN:hover{
  color:var(--gray-d1-color)
}}
@media (hover: hover){
.S\+7gIqgv ._3-ojnAIN:hover{
  color:var(--gray-l1-color)
}}

/* purgecss end ignore */

/* purgecss start ignore */
.DgMYXh3q{
  min-height:100%;
  min-width:100%
}

/* purgecss end ignore */

/* purgecss start ignore */
.CB932Rs5{
  position:relative;
  display:grid;
  min-width:0px;
  grid-template-columns:repeat(8, minmax(0, 1fr));
  overflow-y:scroll;
  padding-left:var(--padding);
  padding-right:var(--padding);
  --scrollbar-bg: transparent
}
@media screen and (max-width: 1279px){
.CB932Rs5{
    --scrollbar-bg: var(--white-b-color)
}
.dark .CB932Rs5{
    --scrollbar-bg: var(--gray-d3-color)
}
}
@media screen and (min-width: 2079px){
.CB932Rs5{
    padding-left:0rem;
    padding-right:0rem;
    width:2000px;
    margin:0 auto
}
}
.ORA6YC7x{
  margin:var(--padding);
  margin-right:0rem;
  background-color:var(--white-b-color);
  height:calc(calc(var(--vh) * 100) - var(--padding) * 2);
  grid-column:7 / span 2
}
@media screen and (min-width: 2079px){
.ORA6YC7x{
    margin-right:calc(var(--padding) - var(--scrollbar-width))
}
}
@media screen and (max-width: 1279px){
.ORA6YC7x{
    margin:0rem;
    margin-right:calc(var(--padding) * -1);
    height:calc(var(--vh) * 100);
    grid-column:6 / span 3
}
}
.dark .ORA6YC7x{
  background-color:var(--gray-d3-color)
}

/* purgecss end ignore */

/* purgecss start ignore */
.sliwWvDi{
  position:relative;
  display:grid;
  background-color:var(--white-b-color);
  padding:3rem;
  color:var(--black-b-color);
  grid-template-rows:-webkit-min-content -webkit-min-content;
  grid-template-rows:min-content min-content
}
.sliwWvDi.n6RDe7Z0{
  background-color:var(--gray-d3-color);
  color:var(--white-b-color);
  --scrollbar-bg: var(--gray-d3-color)
}
@media screen and (max-width: 1023px){
.sliwWvDi.n6RDe7Z0{
    --scrollbar-bg: var(--black-b-color)
}
}
.-XodM3Jr{
  text-align:center
}
._1GKbrd\+U{
  display:inline;
  text-decoration:underline;
  transition:color .15s
}
@media (hover: hover){
._1GKbrd\+U:hover{
  color:var(--gray-d1-color)
}
}
@media (hover: hover){
.n6RDe7Z0 ._1GKbrd\+U:hover{
  color:var(--gray-b-color)
}
}
.wD3Z31w7{
  margin-bottom:4rem;
  font-size:1.4rem;
  line-height:2.4rem
}
.AwltloB-{
  margin-bottom:1.5rem
}

/* purgecss end ignore */

/* purgecss start ignore */
.woJxMc1y{
  position:relative;
  display:grid;
  min-width:0px;
  grid-template-columns:repeat(8, minmax(0, 1fr));
  overflow-y:scroll;
  padding-left:var(--padding);
  padding-right:var(--padding);
  --scrollbar-bg: transparent
}
@media screen and (max-width: 1279px){
.woJxMc1y{
    --scrollbar-bg: var(--white-b-color)
}
.dark .woJxMc1y{
    --scrollbar-bg: var(--gray-d3-color)
}
}
@media screen and (min-width: 2079px){
.woJxMc1y{
    padding-left:0rem;
    padding-right:0rem;
    width:2000px;
    margin:0 auto
}
}
.\+NlHZdmz{
  margin:var(--padding);
  margin-right:0rem;
  display:grid;
  align-items:flex-start;
  align-self:flex-start;
  margin-top:24rem;
  grid-column:7 / span 2;
  height:calc(var(--vh) * 100)
}
@media screen and (max-height: 570px){
.\+NlHZdmz{
    margin-top:var(--padding);
    align-self:center
}
}
@media screen and (min-width: 2079px){
.\+NlHZdmz{
    margin-right:calc(var(--padding) - var(--scrollbar-width))
}
}
@media screen and (max-width: 1279px){
.\+NlHZdmz{
    margin:0rem;
    margin-right:calc(var(--padding) * -1);
    margin-top:22rem;
    grid-column:6 / span 3
}
}
@media screen and (max-width: 1023px){
.\+NlHZdmz{
    margin-left:calc(var(--padding) * -1);
    margin-top:14rem;
    grid-column:1 / span 8
}
}
@media screen and (max-width: 767px){
.\+NlHZdmz{
    margin-top:20rem
}
}

/* purgecss end ignore */

/* purgecss start ignore */
#app{
  height:100%;
  overflow:auto;
  background-color:var(--white-b-color);
  color:var(--black-b-color)
}
.x---c1Sw{
  position:absolute;
  top:0rem;
  right:0rem;
  bottom:0rem;
  left:0rem;
  height:100%;
  width:100%;
  overflow-x:hidden;
  overflow-y:scroll;
  will-change:transform
}
.dark #app{
  background-color:var(--black-b-color);
  color:var(--white-b-color)
}
.\+o87BqGR{
  position:absolute;
  bottom:14rem;
  left:2rem;
  display:grid;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  border-radius:9999px;
  background-color:var(--black-b-color)
}
@media (hover: hover){
.\+o87BqGR:hover{
    background-color:var(--gray-d2-color)
}
}
.\+o87BqGR{
  padding:2rem;
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:700;
  color:var(--white-b-color);
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
.dark .\+o87BqGR{
  background-color:var(--gray-l2-color)
}
@media (hover: hover){
.dark .\+o87BqGR:hover{
    background-color:var(--white-b-color)
}
}
.dark .\+o87BqGR{
  color:var(--black-b-color)
}
.oqm17v8s{
  pointer-events:none;
  position:fixed;
  top:0rem;
  bottom:var(--padding);
  left:var(--padding);
  z-index:40;
  display:grid;
  align-content:flex-end;
  align-items:flex-end;
  justify-content:center;
  justify-items:end;
  grid-template-columns:1fr;
  right:calc(var(--scrollbar-width) + var(--padding))
}
@media screen and (min-width: 2079px){
.oqm17v8s{
    grid-template-columns:2000px
}
}
@media screen and (min-width: 2200px){
.oqm17v8s{
    left:0rem;
    right:var(--scrollbar-width)
}
}
.dWvizGX7{
  transform:translateX(calc(var(--padding) * -1))
}
@media screen and (max-width: 767px){
.dWvizGX7{
    transform:none
}
}
@media screen and (min-width: 2200px){
.dWvizGX7{
    transform:translateX(100%) translateX(4rem)
}
}

/* purgecss end ignore */