npm - @platformatic/ui-components - Versions diffs - 0.8.2 → 0.8.4 - Mend

@platformatic/ui-components 0.8.2 → 0.8.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/dist/assets/index-UjO_DhXJ.css +1 -0
package/dist/assets/index-rfLsboCf.js +40 -0
package/dist/index.html +2 -2
package/package.json +1 -1
package/src/components/Button.module.css +6 -0
package/src/components/ButtonOnlyIcon.module.css +6 -0
package/src/components/Common.module.css +36 -0
package/src/components/CopyAndPaste.jsx +43 -7
package/src/components/constants.js +4 -3
package/src/components/icons/EnvVariableszIcon.jsx +112 -0
package/src/components/icons/Icons.module.css +21 -0
package/src/components/icons/index.js +2 -0
package/src/stories/ButtonFullRounded.stories.jsx +6 -1
package/tailwind.config.cjs +3 -1
package/dist/assets/index-BiRNzolW.css +0 -1
package/dist/assets/index-BvK6sCtd.js +0 -40

package/dist/index.html CHANGED Viewed

@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Platformatic UI Components</title>
-    <script type="module" crossorigin src="/assets/index-BvK6sCtd.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BiRNzolW.css">
+    <script type="module" crossorigin src="/assets/index-rfLsboCf.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-UjO_DhXJ.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@platformatic/ui-components",
   "description": "Platformatic UI Components",
-  "version": "0.8.2",
+  "version": "0.8.4",
   "type": "module",
   "license": "Apache-2.0",
   "repository": {

package/src/components/Button.module.css CHANGED Viewed

@@ -69,6 +69,9 @@
 .color-black-russian {
   @apply text-black-russian border-black-russian;
 }
+.color-fluorescent-cyan {
+  @apply text-fluorescent-cyan border-fluorescent-cyan;
+}
 .no-border {
   @apply border-0;
 }
@@ -108,6 +111,9 @@
 .hover-box-shadow-black-russian {
   @apply hover:shadow-black-russian;
 }
+.hover-box-shadow-fluorescent-cyan {
+  @apply hover:shadow-fluorescent-cyan;
+}
 .underline-effect {
   @apply hover:underline;

package/src/components/ButtonOnlyIcon.module.css CHANGED Viewed

@@ -69,6 +69,9 @@
 .color-black-russian{
   @apply text-black-russian border-black-russian;
 }
+.color-fluorescent-cyan{
+  @apply text-fluorescent-cyan border-fluorescent-cyan;
+}
 .no-border {
   @apply border-0;
@@ -109,6 +112,9 @@
 .hover-box-shadow-black-russian {
   @apply hover:shadow-black-russian;
 }
+.hover-box-shadow-fluorescent-cyan {
+  @apply hover:shadow-fluorescent-cyan;
+}
 .underline-effect {
   @apply hover:underline;

package/src/components/Common.module.css CHANGED Viewed

@@ -28,6 +28,9 @@
 .bordered--black-russian {
   @apply border-black-russian;
 }
+.bordered--fluorescent-cyan {
+  @apply border-fluorescent-cyan;
+}
 .bordered--transparent {
   @apply border-none;
 }
@@ -58,6 +61,9 @@
 .bordered--black-russian-100 {
   @apply border-black-russian/100;
 }
+.bordered--fluorescent-cyan-100 {
+  @apply border-fluorescent-cyan/100;
+}
 .bordered--main-green-70 {
   @apply border-main-green/70;
 }
@@ -85,6 +91,9 @@
 .bordered--black-russian-70 {
   @apply border-black-russian/70;
 }
+.bordered--fluorescent-cyan-70 {
+  @apply border-fluorescent-cyan/70;
+}
 .bordered--main-green-30 {
   @apply border-main-green/30;
 }
@@ -109,6 +118,9 @@
 .bordered--black-russian-30 {
   @apply border-black-russian/30;
 }
+.bordered--fluorescent-cyan-30 {
+  @apply border-fluorescent-cyan/30;
+}
 .bordered--tertiary-blue-30 {
   @apply border-tertiary-blue/30;
 }
@@ -136,6 +148,9 @@
 .bordered--black-russian-20 {
   @apply border-black-russian/20;
 }
+.bordered--fluorescent-cyan-20 {
+  @apply border-fluorescent-cyan/20;
+}
 .bordered--tertiary-blue-20 {
   @apply border-tertiary-blue/20;
 }
@@ -151,6 +166,9 @@
 .bordered--black-russian-15 {
   @apply border-black-russian/15;
 }
+.bordered--fluorescent-cyan-15 {
+  @apply border-fluorescent-cyan/15;
+}
 .bordered--tertiary-blue-15 {
   @apply border-tertiary-blue/15;
 }
@@ -166,6 +184,9 @@
 .bordered--black-russian-10 {
   @apply border-black-russian/10;
 }
+.bordered--fluorescent-cyan-10 {
+  @apply border-fluorescent-cyan/10;
+}
 .bordered--tertiary-blue-10 {
   @apply border-tertiary-blue/10;
 }
@@ -224,12 +245,18 @@
 .text--black-russian {
   @apply text-black-russian;
 }
+.text--fluorescent-cyan {
+  @apply text-fluorescent-cyan;
+}
 .text--rich-black-70 {
   @apply text-rich-black/70;
 }
 .text--black-russian-70 {
   @apply text-black-russian/70;
 }
+.text--fluorescent-cyan-70 {
+  @apply text-fluorescent-cyan/70;
+}
 .text--base {
   @apply text-base
@@ -271,6 +298,9 @@
 .background-color-rich-black {
   @apply bg-rich-black ;
 }
+.background-color-fluorescent-cyan {
+  @apply bg-fluorescent-cyan ;
+}
 .background-color-black-russian {
   @apply bg-black-russian ;
 }
@@ -361,6 +391,9 @@
 .hover-background-color-opaque-black-russian{
   @apply hover:bg-black-russian hover:bg-opacity-15;
 }
+.hover-background-color-opaque-fluorescent-cyan{
+  @apply hover:bg-fluorescent-cyan hover:bg-opacity-15;
+}
 .hover-background-color-opaque-night{
   @apply hover:bg-night hover:bg-opacity-15;
 }
@@ -388,6 +421,9 @@
 .selected-background-color-black-russian {
   @apply !bg-black-russian bg-opacity-15;
 }
+.selected-background-color-fluorescent-cyan {
+  @apply !bg-fluorescent-cyan bg-opacity-15;
+}
 .selected-background-color-night {
   @apply !bg-night bg-opacity-15;
 }

package/src/components/CopyAndPaste.jsx CHANGED Viewed

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types'
 import { COLORS_ICON, DIRECTION_TOP, MEDIUM, SIZES, POSITIONS, POSITION_CENTER, MAIN_DARK_BLUE } from './constants'
 import PlatformaticIcon from './PlatformaticIcon'
 import TooltipAbsolute from './TooltipAbsolute'
+import Tooltip from './Tooltip'
 function CopyAndPaste ({
   value = 'app',
@@ -13,7 +14,8 @@ function CopyAndPaste ({
   size = MEDIUM,
   tooltipClassName = '',
   position = POSITION_CENTER,
-  internalOverHandling = false
+  internalOverHandling = false,
+  tooltipFixed = false
 }) {
   const [copied, setCopied] = useState(false)
@@ -25,9 +27,30 @@ function CopyAndPaste ({
     }, timeout)
   }
-  return !copied
-    ? (<PlatformaticIcon size={size} iconName='CopyPasteIcon' color={color} onClick={() => copy()} internalOverHandling={internalOverHandling} />)
-    : (
+  function renderTooltip () {
+    if (tooltipFixed) {
+      return (
+        <Tooltip
+          tooltipClassName={tooltipClassName}
+          content={(<span>{tooltipLabel}</span>)}
+          delay={100}
+          direction={DIRECTION_TOP}
+          offset={24}
+          activeDependsOnVisible
+          visible={copied}
+          position={position}
+        >
+          <PlatformaticIcon
+            size={size}
+            iconName={!copied ? 'CopyPasteIcon' : 'CircleCheckMarkIcon'}
+            color={color}
+            onClick={() => !copied ? copy() : {}}
+            internalOverHandling={internalOverHandling}
+          />
+        </Tooltip>
+      )
+    }
+    return (
       <TooltipAbsolute
         tooltipClassName={tooltipClassName}
         content={(<span>{tooltipLabel}</span>)}
@@ -38,9 +61,18 @@ function CopyAndPaste ({
         visible={copied}
         position={position}
       >
-        <PlatformaticIcon size={size} iconName='CircleCheckMarkIcon' color={color} onClick={null} />
+        <PlatformaticIcon
+          size={size}
+          iconName={!copied ? 'CopyPasteIcon' : 'CircleCheckMarkIcon'}
+          color={color}
+          onClick={() => !copied ? copy() : {}}
+          internalOverHandling={internalOverHandling}
+        />
       </TooltipAbsolute>
-      )
+    )
+  }
+  return renderTooltip()
 }
 CopyAndPaste.propTypes = {
@@ -75,7 +107,11 @@ CopyAndPaste.propTypes = {
   /**
    * position
    */
-  position: PropTypes.oneOf(POSITIONS)
+  position: PropTypes.oneOf(POSITIONS),
+  /**
+   * tooltipFixed
+   */
+  tooltipFixed: PropTypes.bool
 }
 export default CopyAndPaste

package/src/components/constants.js CHANGED Viewed

@@ -15,6 +15,7 @@ export const NIGHT = 'night'
 export const ANTI_FLASH_WHITE = 'anti-flash-white'
 export const FIRE_ENGINE_RED = 'fire-engine-red'
 export const ALTERNATE_RICH_BLACK = 'alternate-rich-black'
+export const FLUORESCENT_CYAN = 'fluorescent-cyan'
 export const NONE = 'none'
 export const MINI = 'mini'
@@ -37,9 +38,9 @@ export const HOVER_EFFECTS_BUTTONS = [BOX_SHADOW, DULLS_BACKGROUND_COLOR, UNDERL
 export const MODAL_SIZES = [SMALL, MEDIUM, FULL_WIDTH]
 export const BUTTON_BACKGROUNDS_COLOR_HOVER = [ANTI_FLASH_WHITE, FIRE_ENGINE_RED, ALTERNATE_RICH_BLACK]
-export const COLORS_ICON = [MAIN_GREEN, WHITE, MAIN_DARK_BLUE, ERROR_RED, WARNING_YELLOW, TERTIARY_BLUE, RICH_BLACK]
-export const COLORS_BUTTON = [MAIN_GREEN, DARK_GREEN, LIGHT_GREEN, MAIN_DARK_BLUE, DARK_BLUE, LIGHT_BLUE, WHITE, ERROR_RED, TERTIARY_BLUE, TRANSPARENT, RICH_BLACK]
-export const COLORS_BORDERED_BOX = [MAIN_GREEN, ERROR_RED, WHITE, DARK_BLUE, MAIN_DARK_BLUE, WARNING_YELLOW, TRANSPARENT, LIGHT_BLUE, TERTIARY_BLUE, RICH_BLACK, BLACK_RUSSIAN]
+export const COLORS_ICON = [MAIN_GREEN, WHITE, MAIN_DARK_BLUE, ERROR_RED, WARNING_YELLOW, TERTIARY_BLUE, RICH_BLACK, FLUORESCENT_CYAN]
+export const COLORS_BUTTON = [MAIN_GREEN, DARK_GREEN, LIGHT_GREEN, MAIN_DARK_BLUE, DARK_BLUE, LIGHT_BLUE, WHITE, ERROR_RED, TERTIARY_BLUE, TRANSPARENT, RICH_BLACK, FLUORESCENT_CYAN]
+export const COLORS_BORDERED_BOX = [MAIN_GREEN, ERROR_RED, WHITE, DARK_BLUE, MAIN_DARK_BLUE, WARNING_YELLOW, TRANSPARENT, LIGHT_BLUE, TERTIARY_BLUE, RICH_BLACK, BLACK_RUSSIAN, FLUORESCENT_CYAN]
 export const MODAL_POPUP = 'popup'
 export const MODAL_POPUP_V2 = 'popup-v2'

package/src/components/icons/EnvVariableszIcon.jsx ADDED Viewed

@@ -0,0 +1,112 @@
+import * as React from 'react'
+import PropTypes from 'prop-types'
+import styles from './Icons.module.css'
+import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
+const EnvVariableszIcon = ({
+  color = MAIN_DARK_BLUE,
+  size = MEDIUM,
+  disabled = false,
+  inactive = false
+}) => {
+  let className = `${styles.svgClassName} ` + styles[`${color}`]
+  if (disabled) {
+    className += ` ${styles.iconDisabled}`
+  }
+  if (inactive) {
+    className += ` ${styles.iconInactive}`
+  }
+  let icon = <></>
+  const filledClassName = styles[`filled-${color}`]
+  switch (size) {
+    case SMALL:
+      icon = (
+        <svg
+          width={16}
+          height={16}
+          viewBox='0 0 16 16'
+          fill='none'
+          xmlns='http://www.w3.org/2000/svg'
+          className={className}
+        >
+          <path d='M7 8H12' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
+          <path d='M7 11H12' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
+          <path d='M2 5V12C2 13.1046 2.89543 14 4 14H12C13.1046 14 14 13.1046 14 12V5M2 5V4C2 2.89543 2.89543 2 4 2H12C13.1046 2 14 2.89543 14 4V5M2 5H14' stroke='none' strokeLinejoin='round' />
+          <circle cx='3.5' cy='3.5' r='0.5' fill='none' className={filledClassName} />
+          <circle cx='5' cy='3.5' r='0.5' fill='none' className={filledClassName} />
+          <circle cx='6.5' cy='3.5' r='0.5' fill='none' className={filledClassName} />
+          <path d='M4.65051 7L4.9899 7.58203H5.00606L5.34949 7H5.97576L5.35758 8L6 9H5.35758L5.00606 8.40625H4.9899L4.63838 9H4L4.63434 8L4.0202 7H4.65051Z' fill='none' className={filledClassName} />
+          <path d='M4.65051 10L4.9899 10.582H5.00606L5.34949 10H5.97576L5.35758 11L6 12H5.35758L5.00606 11.4062H4.9899L4.63838 12H4L4.63434 11L4.0202 10H4.65051Z' fill='none' className={filledClassName} />
+        </svg>
+      )
+      break
+    case MEDIUM:
+      icon = (
+        <svg
+          width={24}
+          height={24}
+          viewBox='0 0 24 24'
+          fill='none'
+          xmlns='http://www.w3.org/2000/svg'
+          className={className}
+        >
+          <path d='M10.5 12H18' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
+          <path d='M10.5 16.5H18' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
+          <path d='M3 7.5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V7.5M3 7.5V5C3 3.89543 3.89543 3 5 3H19C20.1046 3 21 3.89543 21 5V7.5M3 7.5H21' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
+          <circle cx='5.25' cy='5.25' r='0.75' fill='none' className={filledClassName} />
+          <circle cx='7.5' cy='5.25' r='0.75' fill='none' className={filledClassName} />
+          <circle cx='9.75' cy='5.25' r='0.75' fill='none' className={filledClassName} />
+          <path d='M6.97576 10.5L7.48485 11.373H7.50909L8.02424 10.5H8.96364L8.03636 12L9 13.5H8.03636L7.50909 12.6094H7.48485L6.95758 13.5H6L6.95152 12L6.0303 10.5H6.97576Z' fill='none' className={filledClassName} />
+          <path d='M6.97576 15L7.48485 15.873H7.50909L8.02424 15H8.96364L8.03636 16.5L9 18H8.03636L7.50909 17.1094H7.48485L6.95758 18H6L6.95152 16.5L6.0303 15H6.97576Z' fill='none' className={filledClassName} />
+        </svg>
+      )
+      break
+    case LARGE:
+      icon = (
+        <svg
+          width={40}
+          height={40}
+          viewBox='0 0 40 40'
+          fill='none'
+          xmlns='http://www.w3.org/2000/svg'
+          className={className}
+        >
+          <path d='M17.5 20H30' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
+          <path d='M17.5 27.5H30' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
+          <path d='M5 12.5V31C5 33.2091 6.79086 35 9 35H31C33.2091 35 35 33.2091 35 31V12.5M5 12.5V9C5 6.79086 6.79086 5 9 5H31C33.2091 5 35 6.79086 35 9V12.5M5 12.5H35' stroke='none' strokeWidth={2} strokeLinejoin='round' />
+          <circle cx='8.75' cy='8.75' r='1.25' fill='none' className={filledClassName} />
+          <circle cx='12.5' cy='8.75' r='1.25' fill='none' className={filledClassName} />
+          <circle cx='16.25' cy='8.75' r='1.25' fill='none' className={filledClassName} />
+          <path d='M11.6263 17.5L12.4747 18.9551H12.5152L13.3737 17.5H14.9394L13.3939 20L15 22.5H13.3939L12.5152 21.0156H12.4747L11.596 22.5H10L11.5859 20L10.0505 17.5H11.6263Z' fill='none' className={filledClassName} />
+          <path d='M11.6263 25L12.4747 26.4551H12.5152L13.3737 25H14.9394L13.3939 27.5L15 30H13.3939L12.5152 28.5156H12.4747L11.596 30H10L11.5859 27.5L10.0505 25H11.6263Z' fill='none' className={filledClassName} />
+        </svg>
+      )
+      break
+    default:
+      break
+  }
+  return icon
+}
+EnvVariableszIcon.propTypes = {
+  /**
+   * color of text, icon and borders
+   */
+  color: PropTypes.oneOf(COLORS_ICON),
+  /**
+   * Size
+   */
+  size: PropTypes.oneOf(SIZES),
+  /**
+   * disabled
+   */
+  disabled: PropTypes.bool,
+  /**
+   * inactive
+   */
+  inactive: PropTypes.bool
+}
+export default EnvVariableszIcon

package/src/components/icons/Icons.module.css CHANGED Viewed

@@ -110,6 +110,23 @@
   @apply !stroke-white;
 }
+.fluorescent-cyan > circle,
+.fluorescent-cyan > ellipse,
+.fluorescent-cyan > rect,
+.fluorescent-cyan > line,
+.fluorescent-cyan > path {
+  @apply stroke-fluorescent-cyan;
+}
+.important-fluorescent-cyan > circle,
+.important-fluorescent-cyan > ellipse,
+.important-fluorescent-cyan > rect,
+.important-fluorescent-cyan > line,
+.important-fluorescent-cyan > path {
+  @apply !stroke-fluorescent-cyan;
+}
 .filled-rich-black {
   @apply fill-rich-black;
 }
@@ -131,6 +148,10 @@
 .filled-tertiary-blue {
   @apply fill-tertiary-blue;
 }
+.filled-fluorescent-cyan {
+  @apply fill-fluorescent-cyan;
+}
 .fill-circle-green > circle {
   @apply fill-white;

package/src/components/icons/index.js CHANGED Viewed

@@ -85,6 +85,7 @@ import EditIcon from './EditIcon'
 import EntrypointIcon from './EntrypointIcon'
 import EnlargeIcon from './EnlargeIcon'
 import EntryIcon from './EntryIcon'
+import EnvVariableszIcon from './EnvVariableszIcon'
 import ExpandIcon from './ExpandIcon'
 import ExploreDocIcon from './ExploreDocIcon'
 import EyeClosedIcon from './EyeClosedIcon'
@@ -294,6 +295,7 @@ export default {
   ExploreDocIcon,
   EnlargeIcon,
   EntryIcon,
+  EnvVariableszIcon,
   FailureRateIcon,
   FolderIcon,
   FoldersIcon,

package/src/stories/ButtonFullRounded.stories.jsx CHANGED Viewed

@@ -5,7 +5,8 @@ import {
   SIZES,
   SMALL,
   MEDIUM,
-  LARGE
+  LARGE,
+  HOVER_EFFECTS_BUTTONS
 } from '../components/constants'
 import Icons from '../components/icons'
@@ -54,6 +55,10 @@ export default {
         options: SIZES
       }
     },
+    hoverEffect: {
+      type: 'radio',
+      options: HOVER_EFFECTS_BUTTONS
+    },
     selected: {
       type: 'boolean'
     }

package/tailwind.config.cjs CHANGED Viewed

@@ -26,6 +26,7 @@ module.exports = {
         'tertiary-blue': '0px 0px 4px rgba(37, 136, 228, 0.5)',
         'rich-black': '0px 0px 4px rgba(0, 5, 11, 1)',
         'black-russian': '0px 0px 4px rgba(0, 9, 14, 23)',
+        'fluorescent-cyan': '0px 0px 4px rgba(68, 255, 236, 23)',
         white: '0px 0px 4px rgba(255, 255, 255, 0.5)'
       },
       opacity: {
@@ -50,7 +51,8 @@ module.exports = {
       'electric-purple': '#C61BE2',
       'anti-flash-white': '#EDEDED',
       'fire-engine-red': '#D71919',
-      'alternate-rich-black': '#12171D'
+      'alternate-rich-black': '#12171D',
+      'fluorescent-cyan': '#44FFEC'
     },
     fontFamily: {
       sans: ['Montserrat'],

package/dist/assets/index-BiRNzolW.css DELETED Viewed

@@ -1 +0,0 @@

- ._input_9kufh_1{box-sizing:border-box;display:flex;height:2.5rem;width:100%;justify-content:space-between;border-radius:.25rem;border-width:1px;border-style:solid;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._onFocus_9kufh_4{--tw-border-opacity: 1;border-color:rgb(33 250 144 / var(--tw-border-opacity))}._onBlur_9kufh_7{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}._fillGreen_9kufh_10{fill:#21fa90}._fillWhite_9kufh_13{fill:#fff}._input_9kufh_1>input:focus{outline:2px solid transparent;outline-offset:2px}._title_9kufh_19{padding-bottom:1rem;font-size:1.875rem;line-height:2.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._bordered_hv2z2_1{box-sizing:border-box;border-radius:.375rem;border-width:1px;border-style:solid}._bordered--main-green_hv2z2_4{--tw-border-opacity: 1;border-color:rgb(33 250 144 / var(--tw-border-opacity))}._bordered--main-dark-blue_hv2z2_7{--tw-border-opacity: 1;border-color:rgb(0 40 61 / var(--tw-border-opacity))}._bordered--tertiary-blue_hv2z2_10{--tw-border-opacity: 1;border-color:rgb(37 136 228 / var(--tw-border-opacity))}._bordered--error-red_hv2z2_13{--tw-border-opacity: 1;border-color:rgb(250 33 33 / var(--tw-border-opacity))}._bordered--warning-yellow_hv2z2_16{--tw-border-opacity: 1;border-color:rgb(254 185 40 / var(--tw-border-opacity))}._bordered--dark-blue_hv2z2_19{--tw-border-opacity: 1;border-color:rgb(0 52 79 / var(--tw-border-opacity))}._bordered--white_hv2z2_22{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}._bordered--rich-black_hv2z2_25{--tw-border-opacity: 1;border-color:rgb(0 5 11 / var(--tw-border-opacity))}._bordered--black-russian_hv2z2_28{--tw-border-opacity: 1;border-color:rgb(9 14 23 / var(--tw-border-opacity))}._bordered--transparent_hv2z2_31{border-style:none}._bordered--main-green-100_hv2z2_34{border-color:#21fa90}._bordered--main-dark-blue-100_hv2z2_37{border-color:#00283d}._bordered--tertiary-blue-100_hv2z2_40{border-color:#2588e4}._bordered--error-red-100_hv2z2_43{border-color:#fa2121}._bordered--warning-yellow-100_hv2z2_46{border-color:#feb928}._bordered--dark-blue-100_hv2z2_49{border-color:#00344f}._bordered--white-100_hv2z2_52{border-color:#fff}._bordered--rich-black-100_hv2z2_55{border-color:#00050b}._bordered--black-russian-100_hv2z2_58{border-color:#090e17}._bordered--main-green-70_hv2z2_61{border-color:#21fa90b3}._bordered--main-dark-blue-70_hv2z2_64{border-color:#00283db3}._bordered--tertiary-blue-70_hv2z2_67{border-color:#2588e4b3}._bordered--error-red-70_hv2z2_70{border-color:#fa2121b3}._bordered--warning-yellow-70_hv2z2_73{border-color:#feb928b3}._bordered--dark-blue-70_hv2z2_76{border-color:#00344fb3}._bordered--white-70_hv2z2_79{border-color:#ffffffb3}._bordered--rich-black-70_hv2z2_82{border-color:#00050bb3}._bordered--black-russian-70_hv2z2_85{border-color:#090e17b3}._bordered--main-green-30_hv2z2_88{border-color:#21fa904d}._bordered--main-dark-blue-30_hv2z2_91{border-color:#00283d4d}._bordered--error-red-30_hv2z2_94{border-color:#fa21214d}._bordered--warning-yellow-30_hv2z2_97{border-color:#feb9284d}._bordered--dark-blue-30_hv2z2_100{border-color:#00344f4d}._bordered--white-30_hv2z2_103{border-color:#ffffff4d}._bordered--rich-black-30_hv2z2_106{border-color:#00050b4d}._bordered--black-russian-30_hv2z2_109{border-color:#090e174d}._bordered--tertiary-blue-30_hv2z2_112{border-color:#2588e44d}._bordered--main-green-20_hv2z2_115{border-color:#21fa9033}._bordered--main-dark-blue-20_hv2z2_118{border-color:#00283d33}._bordered--error-red-20_hv2z2_121{border-color:#fa212133}._bordered--warning-yellow-20_hv2z2_124{border-color:#feb92833}._bordered--dark-blue-20_hv2z2_127{border-color:#00344f33}._bordered--white-20_hv2z2_130{border-color:#fff3}._bordered--rich-black-20_hv2z2_133{border-color:#00050b33}._bordered--black-russian-20_hv2z2_136{border-color:#090e1733}._bordered--tertiary-blue-20_hv2z2_139{border-color:#2588e433}._bordered--main-dark-blue-15_hv2z2_142{border-color:#00283d26}._bordered--white-15_hv2z2_145{border-color:#ffffff26}._bordered--rich-black-15_hv2z2_148{border-color:#00050b26}._bordered--black-russian-15_hv2z2_151{border-color:#090e1726}._bordered--tertiary-blue-15_hv2z2_154{border-color:#2588e426}._bordered--main-dark-blue-10_hv2z2_37{border-color:#00283d1a}._bordered--white-10_hv2z2_52{border-color:#ffffff1a}._bordered--rich-black-10_hv2z2_55{border-color:#00050b1a}._bordered--black-russian-10_hv2z2_58{border-color:#090e171a}._bordered--tertiary-blue-10_hv2z2_40{border-color:#2588e41a}._error-message_hv2z2_172{position:absolute;bottom:-1.25rem;width:-moz-max-content;width:max-content;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(250 33 33 / var(--tw-text-opacity))}._padded_hv2z2_176{padding:.625rem .5rem}._text--error-red_hv2z2_179{--tw-text-opacity: 1;color:rgb(250 33 33 / var(--tw-text-opacity))}._text--error-red-70_hv2z2_182{color:#fa2121b3}._text--white_hv2z2_185{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._text--white-70_hv2z2_188{color:#ffffffb3}._text--dark-green_hv2z2_191{--tw-text-opacity: 1;color:rgb(2 120 63 / var(--tw-text-opacity))}._text--dark-green-70_hv2z2_194{color:#02783fb3}._text--main-green_hv2z2_197{--tw-text-opacity: 1;color:rgb(33 250 144 / var(--tw-text-opacity))}._text--main-green-70_hv2z2_200{color:#21fa90b3}._text--light-green_hv2z2_203{--tw-text-opacity: 1;color:rgb(33 241 144 / var(--tw-text-opacity))}._text--light-green-70_hv2z2_206{color:#21f190b3}._text--main-dark-blue_hv2z2_209{--tw-text-opacity: 1;color:rgb(0 40 61 / var(--tw-text-opacity))}._text--main-dark-blue-70_hv2z2_212{color:#00283db3}._text--light-blue_hv2z2_215{--tw-text-opacity: 1;color:rgb(233 247 255 / var(--tw-text-opacity))}._text--light-blue-70_hv2z2_218{color:#e9f7ffb3}._text--rich-black_hv2z2_221{--tw-text-opacity: 1;color:rgb(0 5 11 / var(--tw-text-opacity))}._text--black-russian_hv2z2_224{--tw-text-opacity: 1;color:rgb(9 14 23 / var(--tw-text-opacity))}._text--rich-black-70_hv2z2_227{color:#00050bb3}._text--black-russian-70_hv2z2_230{color:#090e17b3}._text--base_hv2z2_234{font-size:1rem;line-height:1.5rem}._text--xs_hv2z2_237{font-size:.75rem;line-height:1rem}._background-color-main-green_hv2z2_241{--tw-bg-opacity: 1;background-color:rgb(33 250 144 / var(--tw-bg-opacity))}._background-color-light-green_hv2z2_244{--tw-bg-opacity: 1;background-color:rgb(33 241 144 / var(--tw-bg-opacity))}._background-color-dark-green_hv2z2_247{--tw-bg-opacity: 1;background-color:rgb(2 120 63 / var(--tw-bg-opacity))}._background-color-main-dark-blue_hv2z2_250{--tw-bg-opacity: 1;background-color:rgb(0 40 61 / var(--tw-bg-opacity))}._background-color-dark-blue_hv2z2_253{--tw-bg-opacity: 1;background-color:rgb(0 52 79 / var(--tw-bg-opacity))}._background-color-light-blue_hv2z2_256{--tw-bg-opacity: 1;background-color:rgb(233 247 255 / var(--tw-bg-opacity))}._background-color-white_hv2z2_259{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}._background-color-error-red_hv2z2_262{--tw-bg-opacity: 1;background-color:rgb(250 33 33 / var(--tw-bg-opacity))}._background-color-tertiary-blue_hv2z2_265{--tw-bg-opacity: 1;background-color:rgb(37 136 228 / var(--tw-bg-opacity))}._background-color-warning-yellow_hv2z2_268{--tw-bg-opacity: 1;background-color:rgb(254 185 40 / var(--tw-bg-opacity))}._background-color-rich-black_hv2z2_271{--tw-bg-opacity: 1;background-color:rgb(0 5 11 / var(--tw-bg-opacity))}._background-color-black-russian_hv2z2_274{--tw-bg-opacity: 1;background-color:rgb(9 14 23 / var(--tw-bg-opacity))}._background-color-night_hv2z2_277{--tw-bg-opacity: 1;background-color:rgb(15 17 20 / var(--tw-bg-opacity))}._background-color-anti-flash-white_hv2z2_280{--tw-bg-opacity: 1;background-color:rgb(237 237 237 / var(--tw-bg-opacity))}._background-color-fire-engine-red_hv2z2_283{--tw-bg-opacity: 1;background-color:rgb(215 25 25 / var(--tw-bg-opacity))}._background-color-alternate-rich-black_hv2z2_286{--tw-bg-opacity: 1;background-color:rgb(18 23 29 / var(--tw-bg-opacity))}._background-color-transparent_hv2z2_289{background-color:transparent}._background-color-opaque-100_hv2z2_292{--tw-bg-opacity: 1 !important}._background-color-opaque-70_hv2z2_295{--tw-bg-opacity: .7 !important}._background-color-opaque-60_hv2z2_298{--tw-bg-opacity: .6 !important}._background-color-opaque-30_hv2z2_301{--tw-bg-opacity: .3 !important}._background-color-opaque-20_hv2z2_304{--tw-bg-opacity: .2 !important}._background-color-opaque-15_hv2z2_307{--tw-bg-opacity: .15 !important}._background-color-opaque-10_hv2z2_292{--tw-bg-opacity: .1 !important}._apply-opacity-30_hv2z2_313{opacity:.3}._padding--none_hv2z2_316{padding:0}._padding--small_hv2z2_319{padding:.25rem}._padding--medium_hv2z2_322{padding:.5rem}._padding--large_hv2z2_325{padding:1rem}._padding--extra-large_hv2z2_328{padding:1.5rem}._hover-background-color-opaque-main-green_hv2z2_331:hover{background-color:rgb(33 250 144 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-light-green_hv2z2_334:hover{background-color:rgb(33 241 144 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-dark-green_hv2z2_337:hover{background-color:rgb(2 120 63 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-main-dark-blue_hv2z2_340:hover{background-color:rgb(0 40 61 / var(--tw-bg-opacity));--tw-bg-opacity: .1 }._hover-background-color-opaque-dark-blue_hv2z2_343:hover{background-color:rgb(0 52 79 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-light-blue_hv2z2_346:hover{background-color:rgb(233 247 255 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-white_hv2z2_349:hover{background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-error-red_hv2z2_352:hover{background-color:rgb(250 33 33 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-tertiary-blue_hv2z2_355:hover{background-color:rgb(37 136 228 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-rich-black_hv2z2_358:hover{background-color:rgb(0 5 11 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-black-russian_hv2z2_361:hover{background-color:rgb(9 14 23 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-night_hv2z2_364:hover{background-color:rgb(15 17 20 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._selected-background-color-main-green_hv2z2_367{background-color:rgb(33 250 144 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 !important}._selected-background-color-light-green_hv2z2_370{background-color:rgb(33 241 144 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 !important}._selected-background-color-dark-green_hv2z2_373{background-color:rgb(2 120 63 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 !important}._selected-background-color-main-dark-blue_hv2z2_376{background-color:rgb(0 40 61 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .1 }._selected-background-color-dark-blue_hv2z2_379{background-color:rgb(0 52 79 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 }._selected-background-color-light-blue_hv2z2_382{background-color:rgb(233 247 255 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 }._selected-background-color-rich-black_hv2z2_385{background-color:rgb(0 5 11 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 }._selected-background-color-black-russian_hv2z2_388{background-color:rgb(9 14 23 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 }._selected-background-color-night_hv2z2_391{background-color:rgb(15 17 20 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 }._selected-background-color-white_hv2z2_394{background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 }._selected-background-color-error-red_hv2z2_397{background-color:rgb(250 33 33 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 }._selected-background-color-tertiary-blue_hv2z2_400{background-color:rgb(37 136 228 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 }._fontSemiBold_hv2z2_404{font-weight:600}._fontLight_hv2z2_407{font-weight:300}._fullWidth_hv2z2_410{width:100%}._rich-black_thi2h_1>circle,._rich-black_thi2h_1>ellipse,._rich-black_thi2h_1>rect,._rich-black_thi2h_1>line,._rich-black_thi2h_1>path{stroke:#00050b}._important-rich-black_thi2h_9>circle,._important-rich-black_thi2h_9>ellipse,._important-rich-black_thi2h_9>rect,._important-rich-black_thi2h_9>line,._important-rich-black_thi2h_9>path{stroke:#00050b!important}._error-red_thi2h_17>circle,._error-red_thi2h_17>ellipse,._error-red_thi2h_17>rect,._error-red_thi2h_17>line,._error-red_thi2h_17>path{stroke:#fa2121}._important-error-red_thi2h_25>circle,._important-error-red_thi2h_25>ellipse,._important-error-red_thi2h_25>rect,._important-error-red_thi2h_25>line,._important-error-red_thi2h_25>path{stroke:#fa2121!important}._main-dark-blue_thi2h_33>circle,._main-dark-blue_thi2h_33>ellipse,._main-dark-blue_thi2h_33>rect,._main-dark-blue_thi2h_33>line,._main-dark-blue_thi2h_33>path{stroke:#00283d}._important-main-dark-blue_thi2h_41>circle,._important-main-dark-blue_thi2h_41>ellipse,._important-main-dark-blue_thi2h_41>rect,._important-main-dark-blue_thi2h_41>line,._important-main-dark-blue_thi2h_41>path{stroke:#00283d!important}._main-green_thi2h_49>circle,._main-green_thi2h_49>ellipse,._main-green_thi2h_49>rect,._main-green_thi2h_49>line,._main-green_thi2h_49>path{stroke:#21fa90}._important-main-green_thi2h_57>circle,._important-main-green_thi2h_57>ellipse,._important-main-green_thi2h_57>rect,._important-main-green_thi2h_57>line,._important-main-green_thi2h_57>path{stroke:#21fa90!important}._tertiary-blue_thi2h_65>circle,._tertiary-blue_thi2h_65>ellipse,._tertiary-blue_thi2h_65>rect,._tertiary-blue_thi2h_65>line,._tertiary-blue_thi2h_65>path{stroke:#2588e4}._important-tertiary-blue_thi2h_73>circle,._important-tertiary-blue_thi2h_73>ellipse,._important-tertiary-blue_thi2h_73>rect,._important-tertiary-blue_thi2h_73>line,._important-tertiary-blue_thi2h_73>path{stroke:#2588e4!important}._warning-yellow_thi2h_81>circle,._warning-yellow_thi2h_81>ellipse,._warning-yellow_thi2h_81>rect,._warning-yellow_thi2h_81>line,._warning-yellow_thi2h_81>path{stroke:#feb928}._important-warning-yellow_thi2h_89>circle,._important-warning-yellow_thi2h_89>ellipse,._important-warning-yellow_thi2h_89>rect,._important-warning-yellow_thi2h_89>line,._important-warning-yellow_thi2h_89>path{stroke:#feb928!important}._white_thi2h_97>circle,._white_thi2h_97>ellipse,._white_thi2h_97>rect,._white_thi2h_97>line,._white_thi2h_97>path{stroke:#fff}._important-white_thi2h_105>circle,._important-white_thi2h_105>ellipse,._important-white_thi2h_105>rect,._important-white_thi2h_105>line,._important-white_thi2h_105>path{stroke:#fff!important}._filled-rich-black_thi2h_113{fill:#00050b}._filled-white_thi2h_116{fill:#fff}._filled-error-red_thi2h_119{fill:#fa2121}._filled-main-dark-blue_thi2h_122{fill:#00283d}._filled-main-green_thi2h_125{fill:#21fa90}._filled-warning-yellow_thi2h_128{fill:#feb928}._filled-tertiary-blue_thi2h_131{fill:#2588e4}._fill-circle-green_thi2h_135>circle{fill:#fff}._fill-circle-main-dark-blue_thi2h_138>circle{fill:#00283d}._svgClassName_thi2h_141{display:block;flex-shrink:0;overflow-clip-margin:unset}._iconDisabled_thi2h_146{opacity:.3}._iconInactive_thi2h_150{opacity:.7}._strokeTransparent_thi2h_154{stroke:transparent!important}._cursorPointer_xwn7e_1{cursor:pointer}._pltTooltip_xwn7e_4{position:relative}._tabContainerClassName_116ak_1{display:flex;width:100%;flex-direction:column;row-gap:.5rem;--tw-bg-opacity: 1;background-color:rgb(0 40 61 / var(--tw-bg-opacity))}._tabs-header_116ak_4{position:relative;display:flex;height:1.5rem;align-items:center;justify-content:flex-start;text-transform:uppercase;letter-spacing:.25em;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._tabs-header_116ak_4:hover{cursor:pointer}._tab_116ak_1{margin-left:2rem;margin-right:2rem;min-width:105px;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:300;opacity:.7}._tab_116ak_1:first-child{margin-left:0}._tab_116ak_1:last-child{margin-right:0}._tab_116ak_1:hover{opacity:1}._selected-tab_116ak_10{text-decoration-line:underline;text-underline-offset:8px;opacity:1}._tabContentClassName_116ak_13{max-height:calc(100vH - 10rem);overflow-y:auto}._tab_116ak_1:before{display:block;content:attr(title);font-weight:700;height:0;overflow:hidden;visibility:hidden}._divider_116ak_24{position:absolute;bottom:-1px;height:1px;width:100%;border-radius:.375rem;border-width:1px;border-style:none;background-color:#ffffff26;margin-block-start:0;margin-block-end:0}._borderedBox_ljsv8_1{flex:1 1 0%;row-gap:1rem;border-radius:.375rem;padding:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._clickable_ljsv8_4{cursor:pointer}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Montserrat;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--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;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--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;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%;margin-right:auto;margin-left:auto}@media (min-width: 350px){.container{max-width:350px}}@media (min-width: 390px){.container{max-width:390px}}@media (min-width: 744px){.container{max-width:744px}}@media (min-width: 1240px){.container{max-width:1240px}}@media (min-width: 1440px){.container{max-width:1440px}}@media (min-width: 1920px){.container{max-width:1920px}}.visible{visibility:visible}.relative{position:relative}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.ml-2{margin-left:.5rem}.mt-4{margin-top:1rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.h-screen{height:100vh}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-2{grid-template-columns:repeat(2,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))}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.border{border-width:1px}.border-0{border-width:0px}.bg-rich-black{--tw-bg-opacity: 1;background-color:rgb(0 5 11 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-2{padding:.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.text-dark-green{--tw-text-opacity: 1;color:rgb(2 120 63 / var(--tw-text-opacity))}.text-error-red{--tw-text-opacity: 1;color:rgb(250 33 33 / var(--tw-text-opacity))}.text-main-green{--tw-text-opacity: 1;color:rgb(33 250 144 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);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)}.filter{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)}:root{background-color:transparent;font-family:Montserrat}a{--tw-text-opacity: 1;color:rgb(37 136 228 / var(--tw-text-opacity))}input{background-color:transparent}.body--light-blue{--tw-bg-opacity: 1;background-color:rgb(233 247 255 / var(--tw-bg-opacity))}.body--main-dark-blue{--tw-bg-opacity: 1;background-color:rgb(0 40 61 / var(--tw-bg-opacity))}.hover\:cursor-pointer:hover{cursor:pointer}