/*! 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.
 */

[hidden] {
  display: none;
}

*, ::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-2{
  top:2rem
}

.top-3{
  top:3rem
}

.top-4{
  top:4rem
}

.top-10{
  top:10rem
}

.top-50p{
  top:50%
}

.top-unset{
  top:unset
}

.right-0{
  right:0rem
}

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

.bottom-0{
  bottom:0rem
}

.bottom-6{
  bottom:6rem
}

.bottom-14{
  bottom:14rem
}

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

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

.-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-3{
  grid-column:span 3 / span 3
}

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

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

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

.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-6{
  grid-column-start:6
}

.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-0{
  margin:0rem
}

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

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

.-m-0\.3{
  margin:-0.3rem
}

.-m-1\.5{
  margin:-1.5rem
}

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

.-mx-0{
  margin-left:0rem;
  margin-right:0rem
}

.-mx-1{
  margin-left:-1rem;
  margin-right:-1rem
}

.-mx-2{
  margin-left:-2rem;
  margin-right:-2rem
}

.-mx-0\.8{
  margin-left:-0.8rem;
  margin-right:-0.8rem
}

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

.my-0{
  margin-top:0rem;
  margin-bottom:0rem
}

.my-4{
  margin-top:4rem;
  margin-bottom:4rem
}

.-my-0{
  margin-top:0rem;
  margin-bottom:0rem
}

.-my-0\.8{
  margin-top:-0.8rem;
  margin-bottom:-0.8rem
}

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

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

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

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

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

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

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

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

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

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

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

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

.-mt-0\.5{
  margin-top:-0.5rem
}

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

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

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

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

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

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

.-mr-4\.5{
  margin-right:-4.5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.-mb-2\.1{
  margin-bottom:-2.1rem
}

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

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

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

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

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

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

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

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

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

.inline-block{
  display:inline-block
}

.flex{
  display:flex
}

.inline-flex{
  display:inline-flex
}

.table{
  display:table
}

.grid{
  display:grid
}

.contents{
  display:contents
}

.hidden{
  display:none
}

.h-1{
  height:1rem
}

.h-5{
  height:5rem
}

.h-6{
  height:6rem
}

.h-8{
  height:8rem
}

.h-12{
  height:12rem
}

.h-1px{
  height:1px
}

.h-unset{
  height:unset
}

.h-full{
  height:100%
}

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

.w-1{
  width:1rem
}

.w-6{
  width:6rem
}

.w-12{
  width:12rem
}

.w-38{
  width:38rem
}

.w-44{
  width:44rem
}

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

.w-full{
  width:100%
}

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

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

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

.max-w-38{
  max-width:38rem
}

.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))
}

.rotate-90{
  --tw-rotate:90deg
}

@-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-default{
  cursor:default
}

.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-row{
  grid-auto-flow:row
}

.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-3{
  grid-template-columns:repeat(3, minmax(0, 1fr))
}

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

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

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

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

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

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

.flex-col{
  flex-direction:column
}

.content-center{
  align-content:center
}

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

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

.items-center{
  align-items:center
}

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

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

.justify-center{
  justify-content:center
}

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

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

.justify-items-center{
  justify-items:center
}

.gap-0{
  gap:0rem
}

.gap-1{
  gap:1rem
}

.gap-2{
  gap:2rem
}

.gap-3{
  gap:3rem
}

.gap-25{
  gap:25rem
}

.gap-0\.5{
  gap:0.5rem
}

.gap-1\.5{
  gap:1.5rem
}

.gap-x-3{
  -moz-column-gap:3rem;
       column-gap:3rem
}

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

.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-x-hidden{
  overflow-x:hidden
}

.whitespace-nowrap{
  white-space:nowrap
}

.break-words{
  overflow-wrap:break-word
}

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

.border-0{
  border-width:0
}

.border{
  border-width:1px
}

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

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

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

.border-r-0{
  border-right-width:0
}

.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-0{
  border-left-width:0
}

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

.border-solid{
  border-style:solid
}

.border-transparent{
  border-color:transparent
}

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

.border-current{
  border-color:currentColor
}

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

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

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

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

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

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

.bg-gray{
  background-color:var(--gray-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-0{
  padding:0rem
}

.p-1{
  padding:1rem
}

.p-2{
  padding:2rem
}

.p-0\.3{
  padding:0.3rem
}

.p-0\.5{
  padding:0.5rem
}

.p-0\.8{
  padding:0.8rem
}

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

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

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

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

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

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

.px-0\.8{
  padding-left:0.8rem;
  padding-right:0.8rem
}

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

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

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

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

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

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

.py-0\.5{
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

.pt-1\.6{
  padding-top:1.6rem
}

.pt-3\.5{
  padding-top:3.5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pl-0\.5{
  padding-left:0.5rem
}

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

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

.text-center{
  text-align:center
}

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

.text-xs{
  font-size:1.4rem;
  line-height:2.4rem
}

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

.text-md{
  font-size:1.8rem;
  line-height:2.6rem
}

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

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

.text-xxl{
  font-size:4rem;
  line-height:5rem
}

.text-3xl{
  font-size:4.8rem;
  line-height:4.8rem
}

.text-4xl{
  font-size:7.6rem;
  line-height:8.3rem
}

.text-h1{
  font-size:12rem;
  line-height:10rem
}

.text-h2{
  font-size:8rem;
  line-height:8rem
}

.text-h3{
  font-size:6.4rem;
  line-height:7.2rem
}

.text-h5{
  font-size:2rem;
  line-height:4rem
}

.font-400{
  font-weight:400
}

.font-500{
  font-weight:500
}

.font-600{
  font-weight:600
}

.font-700{
  font-weight:700
}

.capitalize{
  text-transform:capitalize
}

.italic{
  font-style:italic
}

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

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

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

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

.leading-3\.2{
  line-height:3.2rem
}

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

.text-current{
  color:currentColor
}

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

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

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

.text-gray-l2{
  color:var(--gray-l2-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
}

.line-through{
  text-decoration:line-through
}

.opacity-0{
  opacity:0
}

.opacity-100{
  opacity:1
}

*, ::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
}

.duration-2{
  transition-duration:300ms
}

.border-t-current{
  border-top-color:currentColor
}

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

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

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

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

.border-t-gray{
  border-top-color:var(--gray-b-color)
}

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

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

.border-t-black{
  border-top-color:var(--black-b-color)
}

.border-b-black{
  border-bottom-color:var(--black-b-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: rgb(16, 16, 14);
  --gray-d3-color: rgb(25, 24, 21);
  --gray-d2-color: rgb(48, 48, 43);
  --gray-d1-color: rgb(96, 96, 85);
  --gray-b-color: rgb(192, 192, 171);
  --gray-l1-color: rgb(232, 232, 207);
  --gray-l2-color: rgb(248, 248, 221);
  --white-b-color: #FFFFE3;
  --theme-b-color: #FFFFE3
}

.greenTheme{
  --black-b-color: rgb(14, 16, 14);
  --gray-d3-color: rgb(22, 24, 22);
  --gray-d2-color: rgb(43, 48, 43);
  --gray-d1-color: rgb(85, 95, 87);
  --gray-b-color: rgb(170, 190, 173);
  --gray-l1-color: rgb(206, 230, 209);
  --gray-l2-color: rgb(220, 246, 224);
  --white-b-color: #E2FDE6;
  --theme-b-color: #E2FDE6
}

.blueTheme{
  --black-b-color: rgb(14, 16, 16);
  --gray-d3-color: rgb(22, 24, 24);
  --gray-d2-color: rgb(43, 47, 47);
  --gray-d1-color: rgb(85, 95, 95);
  --gray-b-color: rgb(170, 190, 190);
  --gray-l1-color: rgb(206, 229, 229);
  --gray-l2-color: rgb(220, 245, 245);
  --white-b-color: #E2FCFC;
  --theme-b-color: #E2FCFC
}

.redTheme{
  --black-b-color: rgb(16, 15, 15);
  --gray-d3-color: rgb(25, 22, 22);
  --gray-d2-color: rgb(47, 44, 44);
  --gray-d1-color: rgb(95, 89, 89);
  --gray-b-color: rgb(190, 178, 178);
  --gray-l1-color: rgb(229, 215, 215);
  --gray-l2-color: rgb(245, 230, 230);
  --white-b-color: #FCECEC;
  --theme-b-color: #FCECEC
}

.whiteTheme{
  --black-b-color: rgb(16, 16, 16);
  --gray-d3-color: rgb(25, 24, 24);
  --gray-d2-color: rgb(48, 48, 48);
  --gray-d1-color: rgb(96, 96, 96);
  --gray-b-color: rgb(192, 192, 192);
  --gray-l1-color: rgb(232, 232, 232);
  --gray-l2-color: rgb(248, 248, 248);
  --white-b-color: #FFFFFF;
  --theme-b-color: #FFFFFF
}

.grayTheme{
  --black-b-color: rgb(47, 47, 47);
  --gray-d3-color: rgb(54, 54, 54);
  --gray-d2-color: rgb(78, 78, 78);
  --gray-d1-color: rgb(124, 124, 124);
  --gray-b-color: rgb(187, 187, 187);
  --gray-l1-color: rgb(226, 226, 226);
  --gray-l2-color: rgb(241, 241, 241);
  --white-b-color: #F8F8F8;
  --theme-b-color: #F8F8F8
}

.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){
  .xl\:pl-3{
    padding-left:3rem
  }
}

@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 */

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

/**
 * 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;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

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

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

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

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

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

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

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, 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;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* 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 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 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"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

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

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

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

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

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

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

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

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

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

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

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-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.
 */

[type="search"]::-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 Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[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:rgba(0,0,0,0)
}

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

button{
  border:0;
  outline:none;
  background-color:rgba(0,0,0,0);
  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
}

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)
}
}
.ue3t\+i9D{
  top:24.1rem
}
.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 */
.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 #fff 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 #fff 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 */
._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
}
.Tdz6owVk{
  margin-top:-1rem
}

/* 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 */
.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-d1-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%
}
.hmcqCqm8{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

/* purgecss end ignore */
/* purgecss start ignore */
.x-pQIGLP{
  display:grid;
  height:4rem;
  width:4rem;
  align-items:center;
  justify-content:center;
  border-radius:9999px;
  border-width:1px;
  border-style:solid;
  border-color:currentColor;
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:500;
  color:currentColor
}
@media screen and (max-width: 1279px){
.x-pQIGLP{
    height:3rem;
    width:3rem
}
}
.x-pQIGLP.hkr4ap03{
  height:3rem;
  width:3rem
}

/* 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 */
.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 */
.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)
}
.iF45Xb\+9 .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)
}
.iF45Xb\+9 .byA2iUeZ{
  --xheight_xColor: var(--gray-d1-color);
  --xheight_hColor: var(--gray-d2-color)
}
.iF45Xb\+9 .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)
}
.iF45Xb\+9 .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
}
.rO0FVFKK{
  grid-column-start:6;
  grid-row-start:1
}
.BflCgZX3, .V8MmJMhu, .NmxP1pSv, .cFJYLYp\+, .rO0FVFKK{
  margin-top:-1px;
  margin-right:-1px;
  margin-bottom:1px
}
.BflCgZX3,.V8MmJMhu,.NmxP1pSv,.cFJYLYp\+,.rO0FVFKK{
  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
}
.-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
}
.rO0FVFKK{
    grid-column-start:5;
    grid-row-start:2
}
}
@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, .rO0FVFKK{
    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
}
.rO0FVFKK{
    grid-column:span 2 / span 2;
    grid-column-start:2;
    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
}
@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 */
.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 */
.WVV8EZNW{
  display:grid;
  width:100%;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  padding-top:4rem
}
@media screen and (min-width: 1022px){
.WVV8EZNW{
    grid-template-areas:"previousButton . slot nextButton nextButton"
}
.c5vH9aB6{
    grid-area:previousButton
}
.feHyvFjb{
    grid-area:slot
}
.FkVAsBd0{
    grid-area:nextButton
}
}
@media screen and (max-width: 1150px)and (min-width: 1022px){
.WVV8EZNW.dgG1B\+ET{
    grid-template-columns:repeat(8, minmax(0, 1fr));
    grid-template-areas:"previousButton previousButton previousButton . slot nextButton nextButton nextButton"
}
}
@media screen and (max-width: 1023px){
.WVV8EZNW{
    display:grid;
    grid-template-columns:repeat(1, minmax(0, 1fr));
    padding-top:2rem
}
}
.W4WFUVCp{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  grid-template-areas:unset
}
.W4WFUVCp .CM6eZ4Iw{
  display:grid;
  gap:2rem
}
@media screen and (min-width: 1022px){
.W4WFUVCp .CM6eZ4Iw{
    grid-column:span 2 / span 2;
    grid-template-columns:repeat(2, minmax(0, 240px))
}
}
@media screen and (min-width: 1022px)and (max-width: 1279px){
.W4WFUVCp .CM6eZ4Iw{
    grid-column:span 3 / span 3
}
}
@media screen and (min-width: 1022px)and (max-width: 1279px){
.W4WFUVCp{
    grid-template-columns:repeat(4, minmax(0, 1fr))
}
}
@media screen and (min-width: 1022px){
.W4WFUVCp>div:last-child{
    justify-self:end
}
}
@media screen and (max-width: 1023px){
.W4WFUVCp{
    grid-template-columns:repeat(1, minmax(0, 1fr))
}
}
.fHq1FuRq{
  border-top-width:1px;
  border-style:solid;
  border-top-color:currentColor
}
.b0EKv-5d .fHq1FuRq{
  border-top-color:var(--gray-b-color)
}
@media screen and (max-width: 1023px){
.b0EKv-5d .fHq1FuRq{
    border-top-color:var(--gray-d2-color)
}
}
.c5vH9aB6{
  align-self:center;
  justify-self:start
}
.W4WFUVCp .c5vH9aB6{
  grid-area:unset
}
.feHyvFjb{
  display:grid;
  align-content:center
}

/* purgecss end ignore */
/* purgecss start ignore */
.KSMpSIjr{
  font-size:1.6rem;
  line-height:1.9rem;
  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
}
.KSMpSIjr._271-Fh4R{
  color:var(--gray-d1-color)
}
.KSMpSIjr.j0fO1-dr{
  font-size:1.2rem;
  line-height:1.4rem
}
.KSMpSIjr.Pbq009Du{
  color:var(--black-b-color)
}
@media (hover: hover){
.priceHoverContainer:hover .KSMpSIjr{
  color:var(--black-b-color)
}}
.KSMpSIjr.Pbq009Du._271-Fh4R{
  color:var(--white-b-color)
}
@media (hover: hover){
.priceHoverContainer:hover .KSMpSIjr._271-Fh4R{
  color:var(--white-b-color)
}}
.eTz2k4yA{
  margin-right:0.5rem;
  color:var(--gray-b-color);
  text-decoration:line-through
}
._271-Fh4R .eTz2k4yA{
  color:var(--gray-d1-color)
}
.\+nctplnS{
  margin-left:2px;
  margin-right:2px
}
.KSMpSIjr.Tao4-71z{
  font-variant-numeric:tabular-nums
}

/* purgecss end ignore */
/* purgecss start ignore */
.G4AnqgsP{
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr));
  align-items:center;
  color:var(--gray-d2-color);
  grid-template-columns:1fr 1fr 1fr .75fr 1.25fr 1fr 1fr 1fr;
  grid-template-areas:"name name name licenseType usage . validity price"
}
.remxy9Aa{
  grid-area:name
}
.TuAEgMM1{
  grid-area:licenseType
}
.gyAmw9wj{
  grid-area:usage
}
.O1Mxpmot{
  grid-area:validity
}
.r0yg5\+gb{
  grid-area:price
}
.G4AnqgsP._1S-W-Eka{
  color:var(--gray-b-color)
}
.G4AnqgsP:not(:last-child){
  border-bottom-width:1px;
  border-style:solid;
  border-bottom-color:var(--gray-b-color)
}
@media (hover: hover){
.G4AnqgsP:hover{
  color:currentColor
}
}
@media (hover: hover){
.G4AnqgsP:hover .qXpZpXoe{
  opacity:1
}
}
.remxy9Aa{
  cursor:default;
  font-weight:700;
  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
}
.TnddOZS8{
  margin-left:1rem;
  font-weight:400;
  color:var(--gray-d2-color)
}
._1S-W-Eka .TnddOZS8{
  color:var(--gray-d1-color)
}
.TuAEgMM1{
  cursor:default;
  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
}
._74cEfxGT{
  display:grid;
  justify-items:end;
  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
}
.O1Mxpmot{
  cursor:default;
  color:var(--gray-d2-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
}
._1S-W-Eka .O1Mxpmot{
  color:var(--gray-d1-color)
}
.gyAmw9wj{
  margin-top:-1px;
  margin-right:-4.5rem
}
.qXpZpXoe{
  z-index:10;
  display:grid;
  height:6rem;
  cursor:pointer;
  -webkit-user-select:none;
          user-select:none;
  align-items:center;
  justify-self:center;
  padding-left:2rem;
  padding-right:2rem;
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:700;
  opacity:0;
  grid-column:7/span 2;
  grid-row:1;
  transition:opacity .15s,color .15s
}
@media(hover: none){
.qXpZpXoe{
    opacity:1
}
}
@media (hover: hover){
.qXpZpXoe:hover{
  color:var(--gray-d1-color)
}
}
@media (hover: hover){
._1S-W-Eka .qXpZpXoe:hover{
  color:var(--gray-l1-color)
}
}
@media screen and (max-width: 1279px){
.qXpZpXoe{
    padding-left:0rem
}
}
.r0yg5\+gb{
  display:grid;
  cursor:default;
  justify-items:end;
  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
}
.Md\+ulnjX{
  color:unset !important
}
.-sBpgN8M{
  transition:unset !important
}

/* purgecss end ignore */
/* purgecss start ignore */
.C\+yFSzeg{
  border-bottom-width:1px;
  border-style:solid;
  border-color:var(--black-b-color)
}
.C\+yFSzeg:first-child{
  border-top-width:1px
}
.C\+yFSzeg._98-BGe-n{
  border-color:var(--gray-b-color)
}
._08CSla4j{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  align-items:center;
  gap:2rem;
  padding-top:3rem;
  padding-bottom:3rem;
  grid-template-columns:1fr -webkit-max-content;
  grid-template-columns:1fr max-content
}
._08CSla4j:after{
  position:absolute;
  right:0rem;
  bottom:0rem;
  left:0rem;
  z-index:10;
  border-bottom-width:1px;
  border-style:solid;
  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;
  border-bottom-color:var(--gray-b-color);
  content:''
}
._98-BGe-n ._08CSla4j:after{
  border-bottom-color:var(--gray-d2-color)
}
._08CSla4j.BKk\+G2lh:after{
  opacity:1
}
._7EcjRNRj{
  font-weight:700
}
.Gfr5z5so{
  display:grid;
  align-items:center;
  gap:1rem;
  justify-self:end;
  grid-template-columns:repeat(2, minmax(0, -webkit-max-content));
  grid-template-columns:repeat(2, minmax(0, max-content))
}
.Gfr5z5so .YVtkauqh{
  --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));
  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
}
.BKk\+G2lh .Gfr5z5so .YVtkauqh{
  --tw-rotate:180deg
}
.zZX9ndj1{
  position:relative;
  margin-top:2rem;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  padding-bottom:4rem;
  color:var(--gray-d1-color)
}
._98-BGe-n .zZX9ndj1{
  color:var(--gray-b-color)
}
@media screen and (max-width: 360px){
.zZX9ndj1{
    column-gap:4rem;
    grid-template-columns:-webkit-max-content 1fr;
    grid-template-columns:max-content 1fr
}
}
.CYBSYP16{
  padding-bottom:3rem
}
.zZX9ndj1>div:not(.T5YVFPoM){
  padding-top:1rem
}
.T5YVFPoM{
  grid-column-start:2;
  display:grid;
  align-items:center;
  grid-template-columns:repeat(2, minmax(0, -webkit-max-content));
  grid-template-columns:repeat(2, minmax(0, max-content))
}
.GnmO\+xB0{
  position:absolute;
  bottom:0rem;
  left:0rem;
  padding-top:2rem;
  padding-bottom:2rem;
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:700;
  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:150ms
}
._98-BGe-n .GnmO\+xB0{
  color:var(--white-b-color)
}
.BKk\+G2lh .GnmO\+xB0{
  opacity:1
}
.wuBefTTB{
  margin-left:-2.5rem
}
.fZInZKTd{
  padding-top:2rem
}
.aoiqVmaR{
  color:unset !important
}

/* purgecss end ignore */
/* purgecss start ignore */
.var\+hs8H{
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr));
  align-items:center;
  padding-bottom:1rem;
  font-size:1.2rem;
  line-height:1.4rem;
  color:var(--gray-b-color);
  grid-template-columns:1fr 1fr 1fr .75fr 1.25fr 1fr 1fr 1fr;
  grid-template-areas:"name name name licenseType limit . validity price"
}
.dark .var\+hs8H{
  color:var(--gray-d1-color)
}
.sgcTqy4a{
  grid-area:name
}
.xm6Wu-cC{
  grid-area:licenseType
}
.y3YVLx9\+{
  grid-area:limit
}
.muVq2D7U{
  grid-area:validity
}
.\+pxQkseH{
  grid-area:price
}
.y3YVLx9\+{
  justify-self:end
}
.\+pxQkseH{
  justify-self:end
}

/* purgecss end ignore */
/* purgecss start ignore */
@media screen and (min-width: 1022px){
.NzM2KPnK{
    border-bottom-width:1px;
    border-style:solid;
    border-bottom-color:currentColor
}
.NzM2KPnK.kXSpjgLI{
    border-bottom-color:var(--gray-l1-color)
}
}
.TotzicQ0{
  padding-bottom:2rem;
  font-size:2.4rem;
  line-height:2.9rem;
  font-weight:700
}

/* purgecss end ignore */
/* purgecss start ignore */
.hSouAlB2{
  position:relative;
  display:grid;
  align-items:center;
  grid-template-columns:var(--label-width, var(--one-column)) 1fr
}
@media screen and (max-width: 1023px){
.hSouAlB2{
    grid-template-columns:1fr;
    grid-template-rows:-webkit-min-content -webkit-min-content;
    grid-template-rows:min-content min-content
}
}
.Xn-qkk7Q{
  display:grid
}
.tQlzR1AI{
  display:grid;
  height:6rem;
  align-items:center;
  align-self:flex-start;
  font-weight:700
}
@media screen and (max-width: 1023px){
.tQlzR1AI{
    margin-top:2rem;
    height:unset;
    font-size:1.2rem;
    line-height:1.4rem;
    font-weight:500
}
}
.hSouAlB2.NbrxhaFs .BNI8XXuV:after{
  font-size:1.2rem;
  line-height:1.4rem;
  transform:translate(0.3rem, -0.3rem);
  content:" *"
}
@media screen and (min-width: 1022px){
.hSouAlB2.NbrxhaFs .BNI8XXuV:after{
    display:inline-block
}
}
@media screen and (max-width: 1023px){
.hSouAlB2.NbrxhaFs .BNI8XXuV:after{
    transform:none
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.OvXCWygM{
  display:grid;
  align-items:center;
  grid-template-columns:15rem 1fr
}
@media screen and (max-width: 1279px){
.OvXCWygM{
    grid-template-columns:13rem 1fr
}
}
@media screen and (max-width: 1023px){
.OvXCWygM{
    grid-template-columns:repeat(2, minmax(0, 1fr))
}
}
.xEo8Sg6v{
  display:grid;
  height:6rem;
  align-items:center;
  align-self:flex-start
}
.PQwRX\+SL{
  display:block;
  width:100%;
  min-width:0
}
.PQwRX\+SL input{
  text-transform:uppercase
}
.PQwRX\+SL *::placeholder{
  text-transform:none
}
.PQwRX\+SL>input{
  width:100%
}
.hpkKDXl2{
  margin-top:3rem
}

/* purgecss end ignore */
/* purgecss start ignore */
@media screen and (max-width: 1023px){
.DqmxZfTZ{
    border-top-width:1px;
    border-bottom-width:1px;
    border-style:solid;
    padding-top:2rem;
    padding-bottom:2rem;
    border-top-color:var(--gray-d2-color);
    border-bottom-color:var(--gray-d2-color)
}
.DqmxZfTZ.gIHmjVKG{
    border-top-color:var(--gray-b-color);
    border-bottom-color:var(--gray-b-color)
}
}
._2kjO8zfF{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  align-items:center;
  border-bottom-width:1px;
  border-style:solid;
  padding-top:2rem;
  padding-bottom:2rem;
  color:var(--gray-d2-color);
  border-bottom-color:var(--gray-b-color)
}
.gIHmjVKG ._2kjO8zfF{
  color:var(--gray-l2-color)
}
@media screen and (max-width: 1023px){
._2kjO8zfF{
    border-bottom-width:0;
    padding-top:1rem;
    padding-bottom:1rem
}
}
._2kjO8zfF>div:last-child{
  justify-self:end
}
.G5\+WwDsa{
  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
}
.Xh6s0Rd2{
  border-bottom-width:0;
  font-weight:700;
  color:currentColor
}
.EJl74vsE{
  color:unset !important
}

/* purgecss end ignore */
/* purgecss start ignore */
.HSL7Gy-S{
  margin-top:-2rem
}
@media screen and (max-width: 1023px){
.HSL7Gy-S{
    margin-top:0rem
}
}
.YoixpANA{
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr))
}
@media screen and (min-width: 1150px){
.YoixpANA{
    grid-template-areas:". . . content content content content content"
}
.O03JWC6b{
    grid-area:content
}
}
@media screen and (max-width: 1150px){
.YoixpANA{
    grid-template-columns:repeat(1, minmax(0, 1fr))
}
}
.oWUeQkmE{
  margin-top:6rem;
  margin-bottom:6rem;
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr))
}
@media screen and (min-width: 1022px){
.oWUeQkmE{
    grid-template-areas:"discount discount . subtotal subtotal"
}
.a9Qv3Too{
    grid-area:discount
}
.dL4v8wwH{
    grid-area:subtotal
}
}
@media screen and (max-width: 1150px)and (min-width: 1022px){
.oWUeQkmE{
    grid-template-columns:repeat(8, minmax(0, 1fr));
    grid-template-areas:"discount discount discount . . subtotal subtotal subtotal"
}
}
@media screen and (max-width: 1023px){
.oWUeQkmE{
    margin-top:7rem;
    margin-bottom:0rem;
    grid-template-columns:repeat(1, minmax(0, 1fr));
    gap:3rem
}
}
.XRcE-pQq{
  padding-bottom:4rem
}
@media screen and (max-width: 1023px){
.XRcE-pQq{
    padding-bottom:0rem
}
}

/* purgecss end ignore */
/* purgecss start ignore */
._1gDxn0Hl{
  grid-template-columns:1fr 5fr
}
.yh54yuHI{
  display:grid;
  grid-template-columns:2fr 3fr
}
.NaypCXei{
  grid-column:span 2 / span 2
}
.bo4rR-hr{
  min-width:0
}
.bo4rR-hr .wQMOkFGo{
  width:100%
}

/* purgecss end ignore */
/* purgecss start ignore */
.kj88eIj3{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  min-width:0
}
.npNAGBfN{
  grid-column:span 2 / span 2
}
.JC8KvJAV{
  margin-bottom:6rem
}
.iFV85jlk{
  border-bottom-width:1px;
  border-style:solid;
  padding-bottom:2rem;
  font-size:2.4rem;
  line-height:2.9rem;
  font-weight:600;
  border-bottom-color:var(--black-b-color)
}
.ejasvGoF .iFV85jlk{
  border-bottom-color:var(--gray-b-color)
}
.ZDF3LUsy{
  margin-top:2rem;
  margin-bottom:1rem;
  padding-top:2rem;
  padding-bottom:2rem
}
.Rpq7rN5W{
  margin-bottom:3rem;
  font-weight:400;
  line-height:3.2rem;
  color:var(--gray-d1-color)
}
.ejasvGoF .Rpq7rN5W{
  color:var(--gray-b-color)
}
.C4ZG\+wms{
  min-width:0
}
.C4ZG\+wms ._8Ju1fjW3{
  width:100%
}

/* purgecss end ignore */
/* purgecss start ignore */
.sRSthfnQ{
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr))
}
@media screen and (min-width: 1150px){
.sRSthfnQ{
    grid-template-areas:". . content content content content content content"
}
.p61MaDL0{
    grid-area:content
}
}
@media screen and (max-width: 1150px){
.sRSthfnQ{
    grid-template-columns:repeat(1, minmax(0, 1fr))
}
}
.gVtKy6pK{
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr))
}
@media screen and (min-width: 1150px){
.gVtKy6pK{
    grid-template-areas:". . . tabActions tabActions tabActions tabActions tabActions"
}
.Y9xeNzCY{
    grid-area:tabActions
}
}
@media screen and (max-width: 1150px){
.gVtKy6pK{
    grid-template-columns:repeat(1, minmax(0, 1fr))
}
}
@media screen and (max-width: 1023px){
.gVtKy6pK{
    margin-top:3rem
}
}
.UCkf4mGE{
  padding-top:2rem;
  font-weight:700
}

/* purgecss end ignore */
/* purgecss start ignore */
.hhe0hpqg{
  padding-top:2rem;
  height:-webkit-max-content;
  height:max-content
}
._9GUMcyL8{
  margin-bottom:4rem
}
.TwWys2Qo{
  margin-bottom:2rem;
  font-weight:600
}
.g-kFqs1s{
  font-size:1.4rem;
  line-height:2.4rem;
  color:var(--black-b-color)
}
.BZ3kakpY .g-kFqs1s{
  color:var(--gray-b-color)
}

/* purgecss end ignore */
/* purgecss start ignore */
.rIOdf\+8i{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  border-style:solid;
  border-color:var(--gray-b-color);
  grid-template-areas:"mainInfo mainInfo mainInfo price price"
}
.\+RvuRNRY{
  grid-area:mainInfo
}
.M4Hz02Ag{
  grid-area:price
}
.rIOdf\+8i:not(:last-child){
  border-bottom-width:1px
}
.\+RvuRNRY{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr))
}
.co-aWEK\+, .oGryrMQy, .M4Hz02Ag{
  padding-top:2rem;
  padding-bottom:2rem;
  color:var(--gray-b-color)
}
._8llat6Wj .co-aWEK\+, ._8llat6Wj .oGryrMQy, ._8llat6Wj .M4Hz02Ag{
  color:var(--gray-d1-color)
}
.co-aWEK\+, .oGryrMQy{
  padding-right:2rem
}
.LJvjo1TN{
  margin-right:0.5rem;
  font-weight:500;
  color:var(--black-b-color)
}
._8llat6Wj .LJvjo1TN{
  color:var(--gray-l2-color)
}
.M4Hz02Ag{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr))
}
.M4Hz02Ag>span:last-child{
  justify-self:end
}

/* purgecss end ignore */
/* purgecss start ignore */
.OTZ5uSW\+{
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr))
}
@media screen and (min-width: 1278px){
.OTZ5uSW\+{
    grid-template-areas:"address address . content content content content content"
}
._9XpBjreH{
    grid-area:address
}
.wGvGWs1-{
    grid-area:content
}
}
@media screen and (max-width: 1279px){
.OTZ5uSW\+{
    grid-template-areas:"address address content content content content content content"
}
._9XpBjreH{
    grid-area:address
}
.wGvGWs1-{
    grid-area:content
}
}
@media screen and (max-width: 1023px){
.OTZ5uSW\+{
    grid-template-columns:repeat(1, minmax(0, 1fr));
    grid-template-areas:"content"
}
}
@media screen and (max-width: 1279px){
._9XpBjreH{
    padding-right:2rem
}
}
.UY5kUOfX{
  margin-bottom:4rem
}
@media screen and (max-width: 1023px){
.UY5kUOfX{
    margin-bottom:0rem
}
}
.NcE9KbDx{
  margin-bottom:5rem;
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  border-top-width:1px;
  border-style:solid;
  padding-top:4rem;
  border-top-color:var(--gray-b-color)
}
@media screen and (min-width: 1022px){
.NcE9KbDx{
    grid-template-areas:"agreeTerms agreeTerms . subtotal subtotal"
}
.XfgyHxZ-{
    grid-area:agreeTerms
}
.B31uZd9Z{
    grid-area:subtotal
}
}
@media screen and (max-width: 1150px)and (min-width: 1022px){
.NcE9KbDx{
    grid-template-columns:repeat(8, minmax(0, 1fr));
    grid-template-areas:"agreeTerms agreeTerms agreeTerms . . subtotal subtotal subtotal"
}
}
@media screen and (max-width: 1023px){
.NcE9KbDx{
    margin-bottom:0rem;
    grid-template-columns:repeat(1, minmax(0, 1fr));
    gap:0rem;
    border-top-width:0;
    padding-top:0rem
}
.d7caqmXt .NcE9KbDx{
    border-top-color:var(--gray-d2-color)
}
}
.XfgyHxZ-{
  align-self:flex-start;
  padding-top:2rem;
  font-size:1.4rem;
  line-height:2.4rem
}
@media screen and (max-width: 1023px){
.XfgyHxZ-{
    padding-top:4rem;
    padding-bottom:4rem
}
}
.rMhYAUUf{
  pointer-events:auto;
  z-index:10;
  margin:-0.3rem;
  cursor:pointer;
  padding:0.3rem;
  text-decoration:underline;
  text-underline-offset:.16em
}
@media (hover: hover){
.rMhYAUUf:hover{
  color:var(--gray-d1-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){
.d7caqmXt .rMhYAUUf:hover{
  color:var(--gray-b-color)
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.dlUSZO\+6{
  display:grid;
  grid-template-columns:repeat(1, minmax(0, 1fr));
  padding-top:2rem;
  font-size:1.4rem;
  line-height:2.4rem;
  color:var(--black-b-color);
  height:-webkit-max-content;
  height:max-content
}
.dlUSZO\+6._6KpAnRbe{
  color:var(--gray-b-color)
}
@media screen and (min-width: 1022px){
.dlUSZO\+6{
    grid-template-areas:"accept" "secure"
}
.GF\+yYo1Z{
    grid-area:accept
}
.DwBdFJ2c{
    grid-area:secure
}
}
@media screen and (max-width: 1023px){
.dlUSZO\+6{
    margin-bottom:4rem;
    font-size:1.6rem;
    line-height:1.9rem;
    line-height:3.2rem;
    grid-template-areas:"secure" "accept"
}
.DwBdFJ2c{
    grid-area:secure
}
.GF\+yYo1Z{
    grid-area:accept
}
}
.GF\+yYo1Z{
  margin-bottom:3rem
}
@media screen and (max-width: 1023px){
.GF\+yYo1Z{
    margin-bottom:0rem
}
}
.JKUPPyYc{
  margin-bottom:2rem;
  font-weight:700
}

/* purgecss end ignore */
/* purgecss start ignore */
.aXdyIXFq{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  padding-top:2rem;
  padding-bottom:6rem;
  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;
  height:20rem;
  grid-template-areas:"number number number number expiry expiry" "cvc . . . . ." "error error error error error error"
}
.WD5djoLU{
  grid-area:number
}
.hnCp-p2J{
  grid-area:expiry
}
.sC53\+j4B{
  grid-area:cvc
}
.BZzkTDZI{
  grid-area:error
}
@media screen and (max-width: 1023px){
.aXdyIXFq{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    padding-top:4rem;
    padding-bottom:6rem;
    height:22rem;
    grid-template-areas:"number number number expiry" "cvc . . ." "error error error error"
}
.WD5djoLU{
    grid-area:number
}
.hnCp-p2J{
    grid-area:expiry
}
.sC53\+j4B{
    grid-area:cvc
}
.BZzkTDZI{
    grid-area:error
}
}
.aXdyIXFq._4g228TK\+{
  opacity:1
}
.D25EcVaZ{
  display:grid;
  height:6rem;
  align-content:center;
  border-bottom-width:1px;
  border-style:solid;
  border-bottom-color:var(--gray-b-color)
}
@media screen and (max-width: 1023px){
.D25EcVaZ{
    border-bottom-color:var(--gray-l1-color)
}
.g8Tl7n7a .D25EcVaZ{
    border-bottom-color:var(--gray-d1-color)
}
}
@media screen and (min-width: 1022px){
.WD5djoLU{
    margin-right:3rem
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.Y5APNtEt{
  display:grid;
  height:6rem;
  cursor:pointer;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  align-content:center;
  border-bottom-width:1px;
  border-style:solid;
  border-color:var(--gray-b-color);
  color:var(--gray-b-color);
  transition:border-bottom-color,.15s;
  grid-template-areas:"paymentMethod paymentMethod actions default"
}
._7rV9wdB\+{
  grid-area:paymentMethod
}
.\+gYzF0jW{
  grid-area:actions
}
.tEdnLAxR{
  grid-area:default
}
._1EzSn4jY .Y5APNtEt{
  border-color:var(--gray-d1-color);
  color:var(--gray-d1-color)
}
.Y5APNtEt>div{
  display:grid;
  align-content:center
}
.Y5APNtEt *{
  transition:background-color .15s
}
@media (hover: hover){
.Y5APNtEt:hover{
  border-color:var(--gray-d2-color);
  color:var(--gray-d2-color)
}}
@media (hover: hover){
.Y5APNtEt:hover .\+On0m4rt{
  opacity:1
}}
@media (hover: hover){
._1EzSn4jY .Y5APNtEt:hover{
  border-color:var(--gray-l2-color);
  color:var(--gray-l2-color)
}}
.Y5APNtEt.OFQwBTxB .\+gYzF0jW{
  opacity:1
}
.Y5APNtEt.upaNv8nM{
  grid-template-areas:"paymentMethod paymentMethod paymentMethod paymentMethod"
}
.pQ64CvoL{
  position:relative;
  border-color:var(--black-b-color);
  color:var(--black-b-color)
}
._1EzSn4jY .pQ64CvoL{
  border-color:var(--white-b-color);
  color:var(--white-b-color)
}
@media (hover: hover){
.pQ64CvoL:hover{
  border-color:var(--black-b-color);
  color:var(--black-b-color)
}}
@media (hover: hover){
._1EzSn4jY .pQ64CvoL:hover{
  border-color:var(--white-b-color);
  color:var(--white-b-color)
}}
.pQ64CvoL .\+On0m4rt{
  color:var(--black-b-color)
}
._1EzSn4jY .pQ64CvoL .\+On0m4rt{
  color:var(--white-b-color)
}
@media (hover: hover){
.pQ64CvoL .\+On0m4rt:hover{
  color:var(--gray-d1-color)
}}
@media (hover: hover){
._1EzSn4jY .pQ64CvoL .\+On0m4rt:hover{
  color:var(--gray-b-color)
}}
@media screen and (max-width: 1023px){
.pQ64CvoL{
    margin-bottom:6rem;
    cursor:default
}
.pQ64CvoL .\+On0m4rt{
    position:absolute;
    left:0rem;
    cursor:pointer;
    color:var(--gray-b-color);
    opacity:1;
    bottom:-6rem
}
._1EzSn4jY .pQ64CvoL .\+On0m4rt{
    color:var(--gray-d1-color)
}
@media (hover: hover){
.pQ64CvoL .\+On0m4rt:hover{
    color:currentColor
}}
}
.x7XNK65\+{
  cursor:default
}
.OFQwBTxB{
  border-color:var(--gray-d2-color);
  color:var(--gray-d2-color)
}
._1EzSn4jY .OFQwBTxB{
  border-color:var(--gray-l2-color);
  color:var(--gray-l2-color)
}
@media (hover: hover){
.OFQwBTxB:hover{
  border-color:currentColor;
  color:currentColor
}}
.\+gYzF0jW{
  display:grid;
  grid-template-columns:repeat(1, minmax(0, 1fr))
}
.Mh8u6BTz{
  display:grid;
  cursor:pointer;
  align-items:center
}
@media (hover: hover){
.Mh8u6BTz:hover{
  color:var(--gray-b-color)
}}
.\+On0m4rt{
  color:var(--black-b-color);
  opacity:0
}
@media (hover: hover){
.\+On0m4rt:hover{
  color:var(--gray-d1-color)
}}
._1EzSn4jY .\+On0m4rt{
  color:var(--white-b-color)
}
@media (hover: hover){
._1EzSn4jY .\+On0m4rt:hover{
  color:var(--gray-b-color)
}}
.Mh8u6BTz{
  color:var(--gray-b-color)
}
._1EzSn4jY .Mh8u6BTz{
  color:var(--gray-d1-color)
}
@media (hover: hover){
.Mh8u6BTz:hover{
  color:currentColor
}}
.\+On0m4rt, .Mh8u6BTz{
  margin-left:-2rem;
  margin-right:-2rem;
  display:grid;
  height:6rem;
  -webkit-user-select:none;
          user-select:none;
  align-items:center;
  justify-self:end;
  padding-left:2rem;
  padding-right:2rem;
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:700
}
.\+On0m4rt,.Mh8u6BTz{
  transition:color .15s,opacity .15s
}
.tEdnLAxR{
  justify-self:end;
  white-space:nowrap
}
._7rV9wdB\+>div{
  border-color:unset !important
}
._7rV9wdB\+>label{
  color:unset !important
}
.O0r7RIqr{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr))
}
.isdrQOxX{
  grid-column:span 3 / span 3;
  grid-column-start:2
}
.AakCAiUA{
  color:var(--black-b-color)
}
._1EzSn4jY .AakCAiUA{
  color:var(--gray-d1-color)
}
.fzP\+slbh{
  position:absolute;
  padding-top:1rem;
  font-size:1.4rem;
  line-height:2.4rem
}
.fzP\+slbh a{
  margin:-0.8rem;
  white-space:nowrap;
  padding:0.8rem;
  color:var(--black-b-color);
  text-decoration:underline;
  text-underline-offset:.16em;
  transition:color .15s
}
.dark .fzP\+slbh a{
  color:var(--white-b-color)
}
@media (hover: hover){
.fzP\+slbh a:hover{
  color:var(--gray-b-color)
}}
@media (hover: hover){
.dark .fzP\+slbh a:hover{
  color:var(--gray-d1-color)
}}

/* purgecss end ignore */
/* purgecss start ignore */
.Q-YmxnWl{
  padding-top:2rem
}
.Vm7rFVhA{
  display:grid;
  height:8rem;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  align-content:flex-end;
  border-bottom-width:1px;
  border-style:solid;
  border-color:currentColor
}
.D9YKG\+ar{
  grid-column:span 3 / span 3;
  color:currentColor !important;
  transform:translateX(-2.5rem)
}
.D9YKG\+ar *{
  font-weight:700
}
._9324Rh5c{
  margin-bottom:-2.1rem
}
._2qNFOq91{
  align-self:center;
  justify-self:end;
  color:var(--gray-b-color)
}
.WYgpsibx ._2qNFOq91{
  color:var(--gray-d1-color)
}
.XZrngARJ{
  display:grid;
  height:6rem;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  padding-top:2rem;
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:700;
  color:var(--gray-b-color)
}
.WYgpsibx .XZrngARJ{
  color:var(--gray-d1-color)
}
.Id6Rev5L{
  margin:-2rem;
  padding:2rem;
  height:-webkit-max-content;
  height:max-content;
  width:-webkit-max-content;
  width:max-content
}
.K7xLSoTJ{
  margin:-2rem;
  justify-self:end;
  padding:2rem;
  height:-webkit-max-content;
  height:max-content;
  width:-webkit-max-content;
  width:max-content
}
.aZa7Pze9{
  padding-top:2rem;
  font-size:1.4rem;
  line-height:2.4rem
}
.aZa7Pze9 a{
  margin:-0.8rem;
  white-space:nowrap;
  padding:0.8rem;
  text-decoration:underline;
  text-underline-offset:.16em;
  transition:color .15s
}
@media (hover: hover){
.aZa7Pze9 a:hover{
  color:var(--gray-d1-color)
}
}
@media (hover: hover){
.dark .aZa7Pze9 a:hover{
  color:var(--gray-b-color)
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.ib9VqTkT{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr))
}
@media screen and (min-width: 1022px){
.ib9VqTkT{
    grid-template-areas:"payWith paymentMethods paymentMethods paymentMethods paymentMethods"
}
.\+yTmgRLS{
    grid-area:payWith
}
.x26OD79Q{
    grid-area:paymentMethods
}
}
@media screen and (max-width: 1023px){
.ib9VqTkT{
    display:block
}
}
.\+yTmgRLS{
  padding-top:2rem
}
@media screen and (max-width: 1023px){
.\+yTmgRLS{
    border-bottom-width:1px;
    border-style:solid;
    border-color:var(--gray-d2-color);
    padding-bottom:2rem;
    font-size:2.4rem;
    line-height:2.9rem
}
.McY0rScV .\+yTmgRLS{
    border-color:var(--gray-l2-color)
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.\+4qiZsKt{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  align-content:center;
  font-weight:700
}
@media screen and (max-width: 1023px){
.\+4qiZsKt{
    margin-bottom:2rem;
    display:grid;
    height:6rem;
    align-content:center;
    border-top-width:1px;
    border-bottom-width:1px;
    border-style:solid;
    border-color:var(--gray-d2-color)
}
.\+4qiZsKt.ZT1Uhgxf{
    border-color:var(--gray-b-color)
}
}
.KyJzAtlo{
  display:grid;
  align-content:center
}
._4rCUDoBI{
  height:4rem;
  width:6rem;
  align-self:center
}
@media screen and (max-width: 1023px){
._4rCUDoBI{
    justify-self:end
}
}
._4rCUDoBI.QDFQYBgw{
  width:5.8rem;
  height:auto
}
._4rCUDoBI._1mr4aVoz{
  width:4.9rem;
  height:auto
}
._4rCUDoBI._6S6mms7c{
  width:3.2rem;
  height:auto
}
._4rCUDoBI.RswPKnqy{
  width:auto;
  height:.9rem
}
._4rCUDoBI.GFfgfElj{
  width:3rem;
  height:auto
}

/* purgecss end ignore */
/* purgecss start ignore */
._81DIM6QR{
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr))
}
@media screen and (min-width: 1022px){
._81DIM6QR{
    grid-template-areas:"info info info cards cards cards cards cards" ". . . actions actions actions actions actions"
}
.HcRqpMGz{
    grid-area:info
}
.ezrWRVwC{
    grid-area:cards
}
.NyGRnNmx{
    grid-area:actions
}
}
@media screen and (max-width: 1023px){
._81DIM6QR{
    grid-template-columns:repeat(1, minmax(0, 1fr))
}
}
.HcRqpMGz{
  padding-right:4rem
}
.ezrWRVwC{
  margin-bottom:7rem
}
@media screen and (max-width: 1023px){
.ezrWRVwC{
    margin-bottom:0rem
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.sin9Tapm{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:25rem;
  padding-top:4rem;
  padding-bottom:5rem;
  font-weight:400
}
@media screen and (max-width: 1279px){
.sin9Tapm{
    gap:10rem
}
}
@media screen and (max-width: 1023px){
.sin9Tapm{
    grid-template-columns:repeat(1, minmax(0, 1fr));
    gap:0rem;
    padding-bottom:3rem
}
}
.OTfhPq6I{
  margin-bottom:-0.8rem;
  font-weight:400;
  line-height:3.2rem;
  color:var(--black-b-color)
}
._2gdzZ43n .OTfhPq6I{
  color:var(--gray-b-color)
}
.POaP0IIY{
  display:grid;
  align-items:center;
  gap:1.5rem;
  grid-template-columns:repeat(3, -webkit-max-content);
  grid-template-columns:repeat(3, max-content)
}
.UoUH64vR{
  margin-left:-0.8rem;
  margin-right:-0.8rem;
  margin-top:-0.8rem;
  margin-bottom:-0.8rem;
  cursor:pointer;
  padding-left:0.8rem;
  padding-right:0.8rem;
  padding-top:2.4rem;
  padding-bottom:2.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
}
@media (hover: hover){
.UoUH64vR:hover{
  color:var(--gray-d1-color)
}
}
._2gdzZ43n .UoUH64vR{
  color:var(--white-b-color)
}
@media (hover: hover){
._2gdzZ43n .UoUH64vR:hover{
  color:var(--gray-b-color)
}
}
.Gg86-4Z3{
  padding-right:6rem;
  line-height:3.2rem;
  color:var(--black-b-color)
}
._2gdzZ43n .Gg86-4Z3{
  color:var(--gray-b-color)
}
@media screen and (max-width: 1535px){
.Gg86-4Z3{
    padding-right:0rem
}
}
.Gg86-4Z3 a{
  margin-left:-0.8rem;
  margin-right:-0.8rem;
  margin-top:-0.8rem;
  margin-bottom:-0.8rem;
  cursor:pointer;
  padding:0.8rem;
  line-height:3.2rem;
  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
}
@media (hover: hover){
.Gg86-4Z3 a:hover{
  color:var(--gray-d1-color)
}
}
._2gdzZ43n .Gg86-4Z3 a{
  color:var(--white-b-color)
}
@media (hover: hover){
._2gdzZ43n .Gg86-4Z3 a:hover{
  color:var(--gray-b-color)
}
}
@media screen and (max-width: 1023px){
.Gg86-4Z3{
    margin-top:0.5rem
}
}
.lNDwig\+u{
  --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;
  --tw-scale-x:1.25;
  --tw-scale-y:1.25;
  justify-self:center
}

/* purgecss end ignore */
/* purgecss start ignore */
@media screen and (max-width: 1023px){
.SE5Q90wH>div:first-child{
    margin-bottom:0rem
}
}
.XtiCI\+Q8{
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr))
}
@media screen and (min-width: 1022px){
.XtiCI\+Q8{
    grid-template-areas:"title title title content content content content content" ". . . actionContent actionContent actionContent actionContent actionContent"
}
.d67HOX5t{
    grid-area:title
}
.wXiic8Wm{
    grid-area:content
}
.CKSvWW0f{
    grid-area:actionContent
}
}
@media screen and (max-width: 1023px){
.XtiCI\+Q8{
    grid-template-columns:repeat(1, minmax(0, 1fr))
}
}
.wXiic8Wm{
  padding-top:1rem
}
.d67HOX5t{
  padding-right:4rem;
  font-size:3.2rem;
  line-height:4.2rem
}
@media screen and (max-width: 1023px){
.d67HOX5t{
    margin-bottom:3rem;
    font-size:2.4rem;
    line-height:2.9rem
}
}
.lEUGjpze{
  border-bottom-width:1px;
  border-style:solid;
  padding-bottom:2rem;
  font-weight:700;
  border-top-color:var(--gray-b-color)
}
@media screen and (max-width: 1023px){
.lEUGjpze{
    font-size:2.4rem;
    line-height:2.9rem;
    font-weight:600
}
}
.bVdZh24T .lEUGjpze{
  border-top-color:var(--gray-d2-color)
}

/* purgecss end ignore */
/* purgecss start ignore */
._4Y-pDUuZ{
  position:absolute;
  top:0rem;
  right:-2rem;
  bottom:0rem;
  display:grid;
  height:100%;
  cursor:pointer;
  align-items:center;
  padding-left:2rem;
  padding-right:2rem;
  font-size:1.2rem;
  line-height:1.4rem;
  color:var(--black-b-color)
}
.aA8GB8kE ._4Y-pDUuZ{
  color:var(--white-b-color)
}
@media (hover: hover){
._4Y-pDUuZ:hover{
  color:var(--gray-d1-color)
}
}
@media (hover: hover){
.aA8GB8kE ._4Y-pDUuZ:hover{
  color:var(--gray-l1-color)
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.urf4JoO3{
  margin-bottom:14rem
}
.DbaVKTzi{
  margin-top:2rem;
  margin-bottom:4rem;
  margin-left:19rem;
  height:6rem;
  align-items:center
}
._9K9uPh2X{
  height:1px;
  width:100%;
  background-color:var(--black-b-color)
}
.i4Jck7k- ._9K9uPh2X{
  background-color:var(--white-b-color)
}
.ylVIoBbZ{
  float:right;
  margin-top:4rem;
  width:38rem
}
.oLPlw6FN, ._6BLUkDIB{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr))
}
@media screen and (min-width: 766px){
._4w0aa-HP{
    grid-column-start:1;
    grid-row-start:1
}
}
._2AkNf6sc{
  max-width:100%
}
@media screen and (max-width: 767px){
._2AkNf6sc{
    width:100%
}
}
@media screen and (min-width: 766px){
._2AkNf6sc{
    grid-column-start:2;
    grid-row-start:1
}
}
.ruc-FpNU{
  margin-top:2rem;
  margin-bottom:4rem;
  font-size:3.2rem;
  line-height:4.2rem
}
@media screen and (max-width: 767px){
.ylVIoBbZ{
    margin-top:2rem;
    width:100%
}
.DbaVKTzi{
    margin-bottom:2rem;
    margin-left:0rem
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.FsPWlOML{
  margin-top:4rem;
  margin-bottom:4rem;
  margin-left:19rem;
  display:grid;
  height:6rem;
  align-content:center
}
.NyafTW5M{
  height:1px;
  width:100%;
  background-color:var(--black-b-color)
}
.JLlpo3ol .NyafTW5M{
  background-color:var(--white-b-color)
}
.h5tX3kt9{
  float:right;
  margin-top:4rem;
  width:38rem
}
@media screen and (max-width: 1023px){
.h5tX3kt9{
    width:unset
}
}
@media screen and (max-width: 767px){
.h5tX3kt9{
    margin-top:2rem;
    width:100%
}
.FsPWlOML{
    margin-bottom:2rem;
    margin-left:0rem
}
}
.BQ3oAv\+N{
  margin-top:4rem;
  padding-right:10rem;
  color:var(--gray-d1-color);
  max-width:42rem
}
@media screen and (max-width: 1535px){
.BQ3oAv\+N{
    padding-right:7rem
}
}
@media screen and (max-width: 1279px){
.BQ3oAv\+N{
    padding-right:5rem
}
}
@media screen and (max-width: 767px){
.BQ3oAv\+N{
    padding-right:0rem;
    max-width:unset
}
}
.N61DIpYd{
  position:absolute;
  top:0rem;
  right:0rem;
  bottom:0rem;
  z-index:30;
  margin:0rem;
  display:grid;
  align-items:center;
  padding-left:2rem;
  padding-right:2rem;
  padding-right:0rem;
  font-size:1.2rem;
  line-height:1.4rem
}
.wcGnV6KF{
  position:absolute;
  right:0rem;
  bottom:0rem;
  display:grid;
  height:5rem;
  align-items:center;
  font-size:1.2rem;
  line-height:1.4rem;
  transform:translateY(3rem)
}
.zf4F34iz{
  display:grid;
  grid-template-columns:1fr -webkit-min-content;
  grid-template-columns:1fr min-content
}
@media screen and (max-width: 1023px){
.zf4F34iz{
    grid-template-columns:repeat(2, minmax(0, 1fr))
}
}
@media screen and (max-width: 767px){
.zf4F34iz{
    grid-template-columns:repeat(1, minmax(0, 1fr))
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.WlZGdFei{
  margin-bottom:4rem;
  border-bottom-width:1px;
  border-style:solid;
  padding-bottom:3rem;
  font-size:2.4rem;
  line-height:2.9rem;
  font-weight:600;
  border-bottom-color:var(--black-b-color);
  line-height:1em
}
.Vv\+CKBJy .WlZGdFei{
  border-bottom-color:var(--white-b-color)
}
._8P\+PkzdH{
  margin-bottom:4rem;
  width:38rem
}
@media screen and (max-width: 1023px){
.WlZGdFei{
    margin-bottom:2rem
}
._8P\+PkzdH{
    margin-bottom:3rem;
    width:100%
}
}

/* purgecss end ignore */
/* purgecss start ignore */
@media screen and (min-width: 1022px){
.w\+E1DcyC{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    grid-template-areas:". content content ."
}
._8Oth9JQ6{
    grid-area:content
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.MiooAwdy{
  pointer-events:none;
  position:relative;
  display:grid;
  padding-left:8rem;
  padding-right:8rem;
  padding-top:14rem;
  padding-bottom:14rem;
  color:var(--black-b-color)
}
.MiooAwdy.eNprsjF3{
  color:var(--white-b-color)
}
@media screen and (max-width: 1535px){
.MiooAwdy{
    padding-left:var(--padding);
    padding-right:var(--padding)
}
}
@media screen and (max-width: 1023px){
.MiooAwdy{
    padding-left:var(--padding);
    padding-right:var(--padding);
    padding-top:10rem;
    padding-bottom:10rem
}
}
@media screen and (min-width: 2159px){
.MiooAwdy{
    padding-left:0rem;
    padding-right:0rem;
    width:2000px;
    margin:0 auto
}
}
.MiooAwdy>*{
  pointer-events:auto
}
.-rpaO00G{
  margin-bottom:8rem;
  font-size:12rem;
  line-height:10rem;
  font-weight:700
}
@media screen and (max-width: 1023px){
.-rpaO00G{
    margin-bottom:0rem;
    font-size:4.8rem;
    line-height:4.8rem
}
}
.GaMFx5sf{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr))
}
._1OWHJkYS{
  pointer-events:auto;
  grid-column:span 5 / span 5;
  max-width:95rem
}
.I4QqgwyS{
  margin:-1rem;
  display:grid;
  cursor:pointer;
  align-items:center;
  gap:0.5rem;
  align-self:flex-end;
  justify-self:end;
  padding:1rem;
  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;
  grid-template-columns:repeat(2, minmax(0, -webkit-max-content));
  grid-template-columns:repeat(2, minmax(0, max-content))
}
@media (hover: hover){
.I4QqgwyS:hover{
  color:var(--gray-d1-color)
}
}
@media (hover: hover){
.I4QqgwyS:hover.eNprsjF3{
  color:var(--gray-b-color)
}
}
.O25quCes{
  position:absolute;
  top:0rem;
  right:0rem;
  padding-top:1.6rem;
  font-weight:500
}
.nDqzmKrN{
  justify-self:end
}
._9u8U-1ux{
  position:relative;
  margin-top:4rem;
  border-top-width:1px;
  border-style:solid;
  padding-top:4rem;
  border-top-color:currentColor;
  min-width:0
}
@media screen and (max-width: 1023px){
._9u8U-1ux{
    margin-top:3rem;
    border-top-width:0;
    padding-top:0rem
}
}
.eNprsjF3 ._9u8U-1ux{
  border-top-color:var(--gray-l1-color)
}
._4bzFxprP{
  pointer-events:auto;
  position:absolute;
  top:2rem;
  left:0rem;
  cursor:pointer;
  padding:var(--padding);
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:700
}
.jnDta3c-{
  pointer-events:none;
  position:absolute;
  top:2rem;
  right:0rem;
  padding:var(--padding);
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:700
}

/* purgecss end ignore */
/* purgecss start ignore */
.BU3YvJBv{
  overflow-x:hidden;
  overflow-y:scroll;
  background-color:var(--black-b-color)
}
.dark .BU3YvJBv{
  background-color:var(--white-b-color)
}

/* purgecss end ignore */
/* purgecss start ignore */
.Nff6JhxD{
  background-color:var(--black-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:.5ex
}
.QV7bzcYO a{
  margin:-0.8rem;
  white-space:nowrap;
  padding:0.8rem;
  color:var(--black-b-color);
  text-decoration:underline;
  text-underline-offset:.16em;
  transition:color .15s
}
.dark .QV7bzcYO a{
  color:var(--white-b-color)
}
@media (hover: hover){
.QV7bzcYO a:hover{
  color:var(--gray-b-color)
}
}
@media (hover: hover){
.dark .QV7bzcYO a:hover{
  color:var(--gray-d1-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 auto -webkit-min-content;
  grid-template-rows: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 */
.DgMYXh3q{
  min-height:100%;
  min-width:100%
}

/* purgecss end ignore */
/* purgecss start ignore */
.rLLH\+e5v{
  position:absolute;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:700;
  top:var(--py);
  left:var(--px)
}
@media screen and (min-width: 2159px){
.rLLH\+e5v{
    left:calc((calc(var(--vw) * 100) - 2000px)/2)
}
}
.rLLH\+e5v>div:first-child{
  padding-right:3rem
}
.rLLH\+e5v>div:last-child{
  color:var(--gray-b-color)
}
.dark .rLLH\+e5v>div:last-child{
  color:var(--gray-d2-color)
}
._7LPcO2n3{
  position:absolute;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:700;
  top:var(--py);
  left:var(--px)
}
@media screen and (min-width: 2159px){
._7LPcO2n3{
    left:calc((calc(var(--vw) * 100) - 2000px)/2)
}
}
._7LPcO2n3>div:first-child{
  padding-right:3rem;
  color:var(--gray-b-color)
}
.dark ._7LPcO2n3>div:first-child{
  color:var(--gray-d2-color)
}
.aEwmeUJU{
  display:grid;
  justify-items:center;
  padding:var(--padding);
  height:calc(calc(var(--vh) * 100) - var(--modal-top-safe-zone) - var(--modal-bottom-safe-zone));
  padding-top:var(--modal-top-safe-zone)
}
@media screen and (max-height: 1023px){
.aEwmeUJU{
    padding-top:calc(var(--modal-top-safe-zone) + 2rem);
    height:unset
}
}
.NbgrNZOf{
  display:flex;
  width:100%;
  min-width:0px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  max-width:76rem
}
._9ZKAR5bw{
  margin-bottom:3rem;
  border-bottom-width:1px;
  border-style:solid;
  padding-bottom:3rem;
  font-size:2.4rem;
  line-height:2.9rem;
  font-weight:600;
  border-bottom-color:var(--black-b-color)
}
.dark ._9ZKAR5bw{
  border-bottom-color:var(--white-b-color)
}
.aCl-XC\+9{
  padding-bottom:6rem;
  font-size:3.2rem;
  line-height:4.2rem
}
.tLWEcl00{
  padding-bottom:7rem;
  line-height:3.2rem
}
.oqJ4bmAF{
  width:100%;
  border-bottom-width:1px;
  border-style:solid;
  border-bottom-color:var(--black-b-color)
}
.dark .oqJ4bmAF{
  border-bottom-color:var(--white-b-color)
}
.dWj5BPrA{
  display:grid;
  width:100%;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  padding-top:4rem
}
.\+Fxx\+nS3{
  width:100%;
  grid-template-columns:1fr 3fr
}
.\+Fxx\+nS3>div:last-child{
  display:grid;
  justify-self:end;
  grid-template-columns:repeat(2, minmax(220px, 1fr))
}
.\+Fxx\+nS3>div:last-child ._4lQfe6yP:first-child{
  margin-right:2rem
}
._3T9cVnCC{
  align-self:center;
  justify-self:start
}

/* purgecss end ignore */
/* purgecss start ignore */
.vf-\+0bVG{
  color:var(--gray-b-color);
  text-decoration:underline;
  text-underline-offset:.16em;
  transition:color .15s
}
.dark .vf-\+0bVG{
  color:var(--gray-d1-color)
}
@media (hover: hover){
.vf-\+0bVG:hover{
  color:currentColor
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.rwFXx9go, .uLROFWdl{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr))
}
.rwFXx9go,.uLROFWdl{
  grid-template-columns:1fr 2fr
}
.ziNW-1HV{
  min-width:0
}
.ziNW-1HV .iYhbqqK2{
  width:100%
}
.wMWOxi8Y{
  margin-top:2rem;
  margin-left:19rem;
  font-size:1.2rem;
  line-height:1.4rem
}
.Zy1NYntj{
  display:grid;
  height:6rem;
  align-content:center;
  border-bottom-width:1px;
  border-style:solid;
  padding-top:4rem;
  padding-bottom:4rem;
  padding-left:19rem;
  border-bottom-color:currentColor
}
._2dHL1Y-v{
  float:right;
  margin-top:4rem;
  width:38rem
}
._4X89CLRp{
  pointer-events:auto;
  z-index:10;
  margin:-1rem;
  display:inline-block;
  cursor:pointer;
  padding:1rem;
  text-decoration:underline;
  text-underline-offset:.16em
}
@media (hover: hover){
._4X89CLRp:hover{
  color:var(--gray-d1-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){
.dark ._4X89CLRp:hover{
  color:var(--gray-b-color)
}}

/* purgecss end ignore */
/* purgecss start ignore */
._686cU00j{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr))
}
.ejbOHBgZ{
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding-top:2rem;
  padding-bottom:2rem
}
.Zo0IogZa{
  margin:-2rem;
  display:grid;
  cursor:pointer;
  align-content:center;
  padding:2rem;
  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
}
.dark .Zo0IogZa{
  color:var(--gray-d1-color)
}
@media (hover: hover){
.Zo0IogZa:hover{
  color:currentColor
}
}
.QLCKYxG\+{
  justify-self:end;
  font-size:1.4rem;
  line-height:2.4rem
}
.W3p2BKYa{
  display:none
}

/* purgecss end ignore */
/* purgecss start ignore */
.VWyaTPKN, .SRcpFFxZ, ._19nGak1P, .H6Swcw9d{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr))
}
.VWyaTPKN,.SRcpFFxZ,._19nGak1P,.H6Swcw9d{
  grid-template-columns:1fr 2fr
}
.H6Swcw9d{
  margin-bottom:-1px
}
.ai-AOpNv{
  grid-column-start:1;
  grid-row-start:1
}
.kYUTq1qF{
  grid-column-start:2;
  grid-row-start:1
}
.ai-AOpNv,.kYUTq1qF{
  min-width:0
}
.ai-AOpNv .jog-hQLe, .kYUTq1qF .jog-hQLe{
  width:100%
}
._8pyYo\+Yd{
  display:grid;
  height:6rem;
  align-content:center;
  border-width:1px;
  border-top-width:0;
  border-right-width:0;
  border-left-width:0;
  border-style:solid;
  border-bottom-color:var(--gray-l1-color)
}
.dark ._8pyYo\+Yd{
  border-bottom-color:var(--gray-d2-color)
}
.bj55nQoY{
  margin-top:2rem;
  margin-left:19rem;
  font-size:1.2rem;
  line-height:1.4rem
}
._8ie8mW-t{
  display:grid;
  height:6rem;
  align-content:center;
  border-bottom-width:1px;
  border-style:solid;
  padding-top:4rem;
  padding-bottom:4rem;
  padding-left:19rem;
  border-bottom-color:currentColor
}
.h0ItjGJR{
  float:right;
  margin-top:4rem;
  width:38rem
}
.O24P-bVp{
  pointer-events:auto;
  z-index:10;
  margin:-1rem;
  display:inline-block;
  cursor:pointer;
  padding:1rem;
  text-decoration:underline;
  text-underline-offset:.16em
}
@media (hover: hover){
.O24P-bVp:hover{
  color:var(--gray-d1-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){
.dark .O24P-bVp:hover{
  color:var(--gray-b-color)
}}

/* purgecss end ignore */
/* purgecss start ignore */
.ROr0eTk8{
  display:grid;
  justify-items:center;
  padding:var(--padding);
  padding-top:calc((calc(var(--vh) * 100) - 60rem)/2)
}
@media screen and (max-height: 1023px){
.ROr0eTk8{
    padding-top:calc(var(--modal-top-safe-zone) + 2rem)
}
}
.KFWe7BeV{
  position:relative;
  width:100%;
  min-width:0px;
  max-width:76rem;
  min-height:60rem
}
._1Zv2PMLQ{
  position:absolute;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:700;
  top:var(--py);
  left:var(--px)
}
@media screen and (min-width: 2159px){
._1Zv2PMLQ{
    left:calc((calc(var(--vw) * 100) - 2000px)/2)
}
}
.El71Ipuo{
  padding-right:2rem;
  color:var(--gray-b-color)
}
.vde9QYHH{
  margin-bottom:4rem;
  border-bottom-width:1px;
  border-style:solid;
  padding-bottom:3rem;
  font-size:2.4rem;
  line-height:2.9rem;
  font-weight:600;
  border-bottom-color:var(--black-b-color);
  line-height:1em
}
.dark .vde9QYHH{
  border-bottom-color:var(--white-b-color)
}
.AWjW6Tnj{
  margin-bottom:4rem;
  width:38rem
}
@media screen and (max-width: 1023px){
.vde9QYHH{
    margin-bottom:2rem
}
.AWjW6Tnj{
    margin-bottom:3rem;
    width:100%
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.\+gsotG-L{
  position:relative;
  display:grid;
  align-items:center;
  border-bottom-width:1px;
  border-style:solid;
  padding-bottom:3rem;
  font-size:2.4rem;
  line-height:2.9rem;
  font-weight:600;
  border-bottom-color:var(--black-b-color)
}
@media screen and (max-width: 1023px){
.\+gsotG-L{
    padding-bottom:2rem
}
}
.\+gsotG-L.Ro6HEp6e{
  border-bottom-width:0;
  padding-bottom:0rem
}
.\+gsotG-L.sey9n4Md{
  border-bottom-color:var(--white-b-color)
}

/* purgecss end ignore */
/* purgecss start ignore */
.E4\+ushDY{
  display:grid;
  justify-items:center;
  padding:var(--padding);
  height:calc(calc(var(--vh) * 100) - var(--modal-top-safe-zone) - var(--modal-bottom-safe-zone));
  padding-top:var(--modal-top-safe-zone)
}
@media screen and (max-height: 1023px){
.E4\+ushDY{
    padding-top:calc(var(--modal-top-safe-zone) + 2rem);
    height:unset
}
}
.Vc-pO6os{
  display:flex;
  width:100%;
  min-width:0px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  max-width:76rem
}
.WfGDyHUR{
  margin-bottom:3rem
}
@media screen and (max-width: 1023px){
.WfGDyHUR{
    margin-bottom:2rem
}
}
.OIvfIzmh{
  font-size:3.2rem;
  line-height:4.2rem;
  white-space:pre-wrap;
  line-height:4.2rem
}
.GsChp3gy{
  width:100%;
  border-bottom-width:1px;
  border-style:solid;
  border-bottom-color:var(--black-b-color)
}
.dark .GsChp3gy{
  border-bottom-color:var(--white-b-color)
}
.ybQieukq{
  display:grid;
  width:100%;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  padding-top:4rem
}
@media screen and (max-width: 1023px){
.ybQieukq{
    display:grid;
    grid-template-columns:repeat(1, minmax(0, 1fr));
    padding-top:2rem
}
}
._5Lyi73CN{
  align-self:center;
  justify-self:start
}
@media screen and (max-width: 1023px){
.w7u-4ybu{
    margin-bottom:1rem
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.hkVvyV0h{
  position:relative;
  display:grid;
  height:5rem;
  grid-auto-flow:column;
  justify-content:flex-start;
  gap:2rem
}
@media screen and (max-width: 576px){
.hkVvyV0h{
    height:4rem;
    gap:1rem
}
}
.y1YfTp5e{
  height:100%;
  width:5rem;
  border-radius:0px;
  border-bottom-width:1px;
  border-style:solid;
  border-color:currentColor;
  background-color:transparent;
  text-align:center;
  font-size:3.2rem;
  line-height:4.2rem;
  font-weight:700;
  text-transform:uppercase;
  outline:2px solid transparent;
  outline-offset:2px;
  font-family:monospace,monospace
}
@media screen and (max-width: 576px){
.y1YfTp5e{
    width:4rem;
    font-size:2.4rem;
    line-height:2.9rem
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.GPLZd3nz{
  margin-top:6rem;
  margin-bottom:6rem
}
.twAka8qu{
  margin-top:2rem;
  line-height:3.2rem
}
.PAgs68dG{
  margin:-1rem;
  cursor:pointer;
  padding:1rem;
  color:var(--gray-b-color);
  text-decoration:underline;
  transition:color .15s;
  text-underline-offset:.16em;
  font-variant-numeric:tabular-nums
}
.dark .PAgs68dG{
  color:var(--gray-d1-color)
}
@media (hover: hover){
.PAgs68dG:hover{
  color:currentColor
}
}
.PAgs68dG.FNdhV3g5{
  pointer-events:none
}
.SCdo4JaQ{
  margin-top:5rem;
  margin-bottom:4rem
}

/* purgecss end ignore */
/* purgecss start ignore */
.GutRaJs8{
  display:grid;
  padding-bottom:1rem;
  grid-template-columns:repeat(var(--columns), 1fr)
}
.GutRaJs8.ooSMEH8m{
  border-bottom-width:1px;
  border-style:solid;
  border-color:currentColor;
  padding-bottom:2.5rem
}
.K8vkJBv-{
  font-size:1.2rem;
  line-height:1.4rem;
  color:var(--gray-b-color)
}
.K8vkJBv-.t2sSky2e{
  justify-self:end
}
.\+ifm3hlk .K8vkJBv-{
  color:var(--gray-d1-color)
}

/* purgecss end ignore */
/* purgecss start ignore */
.NNbNflrm{
  display:grid;
  grid-template-rows:repeat(3, -webkit-min-content) 1fr;
  grid-template-rows:repeat(3, min-content) 1fr
}
._5ymkzbAg{
  margin-bottom:2rem
}
.rJqg9HzT{
  position:relative
}
._8tyGbWSh{
  pointer-events:auto;
  position:absolute;
  top:0rem;
  right:0rem;
  display:grid;
  grid-auto-columns:-webkit-max-content;
  grid-auto-columns:max-content;
  grid-auto-flow:column;
  align-content:center;
  font-size:1.2rem;
  line-height:1.4rem;
  transform:translateY(50%)
}
._8tyGbWSh>*{
  white-space:pre
}
._8tyGbWSh>*:first-child{
  margin-right:1rem
}
.LIPZ7Shh{
  margin:-1rem;
  cursor:pointer;
  padding:1rem;
  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
}
.dark .LIPZ7Shh{
  color:var(--gray-d1-color)
}
@media (hover: hover){
.LIPZ7Shh:hover{
  color:currentColor
}
}
._3sdZ2mci{
  position:relative;
  margin-top:1rem;
  display:grid;
  grid-template-columns:repeat(1, minmax(0, 1fr))
}
._3sdZ2mci.gWaSw8OQ{
  grid-template-columns:repeat(2, minmax(0, 1fr))
}
@media screen and (max-width: 1023px)and (min-width: 766px){
._3sdZ2mci{
    margin-top:0rem
}
}
._7VNyf-nh{
  pointer-events:auto;
  grid-column:span 1 / span 1;
  grid-column-start:1;
  padding-right:2rem;
  grid-row:calc(var(--index) + 1)
}
._7VNyf-nh.ZY\+WrXGK{
  grid-column-start:2
}
._7VNyf-nh .ERsfViIH{
  align-content:center;
  min-height:2rem
}
@media screen and (max-width: 1023px){
._7VNyf-nh .ERsfViIH{
    min-height:5rem
}
}
._7VNyf-nh:last-child{
  border-bottom-width:0
}
.mag4RI\+A{
  grid-column:span 1 / span 1;
  grid-column-start:1;
  height:1px;
  width:100%;
  align-self:flex-end;
  background-color:var(--gray-b-color);
  grid-row:var(--index)
}
.gWaSw8OQ .mag4RI\+A{
  grid-column:span 2 / span 2;
  grid-column-start:1
}
.dark .mag4RI\+A{
  background-color:var(--gray-d2-color)
}
.-zXXq3br{
  pointer-events:auto;
  margin:-2rem;
  margin-top:2rem;
  width:-webkit-min-content;
  width:min-content;
  cursor:pointer;
  -webkit-user-select:none;
          user-select:none;
  align-self:flex-end;
  white-space:nowrap;
  padding:2rem;
  font-size:1.2rem;
  line-height:1.4rem;
  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
}
@media (hover: hover){
.-zXXq3br:hover{
  color:var(--gray-d1-color)
}
}
@media (hover: hover){
.dark .-zXXq3br:hover{
  color:var(--gray-l1-color)
}
}
@media screen and (max-width: 1023px){
.-zXXq3br{
    margin-top:0rem;
    justify-self:end
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.SNpA5kdA{
  pointer-events:auto;
  display:grid;
  height:6rem;
  width:100%;
  cursor:pointer;
  -webkit-user-select:none;
          user-select:none;
  grid-template-columns:repeat(10, minmax(0, 1fr));
  align-items:center;
  grid-template-areas:"radioButton radioButton . usage usage . validity validity price price"
}
.jHXeZdc9{
  grid-area:radioButton
}
.tonVPLBY{
  grid-area:usage
}
.ZUBLJmKr{
  grid-area:validity
}
.q3nfbIen{
  grid-area:price
}
@media screen and (max-width: 767px){
.SNpA5kdA{
    column-gap:1rem;
    padding-top:3rem;
    padding-bottom:2rem;
    height:unset;
    grid-template-areas:"radioButton usage" "radioButton validity" "radioButton price";
    grid-template-columns:1fr 1fr;
    grid-template-rows:repeat(3, 3rem)
}
}
@media screen and (max-width: 360px){
.SNpA5kdA{
    grid-template-columns:1fr 1.35fr
}
}
.SNpA5kdA.-CpsMiom{
  border-bottom-width:1px;
  border-style:solid;
  border-bottom-color:var(--gray-b-color)
}
.dark .SNpA5kdA.-CpsMiom{
  border-bottom-color:var(--gray-d2-color)
}
.SNpA5kdA.bs8e4Aci{
  border-top-width:1px;
  border-style:solid;
  border-top-color:var(--gray-b-color)
}
.dark .SNpA5kdA.bs8e4Aci{
  border-top-color:var(--gray-d2-color)
}
.jHXeZdc9{
  pointer-events:none
}
@media screen and (max-width: 767px){
.jHXeZdc9{
    margin-top:0.5rem;
    align-self:flex-start
}
}
.tonVPLBY{
  margin-top:-2px;
  margin-left:-2.5rem;
  height:6rem
}
.ZUBLJmKr{
  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
}
.dark .ZUBLJmKr{
  color:var(--gray-d1-color)
}
.SNpA5kdA.LYnnyI1z .ZUBLJmKr{
  color:var(--black-b-color)
}
@media (hover: hover){
.SNpA5kdA:hover .ZUBLJmKr{
  color:var(--black-b-color)
}}
.dark .SNpA5kdA.LYnnyI1z .ZUBLJmKr{
  color:var(--white-b-color)
}
@media (hover: hover){
.dark .SNpA5kdA:hover .ZUBLJmKr{
  color:var(--white-b-color)
}}
.q3nfbIen{
  justify-self:end
}
@media screen and (max-width: 767px){
.q3nfbIen{
    justify-self:start
}
}
.dhEiiIoQ{
  margin-top:1rem;
  padding-bottom:1rem;
  font-size:1.2rem;
  line-height:1.4rem;
  color:var(--gray-b-color)
}
.dark .dhEiiIoQ{
  color:var(--gray-d1-color)
}
.dhEiiIoQ a{
  margin:-0.5rem;
  cursor:pointer;
  padding:0.5rem;
  font-weight:400;
  text-decoration:underline;
  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;
  text-underline-offset:.16em
}
@media (hover: hover){
.dhEiiIoQ a:hover{
  color:var(--gray-d1-color)
}}
@media (hover: hover){
.dark .dhEiiIoQ a:hover{
  color:var(--gray-b-color)
}}

/* purgecss end ignore */
/* purgecss start ignore */
.wHEx0ABJ{
  display:grid;
  grid-template-rows:repeat(4, -webkit-min-content) 1fr;
  grid-template-rows:repeat(4, min-content) 1fr
}
.F29PJH-i{
  margin-bottom:2rem
}
@media screen and (max-width: 767px){
.F29PJH-i{
    margin-bottom:0rem
}
}
.iwO2jx\+8{
  position:relative
}
.UwYzjKm3{
  pointer-events:auto;
  position:absolute;
  top:0rem;
  right:0rem;
  display:grid;
  grid-auto-columns:-webkit-max-content;
  grid-auto-columns:max-content;
  grid-auto-flow:column;
  align-content:center;
  font-size:1.2rem;
  line-height:1.4rem;
  transform:translateY(50%)
}
.UwYzjKm3>*{
  white-space:pre
}
.UwYzjKm3>*:first-child{
  margin-right:1rem
}
.sNNxgLNy{
  margin:-1rem;
  cursor:pointer;
  padding:1rem;
  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
}
.dark .sNNxgLNy{
  color:var(--gray-d1-color)
}
@media (hover: hover){
.sNNxgLNy:hover{
  color:currentColor
}
}
.WHEUAmm0{
  pointer-events:auto;
  display:flex;
  flex-direction:column;
  align-self:flex-end;
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:500
}
.mfEyvpsl{
  grid-column:span 2 / span 2;
  grid-column-start:1;
  margin:-2rem;
  margin-top:2rem;
  width:-webkit-min-content;
  width:min-content;
  cursor:pointer;
  -webkit-user-select:none;
          user-select:none;
  white-space:nowrap;
  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
}
@media (hover: hover){
.mfEyvpsl:hover{
  color:var(--gray-d1-color)
}
}
@media (hover: hover){
.dark .mfEyvpsl:hover{
  color:var(--gray-l1-color)
}
}
@media screen and (max-width: 1023px){
.mfEyvpsl{
    justify-self:end
}
}
@media screen and (max-width: 576px){
.mfEyvpsl{
    grid-column:span 2 / span 2;
    grid-column-start:2;
    margin-top:0rem
}
}
.R-OHLFQz{
  display:inline-flex;
  height:6rem;
  align-items:center;
  color:var(--gray-b-color);
  white-space:pre-wrap
}
.dark .R-OHLFQz{
  color:var(--gray-d1-color)
}
.R-OHLFQz a{
  pointer-events:auto;
  cursor:pointer;
  font-weight:400;
  text-decoration:underline;
  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;
  text-underline-offset:.16em
}
@media (hover: hover){
.R-OHLFQz a:hover{
  color:var(--gray-d1-color)
}
}
@media (hover: hover){
.dark .R-OHLFQz a:hover{
  color:var(--gray-b-color)
}
}

/* purgecss end ignore */
/* purgecss start ignore */
.TJOvxLC-{
  pointer-events:none;
  position:relative;
  padding-left:8rem;
  padding-right:8rem;
  padding-top:14rem;
  padding-bottom:12rem
}
@media screen and (max-width: 1535px){
.TJOvxLC-{
    padding-left:var(--padding);
    padding-right:var(--padding)
}
}
@media screen and (max-width: 1023px){
.TJOvxLC-{
    padding-bottom:4rem
}
}
@media screen and (min-width: 2159px){
.TJOvxLC-{
    padding-left:0rem;
    padding-right:0rem;
    width:2000px;
    margin:0 auto
}
}
.AFKSAEM2{
  display:grid;
  font-size:12rem;
  line-height:10rem;
  font-weight:400;
  grid-template-areas:"oneStyleTitle"
}
.HkXwi0UO{
  grid-area:oneStyleTitle
}
@media screen and (max-width: 1023px){
.AFKSAEM2{
    font-size:4.8rem;
    line-height:4.8rem;
    font-weight:600
}
}
.HkXwi0UO{
  opacity:0
}
.LRn\+uTsm{
  opacity:1
}
.CEJgvfjL{
  position:relative;
  margin-top:2rem;
  display:grid;
  width:100%;
  grid-template-columns:repeat(8, minmax(0, 1fr));
  align-items:center;
  border-top-width:1px;
  border-style:solid;
  padding-top:4rem;
  font-weight:500;
  border-top-color:var(--black-b-color);
  grid-template-areas:"numberOfStyles numberOfStyles numberOfStyles numberOfLicenses numberOfLicenses totalPrice submitButton submitButton"
}
._3fl93b2q{
  grid-area:numberOfStyles
}
.WtzHQbz3{
  grid-area:numberOfLicenses
}
.IwF\+Ltz4{
  grid-area:totalPrice
}
.H3gxVXM1{
  grid-area:submitButton
}
.dark .CEJgvfjL{
  border-top-color:var(--white-b-color)
}
@media screen and (max-width: 1279px){
.CEJgvfjL{
    grid-template-areas:"numberOfStyles numberOfStyles numberOfLicenses numberOfLicenses numberOfLicenses totalPrice submitButton submitButton"
}
}
@media screen and (min-width: 1699px){
.CEJgvfjL{
    grid-template-areas:"numberOfStyles numberOfStyles numberOfLicenses numberOfLicenses numberOfLicenses totalPrice submitButton submitButton"
}
}
@media screen and (max-width: 1023px){
.CEJgvfjL{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    grid-template-areas:"numberOfStyles numberOfLicenses totalPrice submitButton"
}
}
@media screen and (max-width: 767px){
.CEJgvfjL{
    margin-bottom:2rem;
    height:6rem;
    gap:0.5rem;
    white-space:nowrap;
    border-bottom-width:1px;
    padding:0rem;
    border-bottom-color:var(--black-b-color);
    grid-template-columns:-webkit-min-content -webkit-min-content 1fr;
    grid-template-columns:min-content min-content 1fr;
    grid-template-areas:"numberOfLicenses numberOfStyles totalPrice"
}
.dark .CEJgvfjL{
    border-bottom-color:var(--white-b-color)
}
}
.rMf4ke8F{
  position:relative;
  margin-top:7rem;
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr))
}
@media screen and (max-width: 1023px){
.rMf4ke8F{
    margin-top:2rem;
    grid-template-columns:repeat(1, minmax(0, 1fr))
}
}
@media screen and (min-width: 1022px){
.xMtk9NSP{
    pointer-events:auto;
    grid-column:span 3 / span 3;
    grid-column-start:1;
    margin-right:4rem
}
}
@media screen and (min-width: 1022px)and (max-width: 1279px){
.xMtk9NSP{
    grid-column:span 2 / span 2
}
}
@media screen and (min-width: 1022px)and (min-width: 1699px){
.xMtk9NSP{
    grid-column:span 2 / span 2
}
}
@media screen and (min-width: 1022px){
._2o3HiLvF{
    grid-column:span 5 / span 5;
    grid-column-start:4
}
}
@media screen and (min-width: 1022px)and (max-width: 1279px){
._2o3HiLvF{
    grid-column:span 6 / span 6;
    grid-column-start:3
}
}
@media screen and (min-width: 1022px)and (min-width: 1699px){
._2o3HiLvF{
    grid-column:span 6 / span 6;
    grid-column-start:3
}
}
.H3gxVXM1{
  pointer-events:auto;
  white-space:nowrap
}
._3fl93b2q, .WtzHQbz3{
  text-transform:capitalize
}
._3fl93b2q,.WtzHQbz3{
  font-variant-numeric:tabular-nums
}
.OvMw0TuD{
  color:var(--gray-b-color)
}
.dark .OvMw0TuD{
  color:var(--gray-d1-color)
}
.IwF\+Ltz4{
  font-variant-numeric:tabular-nums
}
@media screen and (max-width: 767px){
.IwF\+Ltz4{
    justify-self:end
}
}
.cTw6esqt{
  direction:rtl
}
.HzF0lUmm{
  margin-left:2px;
  margin-right:2px;
  color:var(--gray-b-color);
  text-decoration:line-through
}
.D065mzf6 .HzF0lUmm{
  color:var(--gray-d1-color)
}

/* purgecss end ignore */
/* purgecss start ignore */
.ETi0z5Nk{
  display:grid;
  justify-items:center;
  padding:var(--padding);
  padding-top:calc((calc(var(--vh) * 100) - 60rem)/2)
}
@media screen and (max-height: 1023px){
.ETi0z5Nk{
    padding-top:calc(var(--modal-top-safe-zone) + 2rem)
}
}
.gXkNaKCu{
  position:relative;
  width:100%;
  min-width:0px;
  max-width:76rem;
  min-height:60rem
}

/* 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
}
.MkE8a\+4Z{
  background-color:var(--black-b-color)
}
.R7YfR-uG{
  pointer-events:none;
  position:fixed;
  top:0rem;
  right:0rem;
  bottom:0rem;
  left:0rem;
  background-color:var(--white-b-color);
  opacity:.99;
  z-index:-1
}
.S\+7gIqgv .R7YfR-uG{
  background-color:var(--black-b-color);
  opacity:.99
}
.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 */
#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 */