/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/style/index.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

/*
 * Navigation Design Tokens
 *
 * Duplicate of wellthy/static/styles/layout/nav-tokens.css — keep in sync.
 * All values use px (not rem) so they render consistently across Django
 * (html font-size: 10px) and React (html font-size: 16px browser default).
 */

:root {
  /* ── Layout ── */
  --nav-bar-height: 64px;
  --nav-side-width: 64px;
  --nav-side-expanded-width: 192px;
  --nav-secondary-width: 228px;
  /* ── Spacing ── */
  --nav-padding-sm-x: 8px;
  --nav-padding-sm-y: 12px;
  --nav-padding-x: 16px;
  --nav-padding-y: 16px;
  --nav-menu-gap: 8px;
  --nav-container-margin-top: 24px;
  /* ── Menu item sizing ── */
  --nav-toggle-btn-size: 40px;
  --nav-menu-item-size: 40px;
  --nav-menu-item-icon-size: 22px;
  --nav-menu-item-border-radius: 8px;
  --nav-menu-item-padding: 8px;
  --nav-menu-item-gap: 6px;
  /* ── Icon sizing ── */
  --nav-icon-size: 24px;
  /* ── Footer ── */
  --nav-footer-padding-x: 4px;
  --nav-footer-padding-y: 12px;
  /* ── Transitions ── */
  --nav-transition-duration: 0.2s;
  --nav-transition-easing: ease;
  /* ── Header bar ── */
  --nav-header-height: 64px;
  /* ── Colors ── */
  --nav-text-color: #727272;
  /* periwinkle-600 rather than periwinkle-500, to meet WCAG AA on the nav background */
  --nav-active-color: #4351ea;
  --nav-hover-bg: rgba(96, 121, 246, 0.08);
  --nav-active-bg: rgba(96, 121, 246, 0.12);
  --nav-active-hover-bg: rgba(96, 121, 246, 0.16);
  /* ── Typography ── */
  --nav-font-family: "Whitney SSm A", "Whitney SSm B";
  --nav-menu-item-font-size: 16px;
  --nav-menu-item-font-weight: 500;
}

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

[dir] 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; /* 2 */
}

[dir] table { /* 1 */
  border-color: inherit;
}

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

[dir] button,
[dir] input,
[dir] optgroup,
[dir] select,
[dir] textarea { /* 1 */
  margin: 0;
}

/**
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'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

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

[dir] ::-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.
*/

[dir] 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.
 */

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

[dir] button {
  background-color: transparent;
  background-image: none;
}

[dir] fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

[dir] ol,
[dir] ul {
  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; /* 2 */
}

[dir] *,
[dir] ::before,
[dir] ::after { /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor;
}

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

[dir] 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
 */

[dir] img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

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

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

[dir] button,
[dir] [role="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 {
  line-height: inherit;
  color: inherit;
}

[dir] button,
[dir] input,
[dir] optgroup,
[dir] select,
[dir] textarea {
  padding: 0;
}

/**
 * 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{
  --tw-border-opacity: 1;
}

[dir] *, [dir] ::before, [dir] ::after{
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}

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

:root {
  --brand-primary: #1436a4;
  --brand-secondary: #486de7;
  --brand-tertiary: #e12723;
  --status-success: #008000;
  --status-warning: #ffca6b;
  --status-error: #e12723;
  --dark: #222222;
  --text: #727272;
  --border: #949494;
  --divider: #ededed;
  --background-primary: #f8f8f8;
  --background-secondary: #f1f4fc;
  --light: #ffffff;
  --primary-dark-color: #233063;
  --base-focus-color: #1436a4;
  --prompt-width: 100%;
  --spacing: 8px;
  --spacing-2: calc(var(--spacing) * 2);
  --spacing-3: calc(var(--spacing) * 3);
  --spacing-5: calc(var(--spacing) * 5);
  --input-height: calc(var(--spacing) * 6.5);
  --white: 0 0% 100%;
  --black: 0 0% 0%;
  --transparent: 0 0% 100% / 0;
  --gray-warm-25: 60 20% 99%;
  --gray-warm-50: 60 9% 98%;
  --gray-warm-100: 60 5% 96%;
  --gray-warm-200: 20 6% 90%;
  --gray-warm-300: 26 8% 83%;
  --gray-warm-400: 25 7% 64%;
  --gray-warm-500: 26 6% 45%;
  --gray-warm-600: 33 5% 32%;
  --gray-warm-700: 30 6% 25%;
  --gray-warm-800: 12 6% 15%;
  --gray-warm-900: 24 10% 10%;
  --gray-warm-950: 24 12% 8%;
  --gray-dark-25: 0 0% 98%;
  --gray-dark-50: 0 0% 97%;
  --gray-dark-100: 180 3% 94%;
  --gray-dark-200: 240 3% 93%;
  --gray-dark-300: 225 4% 82%;
  --gray-dark-400: 218 4% 60%;
  --gray-dark-500: 220 4% 54%;
  --gray-dark-600: 218 5% 40%;
  --gray-dark-700: 222 8% 24%;
  --gray-dark-800: 222 16% 16%;
  --gray-dark-900: 218 17% 9%;
  --gray-dark-950: 220 20% 6%;
  --gray-dark-alpha-25: 0 0% 100% / 98%;
  --gray-dark-alpha-50: 0 0% 100% / 96%;
  --gray-dark-alpha-100: 0 0% 100% / 94%;
  --gray-dark-alpha-200: 0 0% 100% / 92%;
  --gray-dark-alpha-300: 0 0% 100% / 80%;
  --gray-dark-alpha-400: 0 0% 100% / 56%;
  --gray-dark-alpha-500: 0 0% 100% / 50%;
  --gray-dark-alpha-600: 0 0% 100% / 35%;
  --gray-dark-alpha-700: 0 0% 100% / 16%;
  --gray-dark-alpha-800: 0 0% 100% / 8%;
  --gray-dark-alpha-900: 0 0% 100% / 4%;
  --gray-dark-alpha-950: 0 0% 100% / 0%;
  --aqua-50: 185 58% 96%;
  --aqua-100: 182 55% 90%;
  --aqua-200: 185 55% 82%;
  --aqua-300: 185 53% 69%;
  --aqua-400: 186 50% 53%;
  --aqua-500: 186 55% 48%;
  --aqua-600: 189 53% 36%;
  --aqua-700: 191 48% 31%;
  --aqua-800: 193 41% 27%;
  --aqua-900: 193 37% 24%;
  --aqua-950: 194 45% 15%;
  --berry-50: 324 33% 97%;
  --berry-100: 320 33% 95%;
  --berry-200: 320 35% 90%;
  --berry-300: 322 38% 82%;
  --berry-400: 323 36% 70%;
  --berry-500: 324 35% 60%;
  --berry-600: 328 30% 51%;
  --berry-700: 329 33% 42%;
  --berry-800: 330 31% 35%;
  --berry-900: 331 29% 30%;
  --berry-950: 331 36% 17%;
  --evergreen-50: 144 24% 96%;
  --evergreen-100: 136 22% 90%;
  --evergreen-200: 141 20% 80%;
  --evergreen-300: 144 20% 67%;
  --evergreen-400: 144 17% 52%;
  --evergreen-500: 147 22% 39%;
  --evergreen-600: 148 25% 30%;
  --evergreen-700: 150 24% 24%;
  --evergreen-800: 151 23% 20%;
  --evergreen-900: 153 24% 16%;
  --evergreen-950: 150 26% 9%;
  --herb-50: 60 28% 95%;
  --herb-100: 60 24% 89%;
  --herb-200: 62 23% 80%;
  --herb-300: 65 23% 67%;
  --herb-400: 65 21% 54%;
  --herb-500: 66 21% 44%;
  --herb-600: 68 23% 35%;
  --herb-700: 68 21% 27%;
  --herb-800: 71 19% 23%;
  --herb-900: 71 17% 20%;
  --herb-950: 71 22% 10%;
  --honey-50: 42 83% 95%;
  --honey-100: 42 87% 88%;
  --honey-200: 41 86% 77%;
  --honey-300: 38 86% 60%;
  --honey-400: 35 85% 53%;
  --honey-500: 33 83% 47%;
  --honey-600: 28 84% 40%;
  --honey-700: 23 81% 33%;
  --honey-800: 19 71% 29%;
  --honey-900: 16 63% 26%;
  --honey-950: 13 72% 14%;
  --lavender-50: 223 41% 97%;
  --lavender-100: 226 42% 94%;
  --lavender-200: 230 44% 89%;
  --lavender-300: 231 42% 82%;
  --lavender-400: 235 40% 74%;
  --lavender-500: 240 37% 66%;
  --lavender-600: 245 34% 59%;
  --lavender-700: 246 25% 51%;
  --lavender-800: 245 24% 41%;
  --lavender-900: 245 21% 34%;
  --lavender-950: 245 22% 20%;
  --mist-50: 200 16% 96%;
  --mist-100: 200 18% 90%;
  --mist-200: 205 18% 82%;
  --mist-300: 204 19% 69%;
  --mist-400: 206 18% 53%;
  --mist-500: 205 19% 46%;
  --mist-600: 206 18% 36%;
  --mist-700: 210 16% 31%;
  --mist-800: 213 14% 27%;
  --mist-900: 212 12% 24%;
  --mist-950: 210 16% 15%;
  --peach-50: 15 86% 97%;
  --peach-100: 14 100% 94%;
  --peach-200: 13 100% 89%;
  --peach-300: 13 100% 80%;
  --peach-400: 13 97% 71%;
  --peach-500: 13 90% 60%;
  --peach-600: 13 77% 51%;
  --peach-700: 13 78% 42%;
  --peach-800: 13 74% 35%;
  --peach-900: 13 67% 31%;
  --peach-950: 13 80% 15%;
  --periwinkle-25: 213 100% 98%;
  --periwinkle-50: 217 100% 96%;
  --periwinkle-100: 219 100% 94%;
  --periwinkle-200: 219 100% 89%;
  --periwinkle-300: 221 100% 82%;
  --periwinkle-400: 226 95% 75%;
  --periwinkle-500: 230 89% 67%;
  --periwinkle-600: 235 80% 59%;
  --periwinkle-700: 237 62% 51%;
  --periwinkle-800: 236 58% 41%;
  --periwinkle-900: 234 51% 34%;
  --periwinkle-950: 237 51% 20%;
  --plum-50: 300 45% 98%;
  --plum-100: 295 48% 95%;
  --plum-200: 297 42% 91%;
  --plum-300: 300 40% 83%;
  --plum-400: 302 40% 73%;
  --plum-500: 301 37% 61%;
  --plum-600: 302 31% 49%;
  --plum-700: 304 32% 40%;
  --plum-800: 305 31% 33%;
  --plum-900: 304 29% 28%;
  --plum-950: 308 39% 16%;
  --sage-50: 160 18% 97%;
  --sage-100: 169 20% 89%;
  --sage-200: 164 21% 78%;
  --sage-300: 169 19% 64%;
  --sage-400: 171 16% 48%;
  --sage-500: 173 20% 40%;
  --sage-600: 173 20% 32%;
  --sage-700: 173 19% 26%;
  --sage-800: 174 17% 22%;
  --sage-900: 176 15% 19%;
  --sage-950: 175 22% 10%;
  --sandalwood-50: 7 57% 97%;
  --sandalwood-100: 7 60% 94%;
  --sandalwood-200: 7 59% 89%;
  --sandalwood-300: 8 59% 82%;
  --sandalwood-400: 8 57% 72%;
  --sandalwood-500: 8 53% 60%;
  --sandalwood-600: 8 45% 51%;
  --sandalwood-700: 8 46% 42%;
  --sandalwood-800: 8 43% 35%;
  --sandalwood-900: 8 40% 31%;
  --sandalwood-950: 8 47% 15%;
  --wildflower-50: 0 29% 97%;
  --wildflower-100: 0 26% 95%;
  --wildflower-200: 356 29% 90%;
  --wildflower-300: 355 27% 82%;
  --wildflower-400: 354 27% 69%;
  --wildflower-500: 353 26% 60%;
  --wildflower-600: 350 22% 50%;
  --wildflower-700: 349 24% 41%;
  --wildflower-800: 347 23% 35%;
  --wildflower-900: 345 21% 30%;
  --wildflower-950: 346 26% 16%;
  --nw-error-25: 10 75% 98%;
  --nw-error-50: 5 86% 97%;
  --nw-error-100: 4 100% 94%;
  --nw-error-200: 4 100% 89%;
  --nw-error-300: 5 100% 82%;
  --nw-error-400: 5 96% 67%;
  --nw-error-500: 5 90% 60%;
  --nw-error-600: 5 77% 51%;
  --nw-error-700: 5 78% 42%;
  --nw-error-800: 5 74% 35%;
  --nw-error-900: 5 67% 31%;
  --nw-error-950: 5 80% 15%;
  --nw-purple-50: 270 60% 98%;
  --nw-purple-100: 268 65% 95%;
  --nw-purple-200: 265 62% 92%;
  --nw-purple-300: 267 61% 85%;
  --nw-purple-400: 268 59% 75%;
  --nw-purple-500: 269 55% 67%;
  --nw-purple-600: 270 49% 56%;
  --nw-purple-700: 271 43% 47%;
  --nw-purple-800: 271 41% 39%;
  --nw-purple-900: 271 40% 32%;
  --nw-purple-950: 273 53% 21%;
  --nw-success-25: 120 40% 98%;
  --nw-success-50: 129 41% 97%;
  --nw-success-100: 133 47% 93%;
  --nw-success-200: 135 42% 85%;
  --nw-success-300: 136 42% 75%;
  --nw-success-400: 136 37% 58%;
  --nw-success-500: 136 39% 45%;
  --nw-success-600: 136 42% 36%;
  --nw-success-700: 136 38% 29%;
  --nw-success-800: 137 35% 24%;
  --nw-success-900: 137 34% 20%;
  --nw-success-950: 141 45% 10%;
  --nw-warning-50: 56 88% 97%;
  --nw-warning-100: 53 97% 88%;
  --nw-warning-200: 51 98% 79%;
  --nw-warning-300: 48 97% 72%;
  --nw-warning-400: 46 96% 53%;
  --nw-warning-500: 43 93% 47%;
  --nw-warning-600: 39 96% 40%;
  --nw-warning-700: 33 92% 33%;
  --nw-warning-800: 30 81% 29%;
  --nw-warning-900: 26 73% 26%;
  --nw-warning-950: 26 73% 19%;
  --purplecalendar-50: 270 60% 98%;
  --purplecalendar-100: 268 65% 95%;
  --purplecalendar-200: 265 62% 92%;
  --purplecalendar-300: 267 61% 85%;
  --purplecalendar-400: 268 59% 75%;
  --purplecalendar-500: 269 55% 67%;
  --purplecalendar-600: 270 49% 56%;
  --purplecalendar-700: 271 43% 47%;
  --purplecalendar-800: 271 41% 39%;
  --purplecalendar-900: 271 40% 32%;
  --purplecalendar-950: 274 11% 44%;
  --alpha-black-10: 24 12% 8% / 10%;
  --alpha-black-20: 24 12% 8% / 20%;
  --alpha-black-30: 24 12% 8% / 30%;
  --alpha-black-40: 24 12% 8% / 40%;
  --alpha-black-50: 24 12% 8% / 50%;
  --alpha-black-60: 24 12% 8% / 60%;
  --alpha-black-70: 24 12% 8% / 70%;
  --alpha-black-80: 24 12% 8% / 80%;
  --alpha-black-90: 24 12% 8% / 90%;
  --alpha-black-100: var(--gray-warm-950);
  --alpha-white-10: 0 0% 100% / 10%;
  --alpha-white-20: 0 0% 100% / 20%;
  --alpha-white-30: 0 0% 100% / 30%;
  --alpha-white-40: 0 0% 100% / 40%;
  --alpha-white-50: 0 0% 100% / 50%;
  --alpha-white-60: 0 0% 100% / 60%;
  --alpha-white-70: 0 0% 100% / 70%;
  --alpha-white-80: 0 0% 100% / 80%;
  --alpha-white-90: 0 0% 100% / 90%;
  --alpha-white-100: 0 0% 100%;
  --avatar-bg: var(--periwinkle-100);
  --avatar-contrast-border: 24 12% 8% / 8%;
  --avatar-contrast-border-brand: 235 80% 59% / 16%;
  --avatar-focus-border: 0 0% 64% / 14%;
  --avatar-placeholder-text: var(--periwinkle-500);
  --avatar-profile-photo-border: var(--white);
  --avatar-recipient-bg-aqua: var(--aqua-400);
  --avatar-recipient-bg-berry: var(--berry-500);
  --avatar-recipient-bg-evergreen: var(--evergreen-400);
  --avatar-recipient-bg-herb: var(--herb-400);
  --avatar-recipient-bg-honey: var(--honey-400);
  --avatar-recipient-bg-lavender: var(--lavender-500);
  --avatar-recipient-bg-mist: var(--mist-500);
  --avatar-recipient-bg-peach: var(--peach-400);
  --avatar-recipient-bg-plum: var(--plum-600);
  --avatar-recipient-bg-sage: var(--sage-500);
  --avatar-recipient-bg-sandalwood: var(--sandalwood-500);
  --avatar-recipient-bg-wildflower: var(--wildflower-500);
  --avatar-recipient-border: var(--alpha-white-90);
  --bg-active: var(--gray-warm-50);
  --bg-brand-primary: var(--periwinkle-50);
  --bg-brand-primary-alt: var(--periwinkle-50);
  --bg-brand-primary-hover: var(--periwinkle-100);
  --bg-brand-secondary: var(--periwinkle-100);
  --bg-brand-section: var(--periwinkle-700);
  --bg-brand-section-subtle: var(--periwinkle-600);
  --bg-brand-solid: var(--periwinkle-500);
  --bg-brand-solid-hover: var(--periwinkle-600);
  --bg-cr-solid-aqua: var(--aqua-600);
  --bg-cr-solid-berry: var(--berry-600);
  --bg-cr-solid-evergreen: var(--evergreen-500);
  --bg-cr-solid-herb: var(--herb-500);
  --bg-cr-solid-honey: var(--honey-500);
  --bg-cr-solid-lavender: var(--lavender-600);
  --bg-cr-solid-mist: var(--mist-600);
  --bg-cr-solid-peach: var(--peach-500);
  --bg-cr-solid-plum: var(--plum-700);
  --bg-cr-solid-sage: var(--sage-600);
  --bg-cr-solid-sandalwood: var(--sandalwood-600);
  --bg-cr-solid-wildflower: var(--wildflower-600);
  --bg-disabled: var(--gray-warm-100);
  --bg-disabled-subtle: var(--gray-warm-50);
  --bg-error-primary: var(--nw-error-50);
  --bg-error-secondary: var(--nw-error-100);
  --bg-error-solid: var(--nw-error-500);
  --bg-modal-content: var(--gray-warm-25);
  --bg-overlay: var(--gray-warm-950);
  --bg-paper: var(--gray-warm-25);
  --bg-primary: var(--white);
  --bg-primary-alt: var(--white);
  --bg-primary-card: var(--white);
  --bg-primary-hover: var(--gray-warm-50);
  --bg-primary-solid: var(--gray-warm-950);
  --bg-quaternary: var(--gray-warm-200);
  --bg-secondary: var(--gray-warm-50);
  --bg-secondary-alt: var(--gray-warm-50);
  --bg-secondary-hover: var(--gray-warm-100);
  --bg-secondary-subtle: var(--gray-warm-25);
  --bg-success-primary: var(--nw-success-50);
  --bg-success-secondary: var(--nw-success-100);
  --bg-success-solid: var(--nw-success-500);
  --bg-tertiary: var(--gray-warm-100);
  --bg-warning-primary: var(--nw-warning-50);
  --bg-warning-secondary: var(--nw-warning-100);
  --bg-warning-solid: var(--nw-warning-500);
  --border-brand: var(--periwinkle-500);
  --border-brand-alt: var(--periwinkle-600);
  --border-brand-subtle: var(--periwinkle-200);
  --border-brand-subtle-alt: var(--periwinkle-300);
  --border-disabled: var(--gray-warm-300);
  --border-disabled-subtle: var(--gray-warm-200);
  --border-error: var(--nw-error-600);
  --border-error-subtle: var(--nw-error-300);
  --border-primary: var(--gray-warm-300);
  --border-secondary: var(--gray-warm-200);
  --border-success: var(--nw-success-300);
  --border-success-solid: var(--nw-success-600);
  --border-tertiary: var(--gray-warm-100);
  --border-warning: var(--nw-warning-300);
  --border-warning-solid: var(--nw-warning-500);
  --button-primary-bg: var(--periwinkle-500);
  --button-primary-bg-hover: var(--periwinkle-600);
  --button-primary-focus-ring: var(--periwinkle-400);
  --button-primary-destructive-bg: var(--nw-error-600);
  --button-primary-destructive-bg-hover: var(--nw-error-700);
  --button-primary-destructive-focus-ring: var(--nw-error-500);
  --button-secondary-bg: var(--white);
  --button-secondary-bg-hover: var(--gray-warm-50);
  --button-secondary-fg: var(--periwinkle-500);
  --button-secondary-fg-hover: var(--periwinkle-600);
  --button-secondary-focus-ring: var(--periwinkle-400);
  --button-secondary-border: var(--gray-warm-300);
  --button-secondary-gray-bg: var(--white);
  --button-secondary-gray-bg-hover: var(--gray-warm-50);
  --button-secondary-destructive-bg: var(--white);
  --button-secondary-destructive-bg-hover: var(--nw-error-50);
  --button-secondary-destructive-bg-focus: var(--white);
  --button-secondary-destructive-fg: var(--nw-error-700);
  --button-secondary-destructive-fg-hover: var(--nw-error-800);
  --button-secondary-destructive-border: var(--nw-error-300);
  --button-secondary-destructive-border-hover: var(--nw-error-300);
  --button-tertiary-fg: var(--periwinkle-500);
  --button-tertiary-fg-hover: var(--periwinkle-600);
  --button-tertiary-bg-hover: var(--bg-primary-hover);
  --button-tertiary-gray-fg: var(--fg-tertiary);
  --button-tertiary-gray-fg-hover: var(--fg-tertiary-hover);
  --button-tertiary-destructive-fg: var(--nw-error-700);
  --button-tertiary-destructive-fg-hover: var(--nw-error-800);
  --button-tertiary-destructive-bg-hover: var(--nw-error-50);
  --calendar-date-default: var(--gray-warm-700);
  --calendar-date-disabled: var(--fg-disabled);
  --calendar-default: var(--purplecalendar-600);
  --calendar-aqua: var(--aqua-400);
  --calendar-disabled: var(--fg-disabled-subtle);
  --calendar-multi-day: var(--purplecalendar-300);
  --calendar-blue: var(--periwinkle-600);
  --cr-dialog-header-support-text: var(--alpha-white-90);
  --cr-dialog-header-title-text: var(--text-white);
  --dot-indicator-new-message: 228 87% 63%;
  --featured-icon-bg: var(--bg-primary);
  --featured-icon-bg-coral: var(--nw-error-50);
  --featured-icon-border: var(--gray-warm-200);
  --featured-icon-light-fg-brand: var(--periwinkle-500);
  --featured-icon-light-fg-error: var(--nw-error-500);
  --featured-icon-light-fg-gray: var(--gray-warm-500);
  --featured-icon-light-fg-success: var(--nw-success-500);
  --fg-brand-primary: var(--periwinkle-500);
  --fg-brand-primary-alt: var(--periwinkle-500);
  --fg-brand-primary-hover: var(--periwinkle-600);
  --fg-brand-quaternary: var(--periwinkle-200);
  --fg-brand-quinary: var(--periwinkle-100);
  --fg-brand-secondary: var(--periwinkle-400);
  --fg-brand-secondary-alt: var(--periwinkle-400);
  --fg-brand-senary-alt: var(--periwinkle-50);
  --fg-brand-tertiary: var(--periwinkle-300);
  --fg-disabled: var(--gray-warm-400);
  --fg-disabled-subtle: var(--gray-warm-300);
  --fg-error-primary: var(--nw-error-500);
  --fg-error-secondary: var(--nw-error-400);
  --fg-primary: var(--gray-warm-900);
  --fg-quaternary: var(--gray-warm-500);
  --fg-quaternary-hover: var(--gray-warm-600);
  --fg-quinary: var(--gray-warm-400);
  --fg-quinary-hover: var(--gray-warm-500);
  --fg-secondary: var(--gray-warm-700);
  --fg-secondary-hover: var(--gray-warm-800);
  --fg-senary: var(--gray-warm-300);
  --fg-success-primary: var(--nw-success-500);
  --fg-success-secondary: var(--nw-success-400);
  --fg-tertiary: var(--gray-warm-600);
  --fg-tertiary-hover: var(--gray-warm-700);
  --fg-warning-primary: var(--nw-warning-500);
  --fg-warning-secondary: var(--nw-warning-400);
  --fg-white: var(--white);
  --focus-ring: var(--periwinkle-400);
  --focus-ring-error: var(--nw-error-500);
  --logo-coral: var(--nw-error-400);
  --logo-periwinkle: var(--periwinkle-400);
  --logo-text-coral: var(--nw-error-400);
  --mobile-sticky-bg: var(--gray-dark-alpha-700);
  --partner-rover-green: 156 100% 37%;
  --queue-pill-bg-booking: 223 31% 82%;
  --queue-pill-bg-immediate: 212 62% 90%;
  --queue-pill-bg-invalid: 283 38% 80%;
  --queue-pill-bg-payments: 226 77% 85%;
  --queue-pill-bg-planned: 240 46% 84%;
  --queue-pill-border-booking: 223 22% 74%;
  --queue-pill-border-immediate: 212 34% 74%;
  --queue-pill-border-invalid: 283 19% 63%;
  --queue-pill-border-payments: 226 44% 76%;
  --queue-pill-border-planned: 241 46% 71%;
  --queue-pill-text-booking: 223 20% 27%;
  --queue-pill-text-immediate: 211 44% 22%;
  --queue-pill-text-invalid: 283 40% 26%;
  --queue-pill-text-payments: 226 68% 23%;
  --queue-pill-text-planned: 242 43% 35%;
  --received-message-text-link: 228 87% 63%;
  --received-message-text-link-visited: 246 52% 59%;
  --recipient-tag-action-aqua: var(--aqua-600);
  --recipient-tag-action-berry: var(--berry-500);
  --recipient-tag-action-evergreen: var(--evergreen-500);
  --recipient-tag-action-herb: var(--herb-500);
  --recipient-tag-action-honey: var(--honey-500);
  --recipient-tag-action-lavender: var(--lavender-500);
  --recipient-tag-action-mist: var(--mist-500);
  --recipient-tag-action-peach: var(--peach-500);
  --recipient-tag-action-plum: var(--plum-500);
  --recipient-tag-action-sage: var(--sage-500);
  --recipient-tag-action-sandalwood: var(--sandalwood-600);
  --recipient-tag-action-wildflower: var(--wildflower-500);
  --recipient-tag-bg-aqua: var(--aqua-100);
  --recipient-tag-bg-berry: var(--berry-100);
  --recipient-tag-bg-evergreen: var(--evergreen-100);
  --recipient-tag-bg-herb: var(--herb-100);
  --recipient-tag-bg-honey: var(--honey-100);
  --recipient-tag-bg-lavender: var(--lavender-100);
  --recipient-tag-bg-mist: var(--mist-100);
  --recipient-tag-bg-peach: var(--peach-100);
  --recipient-tag-bg-plum: var(--plum-100);
  --recipient-tag-bg-sage: var(--sage-100);
  --recipient-tag-bg-sandalwood: var(--sandalwood-100);
  --recipient-tag-bg-wildflower: var(--wildflower-100);
  --recipient-tag-border-aqua: var(--aqua-300);
  --recipient-tag-border-berry: var(--berry-300);
  --recipient-tag-border-evergreen: var(--evergreen-300);
  --recipient-tag-border-herb: var(--herb-300);
  --recipient-tag-border-honey: var(--honey-300);
  --recipient-tag-border-lavender: var(--lavender-300);
  --recipient-tag-border-mist: var(--mist-300);
  --recipient-tag-border-peach: var(--peach-300);
  --recipient-tag-border-plum: var(--plum-300);
  --recipient-tag-border-sage: var(--sage-300);
  --recipient-tag-border-sandalwood: var(--sandalwood-300);
  --recipient-tag-border-wildflower: var(--wildflower-300);
  --recipient-tag-text-aqua: var(--aqua-800);
  --recipient-tag-text-berry: var(--berry-800);
  --recipient-tag-text-evergreen: var(--evergreen-800);
  --recipient-tag-text-herb: var(--herb-800);
  --recipient-tag-text-honey: var(--honey-800);
  --recipient-tag-text-lavender: var(--lavender-800);
  --recipient-tag-text-mist: var(--mist-800);
  --recipient-tag-text-peach: var(--peach-800);
  --recipient-tag-text-plum: var(--plum-800);
  --recipient-tag-text-sage: var(--sage-800);
  --recipient-tag-text-sandalwood: var(--sandalwood-800);
  --recipient-tag-text-wildflower: var(--wildflower-800);
  --sent-message-bg: var(--periwinkle-500);
  --sent-message-text-link: var(--white);
  --sent-message-text-link-visited: var(--periwinkle-200);
  --shadow-2xl-01: 24 12% 8% / 18%;
  --shadow-2xl-02: 24 12% 8% / 4%;
  --shadow-3xl-01: 24 12% 8% / 14%;
  --shadow-3xl-02: 24 12% 8% / 4%;
  --shadow-button-inner: 24 12% 8% / 5%;
  --shadow-button-inner-border: 24 12% 8% / 18%;
  --shadow-lg-01: 24 12% 8% / 8%;
  --shadow-lg-02: 24 12% 8% / 3%;
  --shadow-lg-03: 24 12% 8% / 4%;
  --shadow-md-01: 24 12% 8% / 10%;
  --shadow-md-02: 24 12% 8% / 6%;
  --shadow-sm-01: 24 12% 8% / 10%;
  --shadow-sm-02: 24 12% 8% / 10%;
  --shadow-xl-01: 24 12% 8% / 8%;
  --shadow-xl-02: 24 12% 8% / 3%;
  --shadow-xl-03: 24 12% 8% / 4%;
  --shadow-xs: 24 12% 8% / 5%;
  --status-pill-bg-aqua: var(--aqua-200);
  --status-pill-bg-berry: var(--berry-200);
  --status-pill-bg-lavender: var(--lavender-200);
  --status-pill-bg-peach: var(--peach-300);
  --status-pill-bg-periwinkle: var(--periwinkle-50);
  --status-pill-bg-purple: var(--nw-purple-100);
  --status-pill-border-aqua: var(--aqua-300);
  --status-pill-border-berry: var(--berry-300);
  --status-pill-border-lavender: var(--lavender-300);
  --status-pill-border-peach: var(--peach-200);
  --status-pill-border-periwinkle: var(--periwinkle-200);
  --status-pill-border-purple: var(--nw-purple-200);
  --status-pill-text-aqua: var(--aqua-800);
  --status-pill-text-berry: var(--berry-800);
  --status-pill-text-lavender: var(--lavender-800);
  --status-pill-text-peach: var(--peach-900);
  --status-pill-text-periwinkle: var(--periwinkle-600);
  --status-pill-text-purple: var(--nw-purple-700);
  --tab-border-current: var(--white);
  --tab-text: var(--alpha-white-70);
  --tab-text-current: var(--white);
  --text-brand-primary: var(--periwinkle-700);
  --text-brand-secondary: var(--periwinkle-600);
  --text-brand-tertiary: var(--periwinkle-500);
  --text-brand-tertiary-alt: var(--periwinkle-500);
  --text-disabled: var(--gray-warm-500);
  --text-error-primary: var(--nw-error-600);
  --text-placeholder: var(--gray-warm-500);
  --text-placeholder-subtle: var(--gray-warm-300);
  --text-primary: var(--gray-warm-900);
  --text-primary-on-brand: var(--white);
  --text-quaternary: var(--gray-warm-500);
  --text-secondary: var(--gray-warm-700);
  --text-secondary-hover: var(--gray-warm-800);
  --text-secondary-on-brand: var(--periwinkle-100);
  --text-success-primary: var(--nw-success-600);
  --text-tertiary: var(--gray-warm-600);
  --text-tertiary-hover: var(--gray-warm-700);
  --text-tertiary-on-brand: var(--periwinkle-200);
  --text-warning-primary: var(--nw-warning-600);
  --text-white: var(--white);
  --timer-border-error: var(--nw-error-300);
  --timer-border-success: var(--nw-success-200);
  --timer-border-warning: var(--nw-warning-200);
  --toggle-border: var(--gray-warm-300);
  --toggle-button-fg-disabled: var(--gray-warm-50);
  --toggle-slim-border-pressed: var(--bg-brand-solid);
  --toggle-slim-border-pressed-hover: var(--bg-brand-solid-hover);
  --tooltip-supporting-text: var(--gray-warm-300);
  --utility-gray-50: var(--gray-warm-50);
  --utility-gray-100: var(--gray-warm-100);
  --utility-gray-200: var(--gray-warm-200);
  --utility-gray-300: var(--gray-warm-300);
  --utility-gray-400: var(--gray-warm-400);
  --utility-gray-500: var(--gray-warm-500);
  --utility-gray-600: var(--gray-warm-600);
  --utility-gray-700: var(--gray-warm-700);
  --utility-gray-800: var(--gray-warm-800);
  --utility-gray-900: var(--gray-warm-900);
  --validation-bg-passed: var(--periwinkle-100);
  --validation-border-failed: var(--nw-error-200);
  --validation-border-passed: 198 37% 81%;
  --validation-text-passed: var(--aqua-900);
  --icon-fill-primary: var(--black);
  --icon-fill-brand-primary: var(--periwinkle-500);
  --icon-fill-brand-secondary: var(--periwinkle-300);
}

.dark {
  --alpha-black-10: 0 0% 100% / 10%;
  --alpha-black-20: 0 0% 100% / 20%;
  --alpha-black-30: 0 0% 100% / 30%;
  --alpha-black-40: 0 0% 100% / 40%;
  --alpha-black-50: 0 0% 100% / 50%;
  --alpha-black-60: 0 0% 100% / 60%;
  --alpha-black-70: 0 0% 100% / 70%;
  --alpha-black-80: 0 0% 100% / 80%;
  --alpha-black-90: 0 0% 100% / 90%;
  --alpha-black-100: 0 0% 100%;
  --alpha-white-10: 220 20% 6% / 10%;
  --alpha-white-20: 220 20% 6% / 20%;
  --alpha-white-30: 220 20% 6% / 30%;
  --alpha-white-40: 220 20% 6% / 40%;
  --alpha-white-50: 220 20% 6% / 50%;
  --alpha-white-60: 220 20% 6% / 60%;
  --alpha-white-70: 220 20% 6% / 70%;
  --alpha-white-80: 220 20% 6% / 80%;
  --alpha-white-90: 220 20% 6% / 90%;
  --alpha-white-100: var(--gray-dark-950);
  --avatar-bg: 229 41% 25%;
  --avatar-contrast-border: 0 0% 100% / 12%;
  --avatar-contrast-border-brand: 0 0% 100% / 8%;
  --avatar-focus-border: 0 0% 64% / 14%;
  --avatar-placeholder-text: var(--periwinkle-400);
  --avatar-profile-photo-border: var(--gray-dark-950);
  --avatar-recipient-bg-aqua: var(--aqua-400);
  --avatar-recipient-bg-berry: var(--berry-500);
  --avatar-recipient-bg-evergreen: var(--evergreen-400);
  --avatar-recipient-bg-herb: var(--herb-400);
  --avatar-recipient-bg-honey: var(--honey-400);
  --avatar-recipient-bg-lavender: var(--lavender-500);
  --avatar-recipient-bg-mist: var(--mist-400);
  --avatar-recipient-bg-peach: var(--peach-400);
  --avatar-recipient-bg-plum: var(--plum-600);
  --avatar-recipient-bg-sage: var(--sage-500);
  --avatar-recipient-bg-sandalwood: var(--sandalwood-500);
  --avatar-recipient-bg-wildflower: var(--wildflower-500);
  --avatar-recipient-border: var(--alpha-black-60);
  --bg-active: var(--gray-dark-800);
  --bg-brand-primary: var(--periwinkle-500);
  --bg-brand-primary-alt: 230 89% 67% / 16%;
  --bg-brand-primary-hover: var(--periwinkle-900);
  --bg-brand-secondary: var(--periwinkle-600);
  --bg-brand-section: var(--bg-secondary);
  --bg-brand-section-subtle: var(--bg-primary);
  --bg-brand-solid: var(--periwinkle-500);
  --bg-brand-solid-hover: var(--periwinkle-400);
  --bg-cr-solid-aqua: var(--aqua-500);
  --bg-cr-solid-berry: var(--berry-600);
  --bg-cr-solid-evergreen: var(--evergreen-500);
  --bg-cr-solid-herb: var(--herb-500);
  --bg-cr-solid-honey: var(--honey-500);
  --bg-cr-solid-lavender: var(--lavender-600);
  --bg-cr-solid-mist: var(--mist-600);
  --bg-cr-solid-peach: var(--peach-500);
  --bg-cr-solid-plum: var(--plum-700);
  --bg-cr-solid-sage: var(--sage-600);
  --bg-cr-solid-sandalwood: var(--sandalwood-600);
  --bg-cr-solid-wildflower: var(--wildflower-600);
  --bg-disabled: var(--gray-dark-800);
  --bg-disabled-subtle: var(--gray-dark-900);
  --bg-error-primary: var(--nw-error-400);
  --bg-error-secondary: var(--nw-error-400);
  --bg-error-solid: var(--nw-error-500);
  --bg-modal-content: var(--gray-dark-950);
  --bg-overlay: var(--gray-dark-800);
  --bg-paper: var(--bg-primary);
  --bg-primary: var(--gray-dark-950);
  --bg-primary-alt: var(--bg-secondary);
  --bg-primary-card: var(--alpha-black-10);
  --bg-primary-hover: var(--gray-dark-800);
  --bg-primary-solid: var(--bg-secondary);
  --bg-quaternary: var(--gray-dark-700);
  --bg-secondary: var(--gray-dark-900);
  --bg-secondary-alt: var(--bg-primary);
  --bg-secondary-hover: var(--gray-dark-800);
  --bg-secondary-subtle: var(--gray-dark-900);
  --bg-success-primary: var(--nw-success-400);
  --bg-success-secondary: var(--nw-success-500);
  --bg-success-solid: var(--nw-success-500);
  --bg-tertiary: var(--gray-dark-800);
  --bg-warning-primary: var(--nw-warning-400);
  --bg-warning-secondary: var(--nw-warning-500);
  --bg-warning-solid: var(--nw-warning-400);
  --border-brand: var(--periwinkle-400);
  --border-brand-alt: var(--gray-dark-700);
  --border-brand-subtle: var(--periwinkle-400);
  --border-brand-subtle-alt: var(--gray-dark-700);
  --border-disabled: var(--gray-dark-700);
  --border-disabled-subtle: var(--gray-dark-800);
  --border-error: var(--nw-error-500);
  --border-error-subtle: var(--nw-error-400);
  --border-primary: var(--gray-dark-700);
  --border-secondary: var(--gray-dark-800);
  --border-success: var(--nw-success-400);
  --border-success-solid: var(--nw-success-500);
  --border-tertiary: var(--gray-dark-800);
  --border-warning: var(--nw-warning-400);
  --border-warning-solid: var(--nw-warning-500);
  --button-primary-bg: var(--periwinkle-500);
  --button-primary-bg-hover: var(--periwinkle-600);
  --button-primary-focus-ring: var(--periwinkle-400);
  --button-primary-destructive-bg: var(--nw-error-600);
  --button-primary-destructive-bg-hover: var(--nw-error-700);
  --button-primary-destructive-focus-ring: var(--nw-error-500);
  --button-secondary-bg: var(--gray-dark-900);
  --button-secondary-bg-hover: var(--gray-dark-800);
  --button-secondary-fg: var(--gray-dark-300);
  --button-secondary-fg-hover: var(--gray-dark-100);
  --button-secondary-focus-ring: var(--periwinkle-400);
  --button-secondary-border: var(--gray-warm-300);
  --button-secondary-gray-bg: var(--gray-dark-900);
  --button-secondary-gray-bg-hover: var(--gray-dark-800);
  --button-secondary-destructive-bg: var(--nw-error-950);
  --button-secondary-destructive-bg-hover: var(--nw-error-900);
  --button-secondary-destructive-bg-focus: var(--gray-dark-950);
  --button-secondary-destructive-fg: var(--nw-error-200);
  --button-secondary-destructive-fg-hover: var(--nw-error-100);
  --button-secondary-destructive-border: var(--nw-error-800);
  --button-secondary-destructive-border-hover: var(--nw-error-700);
  --button-tertiary-fg: var(--fg-brand-primary-alt);
  --button-tertiary-fg-hover: var(--gray-dark-100);
  --button-tertiary-bg-hover: var(--bg-primary-hover);
  --button-tertiary-gray-fg: var(--fg-tertiary);
  --button-tertiary-gray-fg-hover: var(--fg-tertiary-hover);
  --button-tertiary-destructive-fg: var(--nw-error-300);
  --button-tertiary-destructive-fg-hover: var(--nw-error-200);
  --button-tertiary-destructive-bg-hover: var(--nw-error-900);
  --calendar-date-default: var(--gray-dark-300);
  --calendar-date-disabled: var(--gray-dark-500);
  --calendar-default: var(--purplecalendar-600);
  --calendar-aqua: var(--aqua-400);
  --calendar-disabled: var(--gray-dark-600);
  --calendar-multi-day: var(--purplecalendar-300);
  --cr-dialog-header-support-text: 0 0% 100% / 90%;
  --cr-dialog-header-title-text: var(--text-white);
  --dot-indicator-new-message: var(--periwinkle-500);
  --featured-icon-bg: var(--alpha-black-10);
  --featured-icon-bg-coral: 4 100% 94% / 20%;
  --featured-icon-border: var(--gray-dark-700);
  --featured-icon-light-fg-brand: var(--periwinkle-200);
  --featured-icon-light-fg-error: var(--nw-error-200);
  --featured-icon-light-fg-gray: var(--gray-dark-200);
  --featured-icon-light-fg-success: var(--nw-success-200);
  --fg-brand-primary: var(--periwinkle-500);
  --fg-brand-primary-alt: var(--gray-dark-alpha-300);
  --fg-brand-primary-hover: var(--gray-dark-alpha-200);
  --fg-brand-quaternary: var(--periwinkle-200);
  --fg-brand-quinary: var(--periwinkle-200);
  --fg-brand-secondary: var(--periwinkle-400);
  --fg-brand-secondary-alt: 226 95% 75% / 8%;
  --fg-brand-senary-alt: 219 100% 89% / 23%;
  --fg-brand-tertiary: var(--periwinkle-200);
  --fg-disabled: var(--gray-dark-500);
  --fg-disabled-subtle: var(--gray-dark-600);
  --fg-error-primary: var(--nw-error-400);
  --fg-error-secondary: var(--nw-error-300);
  --fg-primary: var(--white);
  --fg-quaternary: var(--gray-dark-400);
  --fg-quaternary-hover: var(--gray-dark-300);
  --fg-quinary: var(--gray-dark-500);
  --fg-quinary-hover: var(--gray-dark-400);
  --fg-secondary: var(--gray-dark-300);
  --fg-secondary-hover: var(--gray-dark-200);
  --fg-senary: var(--gray-dark-600);
  --fg-success-primary: var(--nw-success-400);
  --fg-success-secondary: var(--nw-success-300);
  --fg-tertiary: var(--gray-dark-400);
  --fg-tertiary-hover: var(--gray-dark-300);
  --fg-warning-primary: var(--nw-warning-400);
  --fg-warning-secondary: var(--nw-warning-300);
  --fg-white: var(--white);
  --focus-ring: var(--periwinkle-400);
  --focus-ring-error: var(--nw-error-500);
  --logo-coral: var(--nw-error-400);
  --logo-periwinkle: var(--periwinkle-400);
  --logo-text-coral: var(--white);
  --mobile-sticky-bg: 222 41% 8% / 64%;
  --partner-rover-green: 156 100% 37%;
  --queue-pill-bg-booking: 223 20% 27%;
  --queue-pill-bg-immediate: 211 44% 22%;
  --queue-pill-bg-invalid: 283 40% 26%;
  --queue-pill-bg-payments: 226 68% 23%;
  --queue-pill-bg-planned: 242 43% 35%;
  --queue-pill-border-booking: 223 22% 74%;
  --queue-pill-border-immediate: 212 34% 74%;
  --queue-pill-border-invalid: 283 19% 63%;
  --queue-pill-border-payments: 226 44% 76%;
  --queue-pill-border-planned: 241 46% 71%;
  --queue-pill-text-booking: 223 31% 82%;
  --queue-pill-text-immediate: 212 62% 90%;
  --queue-pill-text-invalid: 283 38% 80%;
  --queue-pill-text-payments: 226 77% 85%;
  --queue-pill-text-planned: 240 46% 84%;
  --received-message-text-link: var(--periwinkle-400);
  --received-message-text-link-visited: 246 100% 75%;
  --recipient-tag-action-aqua: var(--aqua-400);
  --recipient-tag-action-berry: var(--berry-300);
  --recipient-tag-action-evergreen: var(--evergreen-300);
  --recipient-tag-action-herb: var(--herb-300);
  --recipient-tag-action-honey: var(--honey-400);
  --recipient-tag-action-lavender: var(--lavender-300);
  --recipient-tag-action-mist: var(--mist-300);
  --recipient-tag-action-peach: var(--peach-400);
  --recipient-tag-action-plum: var(--plum-400);
  --recipient-tag-action-sage: var(--sage-300);
  --recipient-tag-action-sandalwood: var(--sandalwood-300);
  --recipient-tag-action-wildflower: var(--wildflower-300);
  --recipient-tag-bg-aqua: var(--aqua-800);
  --recipient-tag-bg-berry: var(--berry-800);
  --recipient-tag-bg-evergreen: var(--evergreen-800);
  --recipient-tag-bg-herb: var(--herb-800);
  --recipient-tag-bg-honey: var(--honey-800);
  --recipient-tag-bg-lavender: var(--lavender-800);
  --recipient-tag-bg-mist: var(--mist-800);
  --recipient-tag-bg-peach: var(--peach-900);
  --recipient-tag-bg-plum: var(--plum-800);
  --recipient-tag-bg-sage: var(--sage-800);
  --recipient-tag-bg-sandalwood: var(--sandalwood-800);
  --recipient-tag-bg-wildflower: var(--wildflower-700);
  --recipient-tag-border-aqua: var(--aqua-600);
  --recipient-tag-border-berry: var(--berry-600);
  --recipient-tag-border-evergreen: var(--evergreen-600);
  --recipient-tag-border-herb: var(--herb-600);
  --recipient-tag-border-honey: var(--honey-600);
  --recipient-tag-border-lavender: var(--lavender-600);
  --recipient-tag-border-mist: var(--mist-600);
  --recipient-tag-border-peach: var(--peach-600);
  --recipient-tag-border-plum: var(--plum-600);
  --recipient-tag-border-sage: var(--sage-600);
  --recipient-tag-border-sandalwood: var(--sandalwood-600);
  --recipient-tag-border-wildflower: var(--wildflower-500);
  --recipient-tag-text-aqua: var(--aqua-50);
  --recipient-tag-text-berry: var(--berry-50);
  --recipient-tag-text-evergreen: var(--evergreen-50);
  --recipient-tag-text-herb: var(--herb-50);
  --recipient-tag-text-honey: var(--honey-50);
  --recipient-tag-text-lavender: var(--lavender-50);
  --recipient-tag-text-mist: var(--mist-50);
  --recipient-tag-text-peach: var(--peach-50);
  --recipient-tag-text-plum: var(--plum-50);
  --recipient-tag-text-sage: var(--sage-50);
  --recipient-tag-text-sandalwood: var(--sandalwood-50);
  --recipient-tag-text-wildflower: var(--wildflower-50);
  --sent-message-bg: var(--periwinkle-600);
  --sent-message-text-link: var(--white);
  --sent-message-text-link-visited: var(--periwinkle-200);
  --shadow-2xl-01: transparent;
  --shadow-2xl-02: transparent;
  --shadow-3xl-01: transparent;
  --shadow-3xl-02: transparent;
  --shadow-button-inner: 24 12% 8% / 5%;
  --shadow-button-inner-border: 24 12% 8% / 18%;
  --shadow-lg-01: transparent;
  --shadow-lg-02: transparent;
  --shadow-lg-03: transparent;
  --shadow-md-01: transparent;
  --shadow-md-02: transparent;
  --shadow-sm-01: transparent;
  --shadow-sm-02: transparent;
  --shadow-xl-01: transparent;
  --shadow-xl-02: transparent;
  --shadow-xl-03: transparent;
  --shadow-xs: transparent;
  --status-pill-bg-aqua: var(--aqua-800);
  --status-pill-bg-berry: var(--berry-800);
  --status-pill-bg-lavender: var(--lavender-800);
  --status-pill-bg-peach: var(--peach-900);
  --status-pill-bg-periwinkle: var(--periwinkle-600);
  --status-pill-bg-purple: var(--nw-purple-700);
  --status-pill-border-aqua: var(--aqua-300);
  --status-pill-border-berry: var(--berry-300);
  --status-pill-border-lavender: var(--lavender-300);
  --status-pill-border-peach: var(--peach-200);
  --status-pill-border-periwinkle: var(--periwinkle-200);
  --status-pill-border-purple: var(--nw-purple-200);
  --status-pill-text-aqua: var(--aqua-200);
  --status-pill-text-berry: var(--berry-200);
  --status-pill-text-lavender: var(--lavender-200);
  --status-pill-text-peach: var(--peach-300);
  --status-pill-text-periwinkle: var(--periwinkle-50);
  --status-pill-text-purple: var(--nw-purple-100);
  --tab-border-current: var(--white);
  --tab-text: 0 0% 100% / 80%;
  --tab-text-current: var(--white);
  --text-brand-primary: var(--gray-dark-50);
  --text-brand-secondary: var(--gray-dark-300);
  --text-brand-tertiary: var(--gray-dark-400);
  --text-brand-tertiary-alt: var(--gray-dark-300);
  --text-disabled: var(--gray-dark-500);
  --text-error-primary: var(--nw-error-400);
  --text-placeholder: var(--gray-dark-500);
  --text-placeholder-subtle: var(--gray-dark-700);
  --text-primary: var(--gray-dark-50);
  --text-primary-on-brand: var(--gray-dark-25);
  --text-quaternary: var(--gray-dark-500);
  --text-secondary: var(--gray-dark-300);
  --text-secondary-hover: var(--gray-dark-200);
  --text-secondary-on-brand: var(--gray-dark-300);
  --text-success-primary: var(--nw-success-400);
  --text-tertiary: var(--gray-dark-400);
  --text-tertiary-hover: var(--gray-dark-300);
  --text-tertiary-on-brand: var(--gray-dark-400);
  --text-warning-primary: var(--nw-warning-400);
  --text-white: var(--white);
  --timer-border-error: var(--nw-error-400);
  --timer-border-success: var(--nw-success-400);
  --timer-border-warning: var(--nw-warning-400);
  --toggle-border: transparent;
  --toggle-button-fg-disabled: var(--gray-dark-600);
  --toggle-slim-border-pressed: transparent;
  --toggle-slim-border-pressed-hover: transparent;
  --tooltip-supporting-text: var(--gray-dark-300);
  --utility-gray-50: var(--gray-dark-900);
  --utility-gray-100: var(--gray-dark-800);
  --utility-gray-200: var(--gray-dark-700);
  --utility-gray-300: var(--gray-dark-700);
  --utility-gray-400: var(--gray-dark-600);
  --utility-gray-500: var(--gray-dark-500);
  --utility-gray-600: var(--gray-dark-400);
  --utility-gray-700: var(--gray-dark-300);
  --utility-gray-800: var(--gray-dark-200);
  --utility-gray-900: var(--gray-dark-100);
  --validation-bg-passed: var(--aqua-900);
  --validation-border-failed: var(--nw-error-200);
  --validation-border-passed: 198 37% 81%;
  --validation-text-passed: var(--periwinkle-100);
  --icon-fill-primary: var(--white);
  --icon-fill-brand-primary: var(--periwinkle-500);
  --icon-fill-brand-secondary: var(--periwinkle-300);
}

.nw-card-surface {
  border: 1px solid hsl(20 6% 90%);
  background-color: hsl(0 0% 100%);
}

[dir] .nw-card-surface {
  border-radius: 0.75rem;
  border: 1px solid hsl(var(--border-secondary));
  background-color: hsl(var(--bg-primary-card));
}

[dir] .nw-card-interactive {
  cursor: pointer;
  transition: box-shadow 200ms, transform 200ms;
}

[dir] .nw-card-interactive:hover {
  box-shadow: 0px 1px 3px 0px rgba(23, 20, 18, 0.10), 0px 1px 2px -1px rgba(23, 20, 18, 0.10);
  transform: translateY(-2px);
}

.nw-card-interactive:focus-visible {
  box-shadow: 0px 0px 0px 2px hsl(0 0% 100%), 0px 0px 0px 4px hsl(226 95% 75%);
  outline: none;
}

[dir] .nw-card-interactive:focus-visible {
  box-shadow: 0px 0px 0px 2px hsl(var(--bg-primary)), 0px 0px 0px 4px hsl(var(--focus-ring));
}

body {
  position: relative;
  --tw-bg-opacity: 1;
  font-size: 1rem;
  font-family: "Whitney SSm A", "Whitney SSm B", "Arial", "Helvetica", sans-serif;
  color: #222222;
  /* fallback for browsers without dvh support */
  min-height: 100vh;
  min-height: 100dvh;
}

[dir] body {
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

main {
  display: block;
}

[dir] main {
  padding: 0;
  margin: 0;
}

/**
 * The #content usually sits between the header (64px - 4rem) and the
 * footer (72px - 4.5rem on desktop and 120px - 7.5rem on mobile). we set the min-height
 * to match the difference and we're guaranteed that if the items in the content are not scrollable,
 * the footer will be visible without scrolling.
 */

#content {
  min-height: calc(100vh - 11.5rem);
  min-height: calc(100dvh - 11.5rem);
  position: relative;
}

[dir] #content {
  padding-bottom: 2.5rem;
  padding-top: 1rem;
}

/* Medium (md) */

@media (min-width: 48rem) {
  #content {
    min-height: calc(100vh - 8.5rem);
    min-height: calc(100dvh - 8.5rem);
  }

  [dir] #content {
    padding-top: 0;
  }
}

div, p, span, li, small, label, input, select, button, a {
  font-size: 1rem;
}

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 2.25rem;
}

h3 {
  font-size: 1.875rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
}

legend {
  font-size: 2.25rem;
}

/* details reset
 */

.details__overlay[open] > summary::before {
  position: fixed;
  top: 0px;
  bottom: 0px;
  z-index: 50;
  display: block;
}

[dir] .details__overlay[open] > summary::before {
  right: 0px;
  left: 0px;
  cursor: default;
  background-color: transparent;
}

.details__overlay[open] > summary::before {
  content: " ";
}

.details__reset > summary {
  list-style-type: none;
}

.details__reset > summary::before {
  display: none;
}

.details__reset > summary::-webkit-details-marker {
  display: none;
}

.layout__basic {
  max-width: 77.125rem;
}

[dir="ltr"] .layout__main {
  transition: margin-left 0.2s ease;
}

[dir="rtl"] .layout__main {
  transition: margin-right 0.2s ease;
}

[dir="ltr"] .layout__main--nav-expanded {
  margin-left: 192px;
  margin-left: var(--nav-side-expanded-width);
}

[dir="rtl"] .layout__main--nav-expanded {
  margin-right: 192px;
  margin-right: var(--nav-side-expanded-width);
}

@media only screen and (max-width: 768px) {
  [dir="ltr"] .layout__main {
    margin-left: 0;
  }

  [dir="rtl"] .layout__main {
    margin-right: 0;
  }

  [dir="ltr"] .layout__main--nav-expanded {
    margin-left: 0;
  }

  [dir="rtl"] .layout__main--nav-expanded {
    margin-right: 0;
  }
}

body {
  --wellthy-logo-sprite: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAFVBMVEX///9HcEz///////////////////9VtMmsAAAAB3RSTlMTACkMBSQcZnfhxAAAAcFJREFUOMuNlEGPgjAQhZ8WOdPQ7Nl0A+cqZs8SXc8E3T0TEvn/P2GnM60Wg8ly0DbfvFLmzQx0fC69pafK4h5xYRhYW7dzYs4XO+UY8rvNzm1CjMNagk0/QCXkBIyfos4B7B7EOHUat+F4nEQEkez0vubIEpk+sggi0UQUL/ObNiwCSw6e+MgSm5sWEYJE77c+0qmRCIvg4w6efFIkqddEWAQf1zIxdF/VMjF0D/AvE4qkJRN9VEx2gZiGjh1vcvknWYccyH8hGuXoDf1NyL6iDfKByGUAG7AS8iFmVBlMX2NDyy76NAafUNjOYQCiYfRy5NOwsfiu2hIPi+VxaEsiNa9S4CNNz+RF5ANLIXMRJyVoSLRLD6OwqNEpKdjCt6R8e5p5e4Py7a2DZuFLvWY5O4X1GZ2m14yC0o+Y9ZkLHcgb31E/fd8/nauq6hd5Rm7nqmka93C7pt3BLVXI9bV2uKqaNtRb4YmeV+L4rMRZ9SKt3rTi6ZvTihcRdUnmvz7tktBZA1vJJHaWiL7kIm5Mu5FFId8lkWcH++ObMB/02DVJ1/tJgWsk6aTwok2cLt1sushEIl+Gu12d/znFFibfH1xLfrJ0FaiUAAAAAElFTkSuQmCC);
}

.care-recipient-gradient-lavender {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(240 37% 66%) 0%, hsl(245 34% 59%) 100%);
}

[dir="ltr"] .care-recipient-gradient-lavender {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(var(--lavender-500)) 0%, hsl(var(--lavender-600)) 100%);
}

[dir="rtl"] .care-recipient-gradient-lavender {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(-270deg, hsl(var(--lavender-500)) 0%, hsl(var(--lavender-600)) 100%);
}

.care-recipient-gradient-honey {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(38 86% 60%) 0%, hsl(35 85% 53%) 100%);
}

[dir="ltr"] .care-recipient-gradient-honey {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(var(--honey-300)) 0%, hsl(var(--honey-400)) 100%);
}

[dir="rtl"] .care-recipient-gradient-honey {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(-270deg, hsl(var(--honey-300)) 0%, hsl(var(--honey-400)) 100%);
}

.care-recipient-gradient-sage {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(173 20% 40%) 0%, hsl(173 20% 32%) 100%);
}

[dir="ltr"] .care-recipient-gradient-sage {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(var(--sage-500)) 0%, hsl(var(--sage-600)) 100%);
}

[dir="rtl"] .care-recipient-gradient-sage {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(-270deg, hsl(var(--sage-500)) 0%, hsl(var(--sage-600)) 100%);
}

.care-recipient-gradient-peach {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(13 97% 71%) 0%, hsl(13 90% 60%) 100%);
}

[dir="ltr"] .care-recipient-gradient-peach {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(var(--peach-400)) 0%, hsl(var(--peach-500)) 100%);
}

[dir="rtl"] .care-recipient-gradient-peach {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(-270deg, hsl(var(--peach-400)) 0%, hsl(var(--peach-500)) 100%);
}

.care-recipient-gradient-herb {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(65 21% 54%) 0%, hsl(66 21% 44%) 100%);
}

[dir="ltr"] .care-recipient-gradient-herb {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(var(--herb-400)) 0%, hsl(var(--herb-500)) 100%);
}

[dir="rtl"] .care-recipient-gradient-herb {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(-270deg, hsl(var(--herb-400)) 0%, hsl(var(--herb-500)) 100%);
}

.care-recipient-gradient-aqua {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(186 50% 53%) 0%, hsl(186 55% 48%) 100%);
}

[dir="ltr"] .care-recipient-gradient-aqua {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(var(--aqua-400)) 0%, hsl(var(--aqua-500)) 100%);
}

[dir="rtl"] .care-recipient-gradient-aqua {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(-270deg, hsl(var(--aqua-400)) 0%, hsl(var(--aqua-500)) 100%);
}

.care-recipient-gradient-mist {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(205 19% 46%) 0%, hsl(206 18% 36%) 100%);
}

[dir="ltr"] .care-recipient-gradient-mist {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(var(--mist-500)) 0%, hsl(var(--mist-600)) 100%);
}

[dir="rtl"] .care-recipient-gradient-mist {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(-270deg, hsl(var(--mist-500)) 0%, hsl(var(--mist-600)) 100%);
}

.care-recipient-gradient-evergreen {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(144 17% 52%) 0%, hsl(147 22% 39%) 100%);
}

[dir="ltr"] .care-recipient-gradient-evergreen {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(var(--evergreen-400)) 0%, hsl(var(--evergreen-500)) 100%);
}

[dir="rtl"] .care-recipient-gradient-evergreen {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(-270deg, hsl(var(--evergreen-400)) 0%, hsl(var(--evergreen-500)) 100%);
}

.care-recipient-gradient-berry {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(324 35% 60%) 0%, hsl(328 30% 51%) 100%);
}

[dir="ltr"] .care-recipient-gradient-berry {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(var(--berry-500)) 0%, hsl(var(--berry-600)) 100%);
}

[dir="rtl"] .care-recipient-gradient-berry {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(-270deg, hsl(var(--berry-500)) 0%, hsl(var(--berry-600)) 100%);
}

.care-recipient-gradient-sandalwood {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(8 53% 60%) 0%, hsl(8 45% 51%) 100%);
}

[dir="ltr"] .care-recipient-gradient-sandalwood {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(var(--sandalwood-500)) 0%, hsl(var(--sandalwood-600)) 100%);
}

[dir="rtl"] .care-recipient-gradient-sandalwood {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(-270deg, hsl(var(--sandalwood-500)) 0%, hsl(var(--sandalwood-600)) 100%);
}

.care-recipient-gradient-plum {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(302 31% 49%) 0%, hsl(304 32% 40%) 100%);
}

[dir="ltr"] .care-recipient-gradient-plum {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(var(--plum-600)) 0%, hsl(var(--plum-700)) 100%);
}

[dir="rtl"] .care-recipient-gradient-plum {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(-270deg, hsl(var(--plum-600)) 0%, hsl(var(--plum-700)) 100%);
}

.care-recipient-gradient-wildflower {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(353 26% 60%) 0%, hsl(350 22% 50%) 100%);
}

[dir="ltr"] .care-recipient-gradient-wildflower {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(270deg, hsl(var(--wildflower-500)) 0%, hsl(var(--wildflower-600)) 100%);
}

[dir="rtl"] .care-recipient-gradient-wildflower {
  background: var(--wellthy-logo-sprite) 0% 0%/4px 4px repeat, linear-gradient(-270deg, hsl(var(--wildflower-500)) 0%, hsl(var(--wildflower-600)) 100%);
}

.scrollbar-styled {
  scrollbar-width: thin;
  scrollbar-color: hsl(26 8% 83%) transparent;
  scrollbar-color: hsl(var(--gray-warm-300)) transparent;
}

.scrollbar-styled::-webkit-scrollbar {
  width: 0.375rem;
}

[dir] .scrollbar-styled::-webkit-scrollbar-track {
  background-color: transparent;
}

.scrollbar-styled::-webkit-scrollbar-thumb {
  background-color: hsl(26 8% 83%);
}

[dir] .scrollbar-styled::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  background-color: hsl(var(--gray-warm-300));
}

.scrollbar-styled::-webkit-scrollbar-thumb:hover {
  background-color: hsl(25 7% 64%);
}

[dir] .scrollbar-styled::-webkit-scrollbar-thumb:hover {
  background-color: hsl(var(--gray-warm-400));
}

.container{
  width: 100%;
}

@media (min-width: 380px){
  .container{
    max-width: 380px;
  }
}

@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}


.aspect-w-3,
.aspect-w-4,
.aspect-w-16{
  position: relative;
}

[dir] .aspect-w-3,
[dir] .aspect-w-4,
[dir] .aspect-w-16{
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
}


.aspect-w-3 > *,
.aspect-w-4 > *,
.aspect-w-16 > *{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
}

[dir] .aspect-w-3 > *,
[dir] .aspect-w-4 > *,
[dir] .aspect-w-16 > *{
  right: 0;
  left: 0;
}

.aspect-w-3{
  --tw-aspect-w: 3;
}

.aspect-w-4{
  --tw-aspect-w: 4;
}

.aspect-w-16{
  --tw-aspect-w: 16;
}

.aspect-h-2{
  --tw-aspect-h: 2;
}

.aspect-h-3{
  --tw-aspect-h: 3;
}

.aspect-h-6{
  --tw-aspect-h: 6;
}

.aspect-h-9{
  --tw-aspect-h: 9;
}

.button-new-mx {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  white-space: nowrap;
  letter-spacing: -0.2px;
  font-weight: 500;
}

.button-new-mx:focus {
  outline: 2px solid hsl(226 95% 75%);
  outline: 2px solid hsl(var(--focus-ring));
  outline-offset: 2px;
}

.button-new-mx[class*=-destructive]:focus {
  outline-color: hsl(5 90% 60%);
  outline-color: hsl(var(--focus-ring-error));
}

.button-new-mx[aria-disabled=true] {
  color: hsl(25 7% 64%) !important;
  color: hsl(var(--fg-disabled)) !important;
}

[dir] .button-new-mx[aria-disabled=true] {
  cursor: not-allowed;
}

.button-new-mx[aria-disabled=true]:focus {
  outline-color: hsl(20 6% 90%);
  outline-color: hsl(var(--border-disabled-subtle));
}

.button-new-mx--xs {
  line-height: 18px;
  font-size: 12px;
}

[dir] .button-new-mx--xs {
  padding: 6px 10px;
  border-radius: 8px;
}

.button-new-mx--xs .icon {
  width: 16px;
  height: 16px;
}

.button-new-mx--sm {
  line-height: 20px;
  font-size: 14px;
}

[dir] .button-new-mx--sm {
  padding: 8px 12px;
  border-radius: 8px;
}

.button-new-mx--sm .icon {
  width: 20px;
  height: 20px;
}

.button-new-mx--md {
  line-height: 20px;
  font-size: 14px;
}

[dir] .button-new-mx--md {
  padding: 10px 14px;
  border-radius: 10px;
}

.button-new-mx--md .icon {
  width: 20px;
  height: 20px;
}

.button-new-mx--lg {
  line-height: 24px;
  font-size: 16px;
}

[dir] .button-new-mx--lg {
  padding: 10px 16px;
  border-radius: 12px;
}

.button-new-mx--lg .icon {
  width: 20px;
  height: 20px;
}

.button-new-mx--xl {
  gap: 6px;
  line-height: 24px;
  font-size: 16px;
}

[dir] .button-new-mx--xl {
  padding: 12px 18px;
  border-radius: 12px;
}

.button-new-mx--xl .icon {
  width: 20px;
  height: 20px;
}

.button-new-mx--2xl {
  gap: 10px;
  line-height: 28px;
  font-size: 18px;
}

[dir] .button-new-mx--2xl {
  padding: 16px 22px;
  border-radius: 12px;
}

.button-new-mx--2xl .icon {
  width: 24px;
  height: 24px;
}

.button-new-mx--primary {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  background: hsl(230 89% 67%);
}

[dir] .button-new-mx--primary {
  box-shadow: inset 0px -2px 0px 0px rgba(23, 20, 18, 0.05), inset 0px 0px 0px 1px rgba(23, 20, 18, 0.18), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.12);
  background: hsl(var(--button-primary-bg));
}

.button-new-mx--primary:hover {
  background: hsl(235 80% 59%);
}

[dir] .button-new-mx--primary:hover {
  background: hsl(var(--button-primary-bg-hover));
}

.button-new-mx--primary[aria-disabled=true] {
  background: hsl(60 5% 96%);
  box-shadow: inset 0px 0px 0px 1px hsl(20 6% 90%), 0px 1px 2px 0px rgba(23, 20, 18, 0.05);
}

[dir] .button-new-mx--primary[aria-disabled=true] {
  background: hsl(var(--bg-disabled));
  box-shadow: inset 0px 0px 0px 1px hsl(var(--border-disabled-subtle)), 0px 1px 2px 0px rgba(23, 20, 18, 0.05);
}

.button-new-mx--primary-destructive {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  background: hsl(5 77% 51%);
}

[dir] .button-new-mx--primary-destructive {
  box-shadow: inset 0px -2px 0px 0px rgba(23, 20, 18, 0.05), inset 0px 0px 0px 1px rgba(23, 20, 18, 0.18), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.12);
  background: hsl(var(--button-primary-destructive-bg));
}

.button-new-mx--primary-destructive:hover {
  background: hsl(5 78% 42%);
}

[dir] .button-new-mx--primary-destructive:hover {
  background: hsl(var(--button-primary-destructive-bg-hover));
}

[dir] .button-new-mx--primary-destructive:focus {
  box-shadow: inset 0px -2px 0px 0px rgba(23, 20, 18, 0.05), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.12);
}

.button-new-mx--primary-destructive[aria-disabled=true] {
  background: hsl(60 5% 96%);
  box-shadow: inset 0px 0px 0px 1px hsl(20 6% 90%), 0px 1px 2px 0px rgba(23, 20, 18, 0.05);
}

[dir] .button-new-mx--primary-destructive[aria-disabled=true] {
  background: hsl(var(--bg-disabled));
  box-shadow: inset 0px 0px 0px 1px hsl(var(--border-disabled-subtle)), 0px 1px 2px 0px rgba(23, 20, 18, 0.05);
}

.button-new-mx--secondary {
  color: hsl(230 89% 67%);
  color: hsl(var(--button-secondary-fg));
  background: hsl(0 0% 100%);
}

[dir] .button-new-mx--secondary {
  box-shadow: inset 0px -2px 0px 0px rgba(23, 20, 18, 0.05), inset 0px 0px 0px 1px rgba(23, 20, 18, 0.18), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.12);
  background: hsl(var(--button-secondary-bg));
}

.button-new-mx--secondary:hover {
  color: hsl(235 80% 59%);
  color: hsl(var(--button-secondary-fg-hover));
  background: hsl(60 9% 98%);
}

[dir] .button-new-mx--secondary:hover {
  background: hsl(var(--button-secondary-bg-hover));
}

.button-new-mx--secondary[aria-disabled=true] {
  background: hsl(0 0% 100%);
  box-shadow: inset 0px 0px 0px 1px hsl(20 6% 90%), 0px 1px 2px 0px rgba(23, 20, 18, 0.05);
}

[dir] .button-new-mx--secondary[aria-disabled=true] {
  background: hsl(var(--bg-primary));
  box-shadow: inset 0px 0px 0px 1px hsl(var(--border-disabled-subtle)), 0px 1px 2px 0px rgba(23, 20, 18, 0.05);
}

.button-new-mx--secondary-gray {
  color: hsl(30 6% 25%);
  color: hsl(var(--fg-secondary));
  background: hsl(0 0% 100%);
}

[dir] .button-new-mx--secondary-gray {
  box-shadow: inset 0px -2px 0px 0px rgba(23, 20, 18, 0.05), inset 0px 0px 0px 1px rgba(23, 20, 18, 0.18), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.12);
  background: hsl(var(--button-secondary-gray-bg));
}

.button-new-mx--secondary-gray .icon {
  color: hsl(25 7% 64%);
  color: hsl(var(--fg-quinary));
}

.button-new-mx--secondary-gray:hover .icon {
  color: hsl(26 6% 45%);
  color: hsl(var(--fg-quaternary));
}

.button-new-mx--secondary-gray[aria-disabled=true] .icon {
  color: hsl(26 8% 83%);
  color: hsl(var(--fg-disabled-subtle));
}

.button-new-mx--secondary-gray:hover {
  background: hsl(60 9% 98%);
}

[dir] .button-new-mx--secondary-gray:hover {
  background: hsl(var(--button-secondary-gray-bg-hover));
}

.button-new-mx--secondary-gray[aria-disabled=true] {
  background: hsl(0 0% 100%);
  box-shadow: inset 0px 0px 0px 1px hsl(20 6% 90%), 0px 1px 2px 0px rgba(23, 20, 18, 0.05);
}

[dir] .button-new-mx--secondary-gray[aria-disabled=true] {
  background: hsl(var(--bg-primary));
  box-shadow: inset 0px 0px 0px 1px hsl(var(--border-disabled-subtle)), 0px 1px 2px 0px rgba(23, 20, 18, 0.05);
}

.button-new-mx--secondary-destructive {
  color: hsl(5 78% 42%);
  color: hsl(var(--button-secondary-destructive-fg));
  background: hsl(0 0% 100%);
  box-shadow: inset 0px 0px 0px 1px hsl(5 100% 82%), inset 0px -2px 0px 0px rgba(23, 20, 18, 0.05);
}

[dir] .button-new-mx--secondary-destructive {
  background: hsl(var(--button-secondary-destructive-bg));
  box-shadow: inset 0px 0px 0px 1px hsl(var(--button-secondary-destructive-border)), inset 0px -2px 0px 0px rgba(23, 20, 18, 0.05);
}

.button-new-mx--secondary-destructive:focus {
  background: hsl(0 0% 100%);
}

[dir] .button-new-mx--secondary-destructive:focus {
  background: hsl(var(--button-secondary-destructive-bg-focus));
}

.button-new-mx--secondary-destructive:hover {
  color: hsl(5 74% 35%);
  color: hsl(var(--button-secondary-destructive-fg-hover));
  background: hsl(5 86% 97%);
  box-shadow: inset 0px 0px 0px 1px hsl(5 100% 82%), inset 0px -2px 0px 0px rgba(23, 20, 18, 0.05);
}

[dir] .button-new-mx--secondary-destructive:hover {
  background: hsl(var(--button-secondary-destructive-bg-hover));
  box-shadow: inset 0px 0px 0px 1px hsl(var(--button-secondary-destructive-border-hover)), inset 0px -2px 0px 0px rgba(23, 20, 18, 0.05);
}

.button-new-mx--secondary-destructive[aria-disabled=true] {
  background: hsl(0 0% 100%);
  box-shadow: inset 0px 0px 0px 1px hsl(20 6% 90%), 0px 1px 2px 0px rgba(23, 20, 18, 0.05);
}

[dir] .button-new-mx--secondary-destructive[aria-disabled=true] {
  background: hsl(var(--bg-primary));
  box-shadow: inset 0px 0px 0px 1px hsl(var(--border-disabled-subtle)), 0px 1px 2px 0px rgba(23, 20, 18, 0.05);
}

.button-new-mx--tertiary, .button-new-mx--quaternary {
  color: hsl(230 89% 67%);
  color: hsl(var(--button-tertiary-fg));
}

.button-new-mx--tertiary .icon, .button-new-mx--quaternary .icon {
  color: hsl(226 95% 75%);
  color: hsl(var(--fg-brand-secondary));
}

.button-new-mx--tertiary:hover .icon, .button-new-mx--quaternary:hover .icon {
  color: currentColor;
}

.button-new-mx--tertiary[aria-disabled=true] .icon, [aria-disabled=true].button-new-mx--quaternary .icon {
  color: hsl(26 8% 83%);
  color: hsl(var(--fg-disabled-subtle));
}

.button-new-mx--tertiary:hover, .button-new-mx--quaternary:hover {
  color: hsl(235 80% 59%);
  color: hsl(var(--button-tertiary-fg-hover));
  background: hsl(60 9% 98%);
}

[dir] .button-new-mx--tertiary:hover, [dir] .button-new-mx--quaternary:hover {
  background: hsl(var(--button-tertiary-bg-hover));
}

[dir] .button-new-mx--tertiary[aria-disabled=true], [dir] [aria-disabled=true].button-new-mx--quaternary {
  background: transparent;
}

.button-new-mx--tertiary-gray, .button-new-mx--quaternary-gray {
  color: hsl(33 5% 32%);
  color: hsl(var(--button-tertiary-gray-fg));
}

.button-new-mx--tertiary-gray .icon, .button-new-mx--quaternary-gray .icon {
  color: hsl(25 7% 64%);
  color: hsl(var(--fg-quinary));
}

.button-new-mx--tertiary-gray:hover .icon, .button-new-mx--quaternary-gray:hover .icon {
  color: hsl(26 6% 45%);
  color: hsl(var(--fg-quaternary));
}

.button-new-mx--tertiary-gray[aria-disabled=true] .icon, [aria-disabled=true].button-new-mx--quaternary-gray .icon {
  color: hsl(26 8% 83%);
  color: hsl(var(--fg-disabled-subtle));
}

.button-new-mx--tertiary-gray:hover, .button-new-mx--quaternary-gray:hover {
  color: hsl(30 6% 25%);
  color: hsl(var(--button-tertiary-gray-fg-hover));
  background: hsl(60 9% 98%);
}

[dir] .button-new-mx--tertiary-gray:hover, [dir] .button-new-mx--quaternary-gray:hover {
  background: hsl(var(--button-tertiary-bg-hover));
}

[dir] .button-new-mx--tertiary-gray[aria-disabled=true], [dir] [aria-disabled=true].button-new-mx--quaternary-gray {
  background: transparent;
}

.button-new-mx--tertiary-destructive, .button-new-mx--quaternary-destructive {
  color: hsl(5 78% 42%);
  color: hsl(var(--button-tertiary-destructive-fg));
}

.button-new-mx--tertiary-destructive:hover, .button-new-mx--quaternary-destructive:hover {
  color: hsl(5 74% 35%);
  color: hsl(var(--button-tertiary-destructive-fg-hover));
  background: hsl(5 86% 97%);
}

[dir] .button-new-mx--tertiary-destructive:hover, [dir] .button-new-mx--quaternary-destructive:hover {
  background: hsl(var(--button-tertiary-destructive-bg-hover));
}

[dir] .button-new-mx--tertiary-destructive[aria-disabled=true], [dir] [aria-disabled=true].button-new-mx--quaternary-destructive {
  background: transparent;
}

[dir] .button-new-mx--quaternary {
  padding: 0;
  border-radius: 4px;
  background: transparent;
}

[dir] .button-new-mx--quaternary:hover {
  background: transparent;
}

[dir] .button-new-mx--quaternary-gray {
  padding: 0;
  border-radius: 4px;
  background: transparent;
}

[dir] .button-new-mx--quaternary-gray:hover {
  background: transparent;
}

[dir] .button-new-mx--quaternary-destructive {
  padding: 0;
  border-radius: 4px;
  background: transparent;
}

[dir] .button-new-mx--quaternary-destructive:hover {
  background: transparent;
}

fieldset.nw-field-container {
  min-inline-size: 0;
}

[dir] fieldset.nw-field-container {
  border: 0;
  padding: 0;
  margin: 0;
}

.nw-field-container {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.nw-field-container__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.nw-field-container__content {
  width: 100%;
}

@media (min-width: 768px){
  .nw-field-container--inline{
    flex-direction: row;
    align-items: flex-start;
    gap: 1.5rem;
  }
}

@media (min-width: 768px){
  .nw-field-container--inline .nw-field-container__meta{
    min-width: 12.5rem;
    max-width: 12.5rem;
  }
}

@media (min-width: 768px){
  .nw-field-container--inline .nw-field-container__content{
    flex: 1 1 0%;
  }
}

.nw-label {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.nw-label__label {
  font-weight: 600;
  color: hsl(30 6% 25%);
  color: hsl(var(--text-secondary));
}

.nw-label__required {
  color: hsl(230 89% 67%);
  color: hsl(var(--text-brand-tertiary));
}

[dir="ltr"] .nw-label__required {
  margin-left: 2px;
}

[dir="rtl"] .nw-label__required {
  margin-right: 2px;
}

.nw-label--disabled .nw-label__label, .nw-label--disabled .nw-label__required{
  color: hsl(26 6% 45%);
  color: hsl(var(--text-disabled));
}

.nw-label--sm .nw-label__label-text {
  font-size: 0.875rem;
  line-height: 20px;
}

.nw-label--md .nw-label__label-text {
  font-size: 1rem;
  line-height: 24px;
}

.nw-field-meta {
  color: hsl(33 5% 32%);
  color: hsl(var(--text-tertiary));
}

[dir] .nw-field-meta {
  cursor: default;
}

.nw-field-meta--error {
  color: hsl(5 77% 51%);
  color: hsl(var(--text-error-primary));
}

.nw-field-meta--sm {
  font-size: 0.75rem;
  line-height: 18px;
}

.nw-field-meta--md {
  font-size: 0.875rem;
  line-height: 20px;
}

.nw-text-input {
  width: 100%;
}

.nw-text-input__control {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  border-color: hsl(26 8% 83%);
  background-color: hsl(0 0% 100%);
  --tw-shadow: 0px 1px 2px 0px rgba(23, 20, 18, 0.05);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[dir] .nw-text-input__control {
  border-radius: 8px;
  border-width: 1px;
  border-color: hsl(var(--border-primary));
  background-color: hsl(var(--bg-primary));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: background-color, border-color, color, fill, stroke;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.nw-text-input__input {
  width: 100%;
  flex: 1 1 0%;
  color: hsl(24 10% 10%);
  color: hsl(var(--text-primary));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

[dir] .nw-text-input__input {
  background-color: transparent;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.nw-text-input__input::-moz-placeholder {
  color: hsl(26 6% 45%);
  color: hsl(var(--text-placeholder));
}

.nw-text-input__input::placeholder {
  color: hsl(26 6% 45%);
  color: hsl(var(--text-placeholder));
}

.nw-text-input__icon {
  pointer-events: none;
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
}

[dir] .nw-text-input__icon {
  transform: translateY(-50%);
}

.nw-text-input__icon .icon {
  height: 1.25rem;
  width: 1.25rem;
  color: hsl(25 7% 64%);
  color: hsl(var(--fg-quinary));
}

[dir="ltr"] .nw-text-input__icon--start {
  left: 0.75rem;
}

[dir="rtl"] .nw-text-input__icon--start {
  right: 0.75rem;
}

[dir="ltr"] .nw-text-input__icon--end {
  right: 0.75rem;
}

[dir="rtl"] .nw-text-input__icon--end {
  left: 0.75rem;
}

[dir="ltr"] .nw-text-input__input--icon-start {
  padding-left: 2.5rem;
}

[dir="rtl"] .nw-text-input__input--icon-start {
  padding-right: 2.5rem;
}

[dir="ltr"] .nw-text-input__input--icon-end {
  padding-right: 2.5rem;
}

[dir="rtl"] .nw-text-input__input--icon-end {
  padding-left: 2.5rem;
}

.nw-text-input--error .nw-text-input__control {
  border-color: hsl(5 100% 82%);
}

[dir] .nw-text-input--error .nw-text-input__control {
  border-color: hsl(var(--border-error-subtle));
}

.nw-text-input--error .nw-text-input__control:focus-within {
  border-color: hsl(5 77% 51%);
  box-shadow: 0 0 0 1px hsl(5 77% 51%);
}

[dir] .nw-text-input--error .nw-text-input__control:focus-within {
  border-color: hsl(var(--border-error));
  box-shadow: 0 0 0 1px hsl(var(--border-error));
}

.nw-text-input:not(.nw-text-input--error) .nw-text-input__control:focus-within {
  border-color: hsl(230 89% 67%);
  box-shadow: 0 0 0 1px hsl(230 89% 67%);
}

[dir] .nw-text-input:not(.nw-text-input--error) .nw-text-input__control:focus-within {
  border-color: hsl(var(--border-brand));
  box-shadow: 0 0 0 1px hsl(var(--border-brand));
}

.nw-text-input--disabled .nw-text-input__control {
  border-color: hsl(26 8% 83%);
  background-color: hsl(60 9% 98%);
}

[dir] .nw-text-input--disabled .nw-text-input__control {
  cursor: not-allowed;
  border-color: hsl(var(--border-disabled));
  background-color: hsl(var(--bg-disabled-subtle));
}

.nw-text-input--disabled .nw-text-input__input {
  color: hsl(26 6% 45%);
  color: hsl(var(--text-disabled));
}

[dir] .nw-text-input--disabled .nw-text-input__input {
  cursor: not-allowed;
}

.nw-text-input--disabled .nw-text-input__input::-moz-placeholder {
  color: hsl(26 6% 45%);
  color: hsl(var(--text-disabled));
}

.nw-text-input--disabled .nw-text-input__input::placeholder {
  color: hsl(26 6% 45%);
  color: hsl(var(--text-disabled));
}

.nw-text-input--sm .nw-text-input__control {
  min-height: 40px;
}

.nw-text-input--sm .nw-text-input__input {
  font-size: 1rem;
  line-height: 20px;
}

.nw-text-input--md .nw-text-input__control {
  min-height: 44px;
}

.nw-text-input--md .nw-text-input__input {
  font-size: 1rem;
  line-height: 24px;
}

.nw-tag {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  gap: 2px;
  --tw-shadow: 0px 1px 2px 0px rgba(23, 20, 18, 0.05);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  white-space: nowrap;
  font-weight: 500;
}

[dir] .nw-tag {
  border-radius: 0.375rem;
  border-width: 1px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.nw-tag:focus-within {
  box-shadow: 0 0 0 2px hsl(230 89% 67%);
}

[dir] .nw-tag:focus-within {
  box-shadow: 0 0 0 2px hsl(var(--border-brand));
}

.nw-tag__label {
  min-width: 0rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: inherit;
  line-height: inherit;
}

.nw-tag__leading-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.nw-tag__leading-icon > svg {
  height: 0.875rem;
  width: 0.875rem;
}

.nw-tag--color-default {
  border-color: hsl(26 8% 83%);
  background-color: hsl(0 0% 100%);
  color: hsl(30 6% 25%);
  color: hsl(var(--text-secondary));
}

[dir] .nw-tag--color-default {
  border-color: hsl(var(--border-primary));
  background-color: hsl(var(--bg-primary));
}

.nw-tag--color-green {
  background-color: hsl(136 39% 45%);
  border-color: hsl(136 39% 45%);
  color: hsl(0 0% 100%);
  color: hsl(var(--fg-white));
}

[dir] .nw-tag--color-green {
  background-color: hsl(var(--nw-success-500));
  border-color: hsl(var(--nw-success-500));
}

.nw-tag--color-green .nw-tag__leading-icon > svg {
  color: hsl(0 0% 100%);
  color: hsl(var(--fg-white));
}

.nw-tag--color-blue {
  border-color: hsl(219 100% 89%);
  background-color: hsl(217 100% 96%);
  color: hsl(235 80% 59%);
  color: hsl(var(--text-brand-secondary));
}

[dir] .nw-tag--color-blue {
  border-color: hsl(var(--border-brand-subtle));
  background-color: hsl(var(--bg-brand-primary-alt));
}

.nw-tag__action {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  font-size: inherit;
  line-height: inherit;
}

[dir] .nw-tag__action {
  border-radius: 0.125rem;
  cursor: pointer;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
}

.nw-tag__action .icon {
  color: hsl(25 7% 64%);
  color: hsl(var(--fg-quinary));
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[dir] .nw-tag__action .icon {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.nw-tag__action .icon path {
  stroke-width: 3;
}

.nw-tag__action:hover .icon {
  color: hsl(30 6% 25%);
  color: hsl(var(--text-secondary));
}

.nw-tag__action:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

[dir] .nw-tag__action:disabled {
  cursor: not-allowed;
}

.nw-tag__action:disabled .icon {
  color: hsl(26 6% 45%);
  color: hsl(var(--text-disabled));
}

.nw-tag--sm {
  font-size: 0.75rem;
  line-height: 18px;
  height: 24px;
}

[dir] .nw-tag--sm {
  border-radius: 0.375rem;
  padding: 2px 6px;
}

[dir="ltr"] .nw-tag--sm.nw-tag--interactive {
  padding-left: 6px;
  padding-right: 3px;
}

[dir="rtl"] .nw-tag--sm.nw-tag--interactive {
  padding-right: 6px;
  padding-left: 3px;
}

.nw-tag--sm .nw-tag__action {
  height: 10.5px;
  width: 10.5px;
}

.nw-tag--md {
  font-size: 0.875rem;
  line-height: 20px;
}

[dir] .nw-tag--md {
  border-radius: 0.375rem;
  padding: 2px 8px;
}

[dir="ltr"] .nw-tag--md.nw-tag--interactive {
  padding-left: 8px;
  padding-right: 4px;
}

[dir="rtl"] .nw-tag--md.nw-tag--interactive {
  padding-right: 8px;
  padding-left: 4px;
}

.nw-tag--md .nw-tag__action {
  height: 1rem;
  width: 1rem;
}

.nw-tag--md .nw-tag__action .icon {
  height: 0.75rem;
  width: 0.75rem;
}

.nw-tag--lg {
  font-size: 0.875rem;
  line-height: 20px;
}

[dir] .nw-tag--lg {
  border-radius: 0.5rem;
  padding: 4px 10px;
}

[dir="ltr"] .nw-tag--lg.nw-tag--interactive {
  padding-left: 10px;
  padding-right: 6px;
}

[dir="rtl"] .nw-tag--lg.nw-tag--interactive {
  padding-right: 10px;
  padding-left: 6px;
}

.nw-tag--lg .nw-tag__action {
  height: 1rem;
  width: 1rem;
}

.nw-tag--lg .nw-tag__action .icon {
  height: 0.75rem;
  width: 0.75rem;
}

.nw-tag--disabled {
  border-color: hsl(26 8% 83%);
  background-color: hsl(60 9% 98%);
  color: hsl(26 6% 45%);
  color: hsl(var(--text-disabled));
}

[dir] .nw-tag--disabled {
  cursor: not-allowed;
  border-color: hsl(var(--border-disabled));
  background-color: hsl(var(--bg-disabled-subtle));
}

.nw-combobox-panel {
  display: flex;
  flex-direction: column;
  border-color: hsl(26 8% 83%);
  background-color: hsl(0 0% 100%);
  --tw-shadow: 0px 1px 3px 0px rgba(23, 20, 18, 0.10), 0px 1px 2px -1px rgba(23, 20, 18, 0.10);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  overflow: hidden;
  flex: 0 1 auto;
  min-height: 0;
}

[dir] .nw-combobox-panel {
  border-radius: 8px;
  border-width: 1px;
  border-color: hsl(var(--border-primary));
  background-color: hsl(var(--bg-primary));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.nw-combobox-panel__header, .nw-combobox-panel__footer{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.5rem;
}

.nw-combobox-panel__header {
  justify-content: space-between;
  border-color: hsl(20 6% 90%);
}

[dir] .nw-combobox-panel__header {
  border-bottom-width: 1px;
  border-color: hsl(var(--border-secondary));
  padding: 10px 12px;
}

.nw-combobox-panel__footer {
  justify-content: flex-end;
  border-color: hsl(20 6% 90%);
}

[dir] .nw-combobox-panel__footer {
  border-top-width: 1px;
  border-color: hsl(var(--border-secondary));
  padding: 8px 12px;
}

.nw-combobox-panel__actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.nw-combobox-panel__action {
  font-size: 0.875rem;
  color: hsl(230 89% 67%);
  color: hsl(var(--fg-brand-primary));
}

.nw-combobox-panel__action:hover{
  text-decoration: underline;
}

.nw-combobox-listbox {
  overflow-y: auto;
  flex: 1 1 auto;
  min-height: 0;
  overscroll-behavior: none;
}

[dir] .nw-combobox-listbox {
  padding: 4px;
}

.nw-combobox-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 20px;
  color: hsl(24 10% 10%);
  color: hsl(var(--text-primary));
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  font-size: inherit;
}

[dir] .nw-combobox-option {
  cursor: pointer;
  border-radius: 0.375rem;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  padding: 8px 10px;
}

.nw-combobox-option__content {
  flex: 1 1 0%;
  font-size: inherit;
  line-height: inherit;
}

.nw-combobox-option__check {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.nw-combobox-option__check .icon {
  height: 1.25rem;
  width: 1.25rem;
  color: hsl(230 89% 67%);
  color: hsl(var(--fg-brand-primary));
}

.nw-combobox-option__checkbox {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-color: hsl(26 8% 83%);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  width: 18px;
  height: 18px;
}

[dir] .nw-combobox-option__checkbox {
  border-radius: 0.125rem;
  border-width: 1px;
  border-color: hsl(var(--border-primary));
  transition-property: background-color, border-color, color, fill, stroke;
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.nw-combobox-option__checkbox .icon {
  height: 1rem;
  width: 1rem;
  color: hsl(0 0% 100%);
  color: hsl(var(--fg-white));
}

.nw-combobox-option__checkbox--checked {
  border-color: hsl(230 89% 67%);
  background-color: hsl(230 89% 67%);
}

[dir] .nw-combobox-option__checkbox--checked {
  border-color: hsl(var(--border-brand));
  background-color: hsl(var(--bg-brand-solid));
}

.nw-combobox-option--active {
  background-color: hsl(60 9% 98%);
}

[dir] .nw-combobox-option--active {
  background-color: hsl(var(--bg-primary-hover));
}

.nw-combobox-option--selected {
  font-weight: 500;
}

.nw-combobox-option--disabled {
  color: hsl(26 6% 45%);
  color: hsl(var(--text-disabled));
}

[dir] .nw-combobox-option--disabled {
  cursor: not-allowed;
}

.nw-combobox-option--disabled .nw-combobox-option__checkbox {
  border-color: hsl(26 8% 83%);
}

[dir] .nw-combobox-option--disabled .nw-combobox-option__checkbox {
  border-color: hsl(var(--border-disabled));
}

[dir] .nw-combobox-option--disabled.nw-combobox-option--active {
  background-color: transparent;
}

.nw-combobox-option--create {
  font-weight: 500;
  color: hsl(230 89% 67%);
  color: hsl(var(--fg-brand-primary));
}

.nw-combobox-empty {
  font-size: 0.875rem;
  color: hsl(33 5% 32%);
  color: hsl(var(--text-tertiary));
}

[dir] .nw-combobox-empty {
  text-align: center;
  padding: 12px 10px;
}

.nw-select {
  width: 100%;
}

.nw-select__container {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
  border-color: hsl(26 8% 83%);
  background-color: hsl(0 0% 100%);
  --tw-shadow: 0px 1px 2px 0px rgba(23, 20, 18, 0.05);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  gap: 4px;
}

[dir] .nw-select__container {
  border-radius: 8px;
  border-width: 1px;
  border-color: hsl(var(--border-primary));
  background-color: hsl(var(--bg-primary));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: background-color, border-color, color, fill, stroke;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  padding: 4px 12px;
}

.nw-select__container:focus-within {
  border-color: hsl(230 89% 67%);
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 1px hsl(230 89% 67%);
}

[dir] .nw-select__container:focus-within {
  border-color: hsl(var(--border-brand));
  box-shadow: 0 0 0 1px hsl(var(--border-brand));
}

.nw-select__trigger {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  outline: 2px solid transparent;
  outline-offset: 2px;
  min-width: 60px;
  gap: 8px;
}

[dir="ltr"] .nw-select__trigger {
  text-align: left;
}

[dir="rtl"] .nw-select__trigger {
  text-align: right;
}

.nw-select__value-area {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  overflow: hidden;
  min-width: 0;
}

[dir] .nw-select__value-area {
  padding: 2px 0;
}

.nw-select__selected-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: hsl(24 10% 10%);
  color: hsl(var(--text-primary));
  font-size: inherit;
  line-height: inherit;
}

.nw-select__placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: hsl(26 6% 45%);
  color: hsl(var(--text-placeholder));
  font-size: inherit;
  line-height: inherit;
}

.nw-select__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}

.nw-select__chevron {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[dir] .nw-select__chevron {
  transition-property: transform;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.nw-select__chevron .icon {
  height: 1.25rem;
  width: 1.25rem;
  color: hsl(25 7% 64%);
  color: hsl(var(--fg-quinary));
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[dir] .nw-select__chevron .icon {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.nw-select__chevron:hover .icon {
  color: hsl(30 6% 25%);
  color: hsl(var(--text-secondary));
}

[dir="ltr"] .nw-select--open .nw-select__chevron {
  transform: rotate(180deg);
}

[dir="rtl"] .nw-select--open .nw-select__chevron {
  transform: rotate(-180deg);
}

.nw-select--open .nw-select__container {
  border-color: hsl(230 89% 67%);
  box-shadow: 0 0 0 1px hsl(230 89% 67%);
}

[dir] .nw-select--open .nw-select__container {
  border-color: hsl(var(--border-brand));
  box-shadow: 0 0 0 1px hsl(var(--border-brand));
}

.nw-select--error .nw-select__container {
  border-color: hsl(5 100% 82%);
}

[dir] .nw-select--error .nw-select__container {
  border-color: hsl(var(--border-error-subtle));
}

.nw-select--error .nw-select__container:focus-within {
  border-color: hsl(5 77% 51%);
  box-shadow: 0 0 0 1px hsl(5 77% 51%);
}

[dir] .nw-select--error .nw-select__container:focus-within {
  border-color: hsl(var(--border-error));
  box-shadow: 0 0 0 1px hsl(var(--border-error));
}

.nw-select--error.nw-select--open .nw-select__container {
  border-color: hsl(5 77% 51%);
  box-shadow: 0 0 0 1px hsl(5 77% 51%);
}

[dir] .nw-select--error.nw-select--open .nw-select__container {
  border-color: hsl(var(--border-error));
  box-shadow: 0 0 0 1px hsl(var(--border-error));
}

.nw-select--disabled .nw-select__container {
  border-color: hsl(26 8% 83%);
  background-color: hsl(60 9% 98%);
}

[dir] .nw-select--disabled .nw-select__container {
  cursor: not-allowed;
  border-color: hsl(var(--border-disabled));
  background-color: hsl(var(--bg-disabled-subtle));
}

.nw-select--disabled .nw-select__selected-text, .nw-select--disabled .nw-select__placeholder{
  color: hsl(26 6% 45%);
  color: hsl(var(--text-disabled));
}

.nw-select--disabled .nw-select__chevron .icon {
  color: hsl(26 6% 45%);
  color: hsl(var(--text-disabled));
}

.nw-select--sm .nw-select__container {
  min-height: 40px;
}

.nw-select--sm .nw-select__selected-text, .nw-select--sm .nw-select__placeholder{
  font-size: 1rem;
  line-height: 20px;
}

.nw-select--md .nw-select__container {
  min-height: 44px;
}

.nw-select--md .nw-select__selected-text, .nw-select--md .nw-select__placeholder{
  font-size: 1rem;
  line-height: 24px;
}

.nw-autocomplete {
  width: 100%;
}

.nw-autocomplete__container {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
  border-color: hsl(26 8% 83%);
  background-color: hsl(0 0% 100%);
  --tw-shadow: 0px 1px 2px 0px rgba(23, 20, 18, 0.05);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  gap: 4px;
}

[dir] .nw-autocomplete__container {
  border-radius: 8px;
  border-width: 1px;
  border-color: hsl(var(--border-primary));
  background-color: hsl(var(--bg-primary));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: background-color, border-color, color, fill, stroke;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  cursor: text;
  padding: 4px 12px;
}

.nw-autocomplete__container:focus-within {
  border-color: hsl(230 89% 67%);
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 1px hsl(230 89% 67%);
}

[dir] .nw-autocomplete__container:focus-within {
  border-color: hsl(var(--border-brand));
  box-shadow: 0 0 0 1px hsl(var(--border-brand));
}

.nw-autocomplete__input-area {
  display: flex;
  min-width: 0rem;
  flex: 1 1 0%;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  gap: 4px;
}

.nw-autocomplete__input {
  flex: 1 1 0%;
  color: hsl(24 10% 10%);
  color: hsl(var(--text-primary));
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding: 0px;
  font-size: inherit;
  line-height: inherit;
  min-width: 60px;
  max-width: 100%;
}

[dir] .nw-autocomplete__input {
  background-color: transparent;
  margin: 0px;
  border-width: 0px;
  padding: 2px 0;
}

.nw-autocomplete__input::-moz-placeholder {
  color: hsl(26 6% 45%);
  color: hsl(var(--text-placeholder));
}

.nw-autocomplete__input::placeholder {
  color: hsl(26 6% 45%);
  color: hsl(var(--text-placeholder));
}

[dir] .nw-autocomplete__input:disabled {
  cursor: not-allowed;
}

.nw-autocomplete--multiple .nw-autocomplete__input {
  flex: none;
  min-width: 0;
  width: auto;
}

.nw-autocomplete__tags {
  display: contents;
}

.nw-autocomplete__sizer {
  position: absolute;
  top: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  white-space: pre;
  z-index: -1000;
  font-size: inherit;
  line-height: inherit;
}

[dir="ltr"] .nw-autocomplete__sizer {
  left: 0;
}

[dir="rtl"] .nw-autocomplete__sizer {
  right: 0;
}

.nw-autocomplete__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

.nw-autocomplete__icon .icon {
  height: 1.25rem;
  width: 1.25rem;
  color: hsl(25 7% 64%);
  color: hsl(var(--fg-quinary));
}

.nw-autocomplete__actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
}

.nw-autocomplete__clear {
  display: flex;
  align-items: center;
  justify-content: center;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[dir] .nw-autocomplete__clear {
  cursor: pointer;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.nw-autocomplete__clear .icon {
  height: 1.25rem;
  width: 1.25rem;
  color: hsl(25 7% 64%);
  color: hsl(var(--fg-quinary));
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[dir] .nw-autocomplete__clear .icon {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.nw-autocomplete__clear:hover .icon {
  color: hsl(30 6% 25%);
  color: hsl(var(--text-secondary));
}

.nw-autocomplete__loader {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.nw-autocomplete__chevron {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[dir] .nw-autocomplete__chevron {
  transition-property: transform;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.nw-autocomplete__chevron .icon {
  height: 1.25rem;
  width: 1.25rem;
  color: hsl(25 7% 64%);
  color: hsl(var(--fg-quinary));
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[dir] .nw-autocomplete__chevron .icon {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.nw-autocomplete__chevron:hover .icon {
  color: hsl(30 6% 25%);
  color: hsl(var(--text-secondary));
}

[dir="ltr"] .nw-autocomplete--open .nw-autocomplete__chevron {
  transform: rotate(180deg);
}

[dir="rtl"] .nw-autocomplete--open .nw-autocomplete__chevron {
  transform: rotate(-180deg);
}

.nw-autocomplete--open .nw-autocomplete__container {
  border-color: hsl(230 89% 67%);
  box-shadow: 0 0 0 1px hsl(230 89% 67%);
}

[dir] .nw-autocomplete--open .nw-autocomplete__container {
  border-color: hsl(var(--border-brand));
  box-shadow: 0 0 0 1px hsl(var(--border-brand));
}

.nw-autocomplete--error .nw-autocomplete__container {
  border-color: hsl(5 100% 82%);
}

[dir] .nw-autocomplete--error .nw-autocomplete__container {
  border-color: hsl(var(--border-error-subtle));
}

.nw-autocomplete--error .nw-autocomplete__container:focus-within {
  border-color: hsl(5 77% 51%);
  box-shadow: 0 0 0 1px hsl(5 77% 51%);
}

[dir] .nw-autocomplete--error .nw-autocomplete__container:focus-within {
  border-color: hsl(var(--border-error));
  box-shadow: 0 0 0 1px hsl(var(--border-error));
}

.nw-autocomplete--error.nw-autocomplete--open .nw-autocomplete__container {
  border-color: hsl(5 77% 51%);
  box-shadow: 0 0 0 1px hsl(5 77% 51%);
}

[dir] .nw-autocomplete--error.nw-autocomplete--open .nw-autocomplete__container {
  border-color: hsl(var(--border-error));
  box-shadow: 0 0 0 1px hsl(var(--border-error));
}

.nw-autocomplete--disabled .nw-autocomplete__container {
  border-color: hsl(26 8% 83%);
  background-color: hsl(60 9% 98%);
}

[dir] .nw-autocomplete--disabled .nw-autocomplete__container {
  cursor: not-allowed;
  border-color: hsl(var(--border-disabled));
  background-color: hsl(var(--bg-disabled-subtle));
}

.nw-autocomplete--disabled .nw-autocomplete__input::-moz-placeholder{
  color: hsl(26 6% 45%);
  color: hsl(var(--text-disabled));
}

.nw-autocomplete--disabled .nw-autocomplete__input, .nw-autocomplete--disabled .nw-autocomplete__input::placeholder{
  color: hsl(26 6% 45%);
  color: hsl(var(--text-disabled));
}

[dir] .nw-autocomplete--disabled .nw-autocomplete__chevron {
  cursor: not-allowed;
}

.nw-autocomplete--disabled .nw-autocomplete__chevron:hover .icon, .nw-autocomplete--disabled .nw-autocomplete__chevron .icon{
  color: hsl(26 6% 45%);
  color: hsl(var(--text-disabled));
}

.nw-autocomplete--sm .nw-autocomplete__container {
  min-height: 40px;
}

.nw-autocomplete--sm .nw-autocomplete__input {
  font-size: 1rem;
  line-height: 20px;
}

.nw-autocomplete--md .nw-autocomplete__container {
  min-height: 44px;
}

.nw-autocomplete--md .nw-autocomplete__input {
  font-size: 1rem;
  line-height: 24px;
}

.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

[dir] .sr-only{
  padding: 0;
  margin: -1px;
  border-width: 0;
}

.focus\:not-sr-only:focus{
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

[dir] .focus\:not-sr-only:focus{
  padding: 0;
  margin: 0;
}

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

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

.visible{
  visibility: visible;
}

.invisible{
  visibility: hidden;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

.inset-0{
  top: 0px;
  bottom: 0px;
}

[dir] .inset-0{
  right: 0px;
  left: 0px;
}

[dir] .inset-x-2{
  left: 0.5rem;
  right: 0.5rem;
}

[dir] .inset-x-4{
  left: 1rem;
  right: 1rem;
}

.inset-y-0{
  top: 0px;
  bottom: 0px;
}

.top-0{
  top: 0px;
}

.top-2{
  top: 0.5rem;
}

.top-3{
  top: 0.75rem;
}

.top-4{
  top: 1rem;
}

.top-5{
  top: 1.25rem;
}

.top-6{
  top: 1.5rem;
}

.top-7{
  top: 1.75rem;
}

.top-16{
  top: 4rem;
}

.top-32{
  top: 8rem;
}

.top-auto{
  top: auto;
}

.-top-0{
  top: 0px;
}

.-top-1{
  top: -0.25rem;
}

.-top-4{
  top: -1rem;
}

.-top-12{
  top: -3rem;
}

.-top-0\.5{
  top: -2px;
}

.top-1\/2{
  top: 50%;
}

.top-full{
  top: 100%;
}

[dir="ltr"] .right-0{
  right: 0px;
}

[dir="rtl"] .right-0{
  left: 0px;
}

[dir="ltr"] .right-2{
  right: 0.5rem;
}

[dir="rtl"] .right-2{
  left: 0.5rem;
}

[dir="ltr"] .right-3{
  right: 0.75rem;
}

[dir="rtl"] .right-3{
  left: 0.75rem;
}

[dir="ltr"] .right-4{
  right: 1rem;
}

[dir="rtl"] .right-4{
  left: 1rem;
}

[dir="ltr"] .right-6{
  right: 1.5rem;
}

[dir="rtl"] .right-6{
  left: 1.5rem;
}

[dir="ltr"] .right-8{
  right: 2rem;
}

[dir="rtl"] .right-8{
  left: 2rem;
}

[dir="ltr"] .right-2\.5{
  right: 10px;
}

[dir="rtl"] .right-2\.5{
  left: 10px;
}

[dir="ltr"] .right-3\.5{
  right: 0.875rem;
}

[dir="rtl"] .right-3\.5{
  left: 0.875rem;
}

[dir="ltr"] .-right-0{
  right: 0px;
}

[dir="rtl"] .-right-0{
  left: 0px;
}

[dir="ltr"] .-right-1{
  right: -0.25rem;
}

[dir="rtl"] .-right-1{
  left: -0.25rem;
}

[dir="ltr"] .-right-3{
  right: -0.75rem;
}

[dir="rtl"] .-right-3{
  left: -0.75rem;
}

[dir="ltr"] .-right-4{
  right: -1rem;
}

[dir="rtl"] .-right-4{
  left: -1rem;
}

[dir="ltr"] .-right-8{
  right: -2rem;
}

[dir="rtl"] .-right-8{
  left: -2rem;
}

[dir="ltr"] .-right-40{
  right: -10rem;
}

[dir="rtl"] .-right-40{
  left: -10rem;
}

[dir="ltr"] .-right-0\.5{
  right: -2px;
}

[dir="rtl"] .-right-0\.5{
  left: -2px;
}

.bottom-0{
  bottom: 0px;
}

.bottom-2{
  bottom: 0.5rem;
}

.bottom-3{
  bottom: 0.75rem;
}

.bottom-7{
  bottom: 1.75rem;
}

.bottom-8{
  bottom: 2rem;
}

.-bottom-1{
  bottom: -0.25rem;
}

.-bottom-5{
  bottom: -1.25rem;
}

.-bottom-6{
  bottom: -1.5rem;
}

.-bottom-8{
  bottom: -2rem;
}

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

.bottom-full{
  bottom: 100%;
}

[dir="ltr"] .left-0{
  left: 0px;
}

[dir="rtl"] .left-0{
  right: 0px;
}

[dir="ltr"] .left-2{
  left: 0.5rem;
}

[dir="rtl"] .left-2{
  right: 0.5rem;
}

[dir="ltr"] .left-3{
  left: 0.75rem;
}

[dir="rtl"] .left-3{
  right: 0.75rem;
}

[dir="ltr"] .left-6{
  left: 1.5rem;
}

[dir="rtl"] .left-6{
  right: 1.5rem;
}

[dir="ltr"] .-left-6{
  left: -1.5rem;
}

[dir="rtl"] .-left-6{
  right: -1.5rem;
}

[dir="ltr"] .-left-8{
  left: -2rem;
}

[dir="rtl"] .-left-8{
  right: -2rem;
}

[dir="ltr"] .-left-10{
  left: -2.5rem;
}

[dir="rtl"] .-left-10{
  right: -2.5rem;
}

[dir="ltr"] .-left-40{
  left: -10rem;
}

[dir="rtl"] .-left-40{
  right: -10rem;
}

[dir="ltr"] .left-1\/2{
  left: 50%;
}

[dir="rtl"] .left-1\/2{
  right: 50%;
}

.isolate{
  isolation: isolate;
}

.z-0{
  z-index: 0;
}

.z-1{
  z-index: 1;
}

.z-5{
  z-index: 5;
}

.z-10{
  z-index: 10;
}

.z-20{
  z-index: 20;
}

.z-40{
  z-index: 40;
}

.z-50{
  z-index: 50;
}

.focus\:z-1:focus{
  z-index: 1;
}

.focus\:z-10:focus{
  z-index: 10;
}

.order-first{
  order: -9999;
}

.order-last{
  order: 9999;
}

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

.col-span-6{
  grid-column: span 6 / span 6;
}

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

.col-span-12{
  grid-column: span 12 / span 12;
}

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

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

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

[dir="ltr"] .float-right{
  float: right;
}

[dir="rtl"] .float-right{
  float: left;
}

[dir="ltr"] .float-left{
  float: left;
}

[dir="rtl"] .float-left{
  float: right;
}

[dir] .m-0{
  margin: 0px;
}

[dir] .m-1{
  margin: 0.25rem;
}

[dir] .m-2{
  margin: 0.5rem;
}

[dir] .m-3{
  margin: 0.75rem;
}

[dir] .m-4{
  margin: 1rem;
}

[dir] .m-6{
  margin: 1.5rem;
}

[dir] .m-12{
  margin: 3rem;
}

[dir] .m-auto{
  margin: auto;
}

[dir] .mx-0{
  margin-left: 0px;
  margin-right: 0px;
}

[dir] .mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

[dir] .mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

[dir] .mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

[dir] .mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}

[dir] .mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

[dir] .mx-8{
  margin-left: 2rem;
  margin-right: 2rem;
}

[dir] .mx-11{
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}

[dir] .mx-auto{
  margin-left: auto;
  margin-right: auto;
}

[dir] .mx-1\.5{
  margin-left: 6px;
  margin-right: 6px;
}

[dir] .-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

[dir] .-mx-2{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

[dir] .-mx-4{
  margin-left: -1rem;
  margin-right: -1rem;
}

[dir] .-mx-6{
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

[dir] .my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

[dir] .my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

[dir] .my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

[dir] .my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

[dir] .my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

[dir] .my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

[dir] .my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

[dir] .my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

[dir] .my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}

[dir] .my-14{
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

[dir] .my-16{
  margin-top: 4rem;
  margin-bottom: 4rem;
}

[dir] .my-auto{
  margin-top: auto;
  margin-bottom: auto;
}

[dir] .mt-0{
  margin-top: 0px;
}

[dir] .mt-1{
  margin-top: 0.25rem;
}

[dir] .mt-2{
  margin-top: 0.5rem;
}

[dir] .mt-3{
  margin-top: 0.75rem;
}

[dir] .mt-4{
  margin-top: 1rem;
}

[dir] .mt-5{
  margin-top: 1.25rem;
}

[dir] .mt-6{
  margin-top: 1.5rem;
}

[dir] .mt-7{
  margin-top: 1.75rem;
}

[dir] .mt-8{
  margin-top: 2rem;
}

[dir] .mt-9{
  margin-top: 2.25rem;
}

[dir] .mt-10{
  margin-top: 2.5rem;
}

[dir] .mt-12{
  margin-top: 3rem;
}

[dir] .mt-16{
  margin-top: 4rem;
}

[dir] .mt-24{
  margin-top: 6rem;
}

[dir] .mt-auto{
  margin-top: auto;
}

[dir] .mt-0\.5{
  margin-top: 2px;
}

[dir] .mt-1\.5{
  margin-top: 6px;
}

[dir] .mt-2\.5{
  margin-top: 10px;
}

[dir] .mt-3\.5{
  margin-top: 0.875rem;
}

[dir] .-mt-2{
  margin-top: -0.5rem;
}

[dir] .-mt-4{
  margin-top: -1rem;
}

[dir] .-mt-6{
  margin-top: -1.5rem;
}

[dir="ltr"] .mr-1{
  margin-right: 0.25rem;
}

[dir="rtl"] .mr-1{
  margin-left: 0.25rem;
}

[dir="ltr"] .mr-2{
  margin-right: 0.5rem;
}

[dir="rtl"] .mr-2{
  margin-left: 0.5rem;
}

[dir="ltr"] .mr-3{
  margin-right: 0.75rem;
}

[dir="rtl"] .mr-3{
  margin-left: 0.75rem;
}

[dir="ltr"] .mr-4{
  margin-right: 1rem;
}

[dir="rtl"] .mr-4{
  margin-left: 1rem;
}

[dir="ltr"] .mr-5{
  margin-right: 1.25rem;
}

[dir="rtl"] .mr-5{
  margin-left: 1.25rem;
}

[dir="ltr"] .mr-6{
  margin-right: 1.5rem;
}

[dir="rtl"] .mr-6{
  margin-left: 1.5rem;
}

[dir="ltr"] .mr-8{
  margin-right: 2rem;
}

[dir="rtl"] .mr-8{
  margin-left: 2rem;
}

[dir="ltr"] .mr-10{
  margin-right: 2.5rem;
}

[dir="rtl"] .mr-10{
  margin-left: 2.5rem;
}

[dir="ltr"] .mr-auto{
  margin-right: auto;
}

[dir="rtl"] .mr-auto{
  margin-left: auto;
}

[dir="ltr"] .mr-2\.5{
  margin-right: 10px;
}

[dir="rtl"] .mr-2\.5{
  margin-left: 10px;
}

[dir="ltr"] .-mr-4{
  margin-right: -1rem;
}

[dir="rtl"] .-mr-4{
  margin-left: -1rem;
}

[dir] .mb-0{
  margin-bottom: 0px;
}

[dir] .mb-1{
  margin-bottom: 0.25rem;
}

[dir] .mb-2{
  margin-bottom: 0.5rem;
}

[dir] .mb-3{
  margin-bottom: 0.75rem;
}

[dir] .mb-4{
  margin-bottom: 1rem;
}

[dir] .mb-5{
  margin-bottom: 1.25rem;
}

[dir] .mb-6{
  margin-bottom: 1.5rem;
}

[dir] .mb-7{
  margin-bottom: 1.75rem;
}

[dir] .mb-8{
  margin-bottom: 2rem;
}

[dir] .mb-9{
  margin-bottom: 2.25rem;
}

[dir] .mb-10{
  margin-bottom: 2.5rem;
}

[dir] .mb-12{
  margin-bottom: 3rem;
}

[dir] .mb-16{
  margin-bottom: 4rem;
}

[dir] .mb-20{
  margin-bottom: 5rem;
}

[dir] .mb-auto{
  margin-bottom: auto;
}

[dir] .mb-px{
  margin-bottom: 1px;
}

[dir] .mb-0\.5{
  margin-bottom: 2px;
}

[dir] .mb-1\.5{
  margin-bottom: 6px;
}

[dir] .mb-2\.5{
  margin-bottom: 10px;
}

[dir] .-mb-1{
  margin-bottom: -0.25rem;
}

[dir="ltr"] .ml-0{
  margin-left: 0px;
}

[dir="rtl"] .ml-0{
  margin-right: 0px;
}

[dir="ltr"] .ml-1{
  margin-left: 0.25rem;
}

[dir="rtl"] .ml-1{
  margin-right: 0.25rem;
}

[dir="ltr"] .ml-2{
  margin-left: 0.5rem;
}

[dir="rtl"] .ml-2{
  margin-right: 0.5rem;
}

[dir="ltr"] .ml-3{
  margin-left: 0.75rem;
}

[dir="rtl"] .ml-3{
  margin-right: 0.75rem;
}

[dir="ltr"] .ml-4{
  margin-left: 1rem;
}

[dir="rtl"] .ml-4{
  margin-right: 1rem;
}

[dir="ltr"] .ml-5{
  margin-left: 1.25rem;
}

[dir="rtl"] .ml-5{
  margin-right: 1.25rem;
}

[dir="ltr"] .ml-6{
  margin-left: 1.5rem;
}

[dir="rtl"] .ml-6{
  margin-right: 1.5rem;
}

[dir="ltr"] .ml-8{
  margin-left: 2rem;
}

[dir="rtl"] .ml-8{
  margin-right: 2rem;
}

[dir="ltr"] .ml-10{
  margin-left: 2.5rem;
}

[dir="rtl"] .ml-10{
  margin-right: 2.5rem;
}

[dir="ltr"] .ml-11{
  margin-left: 2.75rem;
}

[dir="rtl"] .ml-11{
  margin-right: 2.75rem;
}

[dir="ltr"] .ml-12{
  margin-left: 3rem;
}

[dir="rtl"] .ml-12{
  margin-right: 3rem;
}

[dir="ltr"] .ml-14{
  margin-left: 3.5rem;
}

[dir="rtl"] .ml-14{
  margin-right: 3.5rem;
}

[dir="ltr"] .ml-auto{
  margin-left: auto;
}

[dir="rtl"] .ml-auto{
  margin-right: auto;
}

[dir="ltr"] .ml-0\.5{
  margin-left: 2px;
}

[dir="rtl"] .ml-0\.5{
  margin-right: 2px;
}

[dir="ltr"] .ml-1\.5{
  margin-left: 6px;
}

[dir="rtl"] .ml-1\.5{
  margin-right: 6px;
}

[dir="ltr"] .-ml-1{
  margin-left: -0.25rem;
}

[dir="rtl"] .-ml-1{
  margin-right: -0.25rem;
}

[dir="ltr"] .-ml-2{
  margin-left: -0.5rem;
}

[dir="rtl"] .-ml-2{
  margin-right: -0.5rem;
}

[dir="ltr"] .-ml-4{
  margin-left: -1rem;
}

[dir="rtl"] .-ml-4{
  margin-right: -1rem;
}

[dir="ltr"] .-ml-2\.5{
  margin-left: -10px;
}

[dir="rtl"] .-ml-2\.5{
  margin-right: -10px;
}

.box-border{
  box-sizing: border-box;
}

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

.block{
  display: block;
}

.inline-block{
  display: inline-block;
}

.inline{
  display: inline;
}

.flex{
  display: flex;
}

.inline-flex{
  display: inline-flex;
}

.table{
  display: table;
}

.table-cell{
  display: table-cell;
}

.table-row{
  display: table-row;
}

.grid{
  display: grid;
}

.contents{
  display: contents;
}

.list-item{
  display: list-item;
}

.hidden{
  display: none;
}

.h-0{
  height: 0px;
}

.h-1{
  height: 0.25rem;
}

.h-2{
  height: 0.5rem;
}

.h-3{
  height: 0.75rem;
}

.h-4{
  height: 1rem;
}

.h-5{
  height: 1.25rem;
}

.h-6{
  height: 1.5rem;
}

.h-7{
  height: 1.75rem;
}

.h-8{
  height: 2rem;
}

.h-9{
  height: 2.25rem;
}

.h-10{
  height: 2.5rem;
}

.h-11{
  height: 2.75rem;
}

.h-12{
  height: 3rem;
}

.h-14{
  height: 3.5rem;
}

.h-16{
  height: 4rem;
}

.h-18{
  height: 72px;
}

.h-20{
  height: 5rem;
}

.h-24{
  height: 6rem;
}

.h-26{
  height: 6.5rem;
}

.h-28{
  height: 7rem;
}

.h-32{
  height: 8rem;
}

.h-36{
  height: 9rem;
}

.h-39{
  height: 9.75rem;
}

.h-40{
  height: 10rem;
}

.h-48{
  height: 12rem;
}

.h-52{
  height: 13rem;
}

.h-56{
  height: 14rem;
}

.h-64{
  height: 16rem;
}

.h-80{
  height: 20rem;
}

.h-96{
  height: 24rem;
}

.h-auto{
  height: auto;
}

.h-px{
  height: 1px;
}

.h-0\.5{
  height: 2px;
}

.h-1\.5{
  height: 6px;
}

.h-2\.5{
  height: 10px;
}

.h-3\.5{
  height: 0.875rem;
}

.h-1\/2{
  height: 50%;
}

.h-3\/4{
  height: 75%;
}

.h-2\/5{
  height: 40%;
}

.h-full{
  height: 100%;
}

.h-screen{
  height: 100vh;
}

.max-h-12{
  max-height: 3rem;
}

.max-h-20{
  max-height: 5rem;
}

.max-h-32{
  max-height: 8rem;
}

.max-h-40{
  max-height: 10rem;
}

.max-h-48{
  max-height: 12rem;
}

.max-h-64{
  max-height: 16rem;
}

.max-h-96{
  max-height: 24rem;
}

.min-h-0{
  min-height: 0px;
}

.min-h-10{
  min-height: 2.5rem;
}

.min-h-11{
  min-height: 2.75rem;
}

.min-h-15{
  min-height: 3.75rem;
}

.min-h-60{
  min-height: 15rem;
}

.min-h-135{
  min-height: 33.75rem;
}

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

.min-h-screen{
  min-height: 100vh;
}

.w-1{
  width: 0.25rem;
}

.w-2{
  width: 0.5rem;
}

.w-3{
  width: 0.75rem;
}

.w-4{
  width: 1rem;
}

.w-5{
  width: 1.25rem;
}

.w-6{
  width: 1.5rem;
}

.w-7{
  width: 1.75rem;
}

.w-8{
  width: 2rem;
}

.w-9{
  width: 2.25rem;
}

.w-10{
  width: 2.5rem;
}

.w-11{
  width: 2.75rem;
}

.w-12{
  width: 3rem;
}

.w-14{
  width: 3.5rem;
}

.w-16{
  width: 4rem;
}

.w-18{
  width: 72px;
}

.w-20{
  width: 5rem;
}

.w-24{
  width: 6rem;
}

.w-26{
  width: 6.5rem;
}

.w-28{
  width: 7rem;
}

.w-32{
  width: 8rem;
}

.w-36{
  width: 9rem;
}

.w-40{
  width: 10rem;
}

.w-44{
  width: 11rem;
}

.w-48{
  width: 12rem;
}

.w-52{
  width: 13rem;
}

.w-56{
  width: 14rem;
}

.w-60{
  width: 15rem;
}

.w-64{
  width: 16rem;
}

.w-72{
  width: 18rem;
}

.w-80{
  width: 20rem;
}

.w-96{
  width: 24rem;
}

.w-105{
  width: 26.25rem;
}

.w-auto{
  width: auto;
}

.w-px{
  width: 1px;
}

.w-1\.5{
  width: 6px;
}

.w-2\.5{
  width: 10px;
}

.w-3\.5{
  width: 0.875rem;
}

.w-1\/2{
  width: 50%;
}

.w-1\/3{
  width: 33.333333%;
}

.w-2\/3{
  width: 66.666667%;
}

.w-1\/4{
  width: 25%;
}

.w-2\/4{
  width: 50%;
}

.w-3\/4{
  width: 75%;
}

.w-4\/5{
  width: 80%;
}

.w-1\/6{
  width: 16.666667%;
}

.w-2\/6{
  width: 33.333333%;
}

.w-3\/6{
  width: 50%;
}

.w-5\/6{
  width: 83.333333%;
}

.w-2\/12{
  width: 16.666667%;
}

.w-4\/12{
  width: 33.333333%;
}

.w-5\/12{
  width: 41.666667%;
}

.w-full{
  width: 100%;
}

.w-screen{
  width: 100vw;
}

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

.min-w-0{
  min-width: 0rem;
}

.min-w-600{
  min-width: 37.5rem;
}

.min-w-full{
  min-width: 100%;
}

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

.min-w-lg{
  min-width: 32rem;
}

.min-w-2xs{
  min-width: 16rem;
}

.max-w-200{
  max-width: 12.5rem;
}

.max-w-600{
  max-width: 37.5rem;
}

.max-w-1112{
  max-width: 69.5rem;
}

.max-w-xs{
  max-width: 20rem;
}

.max-w-sm{
  max-width: 24rem;
}

.max-w-md{
  max-width: 28rem;
}

.max-w-lg{
  max-width: 32rem;
}

.max-w-xl{
  max-width: 36rem;
}

.max-w-2xl{
  max-width: 42rem;
}

.max-w-3xl{
  max-width: 48rem;
}

.max-w-4xl{
  max-width: 56rem;
}

.max-w-5xl{
  max-width: 64rem;
}

.max-w-6xl{
  max-width: 72rem;
}

.max-w-7xl{
  max-width: 80rem;
}

.max-w-full{
  max-width: 100%;
}

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

.max-w-prose{
  max-width: 65ch;
}

.max-w-screen-xl{
  max-width: 1280px;
}

.max-w-3xs{
  max-width: 12rem;
}

.max-w-2xs{
  max-width: 16rem;
}

.flex-1{
  flex: 1 1 0%;
}

.flex-auto{
  flex: 1 1 auto;
}

.flex-initial{
  flex: 0 1 auto;
}

.flex-none{
  flex: none;
}

.flex-shrink-0{
  flex-shrink: 0;
}

.flex-shrink{
  flex-shrink: 1;
}

.flex-grow{
  flex-grow: 1;
}

.table-auto{
  table-layout: auto;
}

.table-fixed{
  table-layout: fixed;
}

.border-collapse{
  border-collapse: collapse;
}

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

[dir] .transform{
  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));
}

.translate-x-1\/2{
  --tw-translate-x: 50%;
}

.-translate-x-1\/2{
  --tw-translate-x: -50%;
}

.translate-y-0{
  --tw-translate-y: 0px;
}

.-translate-y-12{
  --tw-translate-y: -3rem;
}

.translate-y-full{
  --tw-translate-y: 100%;
}

.-translate-y-1\/2{
  --tw-translate-y: -50%;
}

.hover\:-translate-y-1:hover{
  --tw-translate-y: -0.25rem;
}

.focus\:-translate-y-1:focus{
  --tw-translate-y: -0.25rem;
}

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

.rotate-180{
  --tw-rotate: 180deg;
}

.-rotate-180{
  --tw-rotate: -180deg;
}

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

.scale-30{
  --tw-scale-x: .3;
  --tw-scale-y: .3;
}

.scale-45{
  --tw-scale-x: .45;
  --tw-scale-y: .45;
}

.scale-50{
  --tw-scale-x: .5;
  --tw-scale-y: .5;
}

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

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

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

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

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

@keyframes fade-in{
  0%{
    opacity: 0;
  }

  100%{
    opacity: 1;
  }
}

@keyframes fade-out{
  0%{
    opacity: 1;
  }

  100%{
    opacity: 0;
  }
}

@keyframes success-pop{
  0%{
    opacity: 0;
    transform: scale(0.5);
  }

  60%{
    opacity: 1;
    transform: scale(1.15);
  }

  100%{
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes typing-dot{
  0%, 100%{
    opacity: 0;
    transform: scale(0.4);
  }

  20%{
    opacity: 1;
    transform: scale(1);
  }

  55%{
    opacity: 0.35;
    transform: scale(0.55);
  }
}

@keyframes slide-in-right{
  0%{
    transform: translateX(100%);
  }

  100%{
    transform: translateX(0);
  }
}

@keyframes slide-out-right{
  0%{
    transform: translateX(0);
  }

  100%{
    transform: translateX(100%);
  }
}

[dir] .animate-spin{
  animation: spin 1s linear infinite;
}

[dir] .animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

[dir] .animate-fade-in{
  animation: fade-in .3s ease-out;
}

[dir] .animate-fade-out{
  animation: fade-out .3s ease-out forwards;
}

[dir] .animate-success-pop{
  animation: success-pop 0.5s ease-out;
}

[dir] .animate-typing-dot{
  animation: typing-dot 1.5s ease-in-out infinite;
}

[dir] .animate-slide-in-right{
  animation: slide-in-right .3s ease-out;
}

[dir] .animate-slide-out-right{
  animation: slide-out-right .3s ease-out forwards;
}

[dir] .cursor-default{
  cursor: default;
}

[dir] .cursor-pointer{
  cursor: pointer;
}

[dir] .cursor-help{
  cursor: help;
}

[dir] .cursor-not-allowed{
  cursor: not-allowed;
}

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

.select-all{
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

.resize{
  resize: both;
}

.list-inside{
  list-style-position: inside;
}

.list-outside{
  list-style-position: outside;
}

.list-none{
  list-style-type: none;
}

.list-disc{
  list-style-type: disc;
}

.list-decimal{
  list-style-type: decimal;
}

.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

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

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

.flex-row{
  flex-direction: row;
}

.flex-col{
  flex-direction: column;
}

.flex-col-reverse{
  flex-direction: column-reverse;
}

.flex-wrap{
  flex-wrap: wrap;
}

.flex-nowrap{
  flex-wrap: nowrap;
}

.content-center{
  align-content: center;
}

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

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

.items-center{
  align-items: center;
}

.items-baseline{
  align-items: baseline;
}

.items-stretch{
  align-items: stretch;
}

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

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

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.justify-around{
  justify-content: space-around;
}

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

.justify-items-stretch{
  justify-items: stretch;
}

.gap-0{
  gap: 0px;
}

.gap-1{
  gap: 0.25rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-3{
  gap: 0.75rem;
}

.gap-4{
  gap: 1rem;
}

.gap-5{
  gap: 1.25rem;
}

.gap-6{
  gap: 1.5rem;
}

.gap-7{
  gap: 1.75rem;
}

.gap-8{
  gap: 2rem;
}

.gap-9{
  gap: 2.25rem;
}

.gap-10{
  gap: 2.5rem;
}

.gap-12{
  gap: 3rem;
}

.gap-16{
  gap: 4rem;
}

.gap-px{
  gap: 1px;
}

.gap-0\.5{
  gap: 2px;
}

.gap-1\.5{
  gap: 6px;
}

.gap-2\.5{
  gap: 10px;
}

.gap-x-1{
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

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

.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-x-8{
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.gap-y-1{
  row-gap: 0.25rem;
}

.gap-y-2{
  row-gap: 0.5rem;
}

.gap-y-4{
  row-gap: 1rem;
}

.gap-y-8{
  row-gap: 2rem;
}

.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
}

[dir="ltr"] .space-x-4 > :not([hidden]) ~ :not([hidden]){
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

[dir="rtl"] .space-x-4 > :not([hidden]) ~ :not([hidden]){
  margin-left: calc(1rem * var(--tw-space-x-reverse));
  margin-right: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-0 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
}

[dir] .space-y-0 > :not([hidden]) ~ :not([hidden]){
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
}

[dir] .space-y-1 > :not([hidden]) ~ :not([hidden]){
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
}

[dir] .space-y-2 > :not([hidden]) ~ :not([hidden]){
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
}

[dir] .space-y-3 > :not([hidden]) ~ :not([hidden]){
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
}

[dir] .space-y-4 > :not([hidden]) ~ :not([hidden]){
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
}

[dir] .space-y-5 > :not([hidden]) ~ :not([hidden]){
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
}

[dir] .space-y-6 > :not([hidden]) ~ :not([hidden]){
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
}

[dir] .space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  margin-top: calc(2px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2px * var(--tw-space-y-reverse));
}

.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
}

[dir="ltr"] .divide-x > :not([hidden]) ~ :not([hidden]){
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

[dir="rtl"] .divide-x > :not([hidden]) ~ :not([hidden]){
  border-left-width: calc(1px * var(--tw-divide-x-reverse));
  border-right-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
}

[dir] .divide-y > :not([hidden]) ~ :not([hidden]){
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

[dir] .divide-transparent > :not([hidden]) ~ :not([hidden]){
  border-color: transparent;
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
}

[dir] .divide-gray-100 > :not([hidden]) ~ :not([hidden]){
  border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
}

.divide-nw-primary > :not([hidden]) ~ :not([hidden]){
  border-color: hsl(26 8% 83%);
}

[dir] .divide-nw-primary > :not([hidden]) ~ :not([hidden]){
  border-color: hsl(var(--border-primary));
}

.divide-nw-secondary > :not([hidden]) ~ :not([hidden]){
  border-color: hsl(20 6% 90%);
}

[dir] .divide-nw-secondary > :not([hidden]) ~ :not([hidden]){
  border-color: hsl(var(--border-secondary));
}

.divide-nw-tertiary > :not([hidden]) ~ :not([hidden]){
  border-color: hsl(60 5% 96%);
}

[dir] .divide-nw-tertiary > :not([hidden]) ~ :not([hidden]){
  border-color: hsl(var(--border-tertiary));
}

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

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

.self-center{
  align-self: center;
}

.self-stretch{
  align-self: stretch;
}

.overflow-auto{
  overflow: auto;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-visible{
  overflow: visible;
}

.overflow-scroll{
  overflow: scroll;
}

.overflow-x-auto{
  overflow-x: auto;
}

.overflow-y-auto{
  overflow-y: auto;
}

.overflow-x-scroll{
  overflow-x: scroll;
}

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

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overflow-ellipsis{
  text-overflow: ellipsis;
}

.whitespace-normal{
  white-space: normal;
}

.whitespace-nowrap{
  white-space: nowrap;
}

.whitespace-pre-line{
  white-space: pre-line;
}

.whitespace-pre-wrap{
  white-space: pre-wrap;
}

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

.break-all{
  word-break: break-all;
}

[dir] .rounded-sm{
  border-radius: 0.125rem;
}

[dir] .rounded{
  border-radius: 0.25rem;
}

[dir] .rounded-md{
  border-radius: 0.375rem;
}

[dir] .rounded-lg{
  border-radius: 0.5rem;
}

[dir] .rounded-xl{
  border-radius: 0.75rem;
}

[dir] .rounded-2xl{
  border-radius: 1rem;
}

[dir] .rounded-3xl{
  border-radius: 1.5rem;
}

[dir] .rounded-full{
  border-radius: 9999px;
}

[dir] .rounded-large{
  border-radius: 10px;
}

[dir] .rounded-medium{
  border-radius: 8px;
}

[dir] .rounded-t{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

[dir] .rounded-t-2xl{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

[dir="ltr"] .rounded-r-lg{
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

[dir="rtl"] .rounded-r-lg{
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

[dir] .rounded-b{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

[dir] .rounded-b-xl{
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

[dir] .rounded-b-2xl{
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

[dir="ltr"] .rounded-l-lg{
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

[dir="rtl"] .rounded-l-lg{
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

[dir="ltr"] .rounded-l-xl{
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

[dir="rtl"] .rounded-l-xl{
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

[dir="ltr"] .rounded-tl-none{
  border-top-left-radius: 0px;
}

[dir="rtl"] .rounded-tl-none{
  border-top-right-radius: 0px;
}

[dir="ltr"] .rounded-tr-none{
  border-top-right-radius: 0px;
}

[dir="rtl"] .rounded-tr-none{
  border-top-left-radius: 0px;
}

[dir] .border-0{
  border-width: 0px;
}

[dir] .border-2{
  border-width: 2px;
}

[dir] .border{
  border-width: 1px;
}

[dir] .last\:border-0:last-child{
  border-width: 0px;
}

[dir] .border-t-0{
  border-top-width: 0px;
}

[dir] .border-t{
  border-top-width: 1px;
}

[dir="ltr"] .border-r-0{
  border-right-width: 0px;
}

[dir="rtl"] .border-r-0{
  border-left-width: 0px;
}

[dir="ltr"] .border-r{
  border-right-width: 1px;
}

[dir="rtl"] .border-r{
  border-left-width: 1px;
}

[dir] .border-b-2{
  border-bottom-width: 2px;
}

[dir] .border-b-4{
  border-bottom-width: 4px;
}

[dir] .border-b{
  border-bottom-width: 1px;
}

[dir="ltr"] .border-l-0{
  border-left-width: 0px;
}

[dir="rtl"] .border-l-0{
  border-right-width: 0px;
}

[dir="ltr"] .border-l-4{
  border-left-width: 4px;
}

[dir="rtl"] .border-l-4{
  border-right-width: 4px;
}

[dir="ltr"] .border-l{
  border-left-width: 1px;
}

[dir="rtl"] .border-l{
  border-right-width: 1px;
}

[dir] .last\:border-b-0:last-child{
  border-bottom-width: 0px;
}

[dir] .last\:border-b:last-child{
  border-bottom-width: 1px;
}

[dir] .border-solid{
  border-style: solid;
}

[dir] .border-dashed{
  border-style: dashed;
}

[dir] .border-dotted{
  border-style: dotted;
}

[dir] .border-none{
  border-style: none;
}

[dir] .border-transparent{
  border-color: transparent;
}

.border-white{
  --tw-border-opacity: 1;
}

[dir] .border-white{
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.border-gray-100{
  --tw-border-opacity: 1;
}

[dir] .border-gray-100{
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
}

.border-gray-200{
  --tw-border-opacity: 1;
}

[dir] .border-gray-200{
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}

.border-gray-300{
  --tw-border-opacity: 1;
}

[dir] .border-gray-300{
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}

.border-gray-700{
  --tw-border-opacity: 1;
}

[dir] .border-gray-700{
  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
}

.border-red-200{
  --tw-border-opacity: 1;
}

[dir] .border-red-200{
  border-color: rgba(254, 202, 202, var(--tw-border-opacity));
}

.border-yellow-400{
  --tw-border-opacity: 1;
}

[dir] .border-yellow-400{
  border-color: rgba(251, 191, 36, var(--tw-border-opacity));
}

.border-green-200{
  --tw-border-opacity: 1;
}

[dir] .border-green-200{
  border-color: rgba(167, 243, 208, var(--tw-border-opacity));
}

.border-blue-200{
  --tw-border-opacity: 1;
}

[dir] .border-blue-200{
  border-color: rgba(191, 219, 254, var(--tw-border-opacity));
}

.border-blue-500{
  --tw-border-opacity: 1;
}

[dir] .border-blue-500{
  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
}

.border-w-brand-primary{
  --tw-border-opacity: 1;
}

[dir] .border-w-brand-primary{
  border-color: rgba(20, 54, 164, var(--tw-border-opacity));
}

.border-w-brand-tertiary{
  --tw-border-opacity: 1;
}

[dir] .border-w-brand-tertiary{
  border-color: rgba(225, 39, 35, var(--tw-border-opacity));
}

.border-w-status-warning{
  --tw-border-opacity: 1;
}

[dir] .border-w-status-warning{
  border-color: rgba(255, 202, 107, var(--tw-border-opacity));
}

.border-w-status-error{
  --tw-border-opacity: 1;
}

[dir] .border-w-status-error{
  border-color: rgba(217, 31, 27, var(--tw-border-opacity));
}

.border-w-background-primary{
  --tw-border-opacity: 1;
}

[dir] .border-w-background-primary{
  border-color: rgba(248, 248, 248, var(--tw-border-opacity));
}

.border-w-dark{
  --tw-border-opacity: 1;
}

[dir] .border-w-dark{
  border-color: rgba(34, 34, 34, var(--tw-border-opacity));
}

.border-w-light{
  --tw-border-opacity: 1;
}

[dir] .border-w-light{
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.border-w-border{
  --tw-border-opacity: 1;
}

[dir] .border-w-border{
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
}

.border-w-divider{
  --tw-border-opacity: 1;
}

[dir] .border-w-divider{
  border-color: rgba(237, 237, 237, var(--tw-border-opacity));
}

.border-w-gray-light{
  --tw-border-opacity: 1;
}

[dir] .border-w-gray-light{
  border-color: rgba(182, 182, 182, var(--tw-border-opacity));
}

.border-w-off-white-base{
  --tw-border-opacity: 1;
}

[dir] .border-w-off-white-base{
  border-color: rgba(237, 237, 237, var(--tw-border-opacity));
}

.border-nw-calendar-default{
  border-color: hsl(270 49% 56%);
}

[dir] .border-nw-calendar-default{
  border-color: hsl(var(--calendar-default));
}

.border-nw-fg-brand-primary{
  border-color: hsl(230 89% 67%);
}

[dir] .border-nw-fg-brand-primary{
  border-color: hsl(var(--fg-brand-primary));
}

.border-nw-fg-brand-primary-alt{
  border-color: hsl(230 89% 67%);
}

[dir] .border-nw-fg-brand-primary-alt{
  border-color: hsl(var(--fg-brand-primary-alt));
}

.border-nw-fg-white{
  border-color: hsl(0 0% 100%);
}

[dir] .border-nw-fg-white{
  border-color: hsl(var(--fg-white));
}

.border-nw-brand{
  border-color: hsl(230 89% 67%);
}

[dir] .border-nw-brand{
  border-color: hsl(var(--border-brand));
}

.border-nw-brand-alt{
  border-color: hsl(235 80% 59%);
}

[dir] .border-nw-brand-alt{
  border-color: hsl(var(--border-brand-alt));
}

.border-nw-brand-subtle{
  border-color: hsl(219 100% 89%);
}

[dir] .border-nw-brand-subtle{
  border-color: hsl(var(--border-brand-subtle));
}

.border-nw-brand-subtle-alt{
  border-color: hsl(221 100% 82%);
}

[dir] .border-nw-brand-subtle-alt{
  border-color: hsl(var(--border-brand-subtle-alt));
}

.border-nw-disabled{
  border-color: hsl(26 8% 83%);
}

[dir] .border-nw-disabled{
  border-color: hsl(var(--border-disabled));
}

.border-nw-disabled-subtle{
  border-color: hsl(20 6% 90%);
}

[dir] .border-nw-disabled-subtle{
  border-color: hsl(var(--border-disabled-subtle));
}

.border-nw-error{
  border-color: hsl(5 77% 51%);
}

[dir] .border-nw-error{
  border-color: hsl(var(--border-error));
}

.border-nw-featured-icon{
  border-color: hsl(20 6% 90%);
}

[dir] .border-nw-featured-icon{
  border-color: hsl(var(--featured-icon-border));
}

.border-nw-error-subtle{
  border-color: hsl(5 100% 82%);
}

[dir] .border-nw-error-subtle{
  border-color: hsl(var(--border-error-subtle));
}

.border-nw-primary{
  border-color: hsl(26 8% 83%);
}

[dir] .border-nw-primary{
  border-color: hsl(var(--border-primary));
}

.border-nw-queue-pill-border-booking{
  border-color: hsl(223 22% 74%);
}

[dir] .border-nw-queue-pill-border-booking{
  border-color: hsl(var(--queue-pill-border-booking));
}

.border-nw-queue-pill-border-immediate{
  border-color: hsl(212 34% 74%);
}

[dir] .border-nw-queue-pill-border-immediate{
  border-color: hsl(var(--queue-pill-border-immediate));
}

.border-nw-queue-pill-border-invalid{
  border-color: hsl(283 19% 63%);
}

[dir] .border-nw-queue-pill-border-invalid{
  border-color: hsl(var(--queue-pill-border-invalid));
}

.border-nw-queue-pill-border-payments{
  border-color: hsl(226 44% 76%);
}

[dir] .border-nw-queue-pill-border-payments{
  border-color: hsl(var(--queue-pill-border-payments));
}

.border-nw-queue-pill-border-planned{
  border-color: hsl(241 46% 71%);
}

[dir] .border-nw-queue-pill-border-planned{
  border-color: hsl(var(--queue-pill-border-planned));
}

.border-nw-secondary{
  border-color: hsl(20 6% 90%);
}

[dir] .border-nw-secondary{
  border-color: hsl(var(--border-secondary));
}

.border-nw-status-pill-border-aqua{
  border-color: hsl(185 53% 69%);
}

[dir] .border-nw-status-pill-border-aqua{
  border-color: hsl(var(--status-pill-border-aqua));
}

.border-nw-status-pill-border-berry{
  border-color: hsl(322 38% 82%);
}

[dir] .border-nw-status-pill-border-berry{
  border-color: hsl(var(--status-pill-border-berry));
}

.border-nw-status-pill-border-lavender{
  border-color: hsl(231 42% 82%);
}

[dir] .border-nw-status-pill-border-lavender{
  border-color: hsl(var(--status-pill-border-lavender));
}

.border-nw-status-pill-border-peach{
  border-color: hsl(13 100% 89%);
}

[dir] .border-nw-status-pill-border-peach{
  border-color: hsl(var(--status-pill-border-peach));
}

.border-nw-status-pill-border-periwinkle{
  border-color: hsl(219 100% 89%);
}

[dir] .border-nw-status-pill-border-periwinkle{
  border-color: hsl(var(--status-pill-border-periwinkle));
}

.border-nw-status-pill-border-purple{
  border-color: hsl(265 62% 92%);
}

[dir] .border-nw-status-pill-border-purple{
  border-color: hsl(var(--status-pill-border-purple));
}

.border-nw-success{
  border-color: hsl(136 42% 75%);
}

[dir] .border-nw-success{
  border-color: hsl(var(--border-success));
}

.border-nw-success-solid{
  border-color: hsl(136 42% 36%);
}

[dir] .border-nw-success-solid{
  border-color: hsl(var(--border-success-solid));
}

.border-nw-tertiary{
  border-color: hsl(60 5% 96%);
}

[dir] .border-nw-tertiary{
  border-color: hsl(var(--border-tertiary));
}

.border-nw-timer-border-error{
  border-color: hsl(5 100% 82%);
}

[dir] .border-nw-timer-border-error{
  border-color: hsl(var(--timer-border-error));
}

.border-nw-timer-border-success{
  border-color: hsl(135 42% 85%);
}

[dir] .border-nw-timer-border-success{
  border-color: hsl(var(--timer-border-success));
}

.border-nw-timer-border-warning{
  border-color: hsl(51 98% 79%);
}

[dir] .border-nw-timer-border-warning{
  border-color: hsl(var(--timer-border-warning));
}

.border-nw-validation-border-failed{
  border-color: hsl(4 100% 89%);
}

[dir] .border-nw-validation-border-failed{
  border-color: hsl(var(--validation-border-failed));
}

.border-nw-validation-border-passed{
  border-color: hsl(198 37% 81%);
}

[dir] .border-nw-validation-border-passed{
  border-color: hsl(var(--validation-border-passed));
}

.border-nw-warning{
  border-color: hsl(48 97% 72%);
}

[dir] .border-nw-warning{
  border-color: hsl(var(--border-warning));
}

.hover\:border-w-brand-secondary:hover{
  --tw-border-opacity: 1;
}

[dir] .hover\:border-w-brand-secondary:hover{
  border-color: rgba(72, 109, 231, var(--tw-border-opacity));
}

.hover\:border-w-border:hover{
  --tw-border-opacity: 1;
}

[dir] .hover\:border-w-border:hover{
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
}

.hover\:border-nw-brand:hover{
  border-color: hsl(230 89% 67%);
}

[dir] .hover\:border-nw-brand:hover{
  border-color: hsl(var(--border-brand));
}

.hover\:border-nw-brand-subtle-alt:hover{
  border-color: hsl(221 100% 82%);
}

[dir] .hover\:border-nw-brand-subtle-alt:hover{
  border-color: hsl(var(--border-brand-subtle-alt));
}

.hover\:border-nw-primary:hover{
  border-color: hsl(26 8% 83%);
}

[dir] .hover\:border-nw-primary:hover{
  border-color: hsl(var(--border-primary));
}

.hover\:border-nw-secondary:hover{
  border-color: hsl(20 6% 90%);
}

[dir] .hover\:border-nw-secondary:hover{
  border-color: hsl(var(--border-secondary));
}

.focus\:border-green-500:focus{
  --tw-border-opacity: 1;
}

[dir] .focus\:border-green-500:focus{
  border-color: rgba(16, 185, 129, var(--tw-border-opacity));
}

.focus\:border-blue-500:focus{
  --tw-border-opacity: 1;
}

[dir] .focus\:border-blue-500:focus{
  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
}

.focus\:border-w-brand-secondary:focus{
  --tw-border-opacity: 1;
}

[dir] .focus\:border-w-brand-secondary:focus{
  border-color: rgba(72, 109, 231, var(--tw-border-opacity));
}

.focus\:border-nw-brand:focus{
  border-color: hsl(230 89% 67%);
}

[dir] .focus\:border-nw-brand:focus{
  border-color: hsl(var(--border-brand));
}

[dir] .bg-transparent{
  background-color: transparent;
}

[dir] .bg-current{
  background-color: currentColor;
}

.bg-black{
  --tw-bg-opacity: 1;
}

[dir] .bg-black{
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.bg-white{
  --tw-bg-opacity: 1;
}

[dir] .bg-white{
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-gray-50{
  --tw-bg-opacity: 1;
}

[dir] .bg-gray-50{
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}

.bg-gray-100{
  --tw-bg-opacity: 1;
}

[dir] .bg-gray-100{
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

.bg-gray-200{
  --tw-bg-opacity: 1;
}

[dir] .bg-gray-200{
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}

.bg-gray-800{
  --tw-bg-opacity: 1;
}

[dir] .bg-gray-800{
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
}

.bg-gray-900{
  --tw-bg-opacity: 1;
}

[dir] .bg-gray-900{
  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
}

.bg-red-50{
  --tw-bg-opacity: 1;
}

[dir] .bg-red-50{
  background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
}

.bg-red-100{
  --tw-bg-opacity: 1;
}

[dir] .bg-red-100{
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
}

.bg-red-200{
  --tw-bg-opacity: 1;
}

[dir] .bg-red-200{
  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
}

.bg-yellow-100{
  --tw-bg-opacity: 1;
}

[dir] .bg-yellow-100{
  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
}

.bg-yellow-500{
  --tw-bg-opacity: 1;
}

[dir] .bg-yellow-500{
  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
}

.bg-green-50{
  --tw-bg-opacity: 1;
}

[dir] .bg-green-50{
  background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
}

.bg-green-100{
  --tw-bg-opacity: 1;
}

[dir] .bg-green-100{
  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
}

.bg-blue-50{
  --tw-bg-opacity: 1;
}

[dir] .bg-blue-50{
  background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
}

.bg-blue-100{
  --tw-bg-opacity: 1;
}

[dir] .bg-blue-100{
  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
}

.bg-blue-300{
  --tw-bg-opacity: 1;
}

[dir] .bg-blue-300{
  background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
}

.bg-blue-600{
  --tw-bg-opacity: 1;
}

[dir] .bg-blue-600{
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
}

.bg-indigo-100{
  --tw-bg-opacity: 1;
}

[dir] .bg-indigo-100{
  background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
}

.bg-indigo-800{
  --tw-bg-opacity: 1;
}

[dir] .bg-indigo-800{
  background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
}

.bg-purple-100{
  --tw-bg-opacity: 1;
}

[dir] .bg-purple-100{
  background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
}

.bg-purple-600{
  --tw-bg-opacity: 1;
}

[dir] .bg-purple-600{
  background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
}

.bg-w-brand-primary{
  --tw-bg-opacity: 1;
}

[dir] .bg-w-brand-primary{
  background-color: rgba(20, 54, 164, var(--tw-bg-opacity));
}

.bg-w-brand-tertiary{
  --tw-bg-opacity: 1;
}

[dir] .bg-w-brand-tertiary{
  background-color: rgba(225, 39, 35, var(--tw-bg-opacity));
}

.bg-w-status-success{
  --tw-bg-opacity: 1;
}

[dir] .bg-w-status-success{
  background-color: rgba(0, 128, 0, var(--tw-bg-opacity));
}

.bg-w-status-warning{
  --tw-bg-opacity: 1;
}

[dir] .bg-w-status-warning{
  background-color: rgba(255, 202, 107, var(--tw-bg-opacity));
}

.bg-w-status-warning-light{
  --tw-bg-opacity: 1;
}

[dir] .bg-w-status-warning-light{
  background-color: rgba(255, 244, 226, var(--tw-bg-opacity));
}

.bg-w-status-error{
  --tw-bg-opacity: 1;
}

[dir] .bg-w-status-error{
  background-color: rgba(217, 31, 27, var(--tw-bg-opacity));
}

.bg-w-status-error-light{
  --tw-bg-opacity: 1;
}

[dir] .bg-w-status-error-light{
  background-color: rgba(255, 241, 241, var(--tw-bg-opacity));
}

.bg-w-status-info-light{
  --tw-bg-opacity: 1;
}

[dir] .bg-w-status-info-light{
  background-color: rgba(241, 244, 252, var(--tw-bg-opacity));
}

.bg-w-background-primary{
  --tw-bg-opacity: 1;
}

[dir] .bg-w-background-primary{
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
}

.bg-w-background-secondary{
  --tw-bg-opacity: 1;
}

[dir] .bg-w-background-secondary{
  background-color: rgba(241, 244, 252, var(--tw-bg-opacity));
}

.bg-w-background-tertiary{
  --tw-bg-opacity: 1;
}

[dir] .bg-w-background-tertiary{
  background-color: rgba(255, 233, 226, var(--tw-bg-opacity));
}

.bg-w-dark{
  --tw-bg-opacity: 1;
}

[dir] .bg-w-dark{
  background-color: rgba(34, 34, 34, var(--tw-bg-opacity));
}

.bg-w-light{
  --tw-bg-opacity: 1;
}

[dir] .bg-w-light{
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-w-divider{
  --tw-bg-opacity: 1;
}

[dir] .bg-w-divider{
  background-color: rgba(237, 237, 237, var(--tw-bg-opacity));
}

.bg-w-gray-lighter{
  --tw-bg-opacity: 1;
}

[dir] .bg-w-gray-lighter{
  background-color: rgba(214, 214, 214, var(--tw-bg-opacity));
}

.bg-w-orange-base{
  --tw-bg-opacity: 1;
}

[dir] .bg-w-orange-base{
  background-color: rgba(255, 158, 31, var(--tw-bg-opacity));
}

.bg-nw-transparent{
  background-color: hsl(0 0% 100% / 0);
}

[dir] .bg-nw-transparent{
  background-color: hsl(var(--transparent));
}

.bg-nw-alpha-white-90{
  background-color: hsl(0 0% 100% / 90%);
}

[dir] .bg-nw-alpha-white-90{
  background-color: hsl(var(--alpha-white-90));
}

.bg-nw-avatar-recipient-bg-plum{
  background-color: hsl(302 31% 49%);
}

[dir] .bg-nw-avatar-recipient-bg-plum{
  background-color: hsl(var(--plum-600));
}

.bg-nw-calendar-default{
  background-color: hsl(270 49% 56%);
}

[dir] .bg-nw-calendar-default{
  background-color: hsl(var(--calendar-default));
}

.bg-nw-calendar-multi-day{
  background-color: hsl(267 61% 85%);
}

[dir] .bg-nw-calendar-multi-day{
  background-color: hsl(var(--calendar-multi-day));
}

.bg-nw-fg-brand-primary{
  background-color: hsl(230 89% 67%);
}

[dir] .bg-nw-fg-brand-primary{
  background-color: hsl(var(--fg-brand-primary));
}

.bg-nw-fg-brand-primary-alt{
  background-color: hsl(230 89% 67%);
}

[dir] .bg-nw-fg-brand-primary-alt{
  background-color: hsl(var(--fg-brand-primary-alt));
}

.bg-nw-fg-brand-secondary{
  background-color: hsl(226 95% 75%);
}

[dir] .bg-nw-fg-brand-secondary{
  background-color: hsl(var(--fg-brand-secondary));
}

.bg-nw-fg-disabled{
  background-color: hsl(25 7% 64%);
}

[dir] .bg-nw-fg-disabled{
  background-color: hsl(var(--fg-disabled));
}

.bg-nw-sent-message-bg{
  background-color: hsl(230 89% 67%);
}

[dir] .bg-nw-sent-message-bg{
  background-color: hsl(var(--sent-message-bg));
}

.bg-nw-active{
  background-color: hsl(60 9% 98%);
}

[dir] .bg-nw-active{
  background-color: hsl(var(--bg-active));
}

.bg-nw-brand-primary{
  background-color: hsl(217 100% 96%);
}

[dir] .bg-nw-brand-primary{
  background-color: hsl(var(--bg-brand-primary));
}

.bg-nw-brand-primary-alt{
  background-color: hsl(217 100% 96%);
}

[dir] .bg-nw-brand-primary-alt{
  background-color: hsl(var(--bg-brand-primary-alt));
}

.bg-nw-brand-secondary{
  background-color: hsl(219 100% 94%);
}

[dir] .bg-nw-brand-secondary{
  background-color: hsl(var(--bg-brand-secondary));
}

.bg-nw-brand-section{
  background-color: hsl(237 62% 51%);
}

[dir] .bg-nw-brand-section{
  background-color: hsl(var(--bg-brand-section));
}

.bg-nw-brand-section-subtle{
  background-color: hsl(235 80% 59%);
}

[dir] .bg-nw-brand-section-subtle{
  background-color: hsl(var(--bg-brand-section-subtle));
}

.bg-nw-brand-solid{
  background-color: hsl(230 89% 67%);
}

[dir] .bg-nw-brand-solid{
  background-color: hsl(var(--bg-brand-solid));
}

.bg-nw-brand-solid-hover{
  background-color: hsl(235 80% 59%);
}

[dir] .bg-nw-brand-solid-hover{
  background-color: hsl(var(--bg-brand-solid-hover));
}

.bg-nw-disabled{
  background-color: hsl(60 5% 96%);
}

[dir] .bg-nw-disabled{
  background-color: hsl(var(--bg-disabled));
}

.bg-nw-disabled-subtle{
  background-color: hsl(60 9% 98%);
}

[dir] .bg-nw-disabled-subtle{
  background-color: hsl(var(--bg-disabled-subtle));
}

.bg-nw-error-primary{
  background-color: hsl(5 86% 97%);
}

[dir] .bg-nw-error-primary{
  background-color: hsl(var(--bg-error-primary));
}

.bg-nw-error-secondary{
  background-color: hsl(4 100% 94%);
}

[dir] .bg-nw-error-secondary{
  background-color: hsl(var(--bg-error-secondary));
}

.bg-nw-error-solid{
  background-color: hsl(5 90% 60%);
}

[dir] .bg-nw-error-solid{
  background-color: hsl(var(--bg-error-solid));
}

.bg-nw-featured-icon{
  background-color: hsl(0 0% 100%);
}

[dir] .bg-nw-featured-icon{
  background-color: hsl(var(--featured-icon-bg));
}

.bg-nw-overlay{
  background-color: hsl(24 12% 8%);
}

[dir] .bg-nw-overlay{
  background-color: hsl(var(--bg-overlay));
}

.bg-nw-paper{
  background-color: hsl(60 20% 99%);
}

[dir] .bg-nw-paper{
  background-color: hsl(var(--bg-paper));
}

.bg-nw-primary{
  background-color: hsl(0 0% 100%);
}

[dir] .bg-nw-primary{
  background-color: hsl(var(--bg-primary));
}

.bg-nw-primary-alt{
  background-color: hsl(0 0% 100%);
}

[dir] .bg-nw-primary-alt{
  background-color: hsl(var(--bg-primary-alt));
}

.bg-nw-primary-card{
  background-color: hsl(0 0% 100%);
}

[dir] .bg-nw-primary-card{
  background-color: hsl(var(--bg-primary-card));
}

.bg-nw-primary-solid{
  background-color: hsl(24 12% 8%);
}

[dir] .bg-nw-primary-solid{
  background-color: hsl(var(--bg-primary-solid));
}

.bg-nw-quaternary{
  background-color: hsl(20 6% 90%);
}

[dir] .bg-nw-quaternary{
  background-color: hsl(var(--bg-quaternary));
}

.bg-nw-queue-pill-bg-booking{
  background-color: hsl(223 31% 82%);
}

[dir] .bg-nw-queue-pill-bg-booking{
  background-color: hsl(var(--queue-pill-bg-booking));
}

.bg-nw-queue-pill-bg-immediate{
  background-color: hsl(212 62% 90%);
}

[dir] .bg-nw-queue-pill-bg-immediate{
  background-color: hsl(var(--queue-pill-bg-immediate));
}

.bg-nw-queue-pill-bg-invalid{
  background-color: hsl(283 38% 80%);
}

[dir] .bg-nw-queue-pill-bg-invalid{
  background-color: hsl(var(--queue-pill-bg-invalid));
}

.bg-nw-queue-pill-bg-payments{
  background-color: hsl(226 77% 85%);
}

[dir] .bg-nw-queue-pill-bg-payments{
  background-color: hsl(var(--queue-pill-bg-payments));
}

.bg-nw-queue-pill-bg-planned{
  background-color: hsl(240 46% 84%);
}

[dir] .bg-nw-queue-pill-bg-planned{
  background-color: hsl(var(--queue-pill-bg-planned));
}

.bg-nw-secondary{
  background-color: hsl(60 9% 98%);
}

[dir] .bg-nw-secondary{
  background-color: hsl(var(--bg-secondary));
}

.bg-nw-secondary-subtle{
  background-color: hsl(60 20% 99%);
}

[dir] .bg-nw-secondary-subtle{
  background-color: hsl(var(--bg-secondary-subtle));
}

.bg-nw-aqua-500{
  background-color: hsl(186 55% 48%);
}

[dir] .bg-nw-aqua-500{
  background-color: hsl(var(--aqua-500));
}

.bg-nw-aqua-600{
  background-color: hsl(189 53% 36%);
}

[dir] .bg-nw-aqua-600{
  background-color: hsl(var(--aqua-600));
}

.bg-nw-berry-500{
  background-color: hsl(324 35% 60%);
}

[dir] .bg-nw-berry-500{
  background-color: hsl(var(--berry-500));
}

.bg-nw-mist-600{
  background-color: hsl(206 18% 36%);
}

[dir] .bg-nw-mist-600{
  background-color: hsl(var(--mist-600));
}

.bg-nw-periwinkle-600{
  background-color: hsl(235 80% 59%);
}

[dir] .bg-nw-periwinkle-600{
  background-color: hsl(var(--periwinkle-600));
}

.bg-nw-plum-500{
  background-color: hsl(301 37% 61%);
}

[dir] .bg-nw-plum-500{
  background-color: hsl(var(--plum-500));
}

.bg-nw-purple-500{
  background-color: hsl(269 55% 67%);
}

[dir] .bg-nw-purple-500{
  background-color: hsl(var(--nw-purple-500));
}

.bg-nw-status-pill-bg-aqua{
  background-color: hsl(185 55% 82%);
}

[dir] .bg-nw-status-pill-bg-aqua{
  background-color: hsl(var(--status-pill-bg-aqua));
}

.bg-nw-status-pill-bg-berry{
  background-color: hsl(320 35% 90%);
}

[dir] .bg-nw-status-pill-bg-berry{
  background-color: hsl(var(--status-pill-bg-berry));
}

.bg-nw-status-pill-bg-lavender{
  background-color: hsl(230 44% 89%);
}

[dir] .bg-nw-status-pill-bg-lavender{
  background-color: hsl(var(--status-pill-bg-lavender));
}

.bg-nw-status-pill-bg-peach{
  background-color: hsl(13 100% 80%);
}

[dir] .bg-nw-status-pill-bg-peach{
  background-color: hsl(var(--status-pill-bg-peach));
}

.bg-nw-status-pill-bg-periwinkle{
  background-color: hsl(217 100% 96%);
}

[dir] .bg-nw-status-pill-bg-periwinkle{
  background-color: hsl(var(--status-pill-bg-periwinkle));
}

.bg-nw-status-pill-bg-purple{
  background-color: hsl(268 65% 95%);
}

[dir] .bg-nw-status-pill-bg-purple{
  background-color: hsl(var(--status-pill-bg-purple));
}

.bg-nw-success-primary{
  background-color: hsl(129 41% 97%);
}

[dir] .bg-nw-success-primary{
  background-color: hsl(var(--bg-success-primary));
}

.bg-nw-success-secondary{
  background-color: hsl(133 47% 93%);
}

[dir] .bg-nw-success-secondary{
  background-color: hsl(var(--bg-success-secondary));
}

.bg-nw-success-solid{
  background-color: hsl(136 39% 45%);
}

[dir] .bg-nw-success-solid{
  background-color: hsl(var(--bg-success-solid));
}

.bg-nw-tertiary{
  background-color: hsl(60 5% 96%);
}

[dir] .bg-nw-tertiary{
  background-color: hsl(var(--bg-tertiary));
}

.bg-nw-validation-bg-passed{
  background-color: hsl(219 100% 94%);
}

[dir] .bg-nw-validation-bg-passed{
  background-color: hsl(var(--validation-bg-passed));
}

.bg-nw-warning-primary{
  background-color: hsl(56 88% 97%);
}

[dir] .bg-nw-warning-primary{
  background-color: hsl(var(--bg-warning-primary));
}

.bg-nw-warning-secondary{
  background-color: hsl(53 97% 88%);
}

[dir] .bg-nw-warning-secondary{
  background-color: hsl(var(--bg-warning-secondary));
}

.bg-nw-warning-solid{
  background-color: hsl(43 93% 47%);
}

[dir] .bg-nw-warning-solid{
  background-color: hsl(var(--bg-warning-solid));
}

.group:hover .group-hover\:bg-nw-active{
  background-color: hsl(60 9% 98%);
}

[dir] .group:hover .group-hover\:bg-nw-active{
  background-color: hsl(var(--bg-active));
}

[dir] .hover\:bg-transparent:hover{
  background-color: transparent;
}

.hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1;
}

[dir] .hover\:bg-gray-50:hover{
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
}

[dir] .hover\:bg-gray-100:hover{
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

.hover\:bg-red-300:hover{
  --tw-bg-opacity: 1;
}

[dir] .hover\:bg-red-300:hover{
  background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
}

.hover\:bg-blue-700:hover{
  --tw-bg-opacity: 1;
}

[dir] .hover\:bg-blue-700:hover{
  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
}

.hover\:bg-purple-700:hover{
  --tw-bg-opacity: 1;
}

[dir] .hover\:bg-purple-700:hover{
  background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
}

.hover\:bg-w-brand-secondary:hover{
  --tw-bg-opacity: 1;
}

[dir] .hover\:bg-w-brand-secondary:hover{
  background-color: rgba(72, 109, 231, var(--tw-bg-opacity));
}

.hover\:bg-w-background-primary:hover{
  --tw-bg-opacity: 1;
}

[dir] .hover\:bg-w-background-primary:hover{
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
}

.hover\:bg-w-background-secondary:hover{
  --tw-bg-opacity: 1;
}

[dir] .hover\:bg-w-background-secondary:hover{
  background-color: rgba(241, 244, 252, var(--tw-bg-opacity));
}

.hover\:bg-nw-active:hover{
  background-color: hsl(60 9% 98%);
}

[dir] .hover\:bg-nw-active:hover{
  background-color: hsl(var(--bg-active));
}

.hover\:bg-nw-brand-solid-hover:hover{
  background-color: hsl(235 80% 59%);
}

[dir] .hover\:bg-nw-brand-solid-hover:hover{
  background-color: hsl(var(--bg-brand-solid-hover));
}

.hover\:bg-nw-error-primary:hover{
  background-color: hsl(5 86% 97%);
}

[dir] .hover\:bg-nw-error-primary:hover{
  background-color: hsl(var(--bg-error-primary));
}

.hover\:bg-nw-error-secondary:hover{
  background-color: hsl(4 100% 94%);
}

[dir] .hover\:bg-nw-error-secondary:hover{
  background-color: hsl(var(--bg-error-secondary));
}

.hover\:bg-nw-primary-hover:hover{
  background-color: hsl(60 9% 98%);
}

[dir] .hover\:bg-nw-primary-hover:hover{
  background-color: hsl(var(--bg-primary-hover));
}

.hover\:bg-nw-secondary:hover{
  background-color: hsl(60 9% 98%);
}

[dir] .hover\:bg-nw-secondary:hover{
  background-color: hsl(var(--bg-secondary));
}

.hover\:bg-nw-secondary-hover:hover{
  background-color: hsl(60 5% 96%);
}

[dir] .hover\:bg-nw-secondary-hover:hover{
  background-color: hsl(var(--bg-secondary-hover));
}

.hover\:bg-nw-secondary-subtle:hover{
  background-color: hsl(60 20% 99%);
}

[dir] .hover\:bg-nw-secondary-subtle:hover{
  background-color: hsl(var(--bg-secondary-subtle));
}

.hover\:bg-nw-success-primary:hover{
  background-color: hsl(129 41% 97%);
}

[dir] .hover\:bg-nw-success-primary:hover{
  background-color: hsl(var(--bg-success-primary));
}

.hover\:bg-nw-tertiary:hover{
  background-color: hsl(60 5% 96%);
}

[dir] .hover\:bg-nw-tertiary:hover{
  background-color: hsl(var(--bg-tertiary));
}

.focus\:bg-w-brand-secondary:focus{
  --tw-bg-opacity: 1;
}

[dir] .focus\:bg-w-brand-secondary:focus{
  background-color: rgba(72, 109, 231, var(--tw-bg-opacity));
}

.focus\:bg-w-background-secondary:focus{
  --tw-bg-opacity: 1;
}

[dir] .focus\:bg-w-background-secondary:focus{
  background-color: rgba(241, 244, 252, var(--tw-bg-opacity));
}

.focus\:bg-nw-secondary:focus{
  background-color: hsl(60 9% 98%);
}

[dir] .focus\:bg-nw-secondary:focus{
  background-color: hsl(var(--bg-secondary));
}

.active\:bg-nw-secondary-hover:active{
  background-color: hsl(60 5% 96%);
}

[dir] .active\:bg-nw-secondary-hover:active{
  background-color: hsl(var(--bg-secondary-hover));
}

.bg-opacity-25{
  --tw-bg-opacity: 0.25;
}

.bg-opacity-40{
  --tw-bg-opacity: 0.4;
}

.bg-opacity-50{
  --tw-bg-opacity: 0.5;
}

.bg-opacity-60{
  --tw-bg-opacity: 0.6;
}

.bg-opacity-75{
  --tw-bg-opacity: 0.75;
}

.bg-opacity-80{
  --tw-bg-opacity: 0.8;
}

.hover\:bg-opacity-90:hover{
  --tw-bg-opacity: 0.9;
}

.hover\:bg-opacity-100:hover{
  --tw-bg-opacity: 1;
}

[dir] .bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.from-white{
  --tw-gradient-from: #fff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
}

.via-white{
  --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
}

.to-transparent{
  --tw-gradient-to: transparent;
}

[dir] .bg-cover{
  background-size: cover;
}

[dir] .bg-center{
  background-position: center;
}

[dir] .bg-no-repeat{
  background-repeat: no-repeat;
}

.fill-current{
  fill: currentColor;
}

.stroke-current{
  stroke: currentColor;
}

.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.object-center{
  -o-object-position: center;
     object-position: center;
}

[dir] .p-0{
  padding: 0px;
}

[dir] .p-1{
  padding: 0.25rem;
}

[dir] .p-2{
  padding: 0.5rem;
}

[dir] .p-3{
  padding: 0.75rem;
}

[dir] .p-4{
  padding: 1rem;
}

[dir] .p-5{
  padding: 1.25rem;
}

[dir] .p-6{
  padding: 1.5rem;
}

[dir] .p-8{
  padding: 2rem;
}

[dir] .p-10{
  padding: 2.5rem;
}

[dir] .p-px{
  padding: 1px;
}

[dir] .p-0\.5{
  padding: 2px;
}

[dir] .p-1\.5{
  padding: 6px;
}

[dir] .p-2\.5{
  padding: 10px;
}

[dir] .p-3\.5{
  padding: 0.875rem;
}

[dir] .focus\:p-2:focus{
  padding: 0.5rem;
}

[dir] .px-0{
  padding-left: 0px;
  padding-right: 0px;
}

[dir] .px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

[dir] .px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

[dir] .px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

[dir] .px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

[dir] .px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

[dir] .px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

[dir] .px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

[dir] .px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}

[dir] .px-12{
  padding-left: 3rem;
  padding-right: 3rem;
}

[dir] .px-16{
  padding-left: 4rem;
  padding-right: 4rem;
}

[dir] .px-1\.5{
  padding-left: 6px;
  padding-right: 6px;
}

[dir] .px-2\.5{
  padding-left: 10px;
  padding-right: 10px;
}

[dir] .px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

[dir] .py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}

[dir] .py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

[dir] .py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

[dir] .py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

[dir] .py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

[dir] .py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

[dir] .py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

[dir] .py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

[dir] .py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

[dir] .py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

[dir] .py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

[dir] .py-px{
  padding-top: 1px;
  padding-bottom: 1px;
}

[dir] .py-0\.5{
  padding-top: 2px;
  padding-bottom: 2px;
}

[dir] .py-1\.5{
  padding-top: 6px;
  padding-bottom: 6px;
}

[dir] .py-2\.5{
  padding-top: 10px;
  padding-bottom: 10px;
}

[dir] .py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

[dir] .pt-0{
  padding-top: 0px;
}

[dir] .pt-1{
  padding-top: 0.25rem;
}

[dir] .pt-2{
  padding-top: 0.5rem;
}

[dir] .pt-3{
  padding-top: 0.75rem;
}

[dir] .pt-4{
  padding-top: 1rem;
}

[dir] .pt-5{
  padding-top: 1.25rem;
}

[dir] .pt-6{
  padding-top: 1.5rem;
}

[dir] .pt-8{
  padding-top: 2rem;
}

[dir] .pt-9{
  padding-top: 2.25rem;
}

[dir] .pt-10{
  padding-top: 2.5rem;
}

[dir] .pt-12{
  padding-top: 3rem;
}

[dir] .pt-14{
  padding-top: 3.5rem;
}

[dir] .pt-16{
  padding-top: 4rem;
}

[dir] .pt-24{
  padding-top: 6rem;
}

[dir] .pt-2\.5{
  padding-top: 10px;
}

[dir="ltr"] .pr-0{
  padding-right: 0px;
}

[dir="rtl"] .pr-0{
  padding-left: 0px;
}

[dir="ltr"] .pr-1{
  padding-right: 0.25rem;
}

[dir="rtl"] .pr-1{
  padding-left: 0.25rem;
}

[dir="ltr"] .pr-2{
  padding-right: 0.5rem;
}

[dir="rtl"] .pr-2{
  padding-left: 0.5rem;
}

[dir="ltr"] .pr-3{
  padding-right: 0.75rem;
}

[dir="rtl"] .pr-3{
  padding-left: 0.75rem;
}

[dir="ltr"] .pr-4{
  padding-right: 1rem;
}

[dir="rtl"] .pr-4{
  padding-left: 1rem;
}

[dir="ltr"] .pr-5{
  padding-right: 1.25rem;
}

[dir="rtl"] .pr-5{
  padding-left: 1.25rem;
}

[dir="ltr"] .pr-6{
  padding-right: 1.5rem;
}

[dir="rtl"] .pr-6{
  padding-left: 1.5rem;
}

[dir="ltr"] .pr-8{
  padding-right: 2rem;
}

[dir="rtl"] .pr-8{
  padding-left: 2rem;
}

[dir="ltr"] .pr-10{
  padding-right: 2.5rem;
}

[dir="rtl"] .pr-10{
  padding-left: 2.5rem;
}

[dir="ltr"] .pr-12{
  padding-right: 3rem;
}

[dir="rtl"] .pr-12{
  padding-left: 3rem;
}

[dir="ltr"] .pr-16{
  padding-right: 4rem;
}

[dir="rtl"] .pr-16{
  padding-left: 4rem;
}

[dir] .pb-0{
  padding-bottom: 0px;
}

[dir] .pb-1{
  padding-bottom: 0.25rem;
}

[dir] .pb-2{
  padding-bottom: 0.5rem;
}

[dir] .pb-3{
  padding-bottom: 0.75rem;
}

[dir] .pb-4{
  padding-bottom: 1rem;
}

[dir] .pb-5{
  padding-bottom: 1.25rem;
}

[dir] .pb-6{
  padding-bottom: 1.5rem;
}

[dir] .pb-8{
  padding-bottom: 2rem;
}

[dir] .pb-10{
  padding-bottom: 2.5rem;
}

[dir] .pb-12{
  padding-bottom: 3rem;
}

[dir] .pb-14{
  padding-bottom: 3.5rem;
}

[dir] .pb-16{
  padding-bottom: 4rem;
}

[dir] .pb-24{
  padding-bottom: 6rem;
}

[dir] .pb-28{
  padding-bottom: 7rem;
}

[dir] .pb-32{
  padding-bottom: 8rem;
}

[dir] .pb-44{
  padding-bottom: 11rem;
}

[dir] .pb-60{
  padding-bottom: 15rem;
}

[dir] .pb-72{
  padding-bottom: 18rem;
}

[dir] .pb-96{
  padding-bottom: 24rem;
}

[dir="ltr"] .pl-0{
  padding-left: 0px;
}

[dir="rtl"] .pl-0{
  padding-right: 0px;
}

[dir="ltr"] .pl-1{
  padding-left: 0.25rem;
}

[dir="rtl"] .pl-1{
  padding-right: 0.25rem;
}

[dir="ltr"] .pl-2{
  padding-left: 0.5rem;
}

[dir="rtl"] .pl-2{
  padding-right: 0.5rem;
}

[dir="ltr"] .pl-3{
  padding-left: 0.75rem;
}

[dir="rtl"] .pl-3{
  padding-right: 0.75rem;
}

[dir="ltr"] .pl-4{
  padding-left: 1rem;
}

[dir="rtl"] .pl-4{
  padding-right: 1rem;
}

[dir="ltr"] .pl-5{
  padding-left: 1.25rem;
}

[dir="rtl"] .pl-5{
  padding-right: 1.25rem;
}

[dir="ltr"] .pl-6{
  padding-left: 1.5rem;
}

[dir="rtl"] .pl-6{
  padding-right: 1.5rem;
}

[dir="ltr"] .pl-7{
  padding-left: 1.75rem;
}

[dir="rtl"] .pl-7{
  padding-right: 1.75rem;
}

[dir="ltr"] .pl-8{
  padding-left: 2rem;
}

[dir="rtl"] .pl-8{
  padding-right: 2rem;
}

[dir="ltr"] .pl-9{
  padding-left: 2.25rem;
}

[dir="rtl"] .pl-9{
  padding-right: 2.25rem;
}

[dir="ltr"] .pl-11{
  padding-left: 2.75rem;
}

[dir="rtl"] .pl-11{
  padding-right: 2.75rem;
}

[dir="ltr"] .pl-12{
  padding-left: 3rem;
}

[dir="rtl"] .pl-12{
  padding-right: 3rem;
}

[dir] .first\:pt-0:first-child{
  padding-top: 0px;
}

[dir] .last\:pb-0:last-child{
  padding-bottom: 0px;
}

[dir="ltr"] .text-left{
  text-align: left;
}

[dir="rtl"] .text-left{
  text-align: right;
}

[dir] .text-center{
  text-align: center;
}

[dir="ltr"] .text-right{
  text-align: right;
}

[dir="rtl"] .text-right{
  text-align: left;
}

.align-top{
  vertical-align: top;
}

.align-middle{
  vertical-align: middle;
}

.font-display{
  font-family: "Whitney SSm A", "Whitney SSm B", "Arial", "Helvetica", sans-serif;
}

.font-nw-display{
  font-family: "Canela Deck Bold", "Whitney SSm A", "Whitney SSm B", "Arial", "Helvetica", sans-serif;
}

.font-body{
  font-family: "Whitney SSm A", "Whitney SSm B", "Arial", "Helvetica", sans-serif;
}

.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.text-xs{
  font-size: 0.75rem;
}

.text-sm{
  font-size: 0.875rem;
}

.text-base{
  font-size: 1rem;
}

.text-lg{
  font-size: 1.125rem;
}

.text-xl{
  font-size: 1.25rem;
}

.text-2xl{
  font-size: 1.5rem;
}

.text-3xl{
  font-size: 1.875rem;
}

.text-4xl{
  font-size: 2.25rem;
}

.text-6xl{
  font-size: 4rem;
}

.text-display-xs{
  font-size: 1.5rem;
}

.text-display-sm{
  font-size: 1.875rem;
}

.text-display-md{
  font-size: 2.25rem;
}

.text-display-lg{
  font-size: 3rem;
}

.text-display-xl{
  font-size: 3.75rem;
}

.text-display-2xl{
  font-size: 6rem;
}

.text-tiny{
  font-size: 0.625rem;
}

.text-micro{
  font-size: .5rem;
}

.text-size-inherit{
  font-size: inherit;
}

.font-light{
  font-weight: 300;
}

.font-normal{
  font-weight: 400;
}

.font-medium{
  font-weight: 500;
}

.font-semibold{
  font-weight: 600;
}

.font-bold{
  font-weight: 700;
}

.font-black{
  font-weight: 900;
}

.uppercase{
  text-transform: uppercase;
}

.lowercase{
  text-transform: lowercase;
}

.capitalize{
  text-transform: capitalize;
}

.normal-case{
  text-transform: none;
}

.italic{
  font-style: italic;
}

.not-italic{
  font-style: normal;
}

.ordinal{
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

[dir="ltr"] .ordinal{
  --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
  --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
  --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
  --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
  --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
}

[dir="rtl"] .ordinal{
  --tw-ordinal: var(--tw-empty, );
  --tw-slashed-zero: var(--tw-empty, );
  --tw-numeric-figure: var(--tw-empty, );
  --tw-numeric-spacing: var(--tw-empty, );
  --tw-numeric-fraction: var(--tw-empty, );
}

.ordinal{
  --tw-ordinal: ordinal;
}

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

.leading-4{
  line-height: 1rem;
}

.leading-5{
  line-height: 1.25rem;
}

.leading-6{
  line-height: 1.5rem;
}

.leading-7{
  line-height: 1.75rem;
}

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

.leading-none{
  line-height: 1;
}

.leading-tight{
  line-height: 1.25;
}

.leading-snug{
  line-height: 1.375;
}

.leading-normal{
  line-height: 1.5;
}

.leading-relaxed{
  line-height: 1.625;
}

.leading-xs{
  line-height: 18px;
}

.leading-sm{
  line-height: 20px;
}

.leading-md{
  line-height: 24px;
}

.leading-lg{
  line-height: 28px;
}

.leading-xl{
  line-height: 30px;
}

.leading-2xl{
  line-height: 32px;
}

.leading-4xl{
  line-height: 44px;
}

.tracking-tight{
  letter-spacing: -0.025em;
}

.tracking-wide{
  letter-spacing: 0.025em;
}

.tracking-wider{
  letter-spacing: 0.05em;
}

.tracking-nw-default{
  letter-spacing: -0.2px;
}

.text-white{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.text-gray-200{
  --tw-text-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-text-opacity));
}

.text-gray-300{
  --tw-text-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-text-opacity));
}

.text-gray-400{
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}

.text-gray-500{
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}

.text-gray-600{
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
}

.text-gray-700{
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}

.text-gray-800{
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity));
}

.text-gray-900{
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}

.text-red-500{
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity));
}

.text-red-600{
  --tw-text-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-text-opacity));
}

.text-red-700{
  --tw-text-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-text-opacity));
}

.text-red-800{
  --tw-text-opacity: 1;
  color: rgba(153, 27, 27, var(--tw-text-opacity));
}

.text-yellow-700{
  --tw-text-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-text-opacity));
}

.text-yellow-800{
  --tw-text-opacity: 1;
  color: rgba(146, 64, 14, var(--tw-text-opacity));
}

.text-green-500{
  --tw-text-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-text-opacity));
}

.text-green-600{
  --tw-text-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-text-opacity));
}

.text-green-700{
  --tw-text-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-text-opacity));
}

.text-green-800{
  --tw-text-opacity: 1;
  color: rgba(6, 95, 70, var(--tw-text-opacity));
}

.text-blue-500{
  --tw-text-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-text-opacity));
}

.text-blue-600{
  --tw-text-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-text-opacity));
}

.text-blue-700{
  --tw-text-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-text-opacity));
}

.text-blue-800{
  --tw-text-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-text-opacity));
}

.text-indigo-700{
  --tw-text-opacity: 1;
  color: rgba(67, 56, 202, var(--tw-text-opacity));
}

.text-purple-600{
  --tw-text-opacity: 1;
  color: rgba(124, 58, 237, var(--tw-text-opacity));
}

.text-w-brand-primary{
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
}

.text-w-brand-secondary{
  --tw-text-opacity: 1;
  color: rgba(72, 109, 231, var(--tw-text-opacity));
}

.text-w-status-success{
  --tw-text-opacity: 1;
  color: rgba(0, 128, 0, var(--tw-text-opacity));
}

.text-w-status-error{
  --tw-text-opacity: 1;
  color: rgba(217, 31, 27, var(--tw-text-opacity));
}

.text-w-status-info{
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
}

.text-w-dark{
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

.text-w-text{
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

.text-w-light{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.text-w-star{
  --tw-text-opacity: 1;
  color: rgba(225, 163, 37, var(--tw-text-opacity));
}

.text-w-gray-medium{
  --tw-text-opacity: 1;
  color: rgba(148, 148, 148, var(--tw-text-opacity));
}

.text-w-gray-dark{
  --tw-text-opacity: 1;
  color: rgba(114, 115, 117, var(--tw-text-opacity));
}

.text-w-gray-darker{
  --tw-text-opacity: 1;
  color: rgba(85, 85, 85, var(--tw-text-opacity));
}

.text-w-blue-darker{
  --tw-text-opacity: 1;
  color: rgba(0, 0, 102, var(--tw-text-opacity));
}

.text-w-red-dark{
  --tw-text-opacity: 1;
  color: rgba(255, 19, 0, var(--tw-text-opacity));
}

.text-nw-black{
  color: hsl(0 0% 0%);
  color: hsl(var(--black));
}

.text-nw-alpha-black-70{
  color: hsl(24 12% 8% / 70%);
  color: hsl(var(--alpha-black-70));
}

.text-nw-fg-brand-primary{
  color: hsl(230 89% 67%);
  color: hsl(var(--fg-brand-primary));
}

.text-nw-fg-brand-primary-alt{
  color: hsl(230 89% 67%);
  color: hsl(var(--fg-brand-primary-alt));
}

.text-nw-fg-brand-secondary{
  color: hsl(226 95% 75%);
  color: hsl(var(--fg-brand-secondary));
}

.text-nw-fg-brand-secondary-alt{
  color: hsl(226 95% 75%);
  color: hsl(var(--fg-brand-secondary-alt));
}

.text-nw-fg-disabled{
  color: hsl(25 7% 64%);
  color: hsl(var(--fg-disabled));
}

.text-nw-fg-error-primary{
  color: hsl(5 90% 60%);
  color: hsl(var(--fg-error-primary));
}

.text-nw-fg-error-secondary{
  color: hsl(5 96% 67%);
  color: hsl(var(--fg-error-secondary));
}

.text-nw-fg-primary{
  color: hsl(24 10% 10%);
  color: hsl(var(--fg-primary));
}

.text-nw-fg-quaternary{
  color: hsl(26 6% 45%);
  color: hsl(var(--fg-quaternary));
}

.text-nw-fg-quinary{
  color: hsl(25 7% 64%);
  color: hsl(var(--fg-quinary));
}

.text-nw-fg-secondary{
  color: hsl(30 6% 25%);
  color: hsl(var(--fg-secondary));
}

.text-nw-fg-success-primary{
  color: hsl(136 39% 45%);
  color: hsl(var(--fg-success-primary));
}

.text-nw-fg-success-secondary{
  color: hsl(136 37% 58%);
  color: hsl(var(--fg-success-secondary));
}

.text-nw-fg-tertiary{
  color: hsl(33 5% 32%);
  color: hsl(var(--fg-tertiary));
}

.text-nw-fg-warning-primary{
  color: hsl(43 93% 47%);
  color: hsl(var(--fg-warning-primary));
}

.text-nw-fg-warning-secondary{
  color: hsl(46 96% 53%);
  color: hsl(var(--fg-warning-secondary));
}

.text-nw-fg-white{
  color: hsl(0 0% 100%);
  color: hsl(var(--fg-white));
}

.text-nw-icon-fill-primary{
  color: hsl(0 0% 0%);
  color: hsl(var(--icon-fill-primary));
}

.text-nw-icon-fill-brand-primary{
  color: hsl(230 89% 67%);
  color: hsl(var(--icon-fill-brand-primary));
}

.text-nw-icon-fill-brand-secondary{
  color: hsl(221 100% 82%);
  color: hsl(var(--icon-fill-brand-secondary));
}

.text-nw-brand-primary{
  color: hsl(237 62% 51%);
  color: hsl(var(--text-brand-primary));
}

.text-nw-brand-secondary{
  color: hsl(235 80% 59%);
  color: hsl(var(--text-brand-secondary));
}

.text-nw-brand-tertiary{
  color: hsl(230 89% 67%);
  color: hsl(var(--text-brand-tertiary));
}

.text-nw-brand-tertiary-alt{
  color: hsl(230 89% 67%);
  color: hsl(var(--text-brand-tertiary-alt));
}

.text-nw-disabled{
  color: hsl(26 6% 45%);
  color: hsl(var(--text-disabled));
}

.text-nw-error-primary{
  color: hsl(5 77% 51%);
  color: hsl(var(--text-error-primary));
}

.text-nw-placeholder{
  color: hsl(26 6% 45%);
  color: hsl(var(--text-placeholder));
}

.text-nw-placeholder-subtle{
  color: hsl(26 8% 83%);
  color: hsl(var(--text-placeholder-subtle));
}

.text-nw-primary{
  color: hsl(24 10% 10%);
  color: hsl(var(--text-primary));
}

.text-nw-primary-on-brand{
  color: hsl(0 0% 100%);
  color: hsl(var(--text-primary-on-brand));
}

.text-nw-quaternary{
  color: hsl(26 6% 45%);
  color: hsl(var(--text-quaternary));
}

.text-nw-queue-pill-text-booking{
  color: hsl(223 20% 27%);
  color: hsl(var(--queue-pill-text-booking));
}

.text-nw-queue-pill-text-immediate{
  color: hsl(211 44% 22%);
  color: hsl(var(--queue-pill-text-immediate));
}

.text-nw-queue-pill-text-invalid{
  color: hsl(283 40% 26%);
  color: hsl(var(--queue-pill-text-invalid));
}

.text-nw-queue-pill-text-payments{
  color: hsl(226 68% 23%);
  color: hsl(var(--queue-pill-text-payments));
}

.text-nw-queue-pill-text-planned{
  color: hsl(242 43% 35%);
  color: hsl(var(--queue-pill-text-planned));
}

.text-nw-secondary{
  color: hsl(30 6% 25%);
  color: hsl(var(--text-secondary));
}

.text-nw-secondary-hover{
  color: hsl(12 6% 15%);
  color: hsl(var(--text-secondary-hover));
}

.text-nw-status-pill-text-aqua{
  color: hsl(193 41% 27%);
  color: hsl(var(--status-pill-text-aqua));
}

.text-nw-status-pill-text-berry{
  color: hsl(330 31% 35%);
  color: hsl(var(--status-pill-text-berry));
}

.text-nw-status-pill-text-lavender{
  color: hsl(245 24% 41%);
  color: hsl(var(--status-pill-text-lavender));
}

.text-nw-status-pill-text-peach{
  color: hsl(13 67% 31%);
  color: hsl(var(--status-pill-text-peach));
}

.text-nw-status-pill-text-periwinkle{
  color: hsl(235 80% 59%);
  color: hsl(var(--status-pill-text-periwinkle));
}

.text-nw-status-pill-text-purple{
  color: hsl(271 43% 47%);
  color: hsl(var(--status-pill-text-purple));
}

.text-nw-success-primary{
  color: hsl(136 42% 36%);
  color: hsl(var(--text-success-primary));
}

.text-nw-tertiary{
  color: hsl(33 5% 32%);
  color: hsl(var(--text-tertiary));
}

.text-nw-tertiary-hover{
  color: hsl(30 6% 25%);
  color: hsl(var(--text-tertiary-hover));
}

.text-nw-tertiary-on-brand{
  color: hsl(219 100% 89%);
  color: hsl(var(--text-tertiary-on-brand));
}

.text-nw-validation-text-passed{
  color: hsl(193 37% 24%);
  color: hsl(var(--validation-text-passed));
}

.text-nw-warning-primary{
  color: hsl(39 96% 40%);
  color: hsl(var(--text-warning-primary));
}

.group:hover .group-hover\:text-nw-fg-brand-primary-hover{
  color: hsl(235 80% 59%);
  color: hsl(var(--fg-brand-primary-hover));
}

.group:hover .group-hover\:text-nw-fg-quinary-hover{
  color: hsl(26 6% 45%);
  color: hsl(var(--fg-quinary-hover));
}

.group:hover .group-hover\:text-nw-primary{
  color: hsl(24 10% 10%);
  color: hsl(var(--text-primary));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.hover\:text-gray-700:hover{
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}

.hover\:text-w-brand-primary:hover{
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
}

.hover\:text-w-brand-secondary:hover{
  --tw-text-opacity: 1;
  color: rgba(72, 109, 231, var(--tw-text-opacity));
}

.hover\:text-w-status-error:hover{
  --tw-text-opacity: 1;
  color: rgba(217, 31, 27, var(--tw-text-opacity));
}

.hover\:text-w-blue-light:hover{
  --tw-text-opacity: 1;
  color: rgba(115, 146, 213, var(--tw-text-opacity));
}

.hover\:text-nw-fg-brand-primary-hover:hover{
  color: hsl(235 80% 59%);
  color: hsl(var(--fg-brand-primary-hover));
}

.hover\:text-nw-fg-quinary-hover:hover{
  color: hsl(26 6% 45%);
  color: hsl(var(--fg-quinary-hover));
}

.hover\:text-nw-fg-tertiary:hover{
  color: hsl(33 5% 32%);
  color: hsl(var(--fg-tertiary));
}

.hover\:text-nw-brand-primary:hover{
  color: hsl(237 62% 51%);
  color: hsl(var(--text-brand-primary));
}

.hover\:text-nw-brand-secondary:hover{
  color: hsl(235 80% 59%);
  color: hsl(var(--text-brand-secondary));
}

.hover\:text-nw-primary:hover{
  color: hsl(24 10% 10%);
  color: hsl(var(--text-primary));
}

.hover\:text-nw-primary-on-brand:hover{
  color: hsl(0 0% 100%);
  color: hsl(var(--text-primary-on-brand));
}

.hover\:text-nw-secondary:hover{
  color: hsl(30 6% 25%);
  color: hsl(var(--text-secondary));
}

.hover\:text-nw-tertiary:hover{
  color: hsl(33 5% 32%);
  color: hsl(var(--text-tertiary));
}

.focus\:text-w-brand-secondary:focus{
  --tw-text-opacity: 1;
  color: rgba(72, 109, 231, var(--tw-text-opacity));
}

.focus\:text-nw-primary-on-brand:focus{
  color: hsl(0 0% 100%);
  color: hsl(var(--text-primary-on-brand));
}

.underline{
  text-decoration: underline;
}

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

.no-underline{
  text-decoration: none;
}

.hover\:underline:hover{
  text-decoration: underline;
}

.hover\:no-underline:hover{
  text-decoration: none;
}

.focus\:underline:focus{
  text-decoration: underline;
}

.opacity-0{
  opacity: 0;
}

.opacity-10{
  opacity: 0.1;
}

.opacity-25{
  opacity: 0.25;
}

.opacity-30{
  opacity: 0.3;
}

.opacity-50{
  opacity: 0.5;
}

.opacity-60{
  opacity: 0.6;
}

.opacity-70{
  opacity: 0.7;
}

.opacity-75{
  opacity: 0.75;
}

.opacity-90{
  opacity: 0.9;
}

.opacity-100{
  opacity: 1;
}

.hover\:opacity-50:hover{
  opacity: 0.5;
}

.hover\:opacity-70:hover{
  opacity: 0.7;
}

.hover\:opacity-75:hover{
  opacity: 0.75;
}

.hover\:opacity-80:hover{
  opacity: 0.8;
}

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

.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .shadow-sm{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow{
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .shadow{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .shadow-md{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .shadow-lg{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .shadow-xl{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-inner{
  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .shadow-inner{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-none{
  --tw-shadow: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .shadow-none{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-w-hover{
  --tw-shadow: 0 0 0.5rem rgba(34, 34, 34, 0.2);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .shadow-w-hover{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-nw-large{
  --tw-shadow: 0px 12px 16px -4px rgba(23, 20, 18, 0.08), 0px 4px 6px -2px rgba(23, 20, 18, 0.03), 0px 2px 2px -1px rgba(23, 20, 18, 0.04);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .shadow-nw-large{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-nw-sm{
  --tw-shadow: 0px 1px 3px 0px rgba(23, 20, 18, 0.10), 0px 1px 2px -1px rgba(23, 20, 18, 0.10);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .shadow-nw-sm{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-nw-xs{
  --tw-shadow: 0px 1px 2px 0px rgba(23, 20, 18, 0.05);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .shadow-nw-xs{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover{
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .hover\:shadow-md:hover{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-inner:hover{
  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .hover\:shadow-inner:hover{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-none:hover{
  --tw-shadow: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .hover\:shadow-none:hover{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-w-hover:hover{
  --tw-shadow: 0 0 0.5rem rgba(34, 34, 34, 0.2);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .hover\:shadow-w-hover:hover{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-nw-large:hover{
  --tw-shadow: 0px 12px 16px -4px rgba(23, 20, 18, 0.08), 0px 4px 6px -2px rgba(23, 20, 18, 0.03), 0px 2px 2px -1px rgba(23, 20, 18, 0.04);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .hover\:shadow-nw-large:hover{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-nw-sm:hover{
  --tw-shadow: 0px 1px 3px 0px rgba(23, 20, 18, 0.10), 0px 1px 2px -1px rgba(23, 20, 18, 0.10);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .hover\:shadow-nw-sm:hover{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-nw-xs:hover{
  --tw-shadow: 0px 1px 2px 0px rgba(23, 20, 18, 0.05);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .hover\:shadow-nw-xs:hover{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-w-focus-inset:focus{
  --tw-shadow: inset 0 0 0 3px var(--brand-secondary);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .focus\:shadow-w-focus-inset:focus{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-nw-brand-xs:focus{
  --tw-shadow: 0px 0px 0px 2px hsl(var(--bg-primary)), 0px 0px 0px 4px hsl(var(--focus-ring));
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .focus\:shadow-nw-brand-xs:focus{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-nw-large:focus{
  --tw-shadow: 0px 12px 16px -4px rgba(23, 20, 18, 0.08), 0px 4px 6px -2px rgba(23, 20, 18, 0.03), 0px 2px 2px -1px rgba(23, 20, 18, 0.04);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .focus\:shadow-nw-large:focus{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-visible\:shadow-w-focus-inset:focus-visible{
  --tw-shadow: inset 0 0 0 3px var(--brand-secondary);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .focus-visible\:shadow-w-focus-inset:focus-visible{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-visible\:shadow-nw-brand-xs:focus-visible{
  --tw-shadow: 0px 0px 0px 2px hsl(var(--bg-primary)), 0px 0px 0px 4px hsl(var(--focus-ring));
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .focus-visible\:shadow-nw-brand-xs:focus-visible{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline-w-brand-secondary:focus{
  outline: 2px solid #486de7;
  outline: 2px solid var(--brand-secondary);
  outline-offset: 1px;
}

.focus\:outline-nw-primary:focus{
  outline: 2px solid hsl(226 95% 75%);
  outline: 2px solid hsl(var(--focus-ring));
  outline-offset: 2px;
}

*, ::before, ::after{
  --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;
}

[dir="ltr"] *, [dir="ltr"] ::before, [dir="ltr"] ::after{
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
}

[dir="rtl"] *, [dir="rtl"] ::before, [dir="rtl"] ::after{
  --tw-ring-inset: var(--tw-empty, );
}

.ring-1{
  --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
}

[dir] .ring-1{
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2{
  --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
}

[dir] .ring-2{
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.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), 0 0 #0000;
}

[dir] .ring{
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus{
  --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
}

[dir] .focus\:ring-2:focus{
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-inset:focus{
  --tw-ring-inset: inset;
}

.ring-w-brand-primary{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(20, 54, 164, var(--tw-ring-opacity));
}

.ring-w-brand-secondary{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(72, 109, 231, var(--tw-ring-opacity));
}

.focus\:ring-green-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
}

.focus\:ring-blue-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
}

.focus\:ring-w-brand-primary:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(20, 54, 164, var(--tw-ring-opacity));
}

.focus\:ring-nw-fg-brand-primary:focus{
  --tw-ring-color: hsl(var(--fg-brand-primary));
}

.ring-offset-2{
  --tw-ring-offset-width: 2px;
}

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}

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

[dir="ltr"] .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,/*!*/ /*!*/);
}

[dir="rtl"] .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, );
}

.blur{
  --tw-blur: blur(8px);
}

.grayscale{
  --tw-grayscale: grayscale(100%);
}

.invert{
  --tw-invert: invert(100%);
}

.backdrop-filter{
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

[dir="ltr"] .backdrop-filter{
  --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);
}

[dir="rtl"] .backdrop-filter{
  --tw-backdrop-blur: var(--tw-empty, );
  --tw-backdrop-brightness: var(--tw-empty, );
  --tw-backdrop-contrast: var(--tw-empty, );
  --tw-backdrop-grayscale: var(--tw-empty, );
  --tw-backdrop-hue-rotate: var(--tw-empty, );
  --tw-backdrop-invert: var(--tw-empty, );
  --tw-backdrop-opacity: var(--tw-empty, );
  --tw-backdrop-saturate: var(--tw-empty, );
  --tw-backdrop-sepia: var(--tw-empty, );
}

.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
}

.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
}

[dir] .transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

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

[dir] .transition-colors{
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[dir] .transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[dir] .transition-shadow{
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[dir] .transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[dir] .duration-100{
  transition-duration: 100ms;
}

[dir] .duration-150{
  transition-duration: 150ms;
}

[dir] .duration-200{
  transition-duration: 200ms;
}

[dir] .duration-300{
  transition-duration: 300ms;
}

[dir] .duration-500{
  transition-duration: 500ms;
}

[dir] .ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.bg-nw-hero-glow{
  background: radial-gradient(circle at 85% 30%, hsl(13 97% 71% / 0.4) 0%, transparent 50%), radial-gradient(circle at 70% 70%, hsl(226 95% 75% / 0.5) 0%, transparent 50%);
  filter: blur(40px);
}

[dir] .bg-nw-hero-glow{
  background: radial-gradient(circle at 85% 30%, hsl(var(--peach-400) / 0.4) 0%, transparent 50%), radial-gradient(circle at 70% 70%, hsl(var(--periwinkle-400) / 0.5) 0%, transparent 50%);
}

form.form--basic {
  width: 100%;
}

form.form--basic label {
  display: block;
}

form.form--basic input[type=text], form.form--basic input[type=password], form.form--basic input[type=url], form.form--basic input[type=email], form.form--basic input[type=tel], form.form--basic input[type=search], form.form--basic input[type=number], form.form--basic input[type=date], form.form--basic input[type=month], form.form--basic input[type=week], form.form--basic input[type=datetime], form.form--basic input[type=datetime-local], form.form--basic select, form.form--basic textarea{
  display: inline-block;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir] form.form--basic input[type=text], [dir] form.form--basic input[type=password], [dir] form.form--basic input[type=url], [dir] form.form--basic input[type=email], [dir] form.form--basic input[type=tel], [dir] form.form--basic input[type=search], [dir] form.form--basic input[type=number], [dir] form.form--basic input[type=date], [dir] form.form--basic input[type=month], [dir] form.form--basic input[type=week], [dir] form.form--basic input[type=datetime], [dir] form.form--basic input[type=datetime-local], [dir] form.form--basic select, [dir] form.form--basic textarea{
  margin-bottom: 0.75rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

form.form--basic input[type=text]::placeholder, form.form--basic input[type=text]::-webkit-input-placeholder, form.form--basic input[type=text]:-ms-input-placeholder, form.form--basic input[type=text]::-moz-placeholder, form.form--basic input[type=text]:-moz-placeholder, form.form--basic input[type=password]::placeholder, form.form--basic input[type=password]::-webkit-input-placeholder, form.form--basic input[type=password]:-ms-input-placeholder, form.form--basic input[type=password]::-moz-placeholder, form.form--basic input[type=password]:-moz-placeholder, form.form--basic input[type=url]::placeholder, form.form--basic input[type=url]::-webkit-input-placeholder, form.form--basic input[type=url]:-ms-input-placeholder, form.form--basic input[type=url]::-moz-placeholder, form.form--basic input[type=url]:-moz-placeholder, form.form--basic input[type=email]::placeholder, form.form--basic input[type=email]::-webkit-input-placeholder, form.form--basic input[type=email]:-ms-input-placeholder, form.form--basic input[type=email]::-moz-placeholder, form.form--basic input[type=email]:-moz-placeholder, form.form--basic input[type=tel]::placeholder, form.form--basic input[type=tel]::-webkit-input-placeholder, form.form--basic input[type=tel]:-ms-input-placeholder, form.form--basic input[type=tel]::-moz-placeholder, form.form--basic input[type=tel]:-moz-placeholder, form.form--basic input[type=search]::placeholder, form.form--basic input[type=search]::-webkit-input-placeholder, form.form--basic input[type=search]:-ms-input-placeholder, form.form--basic input[type=search]::-moz-placeholder, form.form--basic input[type=search]:-moz-placeholder, form.form--basic input[type=number]::placeholder, form.form--basic input[type=number]::-webkit-input-placeholder, form.form--basic input[type=number]:-ms-input-placeholder, form.form--basic input[type=number]::-moz-placeholder, form.form--basic input[type=number]:-moz-placeholder, form.form--basic input[type=date]::placeholder, form.form--basic input[type=date]::-webkit-input-placeholder, form.form--basic input[type=date]:-ms-input-placeholder, form.form--basic input[type=date]::-moz-placeholder, form.form--basic input[type=date]:-moz-placeholder, form.form--basic input[type=month]::placeholder, form.form--basic input[type=month]::-webkit-input-placeholder, form.form--basic input[type=month]:-ms-input-placeholder, form.form--basic input[type=month]::-moz-placeholder, form.form--basic input[type=month]:-moz-placeholder, form.form--basic input[type=week]::placeholder, form.form--basic input[type=week]::-webkit-input-placeholder, form.form--basic input[type=week]:-ms-input-placeholder, form.form--basic input[type=week]::-moz-placeholder, form.form--basic input[type=week]:-moz-placeholder, form.form--basic input[type=datetime]::placeholder, form.form--basic input[type=datetime]::-webkit-input-placeholder, form.form--basic input[type=datetime]:-ms-input-placeholder, form.form--basic input[type=datetime]::-moz-placeholder, form.form--basic input[type=datetime]:-moz-placeholder, form.form--basic input[type=datetime-local]::placeholder, form.form--basic input[type=datetime-local]::-webkit-input-placeholder, form.form--basic input[type=datetime-local]:-ms-input-placeholder, form.form--basic input[type=datetime-local]::-moz-placeholder, form.form--basic input[type=datetime-local]:-moz-placeholder, form.form--basic select::placeholder, form.form--basic select::-webkit-input-placeholder, form.form--basic select:-ms-input-placeholder, form.form--basic select::-moz-placeholder, form.form--basic select:-moz-placeholder, form.form--basic textarea::placeholder, form.form--basic textarea::-webkit-input-placeholder, form.form--basic textarea:-ms-input-placeholder, form.form--basic textarea::-moz-placeholder, form.form--basic textarea:-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

form.form--basic input[type=text]:hover, form.form--basic input[type=text]:focus, form.form--basic input[type=password]:hover, form.form--basic input[type=password]:focus, form.form--basic input[type=url]:hover, form.form--basic input[type=url]:focus, form.form--basic input[type=email]:hover, form.form--basic input[type=email]:focus, form.form--basic input[type=tel]:hover, form.form--basic input[type=tel]:focus, form.form--basic input[type=search]:hover, form.form--basic input[type=search]:focus, form.form--basic input[type=number]:hover, form.form--basic input[type=number]:focus, form.form--basic input[type=date]:hover, form.form--basic input[type=date]:focus, form.form--basic input[type=month]:hover, form.form--basic input[type=month]:focus, form.form--basic input[type=week]:hover, form.form--basic input[type=week]:focus, form.form--basic input[type=datetime]:hover, form.form--basic input[type=datetime]:focus, form.form--basic input[type=datetime-local]:hover, form.form--basic input[type=datetime-local]:focus, form.form--basic select:hover, form.form--basic select:focus, form.form--basic textarea:hover, form.form--basic textarea:focus{
  --tw-border-opacity: 1;
}

[dir] form.form--basic input[type=text]:hover, [dir] form.form--basic input[type=text]:focus, [dir] form.form--basic input[type=password]:hover, [dir] form.form--basic input[type=password]:focus, [dir] form.form--basic input[type=url]:hover, [dir] form.form--basic input[type=url]:focus, [dir] form.form--basic input[type=email]:hover, [dir] form.form--basic input[type=email]:focus, [dir] form.form--basic input[type=tel]:hover, [dir] form.form--basic input[type=tel]:focus, [dir] form.form--basic input[type=search]:hover, [dir] form.form--basic input[type=search]:focus, [dir] form.form--basic input[type=number]:hover, [dir] form.form--basic input[type=number]:focus, [dir] form.form--basic input[type=date]:hover, [dir] form.form--basic input[type=date]:focus, [dir] form.form--basic input[type=month]:hover, [dir] form.form--basic input[type=month]:focus, [dir] form.form--basic input[type=week]:hover, [dir] form.form--basic input[type=week]:focus, [dir] form.form--basic input[type=datetime]:hover, [dir] form.form--basic input[type=datetime]:focus, [dir] form.form--basic input[type=datetime-local]:hover, [dir] form.form--basic input[type=datetime-local]:focus, [dir] form.form--basic select:hover, [dir] form.form--basic select:focus, [dir] form.form--basic textarea:hover, [dir] form.form--basic textarea:focus{
  border-color: rgba(20, 54, 164, var(--tw-border-opacity));
}

form.form--basic input[type=text]:hover::placeholder, form.form--basic input[type=text]:hover::-webkit-input-placeholder, form.form--basic input[type=text]:hover:-ms-input-placeholder, form.form--basic input[type=text]:hover::-moz-placeholder, form.form--basic input[type=text]:hover:-moz-placeholder, form.form--basic input[type=text]:focus::placeholder, form.form--basic input[type=text]:focus::-webkit-input-placeholder, form.form--basic input[type=text]:focus:-ms-input-placeholder, form.form--basic input[type=text]:focus::-moz-placeholder, form.form--basic input[type=text]:focus:-moz-placeholder, form.form--basic input[type=password]:hover::placeholder, form.form--basic input[type=password]:hover::-webkit-input-placeholder, form.form--basic input[type=password]:hover:-ms-input-placeholder, form.form--basic input[type=password]:hover::-moz-placeholder, form.form--basic input[type=password]:hover:-moz-placeholder, form.form--basic input[type=password]:focus::placeholder, form.form--basic input[type=password]:focus::-webkit-input-placeholder, form.form--basic input[type=password]:focus:-ms-input-placeholder, form.form--basic input[type=password]:focus::-moz-placeholder, form.form--basic input[type=password]:focus:-moz-placeholder, form.form--basic input[type=url]:hover::placeholder, form.form--basic input[type=url]:hover::-webkit-input-placeholder, form.form--basic input[type=url]:hover:-ms-input-placeholder, form.form--basic input[type=url]:hover::-moz-placeholder, form.form--basic input[type=url]:hover:-moz-placeholder, form.form--basic input[type=url]:focus::placeholder, form.form--basic input[type=url]:focus::-webkit-input-placeholder, form.form--basic input[type=url]:focus:-ms-input-placeholder, form.form--basic input[type=url]:focus::-moz-placeholder, form.form--basic input[type=url]:focus:-moz-placeholder, form.form--basic input[type=email]:hover::placeholder, form.form--basic input[type=email]:hover::-webkit-input-placeholder, form.form--basic input[type=email]:hover:-ms-input-placeholder, form.form--basic input[type=email]:hover::-moz-placeholder, form.form--basic input[type=email]:hover:-moz-placeholder, form.form--basic input[type=email]:focus::placeholder, form.form--basic input[type=email]:focus::-webkit-input-placeholder, form.form--basic input[type=email]:focus:-ms-input-placeholder, form.form--basic input[type=email]:focus::-moz-placeholder, form.form--basic input[type=email]:focus:-moz-placeholder, form.form--basic input[type=tel]:hover::placeholder, form.form--basic input[type=tel]:hover::-webkit-input-placeholder, form.form--basic input[type=tel]:hover:-ms-input-placeholder, form.form--basic input[type=tel]:hover::-moz-placeholder, form.form--basic input[type=tel]:hover:-moz-placeholder, form.form--basic input[type=tel]:focus::placeholder, form.form--basic input[type=tel]:focus::-webkit-input-placeholder, form.form--basic input[type=tel]:focus:-ms-input-placeholder, form.form--basic input[type=tel]:focus::-moz-placeholder, form.form--basic input[type=tel]:focus:-moz-placeholder, form.form--basic input[type=search]:hover::placeholder, form.form--basic input[type=search]:hover::-webkit-input-placeholder, form.form--basic input[type=search]:hover:-ms-input-placeholder, form.form--basic input[type=search]:hover::-moz-placeholder, form.form--basic input[type=search]:hover:-moz-placeholder, form.form--basic input[type=search]:focus::placeholder, form.form--basic input[type=search]:focus::-webkit-input-placeholder, form.form--basic input[type=search]:focus:-ms-input-placeholder, form.form--basic input[type=search]:focus::-moz-placeholder, form.form--basic input[type=search]:focus:-moz-placeholder, form.form--basic input[type=number]:hover::placeholder, form.form--basic input[type=number]:hover::-webkit-input-placeholder, form.form--basic input[type=number]:hover:-ms-input-placeholder, form.form--basic input[type=number]:hover::-moz-placeholder, form.form--basic input[type=number]:hover:-moz-placeholder, form.form--basic input[type=number]:focus::placeholder, form.form--basic input[type=number]:focus::-webkit-input-placeholder, form.form--basic input[type=number]:focus:-ms-input-placeholder, form.form--basic input[type=number]:focus::-moz-placeholder, form.form--basic input[type=number]:focus:-moz-placeholder, form.form--basic input[type=date]:hover::placeholder, form.form--basic input[type=date]:hover::-webkit-input-placeholder, form.form--basic input[type=date]:hover:-ms-input-placeholder, form.form--basic input[type=date]:hover::-moz-placeholder, form.form--basic input[type=date]:hover:-moz-placeholder, form.form--basic input[type=date]:focus::placeholder, form.form--basic input[type=date]:focus::-webkit-input-placeholder, form.form--basic input[type=date]:focus:-ms-input-placeholder, form.form--basic input[type=date]:focus::-moz-placeholder, form.form--basic input[type=date]:focus:-moz-placeholder, form.form--basic input[type=month]:hover::placeholder, form.form--basic input[type=month]:hover::-webkit-input-placeholder, form.form--basic input[type=month]:hover:-ms-input-placeholder, form.form--basic input[type=month]:hover::-moz-placeholder, form.form--basic input[type=month]:hover:-moz-placeholder, form.form--basic input[type=month]:focus::placeholder, form.form--basic input[type=month]:focus::-webkit-input-placeholder, form.form--basic input[type=month]:focus:-ms-input-placeholder, form.form--basic input[type=month]:focus::-moz-placeholder, form.form--basic input[type=month]:focus:-moz-placeholder, form.form--basic input[type=week]:hover::placeholder, form.form--basic input[type=week]:hover::-webkit-input-placeholder, form.form--basic input[type=week]:hover:-ms-input-placeholder, form.form--basic input[type=week]:hover::-moz-placeholder, form.form--basic input[type=week]:hover:-moz-placeholder, form.form--basic input[type=week]:focus::placeholder, form.form--basic input[type=week]:focus::-webkit-input-placeholder, form.form--basic input[type=week]:focus:-ms-input-placeholder, form.form--basic input[type=week]:focus::-moz-placeholder, form.form--basic input[type=week]:focus:-moz-placeholder, form.form--basic input[type=datetime]:hover::placeholder, form.form--basic input[type=datetime]:hover::-webkit-input-placeholder, form.form--basic input[type=datetime]:hover:-ms-input-placeholder, form.form--basic input[type=datetime]:hover::-moz-placeholder, form.form--basic input[type=datetime]:hover:-moz-placeholder, form.form--basic input[type=datetime]:focus::placeholder, form.form--basic input[type=datetime]:focus::-webkit-input-placeholder, form.form--basic input[type=datetime]:focus:-ms-input-placeholder, form.form--basic input[type=datetime]:focus::-moz-placeholder, form.form--basic input[type=datetime]:focus:-moz-placeholder, form.form--basic input[type=datetime-local]:hover::placeholder, form.form--basic input[type=datetime-local]:hover::-webkit-input-placeholder, form.form--basic input[type=datetime-local]:hover:-ms-input-placeholder, form.form--basic input[type=datetime-local]:hover::-moz-placeholder, form.form--basic input[type=datetime-local]:hover:-moz-placeholder, form.form--basic input[type=datetime-local]:focus::placeholder, form.form--basic input[type=datetime-local]:focus::-webkit-input-placeholder, form.form--basic input[type=datetime-local]:focus:-ms-input-placeholder, form.form--basic input[type=datetime-local]:focus::-moz-placeholder, form.form--basic input[type=datetime-local]:focus:-moz-placeholder, form.form--basic select:hover::placeholder, form.form--basic select:hover::-webkit-input-placeholder, form.form--basic select:hover:-ms-input-placeholder, form.form--basic select:hover::-moz-placeholder, form.form--basic select:hover:-moz-placeholder, form.form--basic select:focus::placeholder, form.form--basic select:focus::-webkit-input-placeholder, form.form--basic select:focus:-ms-input-placeholder, form.form--basic select:focus::-moz-placeholder, form.form--basic select:focus:-moz-placeholder, form.form--basic textarea:hover::placeholder, form.form--basic textarea:hover::-webkit-input-placeholder, form.form--basic textarea:hover:-ms-input-placeholder, form.form--basic textarea:hover::-moz-placeholder, form.form--basic textarea:hover:-moz-placeholder, form.form--basic textarea:focus::placeholder, form.form--basic textarea:focus::-webkit-input-placeholder, form.form--basic textarea:focus:-ms-input-placeholder, form.form--basic textarea:focus::-moz-placeholder, form.form--basic textarea:focus:-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

form.form--basic input[type=text]:focus, form.form--basic input[type=password]:focus, form.form--basic input[type=url]:focus, form.form--basic input[type=email]:focus, form.form--basic input[type=tel]:focus, form.form--basic input[type=search]:focus, form.form--basic input[type=number]:focus, form.form--basic input[type=date]:focus, form.form--basic input[type=month]:focus, form.form--basic input[type=week]:focus, form.form--basic input[type=datetime]:focus, form.form--basic input[type=datetime-local]:focus, form.form--basic select:focus, form.form--basic textarea:focus{
  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

[dir] form.form--basic input[type=text]:focus, [dir] form.form--basic input[type=password]:focus, [dir] form.form--basic input[type=url]:focus, [dir] form.form--basic input[type=email]:focus, [dir] form.form--basic input[type=tel]:focus, [dir] form.form--basic input[type=search]:focus, [dir] form.form--basic input[type=number]:focus, [dir] form.form--basic input[type=date]:focus, [dir] form.form--basic input[type=month]:focus, [dir] form.form--basic input[type=week]:focus, [dir] form.form--basic input[type=datetime]:focus, [dir] form.form--basic input[type=datetime-local]:focus, [dir] form.form--basic select:focus, [dir] form.form--basic textarea:focus{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

form.form--basic input[type=color], form.form--basic input[type=range]{
  display: block;
}

[dir] form.form--basic input[type=color], [dir] form.form--basic input[type=range]{
  margin-bottom: 0.75rem;
}

form.form--basic input[type=submit], form.form--basic input[type=button], form.form--basic input[type=reset], form.form--basic button{
  --tw-border-opacity: 1;
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] form.form--basic input[type=submit], [dir] form.form--basic input[type=button], [dir] form.form--basic input[type=reset], [dir] form.form--basic button{
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

[dir="ltr"] form.form--rotund {
  text-align: left;
}

[dir="rtl"] form.form--rotund {
  text-align: right;
}

form.form--rotund label {
  display: block;
}

[dir] form.form--rotund input[type=text], [dir] form.form--rotund input[type=password], [dir] form.form--rotund input[type=url], [dir] form.form--rotund input[type=email], [dir] form.form--rotund input[type=search], [dir] form.form--rotund input[type=number], [dir] form.form--rotund input[type=date], [dir] form.form--rotund input[type=month], [dir] form.form--rotund input[type=week], [dir] form.form--rotund input[type=datetime], [dir] form.form--rotund input[type=datetime-local], [dir] form.form--rotund textarea{
  margin-bottom: 0.75rem;
}

form.form--rotund input[type=text], form.form--rotund input[type=password], form.form--rotund input[type=url], form.form--rotund input[type=email], form.form--rotund input[type=search], form.form--rotund input[type=number], form.form--rotund input[type=date], form.form--rotund input[type=month], form.form--rotund input[type=week], form.form--rotund input[type=datetime], form.form--rotund input[type=datetime-local], form.form--rotund textarea{
  display: inline-block;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir] form.form--rotund input[type=text], [dir] form.form--rotund input[type=password], [dir] form.form--rotund input[type=url], [dir] form.form--rotund input[type=email], [dir] form.form--rotund input[type=search], [dir] form.form--rotund input[type=number], [dir] form.form--rotund input[type=date], [dir] form.form--rotund input[type=month], [dir] form.form--rotund input[type=week], [dir] form.form--rotund input[type=datetime], [dir] form.form--rotund input[type=datetime-local], [dir] form.form--rotund textarea{
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

form.form--rotund input[type=text],
form.form--rotund input[type=password],
form.form--rotund input[type=url],
form.form--rotund input[type=email],
form.form--rotund input[type=search],
form.form--rotund input[type=number],
form.form--rotund input[type=date],
form.form--rotund input[type=month],
form.form--rotund input[type=week],
form.form--rotund input[type=datetime],
form.form--rotund input[type=datetime-local],
form.form--rotund textarea{
  line-height: 1.1875rem;
}

[dir] form.form--rotund input[type=text],
[dir] form.form--rotund input[type=password],
[dir] form.form--rotund input[type=url],
[dir] form.form--rotund input[type=email],
[dir] form.form--rotund input[type=search],
[dir] form.form--rotund input[type=number],
[dir] form.form--rotund input[type=date],
[dir] form.form--rotund input[type=month],
[dir] form.form--rotund input[type=week],
[dir] form.form--rotund input[type=datetime],
[dir] form.form--rotund input[type=datetime-local],
[dir] form.form--rotund textarea{
  padding: 1.25rem 1rem;
}

form.form--rotund input[type=text]::-moz-placeholder, form.form--rotund input[type=password]::-moz-placeholder, form.form--rotund input[type=url]::-moz-placeholder, form.form--rotund input[type=email]::-moz-placeholder, form.form--rotund input[type=search]::-moz-placeholder, form.form--rotund input[type=number]::-moz-placeholder, form.form--rotund input[type=date]::-moz-placeholder, form.form--rotund input[type=month]::-moz-placeholder, form.form--rotund input[type=week]::-moz-placeholder, form.form--rotund input[type=datetime]::-moz-placeholder, form.form--rotund input[type=datetime-local]::-moz-placeholder, form.form--rotund textarea::-moz-placeholder{
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

form.form--rotund input[type=text]::placeholder, form.form--rotund input[type=password]::placeholder, form.form--rotund input[type=url]::placeholder, form.form--rotund input[type=email]::placeholder, form.form--rotund input[type=search]::placeholder, form.form--rotund input[type=number]::placeholder, form.form--rotund input[type=date]::placeholder, form.form--rotund input[type=month]::placeholder, form.form--rotund input[type=week]::placeholder, form.form--rotund input[type=datetime]::placeholder, form.form--rotund input[type=datetime-local]::placeholder, form.form--rotund textarea::placeholder{
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

form.form--rotund input[type=text]::-moz-placeholder, form.form--rotund input[type=password]::-moz-placeholder, form.form--rotund input[type=url]::-moz-placeholder, form.form--rotund input[type=email]::-moz-placeholder, form.form--rotund input[type=search]::-moz-placeholder, form.form--rotund input[type=number]::-moz-placeholder, form.form--rotund input[type=date]::-moz-placeholder, form.form--rotund input[type=month]::-moz-placeholder, form.form--rotund input[type=week]::-moz-placeholder, form.form--rotund input[type=datetime]::-moz-placeholder, form.form--rotund input[type=datetime-local]::-moz-placeholder, form.form--rotund textarea::-moz-placeholder{
  line-height: 1.1875rem;
}

form.form--rotund input[type=text]::placeholder,
form.form--rotund input[type=password]::placeholder,
form.form--rotund input[type=url]::placeholder,
form.form--rotund input[type=email]::placeholder,
form.form--rotund input[type=search]::placeholder,
form.form--rotund input[type=number]::placeholder,
form.form--rotund input[type=date]::placeholder,
form.form--rotund input[type=month]::placeholder,
form.form--rotund input[type=week]::placeholder,
form.form--rotund input[type=datetime]::placeholder,
form.form--rotund input[type=datetime-local]::placeholder,
form.form--rotund textarea::placeholder{
  line-height: 1.1875rem;
}

form.form--rotund input[type=text]:hover, form.form--rotund input[type=text]:focus, form.form--rotund input[type=password]:hover, form.form--rotund input[type=password]:focus, form.form--rotund input[type=url]:hover, form.form--rotund input[type=url]:focus, form.form--rotund input[type=email]:hover, form.form--rotund input[type=email]:focus, form.form--rotund input[type=search]:hover, form.form--rotund input[type=search]:focus, form.form--rotund input[type=number]:hover, form.form--rotund input[type=number]:focus, form.form--rotund input[type=date]:hover, form.form--rotund input[type=date]:focus, form.form--rotund input[type=month]:hover, form.form--rotund input[type=month]:focus, form.form--rotund input[type=week]:hover, form.form--rotund input[type=week]:focus, form.form--rotund input[type=datetime]:hover, form.form--rotund input[type=datetime]:focus, form.form--rotund input[type=datetime-local]:hover, form.form--rotund input[type=datetime-local]:focus, form.form--rotund textarea:hover, form.form--rotund textarea:focus{
  --tw-border-opacity: 1;
}

[dir] form.form--rotund input[type=text]:hover, [dir] form.form--rotund input[type=text]:focus, [dir] form.form--rotund input[type=password]:hover, [dir] form.form--rotund input[type=password]:focus, [dir] form.form--rotund input[type=url]:hover, [dir] form.form--rotund input[type=url]:focus, [dir] form.form--rotund input[type=email]:hover, [dir] form.form--rotund input[type=email]:focus, [dir] form.form--rotund input[type=search]:hover, [dir] form.form--rotund input[type=search]:focus, [dir] form.form--rotund input[type=number]:hover, [dir] form.form--rotund input[type=number]:focus, [dir] form.form--rotund input[type=date]:hover, [dir] form.form--rotund input[type=date]:focus, [dir] form.form--rotund input[type=month]:hover, [dir] form.form--rotund input[type=month]:focus, [dir] form.form--rotund input[type=week]:hover, [dir] form.form--rotund input[type=week]:focus, [dir] form.form--rotund input[type=datetime]:hover, [dir] form.form--rotund input[type=datetime]:focus, [dir] form.form--rotund input[type=datetime-local]:hover, [dir] form.form--rotund input[type=datetime-local]:focus, [dir] form.form--rotund textarea:hover, [dir] form.form--rotund textarea:focus{
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
}

form.form--rotund input[type=text]:hover::-moz-placeholder, form.form--rotund input[type=text]:focus::-moz-placeholder, form.form--rotund input[type=password]:hover::-moz-placeholder, form.form--rotund input[type=password]:focus::-moz-placeholder, form.form--rotund input[type=url]:hover::-moz-placeholder, form.form--rotund input[type=url]:focus::-moz-placeholder, form.form--rotund input[type=email]:hover::-moz-placeholder, form.form--rotund input[type=email]:focus::-moz-placeholder, form.form--rotund input[type=search]:hover::-moz-placeholder, form.form--rotund input[type=search]:focus::-moz-placeholder, form.form--rotund input[type=number]:hover::-moz-placeholder, form.form--rotund input[type=number]:focus::-moz-placeholder, form.form--rotund input[type=date]:hover::-moz-placeholder, form.form--rotund input[type=date]:focus::-moz-placeholder, form.form--rotund input[type=month]:hover::-moz-placeholder, form.form--rotund input[type=month]:focus::-moz-placeholder, form.form--rotund input[type=week]:hover::-moz-placeholder, form.form--rotund input[type=week]:focus::-moz-placeholder, form.form--rotund input[type=datetime]:hover::-moz-placeholder, form.form--rotund input[type=datetime]:focus::-moz-placeholder, form.form--rotund input[type=datetime-local]:hover::-moz-placeholder, form.form--rotund input[type=datetime-local]:focus::-moz-placeholder, form.form--rotund textarea:hover::-moz-placeholder, form.form--rotund textarea:focus::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

form.form--rotund input[type=text]:hover::placeholder, form.form--rotund input[type=text]:focus::placeholder, form.form--rotund input[type=password]:hover::placeholder, form.form--rotund input[type=password]:focus::placeholder, form.form--rotund input[type=url]:hover::placeholder, form.form--rotund input[type=url]:focus::placeholder, form.form--rotund input[type=email]:hover::placeholder, form.form--rotund input[type=email]:focus::placeholder, form.form--rotund input[type=search]:hover::placeholder, form.form--rotund input[type=search]:focus::placeholder, form.form--rotund input[type=number]:hover::placeholder, form.form--rotund input[type=number]:focus::placeholder, form.form--rotund input[type=date]:hover::placeholder, form.form--rotund input[type=date]:focus::placeholder, form.form--rotund input[type=month]:hover::placeholder, form.form--rotund input[type=month]:focus::placeholder, form.form--rotund input[type=week]:hover::placeholder, form.form--rotund input[type=week]:focus::placeholder, form.form--rotund input[type=datetime]:hover::placeholder, form.form--rotund input[type=datetime]:focus::placeholder, form.form--rotund input[type=datetime-local]:hover::placeholder, form.form--rotund input[type=datetime-local]:focus::placeholder, form.form--rotund textarea:hover::placeholder, form.form--rotund textarea:focus::placeholder{
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

form.form--rotund input[type=text]:focus, form.form--rotund input[type=password]:focus, form.form--rotund input[type=url]:focus, form.form--rotund input[type=email]:focus, form.form--rotund input[type=search]:focus, form.form--rotund input[type=number]:focus, form.form--rotund input[type=date]:focus, form.form--rotund input[type=month]:focus, form.form--rotund input[type=week]:focus, form.form--rotund input[type=datetime]:focus, form.form--rotund input[type=datetime-local]:focus, form.form--rotund textarea:focus{
  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] form.form--rotund input[type=text]:focus, [dir] form.form--rotund input[type=password]:focus, [dir] form.form--rotund input[type=url]:focus, [dir] form.form--rotund input[type=email]:focus, [dir] form.form--rotund input[type=search]:focus, [dir] form.form--rotund input[type=number]:focus, [dir] form.form--rotund input[type=date]:focus, [dir] form.form--rotund input[type=month]:focus, [dir] form.form--rotund input[type=week]:focus, [dir] form.form--rotund input[type=datetime]:focus, [dir] form.form--rotund input[type=datetime-local]:focus, [dir] form.form--rotund textarea:focus{
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

form.form--rotund input[type=text]:disabled, form.form--rotund input[type=password]:disabled, form.form--rotund input[type=url]:disabled, form.form--rotund input[type=email]:disabled, form.form--rotund input[type=search]:disabled, form.form--rotund input[type=number]:disabled, form.form--rotund input[type=date]:disabled, form.form--rotund input[type=month]:disabled, form.form--rotund input[type=week]:disabled, form.form--rotund input[type=datetime]:disabled, form.form--rotund input[type=datetime-local]:disabled, form.form--rotund textarea:disabled{
  --tw-bg-opacity: 1;
}

[dir] form.form--rotund input[type=text]:disabled, [dir] form.form--rotund input[type=password]:disabled, [dir] form.form--rotund input[type=url]:disabled, [dir] form.form--rotund input[type=email]:disabled, [dir] form.form--rotund input[type=search]:disabled, [dir] form.form--rotund input[type=number]:disabled, [dir] form.form--rotund input[type=date]:disabled, [dir] form.form--rotund input[type=month]:disabled, [dir] form.form--rotund input[type=week]:disabled, [dir] form.form--rotund input[type=datetime]:disabled, [dir] form.form--rotund input[type=datetime-local]:disabled, [dir] form.form--rotund textarea:disabled{
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
}

[dir] form.form--rotund input[type=text]:disabled,
[dir] form.form--rotund input[type=password]:disabled,
[dir] form.form--rotund input[type=url]:disabled,
[dir] form.form--rotund input[type=email]:disabled,
[dir] form.form--rotund input[type=search]:disabled,
[dir] form.form--rotund input[type=number]:disabled,
[dir] form.form--rotund input[type=date]:disabled,
[dir] form.form--rotund input[type=month]:disabled,
[dir] form.form--rotund input[type=week]:disabled,
[dir] form.form--rotund input[type=datetime]:disabled,
[dir] form.form--rotund input[type=datetime-local]:disabled,
[dir] form.form--rotund textarea:disabled{
  cursor: not-allowed;
}

form.form--rotund select {
  display: inline-block;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
  line-height: 1.1875rem;
}

[dir] form.form--rotund select {
  margin-bottom: 0.75rem;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

[dir="ltr"] form.form--rotund select {
  padding-left: 1rem;
  padding: 0.875rem 3.5rem 0.875rem 1rem;
}

[dir="rtl"] form.form--rotund select {
  padding-right: 1rem;
  padding: 0.875rem 1rem 0.875rem 3.5rem;
}

form.form--rotund select:hover, form.form--rotund select:focus {
  --tw-border-opacity: 1;
}

[dir] form.form--rotund select:hover, [dir] form.form--rotund select:focus {
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
}

form.form--rotund input[type=color], form.form--rotund input[type=range]{
  display: block;
}

[dir] form.form--rotund input[type=color], [dir] form.form--rotund input[type=range]{
  margin-bottom: 0.75rem;
}

form.form--rotund input[type=submit], form.form--rotund input[type=button], form.form--rotund input[type=reset]{
  --tw-border-opacity: 1;
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] form.form--rotund input[type=submit], [dir] form.form--rotund input[type=button], [dir] form.form--rotund input[type=reset]{
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

form.form--rotund label.label__error {
  --tw-text-opacity: 1;
  color: rgba(217, 31, 27, var(--tw-text-opacity));
}

form.form--rotund input.input__error, form.form--rotund textarea.input__error{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(217, 31, 27, var(--tw-text-opacity));
}

[dir] form.form--rotund input.input__error, [dir] form.form--rotund textarea.input__error{
  border-color: rgba(217, 31, 27, var(--tw-border-opacity));
  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
}

form.form--rotund input.input__error::-moz-placeholder, form.form--rotund textarea.input__error::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

form.form--rotund input.input__error::placeholder, form.form--rotund textarea.input__error::placeholder{
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

form.form--rotund input.input__error:hover, form.form--rotund input.input__error:focus, form.form--rotund textarea.input__error:hover, form.form--rotund textarea.input__error:focus{
  --tw-border-opacity: 1;
}

[dir] form.form--rotund input.input__error:hover, [dir] form.form--rotund input.input__error:focus, [dir] form.form--rotund textarea.input__error:hover, [dir] form.form--rotund textarea.input__error:focus{
  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
}

form.form--rotund input.input__error:hover::-moz-placeholder, form.form--rotund input.input__error:focus::-moz-placeholder, form.form--rotund textarea.input__error:hover::-moz-placeholder, form.form--rotund textarea.input__error:focus::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

form.form--rotund input.input__error:hover::placeholder, form.form--rotund input.input__error:focus::placeholder, form.form--rotund textarea.input__error:hover::placeholder, form.form--rotund textarea.input__error:focus::placeholder{
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

form.form--rotund label.label__warn {
  --tw-text-opacity: 1;
  color: rgba(255, 202, 107, var(--tw-text-opacity));
}

form.form--rotund input.input__warn, form.form--rotund textarea.input__warn{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(255, 202, 107, var(--tw-text-opacity));
}

[dir] form.form--rotund input.input__warn, [dir] form.form--rotund textarea.input__warn{
  border-color: rgba(255, 202, 107, var(--tw-border-opacity));
  background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
}

form.form--rotund input.input__warn::-moz-placeholder, form.form--rotund textarea.input__warn::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

form.form--rotund input.input__warn::placeholder, form.form--rotund textarea.input__warn::placeholder{
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

form.form--rotund input.input__warn:hover, form.form--rotund input.input__warn:focus, form.form--rotund textarea.input__warn:hover, form.form--rotund textarea.input__warn:focus{
  --tw-border-opacity: 1;
}

[dir] form.form--rotund input.input__warn:hover, [dir] form.form--rotund input.input__warn:focus, [dir] form.form--rotund textarea.input__warn:hover, [dir] form.form--rotund textarea.input__warn:focus{
  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
}

form.form--rotund input.input__warn:hover::-moz-placeholder, form.form--rotund input.input__warn:focus::-moz-placeholder, form.form--rotund textarea.input__warn:hover::-moz-placeholder, form.form--rotund textarea.input__warn:focus::-moz-placeholder {
  /* Firefox 18- */
}

form.form--rotund input.input__warn:hover::placeholder, form.form--rotund input.input__warn:focus::placeholder,
form.form--rotund textarea.input__warn:hover::placeholder,
form.form--rotund textarea.input__warn:focus::placeholder {
  /* Firefox 18- */
}

form.form--rotund input.input__warn:hover::-moz-placeholder, form.form--rotund input.input__warn:focus::-moz-placeholder, form.form--rotund textarea.input__warn:hover::-moz-placeholder, form.form--rotund textarea.input__warn:focus::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

form.form--rotund input.input__warn:hover::placeholder, form.form--rotund input.input__warn:focus::placeholder, form.form--rotund textarea.input__warn:hover::placeholder, form.form--rotund textarea.input__warn:focus::placeholder{
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

form.form--rotund label.label__success {
  --tw-text-opacity: 1;
  color: rgba(0, 128, 0, var(--tw-text-opacity));
}

form.form--rotund input.input__success, form.form--rotund textarea.input__success{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(0, 128, 0, var(--tw-text-opacity));
}

[dir] form.form--rotund input.input__success, [dir] form.form--rotund textarea.input__success{
  border-color: rgba(0, 128, 0, var(--tw-border-opacity));
  background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
}

form.form--rotund input.input__success::-moz-placeholder, form.form--rotund textarea.input__success::-moz-placeholder {
  /* Firefox 18- */
}

form.form--rotund input.input__success::placeholder,
form.form--rotund textarea.input__success::placeholder {
  /* Firefox 18- */
}

form.form--rotund input.input__success::-moz-placeholder, form.form--rotund textarea.input__success::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

form.form--rotund input.input__success::placeholder, form.form--rotund textarea.input__success::placeholder{
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

form.form--rotund input.input__success:hover, form.form--rotund input.input__success:focus, form.form--rotund textarea.input__success:hover, form.form--rotund textarea.input__success:focus{
  --tw-border-opacity: 1;
}

[dir] form.form--rotund input.input__success:hover, [dir] form.form--rotund input.input__success:focus, [dir] form.form--rotund textarea.input__success:hover, [dir] form.form--rotund textarea.input__success:focus{
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
}

form.form--rotund input.input__success:hover::-moz-placeholder, form.form--rotund input.input__success:focus::-moz-placeholder, form.form--rotund textarea.input__success:hover::-moz-placeholder, form.form--rotund textarea.input__success:focus::-moz-placeholder {
  /* Firefox 18- */
}

form.form--rotund input.input__success:hover::placeholder, form.form--rotund input.input__success:focus::placeholder,
form.form--rotund textarea.input__success:hover::placeholder,
form.form--rotund textarea.input__success:focus::placeholder {
  /* Firefox 18- */
}

form.form--rotund input.input__success:hover::-moz-placeholder, form.form--rotund input.input__success:focus::-moz-placeholder, form.form--rotund textarea.input__success:hover::-moz-placeholder, form.form--rotund textarea.input__success:focus::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

form.form--rotund input.input__success:hover::placeholder, form.form--rotund input.input__success:focus::placeholder, form.form--rotund textarea.input__success:hover::placeholder, form.form--rotund textarea.input__success:focus::placeholder{
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

form.form--rotund label.label__info {
  --tw-text-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-text-opacity));
}

form.form--rotund input.input__info, form.form--rotund textarea.input__info{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-text-opacity));
}

[dir] form.form--rotund input.input__info, [dir] form.form--rotund textarea.input__info{
  border-color: rgba(29, 78, 216, var(--tw-border-opacity));
  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
}

form.form--rotund input.input__info::-moz-placeholder, form.form--rotund textarea.input__info::-moz-placeholder {
  /* Firefox 18- */
}

form.form--rotund input.input__info::placeholder,
form.form--rotund textarea.input__info::placeholder {
  /* Firefox 18- */
}

form.form--rotund input.input__info::-moz-placeholder, form.form--rotund textarea.input__info::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-text-opacity));
}

form.form--rotund input.input__info::placeholder, form.form--rotund textarea.input__info::placeholder{
  --tw-text-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-text-opacity));
}

form.form--rotund input.input__info:hover, form.form--rotund input.input__info:focus, form.form--rotund textarea.input__info:hover, form.form--rotund textarea.input__info:focus{
  --tw-border-opacity: 1;
}

[dir] form.form--rotund input.input__info:hover, [dir] form.form--rotund input.input__info:focus, [dir] form.form--rotund textarea.input__info:hover, [dir] form.form--rotund textarea.input__info:focus{
  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
}

form.form--rotund input.input__info:hover::-moz-placeholder, form.form--rotund input.input__info:focus::-moz-placeholder, form.form--rotund textarea.input__info:hover::-moz-placeholder, form.form--rotund textarea.input__info:focus::-moz-placeholder {
  /* Firefox 18- */
}

form.form--rotund input.input__info:hover::placeholder, form.form--rotund input.input__info:focus::placeholder,
form.form--rotund textarea.input__info:hover::placeholder,
form.form--rotund textarea.input__info:focus::placeholder {
  /* Firefox 18- */
}

form.form--rotund input.input__info:hover::-moz-placeholder, form.form--rotund input.input__info:focus::-moz-placeholder, form.form--rotund textarea.input__info:hover::-moz-placeholder, form.form--rotund textarea.input__info:focus::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-text-opacity));
}

form.form--rotund input.input__info:hover::placeholder, form.form--rotund input.input__info:focus::placeholder, form.form--rotund textarea.input__info:hover::placeholder, form.form--rotund textarea.input__info:focus::placeholder{
  --tw-text-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-text-opacity));
}

form.form--rotund input::-ms-clear,
form.form--rotund input::-ms-reveal {
  display: none;
}

form.form--rotund .radio-group label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-border-opacity: 1;
  line-height: 32px;
}

[dir] form.form--rotund .radio-group label {
  margin-top: 1rem;
  border-radius: 0.125rem;
  border-width: 1px;
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
}

form.form--rotund .radio-group label:hover {
  --tw-border-opacity: 1;
}

[dir] form.form--rotund .radio-group label:hover {
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
}

form.form--rotund .radio-group label:active {
  --tw-border-opacity: 1;
}

[dir] form.form--rotund .radio-group label:active {
  border-color: rgba(72, 109, 231, var(--tw-border-opacity));
}

form.form--rotund .radio-group label label {
  width: 100%;
}

[dir] form.form--rotund .radio-group label label {
  cursor: pointer;
}

[dir="ltr"] form.form--rotund .radio-group label label {
  float: left;
}

[dir="rtl"] form.form--rotund .radio-group label label {
  float: right;
}

form.form--rotund .checkbox {
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-style: normal;
  line-height: 2rem;
  backface-visibility: hidden;
  min-height: 1.5rem;
  font-size: 1rem;
  min-width: 1.5rem;
}

form.form--rotund .checkbox input[type=checkbox] {
  position: absolute;
  z-index: 1;
  top: 0.25rem;
  width: 2rem;
  height: 2rem;
}

[dir] form.form--rotund .checkbox input[type=checkbox] {
  cursor: pointer;
}

[dir="ltr"] form.form--rotund .checkbox input[type=checkbox] {
  left: 0.25rem;
}

[dir="rtl"] form.form--rotund .checkbox input[type=checkbox] {
  right: 0.25rem;
}

form.form--rotund .checkbox input[type=radio] {
  position: absolute;
  z-index: 1;
  top: 1rem;
  width: 2rem;
  height: 2rem;
}

[dir] form.form--rotund .checkbox input[type=radio] {
  cursor: pointer;
}

[dir="ltr"] form.form--rotund .checkbox input[type=radio] {
  left: 1rem;
}

[dir="rtl"] form.form--rotund .checkbox input[type=radio] {
  right: 1rem;
}

form.form--rotund .checkbox input.is-hidden + span.checkbox-content {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

[dir] form.form--rotund .checkbox input.is-hidden + span.checkbox-content {
  cursor: pointer;
}

form.form--rotund .checkbox input[type=checkbox] ~ span.checkbox-content::before {
  --tw-border-opacity: 1;
  top: 0.25rem;
  z-index: 2;
}

[dir] form.form--rotund .checkbox input[type=checkbox] ~ span.checkbox-content::before {
  border-width: 1px;
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
}

[dir="ltr"] form.form--rotund .checkbox input[type=checkbox] ~ span.checkbox-content::before {
  left: 0.25rem;
}

[dir="rtl"] form.form--rotund .checkbox input[type=checkbox] ~ span.checkbox-content::before {
  right: 0.25rem;
}

form.form--rotund .checkbox input[type=checkbox] ~ span.checkbox-content::after {
  top: 0.25rem;
  z-index: 2;
}

[dir="ltr"] form.form--rotund .checkbox input[type=checkbox] ~ span.checkbox-content::after {
  left: 0.25rem;
}

[dir="rtl"] form.form--rotund .checkbox input[type=checkbox] ~ span.checkbox-content::after {
  right: 0.25rem;
}

form.form--rotund .checkbox input[type=checkbox]:checked ~ span.checkbox-content:after, form.form--rotund .checkbox input[type=checkbox]:focus:checked ~ span.checkbox-content:after {
  height: 2rem;
  width: 2rem;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  opacity: 1;
  text-rendering: auto;
  content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%27-131 423 48 48%27%3E%3Cpath fill=%27%23FFF%27 d=%27M-90.18 427.718l-3.029 3.214-21.101 22.396-9.458-9.458-6.232 6.244L-114.125 466l3.122-3.318 24.222-25.691 3.03-3.215z%27/%3E%3C/svg%3E");
}

[dir] form.form--rotund .checkbox input[type=checkbox]:checked ~ span.checkbox-content:after, [dir] form.form--rotund .checkbox input[type=checkbox]:focus:checked ~ span.checkbox-content:after {
  border-radius: 0.125rem;
  border-style: none;
  background-color: rgba(72, 109, 231, var(--tw-bg-opacity));
  padding: 0.25rem;
  transform: translate(0, 0);
}

[dir="ltr"] form.form--rotund .checkbox.checkbox--radio {
  float: left;
}

[dir="rtl"] form.form--rotund .checkbox.checkbox--radio {
  float: right;
}

form.form--rotund .checkbox.checkbox--radio span.checkbox-content {
  height: auto;
  width: 100%;
  min-height: 4rem;
}

[dir] form.form--rotund .checkbox.checkbox--radio span.checkbox-content {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

[dir="ltr"] form.form--rotund .checkbox.checkbox--radio span.checkbox-content {
  padding-right: 1rem;
  padding-left: 4rem;
}

[dir="rtl"] form.form--rotund .checkbox.checkbox--radio span.checkbox-content {
  padding-left: 1rem;
  padding-right: 4rem;
}

form.form--rotund .checkbox.checkbox--radio span.checkbox-content::before {
  height: 2rem;
  width: 2rem;
  content: "";
  top: 1rem;
  z-index: 2;
}

[dir] form.form--rotund .checkbox.checkbox--radio span.checkbox-content::before {
  transform: none;
  border-radius: 50%;
}

[dir="ltr"] form.form--rotund .checkbox.checkbox--radio span.checkbox-content::before {
  left: 1rem;
}

[dir="rtl"] form.form--rotund .checkbox.checkbox--radio span.checkbox-content::before {
  right: 1rem;
}

form.form--rotund .checkbox.checkbox--radio span.checkbox-content::after {
  height: 2rem;
  width: 2rem;
  --tw-bg-opacity: 1;
  line-height: 2rem;
  content: "";
  top: 1rem;
}

[dir] form.form--rotund .checkbox.checkbox--radio span.checkbox-content::after {
  border-style: none;
  background-color: rgba(72, 109, 231, var(--tw-bg-opacity));
  border-radius: 50%;
  transform: scale(0.75);
}

[dir="ltr"] form.form--rotund .checkbox.checkbox--radio span.checkbox-content::after {
  left: 1rem;
}

[dir="rtl"] form.form--rotund .checkbox.checkbox--radio span.checkbox-content::after {
  right: 1rem;
}

[dir] form.form--rotund .checkbox.checkbox--radio span.checkbox-content::before {
  border-radius: 1.339375rem;
}

form.form--rotund .checkbox.checkbox--radio input:focus ~ span.checkbox-content::before {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
}

[dir] form.form--rotund .checkbox.checkbox--radio input:focus ~ span.checkbox-content::before {
  border-color: rgba(72, 109, 231, var(--tw-border-opacity));
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

form.form--rotund .checkbox.checkbox--radio input:focus ~ span.checkbox-content::after {
  --tw-bg-opacity: 1;
  content: "";
}

[dir] form.form--rotund .checkbox.checkbox--radio input:focus ~ span.checkbox-content::after {
  background-color: rgba(241, 244, 252, var(--tw-bg-opacity));
}

form.form--rotund .checkbox.checkbox--radio input:focus:checked ~ span.checkbox-content {
  --tw-bg-opacity: 1;
}

[dir] form.form--rotund .checkbox.checkbox--radio input:focus:checked ~ span.checkbox-content {
  background-color: rgba(241, 244, 252, var(--tw-bg-opacity));
}

form.form--rotund .checkbox.checkbox--radio input:indeterminate ~ span.checkbox-content:after {
  opacity: 0;
  content: "" !important;
}

form.form--rotund .checkbox.checkbox--radio input:checked ~ span.checkbox-content {
  --tw-bg-opacity: 1;
}

[dir] form.form--rotund .checkbox.checkbox--radio input:checked ~ span.checkbox-content {
  background-color: rgba(241, 244, 252, var(--tw-bg-opacity));
}

form.form--rotund .checkbox.checkbox--radio input:checked ~ span.checkbox-content::before {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
}

[dir] form.form--rotund .checkbox.checkbox--radio input:checked ~ span.checkbox-content::before {
  border-color: rgba(72, 109, 231, var(--tw-border-opacity));
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

form.form--rotund .checkbox.checkbox--radio input:checked ~ span.checkbox-content::after {
  --tw-bg-opacity: 1;
  opacity: 1;
  z-index: 3;
}

[dir] form.form--rotund .checkbox.checkbox--radio input:checked ~ span.checkbox-content::after {
  background-color: rgba(72, 109, 231, var(--tw-bg-opacity));
}

form.form--rotund .checkbox.checkbox--radio input:checked ~ span.checkbox-content::before {
  --tw-bg-opacity: 1;
  z-index: 2;
}

[dir] form.form--rotund .checkbox.checkbox--radio input:checked ~ span.checkbox-content::before {
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

form.form--rotund .checkbox.checkbox--radio input:checked ~ span.checkbox-content::after {
  --tw-bg-opacity: 1;
  content: "" !important;
  z-index: 3;
}

[dir] form.form--rotund .checkbox.checkbox--radio input:checked ~ span.checkbox-content::after {
  background-color: rgba(72, 109, 231, var(--tw-bg-opacity));
}

[dir] form.form--rotund .checkbox.checkbox--radio input[type=checkbox]:checked ~ span.checkbox-content:after {
  border-radius: 1.339375rem;
}

form.form--rotund .checkbox span.checkbox-content {
  position: relative;
  display: block;
  height: auto;
  width: 100%;
  padding-left: 0.25rem;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
  min-height: 2.5rem;
  line-height: 2rem;
  height: 2rem;
  vertical-align: middle;
  font-size: 1rem;
}

[dir] form.form--rotund .checkbox span.checkbox-content {
  cursor: pointer;
  border-radius: 0.125rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  transition: color 1s ease, background 1s ease;
}

[dir="ltr"] form.form--rotund .checkbox span.checkbox-content {
  padding-right: 1rem;
  padding-left: 2.5rem;
}

[dir="rtl"] form.form--rotund .checkbox span.checkbox-content {
  padding-left: 1rem;
  padding-right: 2.5rem;
}

form.form--rotund .checkbox span.checkbox-content::before {
  position: absolute;
  top: 0px;
  height: 2rem;
  width: 2rem;
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  content: "";
}

[dir] form.form--rotund .checkbox span.checkbox-content::before {
  transform: none;
  border-radius: 0.125rem;
  border-width: 1px;
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
}

[dir="ltr"] form.form--rotund .checkbox span.checkbox-content::before {
  left: 0px;
}

[dir="rtl"] form.form--rotund .checkbox span.checkbox-content::before {
  right: 0px;
}

form.form--rotund .checkbox span.checkbox-content::after {
  position: absolute;
  top: 0px;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
  opacity: 0;
  font-size: 0.875rem;
  width: 1.5rem;
  height: 1.5rem;
}

[dir] form.form--rotund .checkbox span.checkbox-content::after {
  text-align: center;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
}

[dir="ltr"] form.form--rotund .checkbox span.checkbox-content::after {
  left: 0px;
}

[dir="rtl"] form.form--rotund .checkbox span.checkbox-content::after {
  right: 0px;
}

form.form--rotund .checkbox span.checkbox-content:hover {
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

form.form--rotund .checkbox span.checkbox-content:hover::before {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
}

[dir] form.form--rotund .checkbox span.checkbox-content:hover::before {
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

form.form--rotund .checkbox span.checkbox-content:active::before {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
}

[dir] form.form--rotund .checkbox span.checkbox-content:active::before {
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
  background-color: rgba(241, 244, 252, var(--tw-bg-opacity));
}

form.form--rotund .checkbox span.checkbox-content:active::after {
  --tw-text-opacity: 1;
  color: rgba(72, 109, 231, var(--tw-text-opacity));
}

form.form--rotund .checkbox div.checkbox-append {
  position: absolute;
  top: 0px;
  bottom: 0px;
  display: block;
  height: 2rem;
  width: 0.25rem;
  line-height: 32px;
  z-index: 1;
}

[dir="ltr"] form.form--rotund .checkbox div.checkbox-append {
  right: 0px;
}

[dir="rtl"] form.form--rotund .checkbox div.checkbox-append {
  left: 0px;
}

[dir="ltr"] form.form--rotund .checkbox div.checkbox-append ~ span.checkbox-content {
  padding-right: 0.25rem;
}

[dir="rtl"] form.form--rotund .checkbox div.checkbox-append ~ span.checkbox-content {
  padding-left: 0.25rem;
}

form.form--rotund .checkbox div.checkbox-append span.checkbox-icon {
  position: relative;
  display: inline-block;
  width: 100%;
  top: 2px;
}

[dir] form.form--rotund .checkbox div.checkbox-append span.checkbox-icon {
  cursor: pointer;
  padding: 0px;
  text-align: center;
}

form.form--rotund .checkbox div.checkbox-append span.checkbox-icon i.icon.icon-i {
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

form.form--rotund .checkbox input:not([type=radio]):indeterminate ~ span.checkbox-content::before {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
}

[dir] form.form--rotund .checkbox input:not([type=radio]):indeterminate ~ span.checkbox-content::before {
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

form.form--rotund .checkbox input:not([type=radio]):indeterminate ~ span.checkbox-content::after {
  opacity: 1;
}

form.form--rotund .checkbox input:not([type=radio]):indeterminate:focus ~ span.checkbox-content:before, form.form--rotund .checkbox input:checked:focus ~ span.checkbox-content:before{
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
}

[dir] form.form--rotund .checkbox input:not([type=radio]):indeterminate:focus ~ span.checkbox-content:before, [dir] form.form--rotund .checkbox input:checked:focus ~ span.checkbox-content:before{
  border-color: rgba(72, 109, 231, var(--tw-border-opacity));
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

form.form--rotund .checkbox input:not([type=radio]):indeterminate:focus ~ span.checkbox-content:after, form.form--rotund .checkbox input:checked:focus ~ span.checkbox-content:after{
  --tw-text-opacity: 1;
  color: rgba(115, 146, 213, var(--tw-text-opacity));
}

[dir] form.form--rotund .checkbox.read-only, [dir] form.form--rotund .checkbox.read-only span.checkbox-content {
  cursor: default;
}

form.form--rotund .checkbox.is-disabled span.checkbox-content, form.form--rotund .checkbox input[disabled] ~ span.checkbox-content{
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
  opacity: 0.5;
}

[dir] form.form--rotund .checkbox.is-disabled span.checkbox-content,
[dir] form.form--rotund .checkbox input[disabled] ~ span.checkbox-content{
  cursor: default !important;
}

form.form--rotund .checkbox + span.checkbox-content {
  vertical-align: middle;
}

form.form--rotund .form__select--append {
  pointer-events: none;
  position: relative;
  z-index: 10;
}

[dir] form.form--rotund .form__select--append {
  cursor: pointer;
  margin-top: -3rem;
}

[dir="ltr"] form.form--rotund .form__select--append {
  float: right;
  padding-right: 1rem;
}

[dir="rtl"] form.form--rotund .form__select--append {
  float: left;
  padding-left: 1rem;
}

form.form--rotund .form__select--append svg {
  display: inline-block;
  font-size: 2rem;
}

[dir="ltr"] form.form--rotund .form__select--append svg {
  float: right;
}

[dir="rtl"] form.form--rotund .form__select--append svg {
  float: left;
}

form.form--rotund .form__icon--prepend {
  position: relative;
}

[dir="ltr"] form.form--rotund .form__icon--prepend .form__icon--prepend-input {
  padding-left: 2.5rem;
}

[dir="rtl"] form.form--rotund .form__icon--prepend .form__icon--prepend-input {
  padding-right: 2.5rem;
}

form.form--rotund .form__icon--prepend svg {
  position: absolute;
  top: 0.8rem;
}

[dir="ltr"] form.form--rotund .form__icon--prepend svg {
  left: 0.5rem;
}

[dir="rtl"] form.form--rotund .form__icon--prepend svg {
  right: 0.5rem;
}

.form--compact {
  width: 45rem;
}

[dir] .form--compact {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 0px;
}

@media (max-width: 48rem) {
  form.form--compact, form .form--compact {
    width: 100%;
  }
}

.form--compact-row {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}

.form--compact-row label {
  flex-grow: 1;
}

[dir] .form--compact-row label {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

[dir="ltr"] .form--compact-row :first-child {
  margin-left: 0px;
}

[dir="rtl"] .form--compact-row :first-child {
  margin-right: 0px;
}

[dir="ltr"] .form--compact-row :last-child {
  margin-right: 0px;
}

[dir="rtl"] .form--compact-row :last-child {
  margin-left: 0px;
}

.dropdown {
  position: relative;
  display: inline-block;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir] .dropdown {
  cursor: pointer;
}

.dropdown__caret, .dropdown__caret:before, .dropdown__caret:after{
  --tw-border-opacity: 1;
}

[dir] .dropdown__caret, [dir] .dropdown__caret:before, [dir] .dropdown__caret:after{
  border-color: rgba(114, 114, 114, var(--tw-border-opacity));
}

.dropdown__caret {
  display: inline-block;
  height: 0px;
  width: 0px;
  vertical-align: middle;
  content: "";
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

[dir] .dropdown__caret {
  border-style: solid;
  border-width: 0.25rem 0.25rem 0;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

[dir="ltr"] .dropdown__caret {
  margin-left: 0.25rem;
}

[dir="rtl"] .dropdown__caret {
  margin-right: 0.25rem;
}

.dropdown__menu {
  position: absolute;
  z-index: 50;
  list-style-type: none;
  --tw-bg-opacity: 1;
}

[dir] .dropdown__menu {
  cursor: default;
  border-radius: 0.25rem;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  background-clip: padding-box;
  border: 0.0625rem solid #949494;
  box-shadow: 0 0.0625rem 0.9375rem #949494;
}

[dir="ltr"] .dropdown__menu {
  left: 0px;
}

[dir="rtl"] .dropdown__menu {
  right: 0px;
}

.dropdown__menu::before, .dropdown__menu::after {
  position: absolute;
  display: inline-block;
  content: "";
}

[dir] .dropdown__menu::before {
  border: 0.75rem solid transparent;
  border-bottom-color: #949494;
}

[dir] .dropdown__menu::after {
  border: 0.6875rem solid transparent;
  border-bottom-color: #FFFFFF;
}

.dropdown__menu > ul {
  list-style-type: none;
}

.dropdown__menu__top {
  top: 100%;
}

.dropdown__menu__customize {
  top: 140%;
}

.dropdown__item {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}

.dropdown__divider {
  display: block;
  height: 0px;
}

[dir] .dropdown__divider {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-top: 0.0625rem #EDEDED solid;
}

.dropdown__header {
  line-height: 0.8125rem;
  color: #222222;
  font-size: 0.6875rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

[dir] .dropdown__header {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 0.25rem;
}

.dropdown__link {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-content: center;
  align-items: center;
  font-size: 0.875rem;
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
}

[dir] .dropdown__link {
  cursor: pointer;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.dropdown__link:hover, .dropdown__link:focus{
  --tw-text-opacity: 1;
  color: rgba(72, 109, 231, var(--tw-text-opacity));
  text-decoration: underline;
}

.dropdown__id {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

.dropdown__project:hover .dropdown__id {
  --tw-text-opacity: 1;
  color: rgba(72, 109, 231, var(--tw-text-opacity));
}

.dropdown__menu--nw {
  top: auto;
  bottom: 100%;
}

[dir] .dropdown__menu--nw {
  margin-bottom: 0.25rem;
}

[dir="ltr"] .dropdown__menu--nw {
  left: 0px;
}

[dir="rtl"] .dropdown__menu--nw {
  right: 0px;
}

.dropdown__menu--nw::before, .dropdown__menu--nw::after {
  top: auto;
}

[dir="ltr"] .dropdown__menu--nw::before, [dir="ltr"] .dropdown__menu--nw::after {
  right: auto;
}

[dir="rtl"] .dropdown__menu--nw::before, [dir="rtl"] .dropdown__menu--nw::after {
  left: auto;
}

.dropdown__menu--nw::before {
  bottom: -0.75rem;
}

[dir] .dropdown__menu--nw::before {
  border-top: 0.75rem solid #EDEDED;
  border-right: 0.75rem solid transparent;
  border-bottom: 0;
  border-left: 0.75rem solid transparent;
}

[dir="ltr"] .dropdown__menu--nw::before {
  left: 0.5625rem;
}

[dir="rtl"] .dropdown__menu--nw::before {
  right: 0.5625rem;
}

.dropdown__menu--nw::after {
  bottom: -0.6875rem;
}

[dir] .dropdown__menu--nw::after {
  border-top: 0.6875rem solid #FFFFFF;
  border-right: 0.6875rem solid transparent;
  border-bottom: 0;
  border-left: 0.6875rem solid transparent;
}

[dir="ltr"] .dropdown__menu--nw::after {
  left: 0.625rem;
}

[dir="rtl"] .dropdown__menu--nw::after {
  right: 0.625rem;
}

.dropdown__menu--w {
  top: 0px;
}

[dir] .dropdown__menu--w {
  margin-top: 0px;
}

[dir="ltr"] .dropdown__menu--w {
  left: auto;
  margin-right: 0.5rem;
  right: 100%;
}

[dir="rtl"] .dropdown__menu--w {
  right: auto;
  margin-left: 0.5rem;
  left: 100%;
}

.dropdown__menu--w::before {
  top: 0.625rem;
}

[dir] .dropdown__menu--w::before {
  border-color: transparent;
}

[dir="ltr"] .dropdown__menu--w::before {
  right: -1.5rem;
  left: auto;
  border-left-color: #EDEDED;
}

[dir="rtl"] .dropdown__menu--w::before {
  left: -1.5rem;
  right: auto;
  border-right-color: #EDEDED;
}

.dropdown__menu--w::after {
  top: 0.6875rem;
}

[dir] .dropdown__menu--w::after {
  border-color: transparent;
}

[dir="ltr"] .dropdown__menu--w::after {
  right: -1.375rem;
  left: auto;
  border-left-color: #FFFFFF;
}

[dir="rtl"] .dropdown__menu--w::after {
  left: -1.375rem;
  right: auto;
  border-right-color: #FFFFFF;
}

.dropdown__menu--sw::before {
  top: -1.5rem;
}

[dir="ltr"] .dropdown__menu--sw::before {
  left: 0.5625rem;
}

[dir="rtl"] .dropdown__menu--sw::before {
  right: 0.5625rem;
}

.dropdown__menu--sw::after {
  top: -1.375rem;
}

[dir="ltr"] .dropdown__menu--sw::after {
  left: 0.625rem;
}

[dir="rtl"] .dropdown__menu--sw::after {
  right: 0.625rem;
}

[dir="ltr"] .dropdown__menu--s {
  left: auto;
  right: 50%;
  transform: translateX(50%);
}

[dir="rtl"] .dropdown__menu--s {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}

.dropdown__menu--s::before {
  top: -1.5rem;
}

[dir="ltr"] .dropdown__menu--s::before {
  right: 50%;
  transform: translateX(50%);
}

[dir="rtl"] .dropdown__menu--s::before {
  left: 50%;
  transform: translateX(-50%);
}

.dropdown__menu--s::after {
  top: -1.375rem;
}

[dir="ltr"] .dropdown__menu--s::after {
  right: 50%;
  transform: translateX(50%);
}

[dir="rtl"] .dropdown__menu--s::after {
  left: 50%;
  transform: translateX(-50%);
}

[dir="ltr"] .dropdown__menu--se {
  right: 0px;
  left: auto;
}

[dir="rtl"] .dropdown__menu--se {
  left: 0px;
  right: auto;
}

.dropdown__menu--se::before {
  top: -1.5rem;
}

[dir="ltr"] .dropdown__menu--se::before {
  right: 0.5625rem;
  left: auto;
}

[dir="rtl"] .dropdown__menu--se::before {
  left: 0.5625rem;
  right: auto;
}

.dropdown__menu--se::after {
  top: -1.375rem;
}

[dir="ltr"] .dropdown__menu--se::after {
  right: 0.625rem;
  left: auto;
}

[dir="rtl"] .dropdown__menu--se::after {
  left: 0.625rem;
  right: auto;
}

.dropdown__menu--e {
  top: 0px;
}

[dir] .dropdown__menu--e {
  margin-top: 0px;
}

[dir="ltr"] .dropdown__menu--e {
  margin-left: 0.5rem;
  left: 100%;
}

[dir="rtl"] .dropdown__menu--e {
  margin-right: 0.5rem;
  right: 100%;
}

.dropdown__menu--e::before {
  top: 0.5rem;
}

[dir] .dropdown__menu--e::before {
  border-color: transparent;
}

[dir="ltr"] .dropdown__menu--e::before {
  left: -1.5rem;
  border-right-color: #EDEDED;
}

[dir="rtl"] .dropdown__menu--e::before {
  right: -1.5rem;
  border-left-color: #EDEDED;
}

.dropdown__menu--e::after {
  top: 0.6875rem;
}

[dir] .dropdown__menu--e::after {
  border-color: transparent;
}

[dir="ltr"] .dropdown__menu--e::after {
  left: -1.375rem;
  border-right-color: #FFFFFF;
}

[dir="rtl"] .dropdown__menu--e::after {
  right: -1.375rem;
  border-left-color: #FFFFFF;
}

/*******************************
            Spinner
*******************************/

.spinner {
  position: absolute;
  display: none;
  font-size: 16px;
  width: 2.28571429rem;
  height: 2.28571429rem;
  top: 50%;
  z-index: 1000;
  /* Text */
  /* States */
  /* Sizes */
  /* Text spinner */
  /* Inline */
}

[dir] .spinner {
  margin: 0px;
  text-align: center;
}

[dir="ltr"] .spinner {
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
}

[dir="rtl"] .spinner {
  right: 50%;
  transform: translateX(50%) translateY(-50%);
  -webkit-transform: translateX(50%) translateY(-50%);
}

.spinner:before, .spinner:after {
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  content: "";
  width: 2.28571429rem;
  height: 2.28571429rem;
}

[dir] .spinner:before, [dir] .spinner:after {
  border-radius: 9999px;
}

[dir="ltr"] .spinner:before, [dir="ltr"] .spinner:after {
  left: 50%;
  margin: 0 0 0 -1.14285714rem;
}

[dir="rtl"] .spinner:before, [dir="rtl"] .spinner:after {
  right: 50%;
  margin: 0 -1.14285714rem 0 0;
}

.spinner:after {
  --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
  --tw-ring-opacity: 0.05;
  font-weight: bold;
  color: #222222;
}

[dir] .spinner:after {
  border-style: solid;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  border-color: #486DE7;
  border-width: 4px;
  animation: spinner 0.6s linear;
  -webkit-animation: spinner 0.6s linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -webkit-box-shadow: 0px 0px 0px 1px transparent;
}

[dir="ltr"] .spinner:after {
  border-left-color: transparent;
}

[dir="rtl"] .spinner:after {
  border-right-color: transparent;
}

.spinner--secondary {
  color: #FFFFFF;
}

.spinner--secondary:after {
  color: #FFFFFF;
}

[dir] .spinner--secondary:after {
  border-color: #FFFFFF;
}

[dir="ltr"] .spinner--secondary:after {
  border-left-color: transparent;
}

[dir="rtl"] .spinner--secondary:after {
  border-right-color: transparent;
}

.spinner.spinner__text {
  height: auto !important;
  width: auto !important;
}

.spinner.spinner__text {
  font-style: normal;
}

[dir] .spinner.spinner__text {
  text-align: center;
}

[dir] .spinner.spinner--indeterminate:after {
  animation-direction: reverse;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
}

.spinner.spinner--active, .spinner.spinner--visible {
  display: block;
}

.spinner.spinner--disabled, .spinner.spinner--hidden {
  display: none;
}

.spinner.spinner--compact {
  width: 22px;
  height: 22px;
}

.spinner.spinner--compact:before, .spinner.spinner--compact:after {
  width: 22px;
  height: 22px;
}

[dir="ltr"] .spinner.spinner--compact:before, [dir="ltr"] .spinner.spinner--compact:after {
  margin-left: -11px;
}

[dir="rtl"] .spinner.spinner--compact:before, [dir="rtl"] .spinner.spinner--compact:after {
  margin-right: -11px;
}

[dir] .spinner.spinner--compact:after {
  border-width: 3px;
}

.spinner.spinner--small {
  width: 1.71428571rem;
  height: 1.71428571rem;
  font-size: 0.92857143em;
}

.spinner.spinner--small:before, .spinner.spinner--small:after {
  width: 1.71428571rem;
  height: 1.71428571rem;
}

[dir="ltr"] .spinner.spinner--small:before, [dir="ltr"] .spinner.spinner--small:after {
  margin: 0 0 0 -0.85714286rem;
}

[dir="rtl"] .spinner.spinner--small:before, [dir="rtl"] .spinner.spinner--small:after {
  margin: 0 -0.85714286rem 0 0;
}

.spinner.spinner--large {
  width: 3.42857143rem;
  height: 3.42857143rem;
  font-size: 1.14285714em;
}

.spinner.spinner--large:before, .spinner.spinner--large:after {
  width: 3.42857143rem;
  height: 3.42857143rem;
}

[dir="ltr"] .spinner.spinner--large:before, [dir="ltr"] .spinner.spinner--large:after {
  margin: 0 0 0 -1.71428571rem;
}

[dir="rtl"] .spinner.spinner--large:before, [dir="rtl"] .spinner.spinner--large:after {
  margin: 0 -1.71428571rem 0 0;
}

.spinner.spinner__text {
  min-width: 2.28571429rem;
}

[dir] .spinner.spinner__text {
  padding-top: 2.5rem;
}

.spinner.spinner__text.spinner--mini {
  min-width: 1rem;
}

[dir] .spinner.spinner__text.spinner--mini {
  padding-top: 1.78571429rem;
}

.spinner.spinner__text.spinner--tiny {
  min-width: 1.14285714rem;
}

[dir] .spinner.spinner__text.spinner--tiny {
  padding-top: 1.92857143rem;
}

.spinner.spinner__text.spinner--small {
  min-width: 1.71428571rem;
}

[dir] .spinner.spinner__text.spinner--small {
  padding-top: 2.5rem;
}

.spinner.spinner__text.spinner--large {
  min-width: 3.42857143rem;
}

[dir] .spinner.spinner__text.spinner--large {
  padding-top: 4.21428571rem;
}

.spinner.spinner__text.spinner--big {
  min-width: 3.71428571rem;
}

[dir] .spinner.spinner__text.spinner--big {
  padding-top: 4.5rem;
}

.spinner.spinner__text.spinner--huge {
  min-width: 4.14285714rem;
}

[dir] .spinner.spinner__text.spinner--huge {
  padding-top: 4.92857143rem;
}

.spinner.spinner__text.spinner--massive {
  min-width: 4.57142857rem;
}

[dir] .spinner.spinner__text.spinner--massive {
  padding-top: 5.35714286rem;
}

.spinner.spinner--inline {
  position: relative;
  top: 0px;
  vertical-align: middle;
  /* Centered Inline */
}

[dir] .spinner.spinner--inline {
  margin: 0px;
  transform: none;
  -webkit-transform: none;
}

[dir="ltr"] .spinner.spinner--inline {
  left: 0px;
}

[dir="rtl"] .spinner.spinner--inline {
  right: 0px;
}

.spinner.spinner--inline.spinner--active, .spinner.spinner--inline.spinner--visible {
  display: inline-block;
}

.spinner.spinner--inline.spinner--centered.spinner--active, .spinner.spinner--inline.spinner--centered.spinner--visible {
  display: block;
}

[dir] .spinner.spinner--inline.spinner--centered.spinner--active, [dir] .spinner.spinner--inline.spinner--centered.spinner--visible {
  margin-left: auto;
  margin-right: auto;
}

/* Button Spinner */

.button--spinner {
  pointer-events: auto;
  position: relative;
  opacity: 1;
  color: transparent !important;
}

[dir] .button--spinner {
  cursor: default;
  text-shadow: none !important;
  transition: all 0s linear, opacity 0.1s ease;
}

.button--spinner:before {
  position: absolute;
  content: "";
  top: 50%;
  width: 20.5714286px;
  height: 20.5714286px;
}

[dir] .button--spinner:before {
  border-radius: 9999px;
  border: 3.2px solid rgba(0, 0, 0, 0.1);
}

[dir="ltr"] .button--spinner:before {
  left: 50%;
  margin: -10.2857142px 0 0 -10.2857142px;
}

[dir="rtl"] .button--spinner:before {
  right: 50%;
  margin: -10.2857142px -10.2857142px 0 0;
}

.button--spinner:after {
  position: absolute;
  content: "";
  top: 50%;
  width: 20.5714286px;
  height: 20.5714286px;
}

[dir] .button--spinner:after {
  border-radius: 9999px;
  border-style: solid;
  animation: spinner 0.6s linear;
  animation-iteration-count: infinite;
  border-color: #486DE7 #486DE7 transparent;
  border-width: rem(4px);
  box-shadow: 0px 0px 0px 1px transparent;
}

[dir="ltr"] .button--spinner:after {
  left: 50%;
  margin: -10.2857142px 0 0 -10.2857142px;
}

[dir="rtl"] .button--spinner:after {
  right: 50%;
  margin: -10.2857142px -10.2857142px 0 0;
}

@keyframes spinner {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@font-face {
  font-family: "Canela Deck Bold";

  src: url("https://www.wellthy.com/static/fonts/marketing/canela-deck-bold.woff2") format("woff2"), url("https://www.wellthy.com/static/fonts/marketing/canela-deck-bold.woff") format("woff");

  font-weight: normal;

  font-style: normal;

  font-stretch: normal;
}

@font-face {
  font-family: "Founders Grotesk Regular";

  src: url("https://www.wellthy.com/static/fonts/marketing/founders-grotesk-regular.woff2") format("woff2"), url("https://www.wellthy.com/static/fonts/marketing/founders-grotesk-regular.woff") format("woff"), url("https://www.wellthy.com/static/fonts/marketing/founders-grotesk-regular.eot") format("eot");

  font-weight: normal;

  font-style: normal;

  font-stretch: normal;
}

@font-face {
  font-family: "Founders Grotesk Medium";

  src: url("https://www.wellthy.com/static/fonts/marketing/founders-grotesk-medium.woff2") format("woff2"), url("https://www.wellthy.com/static/fonts/marketing/founders-grotesk-medium.woff") format("woff"), url("https://www.wellthy.com/static/fonts/marketing/founders-grotesk-medium.eot") format("eot");

  font-weight: normal;

  font-style: normal;

  font-stretch: normal;
}

@media (min-width: 380px){
  .xs\:block{
    display: block;
  }

  .xs\:max-w-full{
    max-width: 100%;
  }

  .xs\:flex-row{
    flex-direction: row;
  }

  .xs\:text-xs{
    font-size: 0.75rem;
  }

  .xs\:text-sm{
    font-size: 0.875rem;
  }

  .xs\:text-base{
    font-size: 1rem;
  }

  .xs\:text-lg{
    font-size: 1.125rem;
  }

  .xs\:text-xl{
    font-size: 1.25rem;
  }

  .xs\:text-2xl{
    font-size: 1.5rem;
  }

  .xs\:text-display-xs{
    font-size: 1.5rem;
  }

  .xs\:text-display-sm{
    font-size: 1.875rem;
  }

  .xs\:text-display-md{
    font-size: 2.25rem;
  }

  .xs\:text-display-lg{
    font-size: 3rem;
  }

  .xs\:text-display-xl{
    font-size: 3.75rem;
  }

  .xs\:text-display-2xl{
    font-size: 6rem;
  }
}

@media (min-width: 640px){
  .sm\:aspect-h-3{
    --tw-aspect-h: 3;
  }

  .sm\:static{
    position: static;
  }

  .sm\:absolute{
    position: absolute;
  }

  .sm\:sticky{
    position: sticky;
  }

  .sm\:inset-y-0{
    top: 0px;
    bottom: 0px;
  }

  .sm\:top-28{
    top: 7rem;
  }

  .sm\:-top-1{
    top: -0.25rem;
  }

  [dir="ltr"] .sm\:right-0{
    right: 0px;
  }

  [dir="rtl"] .sm\:right-0{
    left: 0px;
  }

  [dir="ltr"] .sm\:-right-1{
    right: -0.25rem;
  }

  [dir="rtl"] .sm\:-right-1{
    left: -0.25rem;
  }

  .sm\:order-last{
    order: 9999;
  }

  .sm\:order-none{
    order: 0;
  }

  .sm\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .sm\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .sm\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .sm\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .sm\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .sm\:col-start-auto{
    grid-column-start: auto;
  }

  [dir] .sm\:m-12{
    margin: 3rem;
  }

  [dir] .sm\:m-auto{
    margin: auto;
  }

  [dir] .sm\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }

  [dir] .sm\:my-20{
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  [dir] .sm\:mt-0{
    margin-top: 0px;
  }

  [dir] .sm\:mt-1{
    margin-top: 0.25rem;
  }

  [dir] .sm\:mt-2{
    margin-top: 0.5rem;
  }

  [dir] .sm\:mt-4{
    margin-top: 1rem;
  }

  [dir] .sm\:mt-8{
    margin-top: 2rem;
  }

  [dir] .sm\:mt-10{
    margin-top: 2.5rem;
  }

  [dir] .sm\:mt-16{
    margin-top: 4rem;
  }

  [dir="ltr"] .sm\:-mr-0{
    margin-right: 0px;
  }

  [dir="rtl"] .sm\:-mr-0{
    margin-left: 0px;
  }

  [dir] .sm\:mb-0{
    margin-bottom: 0px;
  }

  [dir] .sm\:mb-2{
    margin-bottom: 0.5rem;
  }

  [dir] .sm\:mb-6{
    margin-bottom: 1.5rem;
  }

  [dir] .sm\:mb-auto{
    margin-bottom: auto;
  }

  [dir="ltr"] .sm\:ml-6{
    margin-left: 1.5rem;
  }

  [dir="rtl"] .sm\:ml-6{
    margin-right: 1.5rem;
  }

  [dir="ltr"] .sm\:ml-auto{
    margin-left: auto;
  }

  [dir="rtl"] .sm\:ml-auto{
    margin-right: auto;
  }

  [dir="ltr"] .sm\:-ml-0{
    margin-left: 0px;
  }

  [dir="rtl"] .sm\:-ml-0{
    margin-right: 0px;
  }

  .sm\:block{
    display: block;
  }

  .sm\:inline{
    display: inline;
  }

  .sm\:flex{
    display: flex;
  }

  .sm\:grid{
    display: grid;
  }

  .sm\:hidden{
    display: none;
  }

  .sm\:h-3{
    height: 0.75rem;
  }

  .sm\:h-4{
    height: 1rem;
  }

  .sm\:h-8{
    height: 2rem;
  }

  .sm\:h-12{
    height: 3rem;
  }

  .sm\:h-80{
    height: 20rem;
  }

  .sm\:w-3{
    width: 0.75rem;
  }

  .sm\:w-4{
    width: 1rem;
  }

  .sm\:w-8{
    width: 2rem;
  }

  .sm\:w-12{
    width: 3rem;
  }

  .sm\:w-20{
    width: 5rem;
  }

  .sm\:w-24{
    width: 6rem;
  }

  .sm\:w-48{
    width: 12rem;
  }

  .sm\:w-56{
    width: 14rem;
  }

  .sm\:w-72{
    width: 18rem;
  }

  .sm\:w-96{
    width: 24rem;
  }

  .sm\:w-105{
    width: 26.25rem;
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:w-1\/2{
    width: 50%;
  }

  .sm\:w-1\/3{
    width: 33.333333%;
  }

  .sm\:w-2\/3{
    width: 66.666667%;
  }

  .sm\:w-3\/4{
    width: 75%;
  }

  .sm\:w-1\/6{
    width: 16.666667%;
  }

  .sm\:w-2\/6{
    width: 33.333333%;
  }

  .sm\:w-3\/6{
    width: 50%;
  }

  .sm\:max-w-xs{
    max-width: 20rem;
  }

  .sm\:max-w-sm{
    max-width: 24rem;
  }

  .sm\:max-w-md{
    max-width: 28rem;
  }

  .sm\:flex-shrink-0{
    flex-shrink: 0;
  }

  .sm\:flex-grow-0{
    flex-grow: 0;
  }

  .sm\:scale-30{
    --tw-scale-x: .3;
    --tw-scale-y: .3;
  }

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

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

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

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

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

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

  .sm\:flex-row{
    flex-direction: row;
  }

  .sm\:flex-wrap{
    flex-wrap: wrap;
  }

  .sm\:items-start{
    align-items: flex-start;
  }

  .sm\:items-end{
    align-items: flex-end;
  }

  .sm\:items-center{
    align-items: center;
  }

  .sm\:justify-end{
    justify-content: flex-end;
  }

  .sm\:justify-center{
    justify-content: center;
  }

  .sm\:justify-between{
    justify-content: space-between;
  }

  .sm\:gap-0{
    gap: 0px;
  }

  .sm\:gap-1{
    gap: 0.25rem;
  }

  .sm\:gap-2{
    gap: 0.5rem;
  }

  .sm\:gap-3{
    gap: 0.75rem;
  }

  .sm\:gap-4{
    gap: 1rem;
  }

  .sm\:gap-6{
    gap: 1.5rem;
  }

  .sm\:gap-8{
    gap: 2rem;
  }

  .sm\:gap-10{
    gap: 2.5rem;
  }

  .sm\:gap-12{
    gap: 3rem;
  }

  .sm\:gap-16{
    gap: 4rem;
  }

  .sm\:space-y-1 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
  }

  [dir] .sm\:space-y-1 > :not([hidden]) ~ :not([hidden]){
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
  }

  [dir] .sm\:space-y-4 > :not([hidden]) ~ :not([hidden]){
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }

  .sm\:self-center{
    align-self: center;
  }

  .sm\:truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  [dir] .sm\:p-0{
    padding: 0px;
  }

  [dir] .sm\:p-3{
    padding: 0.75rem;
  }

  [dir] .sm\:p-4{
    padding: 1rem;
  }

  [dir] .sm\:p-6{
    padding: 1.5rem;
  }

  [dir] .sm\:p-8{
    padding: 2rem;
  }

  [dir] .sm\:p-9{
    padding: 2.25rem;
  }

  [dir] .sm\:p-24{
    padding: 6rem;
  }

  [dir] .sm\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  [dir] .sm\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  [dir] .sm\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  [dir] .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  [dir] .sm\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  [dir] .sm\:px-9{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  [dir] .sm\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  [dir] .sm\:px-24{
    padding-left: 6rem;
    padding-right: 6rem;
  }

  [dir] .sm\:px-40{
    padding-left: 10rem;
    padding-right: 10rem;
  }

  [dir] .sm\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  [dir] .sm\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  [dir] .sm\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  [dir] .sm\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  [dir] .sm\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  [dir] .sm\:pt-0{
    padding-top: 0px;
  }

  [dir] .sm\:pt-4{
    padding-top: 1rem;
  }

  [dir] .sm\:pt-6{
    padding-top: 1.5rem;
  }

  [dir] .sm\:pt-8{
    padding-top: 2rem;
  }

  [dir] .sm\:pt-10{
    padding-top: 2.5rem;
  }

  [dir] .sm\:pt-16{
    padding-top: 4rem;
  }

  [dir="ltr"] .sm\:pr-36{
    padding-right: 9rem;
  }

  [dir="rtl"] .sm\:pr-36{
    padding-left: 9rem;
  }

  [dir] .sm\:pb-0{
    padding-bottom: 0px;
  }

  [dir] .sm\:pb-6{
    padding-bottom: 1.5rem;
  }

  [dir] .sm\:pb-8{
    padding-bottom: 2rem;
  }

  [dir="ltr"] .sm\:pl-4{
    padding-left: 1rem;
  }

  [dir="rtl"] .sm\:pl-4{
    padding-right: 1rem;
  }

  [dir="ltr"] .sm\:pl-16{
    padding-left: 4rem;
  }

  [dir="rtl"] .sm\:pl-16{
    padding-right: 4rem;
  }

  [dir="ltr"] .sm\:text-left{
    text-align: left;
  }

  [dir="rtl"] .sm\:text-left{
    text-align: right;
  }

  [dir] .sm\:text-center{
    text-align: center;
  }

  .sm\:text-xs{
    font-size: 0.75rem;
  }

  .sm\:text-sm{
    font-size: 0.875rem;
  }

  .sm\:text-base{
    font-size: 1rem;
  }

  .sm\:text-lg{
    font-size: 1.125rem;
  }

  .sm\:text-xl{
    font-size: 1.25rem;
  }

  .sm\:text-2xl{
    font-size: 1.5rem;
  }

  .sm\:text-3xl{
    font-size: 1.875rem;
  }

  .sm\:text-4xl{
    font-size: 2.25rem;
  }

  .sm\:text-5xl{
    font-size: 3rem;
  }

  .sm\:text-display-xs{
    font-size: 1.5rem;
  }

  .sm\:text-display-sm{
    font-size: 1.875rem;
  }

  .sm\:text-display-md{
    font-size: 2.25rem;
  }

  .sm\:text-display-lg{
    font-size: 3rem;
  }

  .sm\:text-display-xl{
    font-size: 3.75rem;
  }

  .sm\:text-display-2xl{
    font-size: 6rem;
  }
}

@media (min-width: 768px){
  .md\:static{
    position: static;
  }

  .md\:absolute{
    position: absolute;
  }

  .md\:relative{
    position: relative;
  }

  .md\:sticky{
    position: sticky;
  }

  .md\:top-0{
    top: 0px;
  }

  .md\:top-8{
    top: 2rem;
  }

  .md\:top-16{
    top: 4rem;
  }

  .md\:top-24{
    top: 6rem;
  }

  [dir="ltr"] .md\:right-0{
    right: 0px;
  }

  [dir="rtl"] .md\:right-0{
    left: 0px;
  }

  [dir="ltr"] .md\:right-8{
    right: 2rem;
  }

  [dir="rtl"] .md\:right-8{
    left: 2rem;
  }

  [dir="ltr"] .md\:right-1\/2{
    right: 50%;
  }

  [dir="rtl"] .md\:right-1\/2{
    left: 50%;
  }

  [dir="ltr"] .md\:left-0{
    left: 0px;
  }

  [dir="rtl"] .md\:left-0{
    right: 0px;
  }

  [dir="ltr"] .md\:left-auto{
    left: auto;
  }

  [dir="rtl"] .md\:left-auto{
    right: auto;
  }

  [dir] .md\:m-0{
    margin: 0px;
  }

  [dir] .md\:m-12{
    margin: 3rem;
  }

  [dir] .md\:mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }

  [dir] .md\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }

  [dir] .md\:my-0{
    margin-top: 0px;
    margin-bottom: 0px;
  }

  [dir] .md\:mt-0{
    margin-top: 0px;
  }

  [dir] .md\:mt-1{
    margin-top: 0.25rem;
  }

  [dir] .md\:mt-4{
    margin-top: 1rem;
  }

  [dir] .md\:mt-8{
    margin-top: 2rem;
  }

  [dir] .md\:mt-12{
    margin-top: 3rem;
  }

  [dir] .md\:mt-16{
    margin-top: 4rem;
  }

  [dir="ltr"] .md\:mr-6{
    margin-right: 1.5rem;
  }

  [dir="rtl"] .md\:mr-6{
    margin-left: 1.5rem;
  }

  [dir="ltr"] .md\:mr-10{
    margin-right: 2.5rem;
  }

  [dir="rtl"] .md\:mr-10{
    margin-left: 2.5rem;
  }

  [dir] .md\:mb-0{
    margin-bottom: 0px;
  }

  [dir] .md\:mb-10{
    margin-bottom: 2.5rem;
  }

  [dir] .md\:mb-12{
    margin-bottom: 3rem;
  }

  [dir] .md\:mb-0\.5{
    margin-bottom: 2px;
  }

  [dir="ltr"] .md\:ml-0{
    margin-left: 0px;
  }

  [dir="rtl"] .md\:ml-0{
    margin-right: 0px;
  }

  [dir="ltr"] .md\:ml-2{
    margin-left: 0.5rem;
  }

  [dir="rtl"] .md\:ml-2{
    margin-right: 0.5rem;
  }

  [dir="ltr"] .md\:ml-6{
    margin-left: 1.5rem;
  }

  [dir="rtl"] .md\:ml-6{
    margin-right: 1.5rem;
  }

  [dir="ltr"] .md\:ml-8{
    margin-left: 2rem;
  }

  [dir="rtl"] .md\:ml-8{
    margin-right: 2rem;
  }

  [dir="ltr"] .md\:ml-16{
    margin-left: 4rem;
  }

  [dir="rtl"] .md\:ml-16{
    margin-right: 4rem;
  }

  [dir="ltr"] .md\:ml-auto{
    margin-left: auto;
  }

  [dir="rtl"] .md\:ml-auto{
    margin-right: auto;
  }

  .md\:block{
    display: block;
  }

  .md\:inline-block{
    display: inline-block;
  }

  .md\:inline{
    display: inline;
  }

  .md\:flex{
    display: flex;
  }

  .md\:inline-flex{
    display: inline-flex;
  }

  .md\:hidden{
    display: none;
  }

  .md\:h-8{
    height: 2rem;
  }

  .md\:h-10{
    height: 2.5rem;
  }

  .md\:h-11{
    height: 2.75rem;
  }

  .md\:h-26{
    height: 6.5rem;
  }

  .md\:h-28{
    height: 7rem;
  }

  .md\:h-64{
    height: 16rem;
  }

  .md\:max-h-28{
    max-height: 7rem;
  }

  .md\:w-8{
    width: 2rem;
  }

  .md\:w-11{
    width: 2.75rem;
  }

  .md\:w-28{
    width: 7rem;
  }

  .md\:w-32{
    width: 8rem;
  }

  .md\:w-40{
    width: 10rem;
  }

  .md\:w-48{
    width: 12rem;
  }

  .md\:w-52{
    width: 13rem;
  }

  .md\:w-72{
    width: 18rem;
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:w-1\/2{
    width: 50%;
  }

  .md\:w-1\/3{
    width: 33.333333%;
  }

  .md\:w-2\/3{
    width: 66.666667%;
  }

  .md\:w-3\/4{
    width: 75%;
  }

  .md\:w-2\/5{
    width: 40%;
  }

  .md\:w-4\/6{
    width: 66.666667%;
  }

  .md\:w-10\/12{
    width: 83.333333%;
  }

  .md\:w-11\/12{
    width: 91.666667%;
  }

  .md\:min-w-3xs{
    min-width: 12rem;
  }

  .md\:max-w-md{
    max-width: 28rem;
  }

  .md\:max-w-3xl{
    max-width: 48rem;
  }

  .md\:max-w-3xs{
    max-width: 12rem;
  }

  .md\:max-w-2xs{
    max-width: 16rem;
  }

  .md\:flex-1{
    flex: 1 1 0%;
  }

  .md\:flex-auto{
    flex: 1 1 auto;
  }

  .md\:flex-shrink-0{
    flex-shrink: 0;
  }

  .md\:-translate-x-20{
    --tw-translate-x: -5rem;
  }

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

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

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:items-start{
    align-items: flex-start;
  }

  .md\:items-center{
    align-items: center;
  }

  .md\:justify-start{
    justify-content: flex-start;
  }

  .md\:justify-end{
    justify-content: flex-end;
  }

  .md\:gap-0{
    gap: 0px;
  }

  .md\:gap-1{
    gap: 0.25rem;
  }

  .md\:gap-2{
    gap: 0.5rem;
  }

  .md\:gap-3{
    gap: 0.75rem;
  }

  .md\:gap-6{
    gap: 1.5rem;
  }

  .md\:gap-8{
    gap: 2rem;
  }

  .md\:gap-10{
    gap: 2.5rem;
  }

  .md\:gap-12{
    gap: 3rem;
  }

  .md\:gap-2\.5{
    gap: 10px;
  }

  .md\:space-y-10 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
  }

  [dir] .md\:space-y-10 > :not([hidden]) ~ :not([hidden]){
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
  }

  .md\:self-auto{
    align-self: auto;
  }

  .md\:self-center{
    align-self: center;
  }

  [dir] .md\:rounded-lg{
    border-radius: 0.5rem;
  }

  [dir] .md\:rounded-2xl{
    border-radius: 1rem;
  }

  [dir] .md\:rounded-3xl{
    border-radius: 1.5rem;
  }

  [dir] .md\:border{
    border-width: 1px;
  }

  [dir="ltr"] .md\:border-l{
    border-left-width: 1px;
  }

  [dir="rtl"] .md\:border-l{
    border-right-width: 1px;
  }

  [dir] .md\:border-none{
    border-style: none;
  }

  .md\:border-w-border{
    --tw-border-opacity: 1;
  }

  [dir] .md\:border-w-border{
    border-color: rgba(148, 148, 148, var(--tw-border-opacity));
  }

  .md\:border-w-divider{
    --tw-border-opacity: 1;
  }

  [dir] .md\:border-w-divider{
    border-color: rgba(237, 237, 237, var(--tw-border-opacity));
  }

  [dir] .md\:bg-transparent{
    background-color: transparent;
  }

  .md\:bg-white{
    --tw-bg-opacity: 1;
  }

  [dir] .md\:bg-white{
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

  [dir] .md\:p-0{
    padding: 0px;
  }

  [dir] .md\:p-1{
    padding: 0.25rem;
  }

  [dir] .md\:p-4{
    padding: 1rem;
  }

  [dir] .md\:p-6{
    padding: 1.5rem;
  }

  [dir] .md\:p-8{
    padding: 2rem;
  }

  [dir] .md\:p-10{
    padding: 2.5rem;
  }

  [dir] .md\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  [dir] .md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  [dir] .md\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  [dir] .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  [dir] .md\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  [dir] .md\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  [dir] .md\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  [dir] .md\:px-24{
    padding-left: 6rem;
    padding-right: 6rem;
  }

  [dir] .md\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  [dir] .md\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  [dir] .md\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  [dir] .md\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  [dir] .md\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  [dir] .md\:pt-0{
    padding-top: 0px;
  }

  [dir] .md\:pt-6{
    padding-top: 1.5rem;
  }

  [dir] .md\:pt-8{
    padding-top: 2rem;
  }

  [dir] .md\:pt-12{
    padding-top: 3rem;
  }

  [dir] .md\:pt-16{
    padding-top: 4rem;
  }

  [dir] .md\:pt-20{
    padding-top: 5rem;
  }

  [dir="ltr"] .md\:pr-0{
    padding-right: 0px;
  }

  [dir="rtl"] .md\:pr-0{
    padding-left: 0px;
  }

  [dir="ltr"] .md\:pr-4{
    padding-right: 1rem;
  }

  [dir="rtl"] .md\:pr-4{
    padding-left: 1rem;
  }

  [dir="ltr"] .md\:pr-8{
    padding-right: 2rem;
  }

  [dir="rtl"] .md\:pr-8{
    padding-left: 2rem;
  }

  [dir] .md\:pb-0{
    padding-bottom: 0px;
  }

  [dir] .md\:pb-4{
    padding-bottom: 1rem;
  }

  [dir] .md\:pb-5{
    padding-bottom: 1.25rem;
  }

  [dir] .md\:pb-6{
    padding-bottom: 1.5rem;
  }

  [dir] .md\:pb-8{
    padding-bottom: 2rem;
  }

  [dir] .md\:pb-12{
    padding-bottom: 3rem;
  }

  [dir] .md\:pb-56{
    padding-bottom: 14rem;
  }

  [dir="ltr"] .md\:pl-0{
    padding-left: 0px;
  }

  [dir="rtl"] .md\:pl-0{
    padding-right: 0px;
  }

  [dir="ltr"] .md\:pl-6{
    padding-left: 1.5rem;
  }

  [dir="rtl"] .md\:pl-6{
    padding-right: 1.5rem;
  }

  [dir="ltr"] .md\:pl-8{
    padding-left: 2rem;
  }

  [dir="rtl"] .md\:pl-8{
    padding-right: 2rem;
  }

  [dir="ltr"] .md\:text-left{
    text-align: left;
  }

  [dir="rtl"] .md\:text-left{
    text-align: right;
  }

  .md\:text-xs{
    font-size: 0.75rem;
  }

  .md\:text-sm{
    font-size: 0.875rem;
  }

  .md\:text-base{
    font-size: 1rem;
  }

  .md\:text-lg{
    font-size: 1.125rem;
  }

  .md\:text-xl{
    font-size: 1.25rem;
  }

  .md\:text-2xl{
    font-size: 1.5rem;
  }

  .md\:text-3xl{
    font-size: 1.875rem;
  }

  .md\:text-4xl{
    font-size: 2.25rem;
  }

  .md\:text-display-xs{
    font-size: 1.5rem;
  }

  .md\:text-display-sm{
    font-size: 1.875rem;
  }

  .md\:text-display-md{
    font-size: 2.25rem;
  }

  .md\:text-display-lg{
    font-size: 3rem;
  }

  .md\:text-display-xl{
    font-size: 3.75rem;
  }

  .md\:text-display-2xl{
    font-size: 6rem;
  }
}

@media (min-width: 1024px){
  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

  [dir] .lg\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  [dir] .lg\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  [dir] .lg\:mt-4{
    margin-top: 1rem;
  }

  [dir="ltr"] .lg\:mr-4{
    margin-right: 1rem;
  }

  [dir="rtl"] .lg\:mr-4{
    margin-left: 1rem;
  }

  [dir] .lg\:mb-0{
    margin-bottom: 0px;
  }

  [dir] .lg\:mb-2{
    margin-bottom: 0.5rem;
  }

  [dir] .lg\:mb-12{
    margin-bottom: 3rem;
  }

  [dir="ltr"] .lg\:ml-0{
    margin-left: 0px;
  }

  [dir="rtl"] .lg\:ml-0{
    margin-right: 0px;
  }

  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:grid{
    display: grid;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-10{
    height: 2.5rem;
  }

  .lg\:h-auto{
    height: auto;
  }

  .lg\:w-10{
    width: 2.5rem;
  }

  .lg\:w-56{
    width: 14rem;
  }

  .lg\:w-80{
    width: 20rem;
  }

  .lg\:w-auto{
    width: auto;
  }

  .lg\:w-1\/3{
    width: 33.333333%;
  }

  .lg\:w-1\/4{
    width: 25%;
  }

  .lg\:w-3\/4{
    width: 75%;
  }

  .lg\:w-full{
    width: 100%;
  }

  .lg\:w-max{
    width: -moz-max-content;
    width: max-content;
  }

  .lg\:min-w-lg{
    min-width: 32rem;
  }

  .lg\:min-w-3xs{
    min-width: 12rem;
  }

  .lg\:min-w-2xs{
    min-width: 16rem;
  }

  .lg\:max-w-xs{
    max-width: 20rem;
  }

  .lg\:max-w-md{
    max-width: 28rem;
  }

  .lg\:max-w-6xl{
    max-width: 72rem;
  }

  .lg\:max-w-full{
    max-width: 100%;
  }

  .lg\:flex-1{
    flex: 1 1 0%;
  }

  .lg\:flex-grow{
    flex-grow: 1;
  }

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

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

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

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:flex-col{
    flex-direction: column;
  }

  .lg\:content-center{
    align-content: center;
  }

  .lg\:items-start{
    align-items: flex-start;
  }

  .lg\:items-center{
    align-items: center;
  }

  .lg\:items-stretch{
    align-items: stretch;
  }

  .lg\:justify-start{
    justify-content: flex-start;
  }

  .lg\:justify-end{
    justify-content: flex-end;
  }

  .lg\:justify-center{
    justify-content: center;
  }

  .lg\:justify-between{
    justify-content: space-between;
  }

  .lg\:gap-0{
    gap: 0px;
  }

  .lg\:gap-1{
    gap: 0.25rem;
  }

  .lg\:gap-2{
    gap: 0.5rem;
  }

  .lg\:gap-3{
    gap: 0.75rem;
  }

  .lg\:gap-8{
    gap: 2rem;
  }

  .lg\:gap-12{
    gap: 3rem;
  }

  .lg\:gap-16{
    gap: 4rem;
  }

  .lg\:truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  [dir] .lg\:rounded-none{
    border-radius: 0px;
  }

  [dir] .lg\:rounded-xl{
    border-radius: 0.75rem;
  }

  [dir] .lg\:rounded-b-2xl{
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  [dir] .lg\:border{
    border-width: 1px;
  }

  [dir] .lg\:border-t-0{
    border-top-width: 0px;
  }

  .lg\:border-nw-secondary{
    border-color: hsl(20 6% 90%);
  }

  [dir] .lg\:border-nw-secondary{
    border-color: hsl(var(--border-secondary));
  }

  [dir] .lg\:p-6{
    padding: 1.5rem;
  }

  [dir] .lg\:p-8{
    padding: 2rem;
  }

  [dir] .lg\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  [dir] .lg\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  [dir] .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  [dir] .lg\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  [dir] .lg\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  [dir] .lg\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  [dir] .lg\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  [dir] .lg\:pt-4{
    padding-top: 1rem;
  }

  [dir] .lg\:pt-10{
    padding-top: 2.5rem;
  }

  [dir] .lg\:pt-16{
    padding-top: 4rem;
  }

  [dir] .lg\:pt-24{
    padding-top: 6rem;
  }

  [dir="ltr"] .lg\:pr-1{
    padding-right: 0.25rem;
  }

  [dir="rtl"] .lg\:pr-1{
    padding-left: 0.25rem;
  }

  [dir="ltr"] .lg\:pr-5{
    padding-right: 1.25rem;
  }

  [dir="rtl"] .lg\:pr-5{
    padding-left: 1.25rem;
  }

  [dir] .lg\:pb-8{
    padding-bottom: 2rem;
  }

  [dir="ltr"] .lg\:pl-4{
    padding-left: 1rem;
  }

  [dir="rtl"] .lg\:pl-4{
    padding-right: 1rem;
  }

  [dir="ltr"] .lg\:pl-12{
    padding-left: 3rem;
  }

  [dir="rtl"] .lg\:pl-12{
    padding-right: 3rem;
  }

  .lg\:text-xs{
    font-size: 0.75rem;
  }

  .lg\:text-sm{
    font-size: 0.875rem;
  }

  .lg\:text-base{
    font-size: 1rem;
  }

  .lg\:text-lg{
    font-size: 1.125rem;
  }

  .lg\:text-xl{
    font-size: 1.25rem;
  }

  .lg\:text-2xl{
    font-size: 1.5rem;
  }

  .lg\:text-3xl{
    font-size: 1.875rem;
  }

  .lg\:text-display-xs{
    font-size: 1.5rem;
  }

  .lg\:text-display-sm{
    font-size: 1.875rem;
  }

  .lg\:text-display-md{
    font-size: 2.25rem;
  }

  .lg\:text-display-lg{
    font-size: 3rem;
  }

  .lg\:text-display-xl{
    font-size: 3.75rem;
  }

  .lg\:text-display-2xl{
    font-size: 6rem;
  }

  .lg\:shadow-none{
    --tw-shadow: 0 0 #0000;
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  }

  [dir] .lg\:shadow-none{
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 1280px){
  .xl\:w-96{
    width: 24rem;
  }

  .xl\:max-w-xl{
    max-width: 36rem;
  }

  .xl\:flex-row{
    flex-direction: row;
  }

  .xl\:flex-col{
    flex-direction: column;
  }

  .xl\:items-center{
    align-items: center;
  }

  .xl\:gap-2{
    gap: 0.5rem;
  }

  [dir] .xl\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  [dir] .xl\:pt-6{
    padding-top: 1.5rem;
  }

  [dir="ltr"] .xl\:pl-10{
    padding-left: 2.5rem;
  }

  [dir="rtl"] .xl\:pl-10{
    padding-right: 2.5rem;
  }

  .xl\:text-xs{
    font-size: 0.75rem;
  }

  .xl\:text-sm{
    font-size: 0.875rem;
  }

  .xl\:text-base{
    font-size: 1rem;
  }

  .xl\:text-lg{
    font-size: 1.125rem;
  }

  .xl\:text-xl{
    font-size: 1.25rem;
  }

  .xl\:text-2xl{
    font-size: 1.5rem;
  }

  .xl\:text-display-xs{
    font-size: 1.5rem;
  }

  .xl\:text-display-sm{
    font-size: 1.875rem;
  }

  .xl\:text-display-md{
    font-size: 2.25rem;
  }

  .xl\:text-display-lg{
    font-size: 3rem;
  }

  .xl\:text-display-xl{
    font-size: 3.75rem;
  }

  .xl\:text-display-2xl{
    font-size: 6rem;
  }
}

@media print{
  [dir] .print\:mb-0{
    margin-bottom: 0px;
  }

  .print\:hidden{
    display: none;
  }

  .print\:max-w-full{
    max-width: 100%;
  }

  .print\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/Link/index.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.link {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
}

.link:hover, .link:focus {
  --tw-text-opacity: 1;
  color: rgba(72, 109, 231, var(--tw-text-opacity));
}

.link--hyperlink {
  text-decoration: underline;
}

.link--hyperlink:hover, .link--hyperlink:focus {
  text-decoration: none;
}

.link--navigation {
  text-decoration: none;
}

.link--navigation:hover, .link--navigation:focus {
  text-decoration: underline;
}

.link--unstyled {
  text-decoration: none;
  color: inherit;
}

.link--unstyled:hover, .link--unstyled:focus {
  text-decoration: none;
  color: inherit;
}

/* purgecss end ignore */
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/WellthyLoader/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.wl-logo {
  display: inline-block;
  line-height: 0;
  width: 80px;
  height: 80px;
}

.wl-logo__svg {
  width: 100%;
  height: 100%;
}

.wl-logo__base {
  opacity: 0.35;
}

.wl-logo__shimmer {
  transform-box: fill-box;
}

[dir] .wl-logo__shimmer {
  transform-origin: center;
}

[dir] .wl-logo__shimmer--coral {
  animation: wl-shimmer-coral 1.8s linear infinite;
}

[dir] .wl-logo__shimmer--peri {
  animation: wl-shimmer-peri 1.8s linear infinite;
}

@keyframes wl-shimmer-coral {
  0% {
    transform: translateX(-140%);
    opacity: 1;
  }

  50% {
    transform: translateX(140%);
    opacity: 1;
  }

  50.01%, 100% {
    transform: translateX(140%);
    opacity: 0;
  }
}

@keyframes wl-shimmer-peri {
  0%, 50% {
    transform: translateX(-140%);
    opacity: 0;
  }

  50.01% {
    transform: translateX(-140%);
    opacity: 1;
  }

  99.99% {
    transform: translateX(140%);
    opacity: 1;
  }

  100% {
    transform: translateX(140%);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  [dir] .wl-logo__shimmer {
    animation: none;
  }
}

/* purgecss end ignore */
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./node_modules/@knocklabs/react/dist/index.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

:root {
  --knock-border-style-solid:solid;
  --knock-border-style-dashed:dashed;
  --knock-transparent:transparent;
  --knock-white:#fff;
  --knock-black:#000;
  --knock-alpha-white-1:#ffffff0d;
  --knock-alpha-white-2:#ffffff1a;
  --knock-alpha-white-3:#ffffff26;
  --knock-alpha-white-4:#fff3;
  --knock-alpha-white-5:#ffffff4d;
  --knock-alpha-white-6:#fff6;
  --knock-alpha-white-7:#ffffff80;
  --knock-alpha-white-8:#fff9;
  --knock-alpha-white-9:#ffffffb3;
  --knock-alpha-white-10:#fffc;
  --knock-alpha-white-11:#ffffffe6;
  --knock-alpha-white-12:#fffffff2;
  --knock-alpha-black-1:#0000000d;
  --knock-alpha-black-2:#0000001a;
  --knock-alpha-black-3:#00000026;
  --knock-alpha-black-4:#0003;
  --knock-alpha-black-5:#0000004d;
  --knock-alpha-black-6:#0006;
  --knock-alpha-black-7:#00000080;
  --knock-alpha-black-8:#0009;
  --knock-alpha-black-9:#000000b3;
  --knock-alpha-black-10:#000c;
  --knock-alpha-black-11:#000000e6;
  --knock-alpha-black-12:#000000f2;
  --knock-rounded-0:0px;
  --knock-rounded-1:.125rem;
  --knock-rounded-2:.25rem;
  --knock-rounded-3:.375rem;
  --knock-rounded-4:.5rem;
  --knock-rounded-5:.75rem;
  --knock-rounded-6:1rem;
  --knock-rounded-full:9999px;
  --knock-shadow-0:0px 0px 0px 0px #0000;
  --knock-shadow-1:0px 5px 2px 0px #1c202403, 0px 3px 2px 0px #1c202408, 0px 1px 1px 0px #1c20240d, 0px 0px 1px 0px #1c20240f;
  --knock-shadow-2:0px 16px 7px 0px #1c202403, 0px 9px 6px 0px #1c202408, 0px 4px 4px 0px #1c20240d, 0px 1px 2px 0px #1c20240f;
  --knock-shadow-3:0px 29px 12px 0px #1c202403, 0px 16px 10px 0px #1c202408, 0px 7px 7px 0px #1c20240d, 0px 2px 4px 0px #1c20240f;
  --knock-shadow-inner:0px 5px 2px 0px #1c202403 inset, 0px 3px 2px 0px #1c202408 inset, 0px 1px 1px 0px #1c20240d inset, 0px 0px 1px 0px #1c20240f inset;
  --knock-spacing-0:0px;
  --knock-spacing-1:.25rem;
  --knock-spacing-2:.5rem;
  --knock-spacing-3:.75rem;
  --knock-spacing-4:1rem;
  --knock-spacing-5:1.25rem;
  --knock-spacing-6:1.5rem;
  --knock-spacing-7:1.75rem;
  --knock-spacing-8:2rem;
  --knock-spacing-9:2.25rem;
  --knock-spacing-10:2.5rem;
  --knock-spacing-11:2.75rem;
  --knock-spacing-12:3rem;
  --knock-spacing-14:3.5rem;
  --knock-spacing-16:4rem;
  --knock-spacing-20:5rem;
  --knock-spacing-24:6rem;
  --knock-spacing-28:7rem;
  --knock-spacing-32:8rem;
  --knock-spacing-36:9rem;
  --knock-spacing-40:10rem;
  --knock-spacing-44:11rem;
  --knock-spacing-48:12rem;
  --knock-spacing-52:13rem;
  --knock-spacing-56:14rem;
  --knock-spacing-60:15rem;
  --knock-spacing-64:16rem;
  --knock-spacing-72:18rem;
  --knock-spacing-80:20rem;
  --knock-spacing-96:24rem;
  --knock-spacing-140:35rem;
  --knock-spacing-160:40rem;
  --knock-spacing-px:1px;
  --knock-spacing-full:100%;
  --knock-spacing-auto:auto;
  --knock-family-sans:Inter, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  --knock-family-mono:Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  --knock-leading-0:1rem;
  --knock-leading-1:1rem;
  --knock-leading-2:1.25rem;
  --knock-leading-3:1.5rem;
  --knock-leading-4:1.75rem;
  --knock-leading-5:1.75rem;
  --knock-leading-6:2rem;
  --knock-leading-7:2.25rem;
  --knock-leading-8:2.5rem;
  --knock-leading-9:3.5rem;
  --knock-leading-code-0:1rem;
  --knock-leading-code-1:1rem;
  --knock-leading-code-2:1.25rem;
  --knock-leading-code-3:1.5rem;
  --knock-leading-code-4:1.75rem;
  --knock-leading-code-5:1.75rem;
  --knock-leading-code-6:2rem;
  --knock-leading-code-7:2.25rem;
  --knock-leading-code-8:2.5rem;
  --knock-leading-code-9:3rem;
  --knock-tracking-0:0.25%;
  --knock-tracking-1:0.25%;
  --knock-tracking-2:0;
  --knock-tracking-3:0;
  --knock-tracking-4:-0.25%;
  --knock-tracking-5:-0.5%;
  --knock-tracking-6:-0.625%;
  --knock-tracking-7:-0.75%;
  --knock-tracking-8:-1%;
  --knock-tracking-9:-2.5%;
  --knock-text-0:.6875rem;
  --knock-text-1:.75rem;
  --knock-text-2:.875rem;
  --knock-text-3:1rem;
  --knock-text-4:1.125rem;
  --knock-text-5:1.25rem;
  --knock-text-6:1.5rem;
  --knock-text-7:1.875rem;
  --knock-text-8:2.25rem;
  --knock-text-9:3rem;
  --knock-text-code-0:.625rem;
  --knock-text-code-1:.688rem;
  --knock-text-code-2:.812rem;
  --knock-text-code-4:1.062rem;
  --knock-text-code-5:1.188rem;
  --knock-text-code-6:1.438rem;
  --knock-text-code-7:1.75rem;
  --knock-text-code-8:2.125rem;
  --knock-text-code-9:2.875rem;
  --knock-weight-regular:400;
  --knock-weight-medium:500;
  --knock-weight-semi-bold:600;
  --knock-breakpoint-sm:640px;
  --knock-breakpoint-md:768px;
  --knock-breakpoint-lg:1024px;
  --knock-breakpoint-xl:1280px;
  --knock-breakpoint-2xl:1536px;
  --knock-zIndex-hidden:-1;
  --knock-zIndex-base:0;
  --knock-zIndex-auto:auto;
  --knock-zIndex-dropdown:1000;
  --knock-zIndex-sticky:1100;
  --knock-zIndex-banner:1200;
  --knock-zIndex-overlay:1300;
  --knock-zIndex-modal:1400;
  --knock-zIndex-popover:1500;
  --knock-zIndex-skipLink:1600;
  --knock-zIndex-toast:1700;
  --knock-zIndex-tooltip:1800;
}

[data-knock-color-mode=light] {
  --knock-surface-1:#fff;
  --knock-surface-2:#f9f9f8;
  --knock-gray-1:#fcfcfd;
  --knock-gray-2:#f9f9fb;
  --knock-gray-3:#f0f0f3;
  --knock-gray-4:#e8e8ec;
  --knock-gray-5:#e0e1e6;
  --knock-gray-6:#d9d9e0;
  --knock-gray-7:#cdced6;
  --knock-gray-8:#b9bbc6;
  --knock-gray-9:#8b8d98;
  --knock-gray-10:#80838d;
  --knock-gray-11:#60646c;
  --knock-gray-12:#1c2024;
  --knock-beige-1:#fdfdfc;
  --knock-beige-2:#f9f9f8;
  --knock-beige-3:#f1f0ef;
  --knock-beige-4:#e9e8e6;
  --knock-beige-5:#e2e1de;
  --knock-beige-6:#dad9d6;
  --knock-beige-7:#cfceca;
  --knock-beige-8:#bcbbb5;
  --knock-beige-9:#8d8d86;
  --knock-beige-10:#82827c;
  --knock-beige-11:#63635e;
  --knock-beige-12:#21201c;
  --knock-orange-1:#fffcfc;
  --knock-orange-2:#fff8f7;
  --knock-orange-3:#feebe7;
  --knock-orange-4:#ffdcd3;
  --knock-orange-5:#ffcdc2;
  --knock-orange-6:#fdbdaf;
  --knock-orange-7:#f5a898;
  --knock-orange-8:#ec8e7b;
  --knock-orange-9:#e54d2e;
  --knock-orange-10:#dd4425;
  --knock-orange-11:#d13415;
  --knock-orange-12:#5c271f;
  --knock-green-1:#fbfefd;
  --knock-green-2:#f4fbf7;
  --knock-green-3:#e6f7ed;
  --knock-green-4:#d6f1e3;
  --knock-green-5:#c3e9d7;
  --knock-green-6:#acdec8;
  --knock-green-7:#8bceb6;
  --knock-green-8:#56ba9f;
  --knock-green-9:#29a383;
  --knock-green-10:#26997b;
  --knock-green-11:#208368;
  --knock-green-12:#1d3b31;
  --knock-yellow-1:#fefdfb;
  --knock-yellow-2:#fefbe9;
  --knock-yellow-3:#fff7c2;
  --knock-yellow-4:#ffee9c;
  --knock-yellow-5:#fbe577;
  --knock-yellow-6:#f3d673;
  --knock-yellow-7:#e9c162;
  --knock-yellow-8:#f3d673;
  --knock-yellow-9:#ffc53d;
  --knock-yellow-10:#ffba18;
  --knock-yellow-11:#ab6400;
  --knock-yellow-12:#4f3422;
  --knock-blue-1:#fdfdfe;
  --knock-blue-2:#f7f9ff;
  --knock-blue-3:#edf2fe;
  --knock-blue-4:#e1e9ff;
  --knock-blue-5:#d2deff;
  --knock-blue-6:#c1d0ff;
  --knock-blue-7:#abbdf9;
  --knock-blue-8:#8da4ef;
  --knock-blue-9:#3e63dd;
  --knock-blue-10:#3358d4;
  --knock-blue-11:#3a5bc7;
  --knock-blue-12:#1f2d5c;
  --knock-red-1:#fffcfd;
  --knock-red-2:#fff7f8;
  --knock-red-3:#feeaed;
  --knock-red-4:#ffdce1;
  --knock-red-5:#ffced6;
  --knock-red-6:#f8bfc8;
  --knock-red-7:#efacb8;
  --knock-red-8:#e592a3;
  --knock-red-9:#e54666;
  --knock-red-10:#dc3b5d;
  --knock-red-11:#ca244d;
  --knock-red-12:#64172b;
  --knock-purple-1:#fdfcfe;
  --knock-purple-2:#faf8ff;
  --knock-purple-3:#f4f0fe;
  --knock-purple-4:#ebe4ff;
  --knock-purple-5:#e1d9ff;
  --knock-purple-6:#d4cafe;
  --knock-purple-7:#c2b5f5;
  --knock-purple-8:#aa99ec;
  --knock-purple-9:#654dc4;
  --knock-purple-10:#654dc4;
  --knock-purple-11:#6550b9;
  --knock-purple-12:#2f265f;
}

[data-knock-color-mode=dark] {
  --knock-surface-1:#18191b;
  --knock-surface-2:#111110;
  --knock-gray-1:#111113;
  --knock-gray-2:#18191b;
  --knock-gray-3:#212225;
  --knock-gray-4:#272a2d;
  --knock-gray-5:#2e3135;
  --knock-gray-6:#363a3f;
  --knock-gray-7:#43484e;
  --knock-gray-8:#5a6169;
  --knock-gray-9:#696e77;
  --knock-gray-10:#777b84;
  --knock-gray-11:#b0b4ba;
  --knock-gray-12:#edeef0;
  --knock-beige-1:#111110;
  --knock-beige-2:#191918;
  --knock-beige-3:#222221;
  --knock-beige-4:#2a2a28;
  --knock-beige-5:#31312e;
  --knock-beige-6:#3b3a37;
  --knock-beige-7:#494844;
  --knock-beige-8:#62605b;
  --knock-beige-9:#6f6d66;
  --knock-beige-10:#7c7b74;
  --knock-beige-11:#b5b3ad;
  --knock-beige-12:#eeeeec;
  --knock-orange-1:#181111;
  --knock-orange-2:#1f1513;
  --knock-orange-3:#391714;
  --knock-orange-4:#4e1511;
  --knock-orange-5:#5e1c16;
  --knock-orange-6:#6e2920;
  --knock-orange-7:#853a2d;
  --knock-orange-8:#ac4d39;
  --knock-orange-9:#e54d2e;
  --knock-orange-10:#ec6142;
  --knock-orange-11:#ff977d;
  --knock-orange-12:#fbd3cb;
  --knock-green-1:#0d1512;
  --knock-green-2:#121c18;
  --knock-green-3:#0f2e22;
  --knock-green-4:#0b3b2c;
  --knock-green-5:#114837;
  --knock-green-6:#1b5745;
  --knock-green-7:#246854;
  --knock-green-8:#2a7e68;
  --knock-green-9:#29a383;
  --knock-green-10:#27b08b;
  --knock-green-11:#1fd8a4;
  --knock-green-12:#adf0d4;
  --knock-yellow-1:#16120c;
  --knock-yellow-2:#1d180f;
  --knock-yellow-3:#302008;
  --knock-yellow-4:#3f2700;
  --knock-yellow-5:#4d3000;
  --knock-yellow-6:#5c3d05;
  --knock-yellow-7:#714f19;
  --knock-yellow-8:#8f6424;
  --knock-yellow-9:#ffc53d;
  --knock-yellow-10:#ffd60a;
  --knock-yellow-11:#ffca16;
  --knock-yellow-12:#ffe7b3;
  --knock-blue-1:#11131f;
  --knock-blue-2:#141726;
  --knock-blue-3:#182449;
  --knock-blue-4:#1d2e62;
  --knock-blue-5:#253974;
  --knock-blue-6:#304384;
  --knock-blue-7:#3a4f97;
  --knock-blue-8:#435db1;
  --knock-blue-9:#3e63dd;
  --knock-blue-10:#5472e4;
  --knock-blue-11:#9eb1ff;
  --knock-blue-12:#d6e1ff;
  --knock-red-1:#191113;
  --knock-red-2:#1e1517;
  --knock-red-3:#3a141e;
  --knock-red-4:#4e1325;
  --knock-red-5:#5e1a2e;
  --knock-red-6:#6f2539;
  --knock-red-7:#883447;
  --knock-red-8:#b3445a;
  --knock-red-9:#e54666;
  --knock-red-10:#ec5a72;
  --knock-red-11:#ff949d;
  --knock-red-12:#fed2e1;
  --knock-purple-1:#14121f;
  --knock-purple-2:#1b1525;
  --knock-purple-3:#291f43;
  --knock-purple-4:#33255b;
  --knock-purple-5:#3c2e69;
  --knock-purple-6:#473876;
  --knock-purple-7:#56468b;
  --knock-purple-8:#6958ad;
  --knock-purple-9:#6e56cf;
  --knock-purple-10:#7d66d9;
  --knock-purple-11:#baa7ff;
  --knock-purple-12:#e2ddfe;
}

[data-knock-color-mode=light] {
  --knock-guide-surface:var(--knock-white);
  --knock-guide-surface-2:var(--knock-gray-2);
  --knock-guide-accent:var(--knock-gray-12);
  --knock-guide-accent-light:var(--knock-gray-4);
  --knock-guide-accent-dark:var(--knock-gray-12);
  --knock-guide-secondary:var(--knock-gray-9);
  --knock-guide-secondary-light:var(--knock-gray-3);
  --knock-guide-secondary-dark:var(--knock-gray-11);
  --knock-guide-content:var(--knock-gray-12);
  --knock-guide-content-light:var(--knock-gray-11);
  --knock-guide-content-disabled:var(--knock-gray-9);
  --knock-guide-content-contrast:var(--knock-white);
  --knock-guide-border:var(--knock-gray-5);
  --knock-guide-border-light:var(--knock-gray-4);
  --knock-guide-border-dark:var(--knock-gray-7);
}

[data-knock-color-mode=dark] {
  --knock-guide-surface:var(--knock-gray-2);
  --knock-guide-surface-2:var(--knock-gray-1);
  --knock-guide-accent:var(--knock-white);
  --knock-guide-accent-light:var(--knock-gray-4);
  --knock-guide-accent-dark:var(--knock-gray-12);
  --knock-guide-secondary:var(--knock-gray-9);
  --knock-guide-secondary-light:var(--knock-gray-3);
  --knock-guide-secondary-dark:var(--knock-gray-11);
  --knock-guide-content:var(--knock-gray-12);
  --knock-guide-content-light:var(--knock-gray-11);
  --knock-guide-content-disabled:var(--knock-gray-9);
  --knock-guide-content-contrast:var(--knock-gray-1);
  --knock-guide-border:var(--knock-gray-5);
  --knock-guide-border-light:var(--knock-gray-4);
  --knock-guide-border-dark:var(--knock-gray-7);
}

:root {
  --rnf-font-size-xs:.75rem;
  --rnf-font-size-sm:.875rem;
  --rnf-font-size-md:1rem;
  --rnf-font-size-lg:1.125rem;
  --rnf-font-size-xl:1.266rem;
  --rnf-font-size-2xl:1.5rem;
  --rnf-font-size-3xl:1.75rem;
  --rnf-spacing-0:0;
  --rnf-spacing-1:4px;
  --rnf-spacing-2:8px;
  --rnf-spacing-3:12px;
  --rnf-spacing-4:16px;
  --rnf-spacing-5:20px;
  --rnf-spacing-6:24px;
  --rnf-spacing-7:32px;
  --rnf-spacing-8:42px;
  --rnf-font-weight-normal:400;
  --rnf-font-weight-medium:500;
  --rnf-font-weight-semibold:600;
  --rnf-font-weight-bold:700;
  --rnf-font-family-sanserif:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
  --rnf-border-radius-sm:2px;
  --rnf-border-radius-md:4px;
  --rnf-border-radius-lg:8px;
  --rnf-shadow-sm:0px 5px 10px #0000001f;
  --rnf-shadow-md:0px 8px 30px #0000003d;
  --rnf-color-white:#fff;
  --rnf-color-white-a-75:#ffffffbf;
  --rnf-color-black:#000;
  --rnf-color-gray-900:#1a1f36;
  --rnf-color-gray-800:#3c4257;
  --rnf-color-gray-700:#3c4257;
  --rnf-color-gray-600:#515669;
  --rnf-color-gray-500:#697386;
  --rnf-color-gray-400:#9ea0aa;
  --rnf-color-gray-300:#a5acb8;
  --rnf-color-gray-200:#dddee1;
  --rnf-color-gray-100:#e4e8ee;
  --rnf-color-brand-500:#e95744;
  --rnf-color-brand-700:#e4321b;
  --rnf-color-brand-900:#891e10;
  --rnf-unread-badge-bg-color:#dd514c;
  --rnf-avatar-bg-color:#ef8476;
  --rnf-message-cell-unread-dot-bg-color:#f4ada4;
  --rnf-message-cell-hover-bg-color:#f1f6fc;
  --rnf-button-padding-x:8px;
  --rnf-button-padding-y:4px;
  --rnf-button-border-radius:4px;
  --rnf-button-font-weight:var(--rnf-font-weight-medium);
  --rnf-button-font-size:var(--rnf-font-size-sm);
  --rnf-button-primary-bg-color:var(--rnf-color-brand-500);
  --rnf-button-primary-hover-bg-color:var(--rnf-color-brand-700);
  --rnf-button-primary-border-color:transparent;
  --rnf-button-primary-text-color:var(--rnf-color-white);
  --rnf-button-secondary-bg-color:var(--rnf-color-white);
  --rnf-button-secondary-hover-bg-color:#dddee1;
  --rnf-button-secondary-border-color:#dddee1;
  --rnf-button-secondary-text-color:var(--rnf-color-gray-700);
}

.rnf-button {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  white-space: nowrap;
  vertical-align: middle;
  width: auto;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: .875rem;
  font-size: var(--rnf-button-font-size);
  line-height: 1.125rem;
  line-height: var(--rnf-font-size-lg);
  font-weight: 500;
  font-weight: var(--rnf-button-font-weight);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

[dir] .rnf-button {
  padding: var(--rnf-button-padding-y) var(--rnf-button-padding-x);
  border-radius: var(--rnf-button-border-radius);
  cursor: pointer;
  border: 1px solid;
  transition: all 0.1s ease-in-out;
}

.rnf-button--full-width {
  width: 100%;
}

.rnf-button--primary {
  background-color: #e95744;
  color: #fff;
  color: var(--rnf-button-primary-text-color);
  border-color: transparent;
}

[dir] .rnf-button--primary {
  background-color: var(--rnf-button-primary-bg-color);
  border-color: var(--rnf-button-primary-border-color);
}

.rnf-button--primary:hover:not(:disabled), .rnf-button--primary:active:not(:disabled) {
  background-color: #e4321b;
}

[dir] .rnf-button--primary:hover:not(:disabled), [dir] .rnf-button--primary:active:not(:disabled) {
  background-color: var(--rnf-button-primary-hover-bg-color);
}

.rnf-button:disabled {
  opacity: 0.4;
}

[dir] .rnf-button:disabled {
  cursor: not-allowed;
}

.rnf-button--secondary {
  background-color: #fff;
  color: #3c4257;
  color: var(--rnf-button-secondary-text-color);
  border-color: #dddee1;
}

[dir] .rnf-button--secondary {
  background-color: var(--rnf-button-secondary-bg-color);
  border-color: var(--rnf-button-secondary-border-color);
}

.rnf-button--secondary:hover:not(:disabled), .rnf-button--secondary:active:not(:disabled) {
  background-color: #dddee1;
}

[dir] .rnf-button--secondary:hover:not(:disabled), [dir] .rnf-button--secondary:active:not(:disabled) {
  background-color: var(--rnf-button-secondary-hover-bg-color);
}

.rnf-button--dark.rnf-button--secondary {
  color: #ffffffbf;
  color: var(--rnf-color-white-a-75);
}

[dir] .rnf-button--dark.rnf-button--secondary {
  background-color: #43464c;
  border-color: #43464c;
}

.rnf-button__button-text-hidden {
  opacity: 0;
}

.rnf-button--dark.rnf-button--secondary:hover:not(:disabled), .rnf-button--dark.rnf-button--secondary:active:not(:disabled) {
  background-color: #515669;
}

[dir] .rnf-button--dark.rnf-button--secondary:hover:not(:disabled), [dir] .rnf-button--dark.rnf-button--secondary:active:not(:disabled) {
  background-color: var(--rnf-color-gray-600);
}

.rnf-button-spinner {
  font-size: 1rem;
  line-height: "normal";
  align-items: center;
  display: flex;
}

.rnf-button-spinner--without-label {
  position: absolute;
}

[dir="ltr"] .rnf-button-spinner--with-label {
  margin-right: 6px;
}

[dir="rtl"] .rnf-button-spinner--with-label {
  margin-left: 6px;
}

.rnf-button--primary .rnf-button-spinner circle {
  stroke: #fff;
}

.rnf-button--secondary .rnf-button-spinner circle {
  stroke: #3c4257;
  stroke: var(--rnf-button-secondary-text-color);
}

.rnf-button--dark.rnf-button--secondary .rnf-button-spinner circle {
  stroke: #ffffffbf;
  stroke: var(--rnf-color-white-a-75);
}

[dir="ltr"] .rnf-button-group > .rnf-button + .rnf-button {
  margin-left: 8px;
}

[dir="rtl"] .rnf-button-group > .rnf-button + .rnf-button {
  margin-right: 8px;
}

:root {
  --rnf-empty-feed-max-w:240px;
  --rnf-empty-feed-header-font-size:var(--rnf-font-size-md);
  --rnf-empty-feed-body-font-size:var(--rnf-font-size-sm);
}

.rnf-empty-feed {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.rnf-empty-feed__inner {
  max-width: 240px;
  max-width: var(--rnf-empty-feed-max-w);
}

[dir] .rnf-empty-feed__inner {
  text-align: center;
  margin: -20px auto 0;
}

.rnf-empty-feed__header {
  font-size: 1rem;
  font-size: var(--rnf-empty-feed-header-font-size);
  font-weight: 500;
  font-weight: var(--rnf-font-weight-medium);
  color: #1a1f36;
  color: var(--rnf-color-gray-900);
  margin: 0 0 4px;
}

[dir] .rnf-empty-feed__header {
  margin: 0 0 var(--rnf-spacing-1);
}

.rnf-empty-feed__body {
  font-size: .875rem;
  font-size: var(--rnf-empty-feed-body-font-size);
  color: #a5acb8;
  color: var(--rnf-color-gray-300);
}

[dir] .rnf-empty-feed__body {
  margin: 0;
}

.rnf-empty-feed--dark .rnf-empty-feed__header {
  color: #ffffffbf;
  color: var(--rnf-color-white-a-75);
}

.rnf-empty-feed--dark .rnf-empty-feed__body {
  color: #9ea0aa;
  color: var(--rnf-color-gray-400);
}

:root {
  --rnf-avatar-bg-color:#ef8476;
  --rnf-avatar-size:32px;
  --rnf-avatar-initials-font-size:var(--rnf-font-size-md);
  --rnf-avatar-initials-line-height:var(--rnf-font-size-lg);
  --rnf-avatar-initials-color:#fff;
  --rnf-notification-cell-border-bottom-color:#e4e8ee;
  --rnf-notification-cell-padding:var(--rnf-spacing-3);
  --rnf-notification-cell-active-bg-color:#f1f6fc;
  --rnf-notification-cell-unread-dot-size:6px;
  --rnf-notification-cell-unread-dot-bg-color:#80c7f5;
  --rnf-notification-cell-unread-dot-border-color:#3192e3;
  --rnf-notification-cell-content-color:var(--rnf-color-gray-900);
  --rnf-notification-cell-content-font-size:var(--rnf-font-size-sm);
  --rnf-notification-cell-content-line-height:var(--rnf-font-size-lg);
  --rnf-archive-notification-btn-bg-color:var(--rnf-color-gray-400);
  --rnf-archive-notification-btn-bg-color-active:var(--rnf-color-gray-500);
}

.rnf-avatar {
  background-color: #ef8476;
  border-radius: 32px;
  width: 32px;
  width: var(--rnf-avatar-size);
  height: 32px;
  height: var(--rnf-avatar-size);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

[dir] .rnf-avatar {
  background-color: var(--rnf-avatar-bg-color);
  border-radius: var(--rnf-avatar-size);
}

.rnf-avatar__initials {
  font-size: 1rem;
  font-size: var(--rnf-avatar-initials-font-size);
  line-height: 1.125rem;
  line-height: var(--rnf-avatar-initials-line-height);
  color: #fff;
  color: var(--rnf-avatar-initials-color);
}

.rnf-avatar__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 32px;
  width: var(--rnf-avatar-size);
  height: 32px;
  height: var(--rnf-avatar-size);
}

.rnf-notification-cell {
  border-bottom: 1px solid #e4e8ee;
  position: relative;
}

[dir] .rnf-notification-cell {
  border-bottom: 1px solid var(--rnf-notification-cell-border-bottom-color);
  background-color: #0000;
}

[dir] .rnf-notification-cell:last-child {
  border-bottom-color: #0000;
}

.rnf-notification-cell:hover, .rnf-notification-cell:focus, .rnf-notification-cell:active {
  background-color: #f1f6fc;
  outline: none;
}

[dir] .rnf-notification-cell:hover, [dir] .rnf-notification-cell:focus, [dir] .rnf-notification-cell:active {
  background-color: var(--rnf-notification-cell-active-bg-color);
}

.rnf-notification-cell__inner {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  padding: 12px;
  justify-content: flex-start;
  text-decoration: none;
  display: flex;
}

[dir] .rnf-notification-cell__inner {
  padding: var(--rnf-notification-cell-padding);
  cursor: pointer;
  border: none;
  margin: 0;
}

[dir="ltr"] .rnf-notification-cell__inner {
  text-align: left;
}

[dir="rtl"] .rnf-notification-cell__inner {
  text-align: right;
}

.rnf-notification-cell__unread-dot {
  top: 6px;
  top: var(--rnf-notification-cell-unread-dot-size);
  width: 6px;
  width: var(--rnf-notification-cell-unread-dot-size);
  height: 6px;
  height: var(--rnf-notification-cell-unread-dot-size);
  border-radius: 6px;
  background-color: #80c7f5;
  border: 1px solid #3192e3;
  position: absolute;
}

[dir] .rnf-notification-cell__unread-dot {
  border-radius: var(--rnf-notification-cell-unread-dot-size);
  background-color: var(--rnf-notification-cell-unread-dot-bg-color);
  border: 1px solid var(--rnf-notification-cell-unread-dot-border-color);
}

[dir="ltr"] .rnf-notification-cell__unread-dot {
  left: 6px;
  left: var(--rnf-notification-cell-unread-dot-size);
}

[dir="rtl"] .rnf-notification-cell__unread-dot {
  right: 6px;
  right: var(--rnf-notification-cell-unread-dot-size);
}

[dir="ltr"] .rnf-notification-cell__content-outer {
  margin-left: 12px;
  margin-left: var(--rnf-spacing-3);
}

[dir="rtl"] .rnf-notification-cell__content-outer {
  margin-right: 12px;
  margin-right: var(--rnf-spacing-3);
}

.rnf-notification-cell__content {
  color: #1a1f36;
  color: var(--rnf-notification-cell-content-color);
  font-weight: 400;
  font-weight: var(--rnf-font-weight-normal);
  font-size: .875rem;
  font-size: var(--rnf-notification-cell-content-font-size);
  line-height: 1.125rem;
  line-height: var(--rnf-notification-cell-content-line-height);
  margin-bottom: 4px;
  word-break: break-word;
  word-wrap: break-word;
  display: block;
}

[dir] .rnf-notification-cell__content {
  margin-bottom: var(--rnf-spacing-1);
}

.rnf-notification-cell__content h1, .rnf-notification-cell__content h2, .rnf-notification-cell__content h3, .rnf-notification-cell__content h4 {
  font-weight: 600;
  font-weight: var(--rnf-font-weight-semibold);
}

[dir] .rnf-notification-cell__content h1, [dir] .rnf-notification-cell__content h2, [dir] .rnf-notification-cell__content h3, [dir] .rnf-notification-cell__content h4 {
  margin-bottom: 0.5em;
}

.rnf-notification-cell__content h1 {
  font-size: 1.5rem;
  font-size: var(--rnf-font-size-2xl);
}

.rnf-notification-cell__content h2 {
  font-size: 1.266rem;
  font-size: var(--rnf-font-size-xl);
}

.rnf-notification-cell__content h3 {
  font-size: 1.125rem;
  font-size: var(--rnf-font-size-lg);
}

.rnf-notification-cell__content h4 {
  font-size: 1rem;
  font-size: var(--rnf-font-size-md);
}

[dir] .rnf-notification-cell__content p {
  margin: 0 0 0.75em;
}

[dir] .rnf-notification-cell__content p:last-child {
  margin-bottom: 0;
}

.rnf-notification-cell__content blockquote {
  line-height: 1.266rem;
  line-height: var(--rnf-font-size-xl);
}

[dir] .rnf-notification-cell__content blockquote {
  margin: 0;
}

[dir="ltr"] .rnf-notification-cell__content blockquote {
  border-left: 3px solid #a5acb8;
  border-left: 3px solid var(--rnf-color-gray-300);
  padding-left: 12px;
  padding-left: var(--rnf-spacing-3);
}

[dir="rtl"] .rnf-notification-cell__content blockquote {
  border-right: 3px solid #a5acb8;
  border-right: 3px solid var(--rnf-color-gray-300);
  padding-right: 12px;
  padding-right: var(--rnf-spacing-3);
}

.rnf-notification-cell__content strong {
  font-weight: 600;
  font-weight: var(--rnf-font-weight-semibold);
}

.rnf-notification-cell__timestamp {
  color: #a5acb8;
  color: var(--rnf-color-gray-300);
  font-size: .875rem;
  font-size: var(--rnf-font-size-sm);
  font-weight: 400;
  font-weight: var(--rnf-font-weight-normal);
  line-height: 1.125rem;
  line-height: var(--rnf-font-size-lg);
  display: block;
}

[dir] .rnf-notification-cell__child-content, [dir] .rnf-notification-cell__button-group {
  margin: 0.75em 0 0.5em;
}

.rnf-archive-notification-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  opacity: 0;
  width: 24px;
  height: 24px;
  color: #9ea0aa;
  color: var(--rnf-archive-notification-btn-bg-color);
  padding: 4px 8px;
}

[dir] .rnf-archive-notification-btn {
  cursor: pointer;
  padding: var(--rnf-spacing-1) var(--rnf-spacing-2);
  background-color: #0000;
  border: none;
  transition: color 0.1s ease-in-out, opacity 0.2s ease-in-out;
}

[dir="ltr"] .rnf-archive-notification-btn {
  margin-left: auto;
}

[dir="rtl"] .rnf-archive-notification-btn {
  margin-right: auto;
}

.rnf-notification-cell:focus .rnf-archive-notification-btn, .rnf-notification-cell:hover .rnf-archive-notification-btn, .rnf-notification-cell:active .rnf-archive-notification-btn {
  opacity: 1;
}

.rnf-archive-notification-btn:focus, .rnf-archive-notification-btn:hover, .rnf-archive-notification-btn:active {
  opacity: 1;
  color: #697386;
  color: var(--rnf-archive-notification-btn-bg-color-active);
  outline: none;
}

.rnf-tooltip {
  background-color: #3c4257;
  color: #fff;
  padding: 4px 8px;
  font-size: .75rem;
  font-size: var(--rnf-font-size-xs);
  line-height: var(--rnf-font-size-s);
  font-weight: 500;
  font-weight: var(--rnf-font-weight-medium);
  z-index: 9999;
  flex-direction: column;
  display: flex;
}

[dir] .rnf-tooltip {
  background-color: var(--rnf-color-gray-700);
  padding: var(--rnf-spacing-1) var(--rnf-spacing-2);
  border-radius: 4px;
  transition: opacity 0.3s;
  box-shadow: 0 2px 4px #0000002e;
}

.rnf-notification-cell--dark {
  --rnf-notification-cell-border-bottom-color:#697386a6;
  --rnf-notification-cell-active-bg-color:#393b40;
  --rnf-notification-cell-content-color:var(--rnf-color-white-a-75);
}

[dir] .rnf-notification-cell--dark:last-child {
  border-bottom-color: #0000;
}

.rnf-notification-cell--dark .rnf-notification-cell__timestamp {
  color: #697386;
  color: var(--rnf-color-gray-500);
}

.rnf-archive-notification-btn--dark {
  --rnf-archive-notification-btn-bg-color:var(--rnf-color-gray-500);
  --rnf-archive-notification-btn-bg-color-active:var(--rnf-color-gray-400);
}

[dir] .rnf-tooltip--dark {
  background-color: #565a61;
}

@media screen and (hover: none) {
  .rnf-archive-notification-btn {
    opacity: 1;
  }
}

:root {
  --rnf-notification-feed-header-height:45px;
}

.rnf-notification-feed {
  background-color: #fff;
  flex-direction: column;
  height: 100%;
  display: flex;
}

[dir] .rnf-notification-feed {
  background-color: var(--rnf-color-white);
}

.rnf-dropdown {
  font-size: 1rem;
  font-size: var(--rnf-font-size-md);
  font-weight: 500;
  font-weight: var(--rnf-font-weight-medium);
  color: #9ea0aa;
  color: var(--rnf-color-gray-400);
  position: relative;
}

.rnf-dropdown select {
  color: currentColor;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: .875rem;
  font-size: var(--rnf-font-size-sm);
  z-index: 2;
  position: relative;
}

[dir] .rnf-dropdown select {
  border: none;
}

[dir="ltr"] .rnf-dropdown select {
  padding-right: 12px;
  padding-right: var(--rnf-spacing-3);
  text-align: right;
  background: 0 0;
}

[dir="rtl"] .rnf-dropdown select {
  padding-left: 12px;
  padding-left: var(--rnf-spacing-3);
  text-align: left;
  background: 100% 0;
}

.rnf-dropdown svg {
  z-index: 1;
  position: absolute;
  top: 50%;
}

[dir] .rnf-dropdown svg {
  margin-top: -2px;
}

[dir="ltr"] .rnf-dropdown svg {
  right: 0;
}

[dir="rtl"] .rnf-dropdown svg {
  left: 0;
}

.rnf-mark-all-as-read {
  font-size: .875rem;
  font-size: var(--rnf-font-size-sm);
  color: #9ea0aa;
  color: var(--rnf-color-gray-400);
  align-items: center;
  display: flex;
}

[dir] .rnf-mark-all-as-read {
  cursor: pointer;
  border: none;
  padding: 0;
}

[dir="ltr"] .rnf-mark-all-as-read {
  background: 0 0;
  margin-left: auto;
}

[dir="rtl"] .rnf-mark-all-as-read {
  background: 100% 0;
  margin-right: auto;
}

.rnf-mark-all-as-read:disabled {
  color: #dddee1;
  color: var(--rnf-color-gray-200);
}

[dir] .rnf-mark-all-as-read:disabled {
  cursor: not-allowed;
}

[dir] .rnf-mark-all-as-read svg {
  margin-top: 1px;
}

[dir="ltr"] .rnf-mark-all-as-read svg {
  margin-left: 4px;
  margin-left: var(--rnf-spacing-1);
}

[dir="rtl"] .rnf-mark-all-as-read svg {
  margin-right: 4px;
  margin-right: var(--rnf-spacing-1);
}

.rnf-notification-feed__header {
  padding: 12px 16px;
  height: 45px;
  height: var(--rnf-notification-feed-header-height);
  align-items: center;
  display: flex;
}

[dir] .rnf-notification-feed__header {
  padding: var(--rnf-spacing-3) var(--rnf-spacing-4);
}

.rnf-notification-feed__selector {
  align-items: center;
  display: flex;
}

.rnf-notification-feed__type {
  font-size: .875rem;
  font-size: var(--rnf-font-size-sm);
  font-weight: 500;
  font-weight: var(--rnf-font-weight-medium);
  color: #1a1f36;
  color: var(--rnf-color-gray-900);
}

[dir="ltr"] .rnf-notification-feed__type {
  margin-right: 8px;
  margin-right: var(--rnf-spacing-2);
}

[dir="rtl"] .rnf-notification-feed__type {
  margin-left: 8px;
  margin-left: var(--rnf-spacing-2);
}

.rnf-notification-feed__container {
  flex: 1;
  overflow-y: auto;
}

.rnf-notification-feed__spinner-container {
  padding: 12px 16px;
}

[dir] .rnf-notification-feed__spinner-container {
  padding: var(--rnf-spacing-3) var(--rnf-spacing-4);
}

.rnf-notification-feed__spinner-container svg {
  display: block;
}

[dir] .rnf-notification-feed__spinner-container svg {
  margin: 0 auto;
}

[dir] .rnf-notification-feed__knock-branding {
  text-align: center;
}

.rnf-notification-feed__knock-branding a {
  font-size: .875rem;
  font-size: var(--rnf-font-size-sm);
  color: #697386;
  color: var(--rnf-color-gray-500);
  border-top: 1px solid #e4e8ee;
  display: block;
}

[dir] .rnf-notification-feed__knock-branding a {
  border-top: 1px solid var(--rnf-color-gray-100);
  padding: 6px;
}

[dir] .rnf-notification-feed__knock-branding a:hover {
  background-color: #f1f6fc;
}

[dir] .rnf-notification-feed--dark {
  background-color: #2e2f34;
}

.rnf-notification-feed--dark .rnf-notification-feed__type {
  color: #ffffffbf;
  color: var(--rnf-color-white-a-75);
}

.rnf-dropdown--dark {
  color: #9ea0aa;
  color: var(--rnf-color-gray-400);
}

.rnf-mark-all-as-read--dark:disabled {
  color: #697386;
  color: var(--rnf-color-gray-500);
}

.rnf-notification-feed--dark .rnf-notification-feed__knock-branding a {
  color: #9ea0aa;
  color: var(--rnf-color-gray-400);
}

[dir] .rnf-notification-feed--dark .rnf-notification-feed__knock-branding a {
  border-top-color: #697386a6;
}

[dir] .rnf-notification-feed--dark .rnf-notification-feed__knock-branding a:hover {
  background-color: #393b40;
}

.rnf-feed-provider {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif !important;
  font-family: var(--rnf-font-family-sanserif) !important;
}

[dir] .rnf-feed-provider {
  margin: 0 !important;
  padding: 0 !important;
}

.rnf-feed-provider [class^=rnf-] {
  box-sizing: border-box;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif !important;
  font-family: var(--rnf-font-family-sanserif) !important;
}

:root {
  --rnf-notification-feed-popover-max-w:400px;
  --rnf-notification-feed-popover-min-w:280px;
  --rnf-notification-feed-popover-height:400px;
  --rnf-notification-feed-popover-shadow:drop-shadow(0px 5px 15px #0003);
  --rnf-notification-feed-popover-shadow-color:#0003;
  --rnf-notification-feed-popover-bg-color:#fff;
  --rnf-notification-feed-popover-z-index:999;
  --rnf-notification-feed-popover-arrow-size:10px;
  --rnf-notification-feed-popover-border-radius:4px;
}

.rnf-notification-feed-popover {
  width: 100%;
  max-width: 400px;
  max-width: var(--rnf-notification-feed-popover-max-w);
  min-width: 280px;
  min-width: var(--rnf-notification-feed-popover-min-w);
  height: 400px;
  height: var(--rnf-notification-feed-popover-height);
  z-index: 999;
  z-index: var(--rnf-notification-feed-popover-z-index);
}

.rnf-notification-feed-popover__inner {
  background-color: #fff;
  border-radius: 4px;
  filter: drop-shadow(0px 5px 15px #0003);
  filter: var(--rnf-notification-feed-popover-shadow);
  height: 100%;
  overflow: hidden;
}

[dir] .rnf-notification-feed-popover__inner {
  background-color: var(--rnf-notification-feed-popover-bg-color);
  border-radius: var(--rnf-notification-feed-popover-border-radius);
}

.rnf-notification-feed-popover__arrow {
  width: 10px;
  width: var(--rnf-notification-feed-popover-arrow-size);
  height: 10px;
  height: var(--rnf-notification-feed-popover-arrow-size);
  position: absolute;
}

.rnf-notification-feed-popover__arrow:after {
  content: " ";
  background-color: #fff;
  box-shadow: -1px -1px 1px #0003;
  width: 10px;
  width: var(--rnf-notification-feed-popover-arrow-size);
  height: 10px;
  height: var(--rnf-notification-feed-popover-arrow-size);
  display: block;
  position: absolute;
  top: -5px;
}

[dir] .rnf-notification-feed-popover__arrow:after {
  background-color: var(--rnf-notification-feed-popover-bg-color);
}

[dir="ltr"] .rnf-notification-feed-popover__arrow:after {
  box-shadow: -1px -1px 1px var(--rnf-notification-feed-popover-shadow-color);
  left: 0;
  transform: rotate(45deg);
}

[dir="rtl"] .rnf-notification-feed-popover__arrow:after {
  box-shadow: 1px -1px 1px var(--rnf-notification-feed-popover-shadow-color);
  right: 0;
  transform: rotate(-45deg);
}

.rnf-notification-feed-popover--dark {
  --rnf-notification-feed-popover-shadow-color:#0003;
}

:root {
  --rnf-unseen-badge-bg-color:#eb5757;
  --rnf-unseen-badge-size:16px;
  --rnf-unseed-badge-font-size:9px;
}

.rnf-unseen-badge {
  background-color: #eb5757;
  width: 16px;
  width: var(--rnf-unseen-badge-size);
  height: 16px;
  height: var(--rnf-unseen-badge-size);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
}

[dir] .rnf-unseen-badge {
  background-color: var(--rnf-unseen-badge-bg-color);
  border-radius: var(--rnf-unseen-badge-size);
}

[dir="ltr"] .rnf-unseen-badge {
  right: 0;
}

[dir="rtl"] .rnf-unseen-badge {
  left: 0;
}

.rnf-unseen-badge__count {
  font-size: 9px;
  font-size: var(--rnf-unseed-badge-font-size);
  font-weight: 500;
  font-weight: var(--rnf-font-weight-medium);
  color: #fff;
  color: var(--rnf-color-white);
}

[dir] .rnf-unseen-badge__count {
  margin-top: -1px;
}

.rnf-unseen-badge--dark {
  --rnf-unseen-badge-bg-color:#ef3434;
}

:root {
  --rnf-notification-icon-button-size:32px;
  --rnf-notification-icon-button-bg-color:transparent;
}

.rnf-notification-icon-button {
  background-color: transparent;
  width: 32px;
  width: var(--rnf-notification-icon-button-size);
  height: 32px;
  height: var(--rnf-notification-icon-button-size);
  color: inherit;
  display: block;
  position: relative;
}

[dir] .rnf-notification-icon-button {
  background-color: var(--rnf-notification-icon-button-bg-color);
  cursor: pointer;
  border: none;
  margin: 0;
  padding: 0;
}

.rnf-notification-icon-button svg {
  display: block;
}

[dir] .rnf-notification-icon-button svg {
  margin: 0 auto;
}

.rnf-notification-icon-button--dark {
  color: #fff;
}

.knock-guide-banner {
  padding: 1rem 1.5rem;
  border-radius: .5rem;
  box-shadow: 0px 16px 7px 0px #1c202403, 0px 9px 6px 0px #1c202408, 0px 4px 4px 0px #1c20240d, 0px 1px 2px 0px #1c20240f;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  gap: var(--knock-spacing-4);
  display: flex;
}

[dir] .knock-guide-banner {
  background: var(--knock-guide-surface);
  padding: var(--knock-spacing-4) var(--knock-spacing-6);
  border-radius: var(--knock-rounded-4);
  border: 0.5px solid var(--knock-guide-border);
  box-shadow: var(--knock-shadow-2);
}

.knock-guide-banner__message {
  min-width: 24rem;
  min-width: var(--knock-spacing-96);
}

.knock-guide-banner__title {
  color: var(--knock-guide-content);
  font-size: 1.125rem;
  font-size: var(--knock-text-4);
  font-weight: 500;
  font-weight: var(--knock-weight-medium);
  line-height: 1.75rem;
  line-height: var(--knock-leading-4);
}

.knock-guide-banner__body {
  color: var(--knock-guide-content-light);
  font-size: 1rem;
  font-size: var(--knock-text-3);
  font-weight: 400;
  font-weight: var(--knock-weight-regular);
  line-height: 1.5rem;
  line-height: var(--knock-leading-3);
}

[dir] .knock-guide-banner__body > :first-child {
  margin-top: 0;
}

[dir] .knock-guide-banner__body > :last-child {
  margin-bottom: 0;
}

.knock-guide-banner__actions {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  gap: var(--knock-spacing-3);
  display: flex;
}

.knock-guide-banner__action {
  font-size: 1rem;
  font-size: var(--knock-text-3);
  font-weight: 400;
  font-weight: var(--knock-weight-regular);
  line-height: 1.5rem;
  line-height: var(--knock-leading-3);
  border-radius: .375rem;
  padding: 0 1rem;
  box-sizing: border-box;
  height: 2.5rem;
  height: var(--knock-spacing-10);
  color: var(--knock-guide-content-contrast);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

[dir] .knock-guide-banner__action {
  border-radius: var(--knock-rounded-3);
  padding: 0 var(--knock-spacing-4);
  border: 0.5px solid var(--knock-guide-accent);
  background: var(--knock-guide-accent);
  cursor: pointer;
}

.knock-guide-banner__action--secondary {
  color: var(--knock-guide-content);
}

[dir] .knock-guide-banner__action--secondary {
  border-color: var(--knock-guide-border-dark);
  background: var(--knock-guide-surface);
}

.knock-guide-banner__close {
  padding: .75rem;
  line-height: 0;
}

[dir] .knock-guide-banner__close {
  padding: var(--knock-spacing-3);
  cursor: pointer;
  border: none;
}

[dir="ltr"] .knock-guide-banner__close {
  background: 0 0;
}

[dir="rtl"] .knock-guide-banner__close {
  background: 100% 0;
}

.knock-guide-card {
  padding: 1rem;
  border-radius: .25rem;
  gap: 1rem;
  gap: var(--knock-spacing-4);
  max-width: 24rem;
  max-width: var(--knock-spacing-96);
  flex-direction: column;
  display: flex;
}

[dir] .knock-guide-card {
  background: var(--knock-guide-surface);
  padding: var(--knock-spacing-4);
  border-radius: var(--knock-rounded-2);
  border: 0.5px solid var(--knock-guide-border);
}

.knock-guide-card__header {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: .5rem;
  gap: var(--knock-spacing-2);
  display: flex;
}

.knock-guide-card__headline {
  color: var(--knock-guide-accent-dark);
  font-size: .75rem;
  font-size: var(--knock-text-1);
  font-weight: 500;
  font-weight: var(--knock-weight-medium);
  line-height: 1rem;
  line-height: var(--knock-leading-1);
  letter-spacing: 0.25%;
  letter-spacing: var(--knock-tracking-1);
}

.knock-guide-card__message {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.knock-guide-card__title {
  color: var(--knock-guide-content);
  font-size: 1.125rem;
  font-size: var(--knock-text-4);
  font-weight: 500;
  font-weight: var(--knock-weight-medium);
  line-height: 1.75rem;
  line-height: var(--knock-leading-4);
}

.knock-guide-card__body {
  color: var(--knock-guide-content-light);
  font-size: 1rem;
  font-size: var(--knock-text-3);
  font-weight: 400;
  font-weight: var(--knock-weight-regular);
  line-height: 1.5rem;
  line-height: var(--knock-leading-3);
}

[dir] .knock-guide-card__body > :first-child {
  margin-top: 0;
}

[dir] .knock-guide-card__body > :last-child {
  margin-bottom: 0;
}

.knock-guide-card__img {
  max-width: 100%;
  height: auto;
  display: block;
}

.knock-guide-card__actions {
  align-items: center;
  gap: .75rem;
  gap: var(--knock-spacing-3);
  display: flex;
}

.knock-guide-card__action {
  font-size: 1rem;
  font-size: var(--knock-text-3);
  font-weight: 500;
  font-weight: var(--knock-weight-medium);
  line-height: 1.5rem;
  line-height: var(--knock-leading-3);
  border-radius: .375rem;
  padding: 0 1rem;
  box-sizing: border-box;
  height: 2.5rem;
  height: var(--knock-spacing-10);
  color: var(--knock-guide-content-contrast);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

[dir] .knock-guide-card__action {
  border-radius: var(--knock-rounded-3);
  padding: 0 var(--knock-spacing-4);
  border: 0.5px solid var(--knock-guide-accent);
  background: var(--knock-guide-accent);
  cursor: pointer;
}

.knock-guide-card__action--secondary {
  color: var(--knock-guide-content);
}

[dir] .knock-guide-card__action--secondary {
  border-color: var(--knock-guide-border-dark);
  background: var(--knock-guide-surface);
}

.knock-guide-card__close {
  padding: .75rem;
  line-height: 0;
}

[dir] .knock-guide-card__close {
  padding: var(--knock-spacing-3);
  cursor: pointer;
  border: none;
}

[dir="ltr"] .knock-guide-card__close {
  background: 0 0;
}

[dir="rtl"] .knock-guide-card__close {
  background: 100% 0;
}

.knock-guide-modal {
  font-family: Inter, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-family: var(--knock-family-sans);
  padding: 1rem 1.5rem 1.5rem;
  border-radius: .5rem;
  box-shadow: 0px 29px 12px 0px #1c202403, 0px 16px 10px 0px #1c202408, 0px 7px 7px 0px #1c20240d, 0px 2px 4px 0px #1c20240f;
  max-width: 24rem;
  max-width: var(--knock-spacing-96);
  max-height: calc(100vh - 8rem);
  max-height: calc(100vh - var(--knock-spacing-32));
  max-width: min(100vw - 2rem, 35rem);
  max-width: min(100vw - var(--knock-spacing-8), var(--knock-spacing-140));
  position: fixed;
  top: 50%;
}

[dir] .knock-guide-modal {
  background: var(--knock-guide-surface);
  padding: var(--knock-spacing-4) var(--knock-spacing-6) var(--knock-spacing-6);
  border-radius: var(--knock-rounded-4);
  border: 0.5px solid var(--knock-guide-border);
  box-shadow: var(--knock-shadow-3);
}

[dir="ltr"] .knock-guide-modal {
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .knock-guide-modal {
  right: 50%;
  transform: translate(50%, -50%);
}

.knock-guide-modal__overlay {
  background-color: #0006;
  position: fixed;
  inset: 0;
}

[dir] .knock-guide-modal__overlay {
  background-color: var(--knock-alpha-black-6);
}

.knock-guide-modal__header {
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  gap: var(--knock-spacing-2);
  padding-bottom: .25rem;
  display: flex;
}

[dir] .knock-guide-modal__header {
  padding-bottom: var(--knock-spacing-1);
}

.knock-guide-modal__title {
  color: var(--knock-guide-content);
  font-size: 1.125rem;
  font-size: var(--knock-text-4);
  font-weight: 500;
  font-weight: var(--knock-weight-medium);
  line-height: 1.75rem;
  line-height: var(--knock-leading-4);
}

[dir] .knock-guide-modal__title {
  margin: 0;
}

.knock-guide-modal__body {
  color: var(--knock-guide-content-light);
  font-size: 1rem;
  font-size: var(--knock-text-3);
  font-weight: 400;
  font-weight: var(--knock-weight-regular);
  line-height: 1.5rem;
  line-height: var(--knock-leading-3);
}

[dir] .knock-guide-modal__body {
  margin: 0;
}

[dir] .knock-guide-modal__body > :first-child {
  margin-top: 0;
}

[dir] .knock-guide-modal__body > :last-child {
  margin-bottom: 0;
}

.knock-guide-modal__actions {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  gap: var(--knock-spacing-3);
  margin-top: 1rem;
  display: flex;
}

[dir] .knock-guide-modal__actions {
  margin-top: var(--knock-spacing-4);
}

.knock-guide-modal__img {
  margin-top: 1rem;
  max-width: 100%;
  height: auto;
  display: block;
}

[dir] .knock-guide-modal__img {
  margin-top: var(--knock-spacing-4);
}

.knock-guide-modal__action {
  font-size: 1rem;
  font-size: var(--knock-text-3);
  font-weight: 500;
  font-weight: var(--knock-weight-medium);
  line-height: 1.5rem;
  line-height: var(--knock-leading-3);
  border-radius: .375rem;
  padding: 0 1rem;
  box-sizing: border-box;
  height: 2.5rem;
  height: var(--knock-spacing-10);
  color: var(--knock-guide-content-contrast);
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

[dir] .knock-guide-modal__action {
  text-align: center;
  border-radius: var(--knock-rounded-3);
  padding: 0 var(--knock-spacing-4);
  border: 0.5px solid var(--knock-guide-accent);
  background: var(--knock-guide-accent);
  cursor: pointer;
}

.knock-guide-modal__action--secondary {
  color: var(--knock-guide-content);
}

[dir] .knock-guide-modal__action--secondary {
  border-color: var(--knock-guide-border-dark);
  background: var(--knock-guide-surface);
}

.knock-guide-modal__close {
  padding: .75rem;
  line-height: 0;
}

[dir] .knock-guide-modal__close {
  padding: var(--knock-spacing-3);
  cursor: pointer;
  border: none;
}

[dir="ltr"] .knock-guide-modal__close {
  background: 0 0;
}

[dir="rtl"] .knock-guide-modal__close {
  background: 100% 0;
}

@keyframes toolbar-collapse-fade-in {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes toolbar-expand-fade-in {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes tgph-icon-spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

[data-tgph-toggle-switch] {
  flex-shrink: 0;
  position: relative;
}

[dir] [data-tgph-toggle-switch] {
  cursor: pointer;
  transition: background-color 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}

:has([data-tgph-toggle-input]:focus-visible) [data-tgph-toggle-switch] {
  outline: 2px solid #81a8f6;
  outline: 2px solid var(--tgph-blue-8);
  outline-offset: 2px;
}

[dir] [data-tgph-toggle-icon] {
  transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-tgph-toggle-switch][data-tgph-toggle-checked=true] [data-tgph-toggle-icon] {
  transform: translateX(calc(100% - .125rem));
}

[dir="ltr"] [data-tgph-toggle-switch][data-tgph-toggle-checked=true] [data-tgph-toggle-icon] {
  transform: translateX(calc(100% - var(--tgph-spacing-0_5)));
}

[dir="rtl"] [data-tgph-toggle-switch][data-tgph-toggle-checked=true] [data-tgph-toggle-icon] {
  transform: translateX(calc(-1*(100% - var(--tgph-spacing-0_5))));
}

[data-tgph-toggle-label] {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

[dir] [data-tgph-toggle-label] {
  cursor: pointer;
}

[data-tgph-toggle-label][data-tgph-toggle-disabled=true] {
  color: #888e95;
  color: var(--tgph-gray-9);
}

[dir] [data-tgph-toggle-label][data-tgph-toggle-disabled=true] {
  cursor: not-allowed;
}

[data-tgph-toggle-switch][data-tgph-toggle-checked=false] {
  background-color: #cbcfd5 !important;
}

[dir] [data-tgph-toggle-switch][data-tgph-toggle-checked=false] {
  background-color: var(--tgph-gray-7) !important;
}

[dir] [data-tgph-toggle-switch][data-tgph-toggle-checked=true][data-tgph-button-state=disabled] {
  background-color: var(--background-color) !important;
}

[data-tgph-toggle-switch][data-tgph-button-state=disabled] {
  opacity: 0.5;
}

[data-tgph-menu-button]:focus-visible, [data-tgph-menu-content]:focus, [data-tgph-menu-content]:focus-visible {
  outline: none;
}

[data-tgph-menu-button][data-state=open] {
  background-color: var(--background-color);
}

[dir] [data-tgph-menu-button][data-state=open] {
  background-color: var(--hover--background-color, var(--background-color));
}

[data-tgph-truncate] {
  --tgph-truncate-line-height:1lh;
  --tgph-truncate-marker-bg:var(--tgph-surface-1,#fff);
  --tgph-truncate-marker-fade-width:2px;
  --tgph-truncate-marker-gap:0px;
  --tgph-truncate-marker-color:color-mix(in srgb, currentColor var(--tgph-truncate-marker-opacity,50%), transparent);
  height: var(--tgph-truncate-line-height);
  min-width: 0;
  overflow: hidden;
}

[data-tgph-truncate-grid] {
  display: grid;
  position: relative;
}

[data-tgph-truncate-content=visible] {
  white-space: nowrap;
}

[data-tgph-truncate-content=overflow] {
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  word-break: break-all;
}

[dir] [data-tgph-truncate-content=overflow] {
  margin-top: calc(-1 * var(--tgph-truncate-line-height));
}

[data-tgph-truncate-marker-cell] {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  pointer-events: none;
  overflow: visible;
  container: tgph-measure/size;
}

[data-tgph-truncate-marker] {
  z-index: 1;
  height: var(--tgph-truncate-line-height);
  color: var(--tgph-truncate-marker-color);
  opacity: 0;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
}

[dir] [data-tgph-truncate-marker] {
  background-color: var(--tgph-truncate-marker-bg);
  transition: opacity 0.12s ease-in-out;
}

@container tgph-measure (height>1lh) {
  [data-tgph-truncate-marker] {
    opacity: 1;
  }
}

[data-tgph-truncate=truncate] [data-tgph-truncate-grid] {
  grid-template-columns: minmax(0, max-content) 0;
}

[dir="ltr"] [data-tgph-truncate=truncate] [data-tgph-truncate-marker] {
  right: 0;
}

[dir="rtl"] [data-tgph-truncate=truncate] [data-tgph-truncate-marker] {
  left: 0;
}

[data-tgph-truncate=fruncate] [data-tgph-truncate-grid] {
  grid-template-columns: 0 minmax(0, max-content) auto;
}

[dir="ltr"] [data-tgph-truncate=fruncate] [data-tgph-truncate-content] {
  direction: rtl;
}

[dir="rtl"] [data-tgph-truncate=fruncate] [data-tgph-truncate-content] {
  direction: ltr;
}

[data-tgph-truncate=fruncate] [data-tgph-truncate-content] > span {
  unicode-bidi: -moz-plaintext;
  unicode-bidi: plaintext;
}

[dir="ltr"] [data-tgph-truncate=fruncate] [data-tgph-truncate-marker] {
  left: 0;
}

[dir="rtl"] [data-tgph-truncate=fruncate] [data-tgph-truncate-marker] {
  right: 0;
}

[data-tgph-truncate=truncate][data-tgph-truncate-variant=default] [data-tgph-truncate-marker]:before, [data-tgph-truncate=fruncate][data-tgph-truncate-variant=default] [data-tgph-truncate-marker]:after {
  content: "";
  height: var(--tgph-truncate-line-height);
  width: calc(var(--tgph-truncate-marker-fade-width) + var(--tgph-truncate-marker-gap));
  -webkit-mask-image: linear-gradient(var(--tgph-truncate-fade-dir), #000 0%, #000 var(--tgph-truncate-marker-gap), transparent 100%);
  -webkit-mask-image: linear-gradient(var(--tgph-truncate-fade-dir), #000 0%, #000 var(--tgph-truncate-marker-gap), transparent 100%);
  -webkit-mask-image: linear-gradient(var(--tgph-truncate-fade-dir), #000 0%, #000 var(--tgph-truncate-marker-gap), transparent 100%);
  mask-image: linear-gradient(var(--tgph-truncate-fade-dir), #000 0%, #000 var(--tgph-truncate-marker-gap), transparent 100%);
  position: absolute;
  top: 0;
}

[dir] [data-tgph-truncate=truncate][data-tgph-truncate-variant=default] [data-tgph-truncate-marker]:before, [dir] [data-tgph-truncate=fruncate][data-tgph-truncate-variant=default] [data-tgph-truncate-marker]:after {
  background-color: var(--tgph-truncate-marker-bg);
}

[data-tgph-truncate=truncate][data-tgph-truncate-variant=default] [data-tgph-truncate-marker]:before {
  --tgph-truncate-fade-dir:to left;
}

[dir="ltr"] [data-tgph-truncate=truncate][data-tgph-truncate-variant=default] [data-tgph-truncate-marker]:before {
  right: 100%;
}

[dir="rtl"] [data-tgph-truncate=truncate][data-tgph-truncate-variant=default] [data-tgph-truncate-marker]:before {
  left: 100%;
}

[data-tgph-truncate=fruncate][data-tgph-truncate-variant=default] [data-tgph-truncate-marker]:after {
  --tgph-truncate-fade-dir:to right;
}

[dir="ltr"] [data-tgph-truncate=fruncate][data-tgph-truncate-variant=default] [data-tgph-truncate-marker]:after {
  left: 100%;
}

[dir="rtl"] [data-tgph-truncate=fruncate][data-tgph-truncate-variant=default] [data-tgph-truncate-marker]:after {
  right: 100%;
}

[data-tgph-truncate-group=middle] {
  --tgph-truncate-marker-opacity:var(--tgph-truncate-middle-marker-opacity,80%);
  min-width: 0;
  display: flex;
}

[data-tgph-truncate-group=middle] > [data-tgph-truncate-segment] {
  min-width: 0;
}

[data-tgph-truncate-priority=end] > [data-tgph-truncate-segment=head] {
  flex: 0 auto;
}

[data-tgph-truncate-priority=end] > [data-tgph-truncate-segment=tail], [data-tgph-truncate-priority=start] > [data-tgph-truncate-segment=head] {
  flex: none;
  max-width: 100%;
}

[data-tgph-truncate-priority=start] > [data-tgph-truncate-segment=tail] {
  flex: 0 auto;
}

[data-tgph-truncate-variant=fade] [data-tgph-truncate-marker] {
  color: #0000;
  width: 2.5rem;
}

[dir] [data-tgph-truncate-variant=fade] [data-tgph-truncate-marker] {
  background-color: #0000;
  padding: 0;
}

[data-tgph-truncate-variant=fade] [data-tgph-truncate-marker]:before {
  content: "";
  position: absolute;
  inset: 0;
}

[dir="ltr"] [data-tgph-truncate=truncate][data-tgph-truncate-variant=fade] [data-tgph-truncate-marker]:before {
  background: linear-gradient(to right, transparent, var(--tgph-truncate-marker-bg) 90%);
}

[dir="rtl"] [data-tgph-truncate=truncate][data-tgph-truncate-variant=fade] [data-tgph-truncate-marker]:before {
  background: linear-gradient(to left, transparent, var(--tgph-truncate-marker-bg) 90%);
}

[dir="ltr"] [data-tgph-truncate=fruncate][data-tgph-truncate-variant=fade] [data-tgph-truncate-marker]:before {
  background: linear-gradient(to left, transparent, var(--tgph-truncate-marker-bg) 90%);
}

[dir="rtl"] [data-tgph-truncate=fruncate][data-tgph-truncate-variant=fade] [data-tgph-truncate-marker]:before {
  background: linear-gradient(to right, transparent, var(--tgph-truncate-marker-bg) 90%);
}

:root {
  --tgph-border-style-solid:solid;
  --tgph-border-style-dashed:dashed;
  --tgph-transparent:transparent;
  --tgph-white:#fff;
  --tgph-black:#000;
  --tgph-alpha-white-1:#ffffff0d;
  --tgph-alpha-white-2:#ffffff1a;
  --tgph-alpha-white-3:#ffffff26;
  --tgph-alpha-white-4:#fff3;
  --tgph-alpha-white-5:#ffffff4d;
  --tgph-alpha-white-6:#fff6;
  --tgph-alpha-white-7:#ffffff80;
  --tgph-alpha-white-8:#fff9;
  --tgph-alpha-white-9:#ffffffb3;
  --tgph-alpha-white-10:#fffc;
  --tgph-alpha-white-11:#ffffffe6;
  --tgph-alpha-white-12:#fffffff2;
  --tgph-alpha-black-1:#0000000d;
  --tgph-alpha-black-2:#0000001a;
  --tgph-alpha-black-3:#00000026;
  --tgph-alpha-black-4:#0003;
  --tgph-alpha-black-5:#0000004d;
  --tgph-alpha-black-6:#0006;
  --tgph-alpha-black-7:#00000080;
  --tgph-alpha-black-8:#0009;
  --tgph-alpha-black-9:#000000b3;
  --tgph-alpha-black-10:#000c;
  --tgph-alpha-black-11:#000000e6;
  --tgph-alpha-black-12:#000000f2;
  --tgph-rounded-0:0px;
  --tgph-rounded-1:.125rem;
  --tgph-rounded-2:.25rem;
  --tgph-rounded-3:.375rem;
  --tgph-rounded-4:.5rem;
  --tgph-rounded-5:.75rem;
  --tgph-rounded-6:1rem;
  --tgph-rounded-full:9999px;
  --tgph-shadow-0:0px 0px 0px 0px #0000;
  --tgph-shadow-1:0px 0px 0px 1px #0000000f, inset 0px 0px 0px 1px #ffffff14, inset 0px 1px 0px 0px #ffffff0f, inset 0px -1px 0px 0px #ffffff05, 0px 1px 2px 0px #00000008;
  --tgph-shadow-2:0px 0px 0px 1px #0000000f, inset 0px 0px 0px 1px #ffffff1a, inset 0px 1px 0px 0px #ffffff14, inset 0px -1px 0px 0px #ffffff05, 0px 1px 2px 0px #0000000a, 0px 4px 8px -2px #0000000d;
  --tgph-shadow-3:0px 0px 0px 1px #0000000f, inset 0px 0px 0px 1px #ffffff1f, inset 0px 1px 0px 0px #ffffff17, inset 0px -1px 0px 0px #ffffff08, 0px 1px 1px 0px #0000000a, 0px 4px 6px -1px #0000000d, 0px 8px 16px -4px #0000000f;
  --tgph-shadow-inner:0px 5px 2px 0px #1c202403 inset, 0px 3px 2px 0px #1c202408 inset, 0px 1px 1px 0px #1c20240d inset, 0px 0px 1px 0px #1c20240f inset;
  --tgph-spacing-0:0px;
  --tgph-spacing-1:.25rem;
  --tgph-spacing-2:.5rem;
  --tgph-spacing-3:.75rem;
  --tgph-spacing-4:1rem;
  --tgph-spacing-5:1.25rem;
  --tgph-spacing-6:1.5rem;
  --tgph-spacing-7:1.75rem;
  --tgph-spacing-8:2rem;
  --tgph-spacing-9:2.25rem;
  --tgph-spacing-10:2.5rem;
  --tgph-spacing-11:2.75rem;
  --tgph-spacing-12:3rem;
  --tgph-spacing-14:3.5rem;
  --tgph-spacing-16:4rem;
  --tgph-spacing-20:5rem;
  --tgph-spacing-24:6rem;
  --tgph-spacing-28:7rem;
  --tgph-spacing-32:8rem;
  --tgph-spacing-36:9rem;
  --tgph-spacing-40:10rem;
  --tgph-spacing-44:11rem;
  --tgph-spacing-48:12rem;
  --tgph-spacing-52:13rem;
  --tgph-spacing-56:14rem;
  --tgph-spacing-60:15rem;
  --tgph-spacing-64:16rem;
  --tgph-spacing-72:18rem;
  --tgph-spacing-80:20rem;
  --tgph-spacing-96:24rem;
  --tgph-spacing-120:30rem;
  --tgph-spacing-140:35rem;
  --tgph-spacing-160:40rem;
  --tgph-spacing-px:1px;
  --tgph-spacing-0_5:.125rem;
  --tgph-spacing-1_5:.375rem;
  --tgph-spacing-2_5:.625rem;
  --tgph-spacing-3_5:.875rem;
  --tgph-spacing-full:100%;
  --tgph-spacing-auto:auto;
  --tgph-family-sans:Inter, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  --tgph-family-mono:Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  --tgph-leading-0:1rem;
  --tgph-leading-1:1rem;
  --tgph-leading-2:1.25rem;
  --tgph-leading-3:1.5rem;
  --tgph-leading-4:1.5rem;
  --tgph-leading-5:1.75rem;
  --tgph-leading-6:2rem;
  --tgph-leading-7:2.25rem;
  --tgph-leading-8:2.5rem;
  --tgph-leading-9:3.5rem;
  --tgph-leading-code-0:1rem;
  --tgph-leading-code-1:1rem;
  --tgph-leading-code-2:1.25rem;
  --tgph-leading-code-3:1.5rem;
  --tgph-leading-code-4:1.75rem;
  --tgph-leading-code-5:1.75rem;
  --tgph-leading-code-6:2rem;
  --tgph-leading-code-7:2.25rem;
  --tgph-leading-code-8:2.5rem;
  --tgph-leading-code-9:3rem;
  --tgph-tracking-0:0.25%;
  --tgph-tracking-1:0.25%;
  --tgph-tracking-2:0;
  --tgph-tracking-3:0;
  --tgph-tracking-4:-0.25%;
  --tgph-tracking-5:-0.5%;
  --tgph-tracking-6:-0.625%;
  --tgph-tracking-7:-0.75%;
  --tgph-tracking-8:-1%;
  --tgph-tracking-9:-2.5%;
  --tgph-text-0:.6875rem;
  --tgph-text-1:.75rem;
  --tgph-text-2:.8125rem;
  --tgph-text-3:.9375rem;
  --tgph-text-4:1.125rem;
  --tgph-text-5:1.25rem;
  --tgph-text-6:1.5rem;
  --tgph-text-7:1.875rem;
  --tgph-text-8:2.25rem;
  --tgph-text-9:3rem;
  --tgph-text-code-0:.625rem;
  --tgph-text-code-1:.688rem;
  --tgph-text-code-2:.812rem;
  --tgph-text-code-4:1.062rem;
  --tgph-text-code-5:1.188rem;
  --tgph-text-code-6:1.438rem;
  --tgph-text-code-7:1.75rem;
  --tgph-text-code-8:2.125rem;
  --tgph-text-code-9:2.875rem;
  --tgph-weight-regular:400;
  --tgph-weight-medium:500;
  --tgph-weight-semi-bold:600;
  --tgph-breakpoint-sm:640px;
  --tgph-breakpoint-md:768px;
  --tgph-breakpoint-lg:1024px;
  --tgph-breakpoint-xl:1280px;
  --tgph-breakpoint-2xl:1536px;
  --tgph-zIndex-hidden:-1;
  --tgph-zIndex-base:0;
  --tgph-zIndex-auto:auto;
  --tgph-zIndex-dropdown:1000;
  --tgph-zIndex-sticky:1100;
  --tgph-zIndex-banner:1200;
  --tgph-zIndex-overlay:1300;
  --tgph-zIndex-modal:1400;
  --tgph-zIndex-popover:1500;
  --tgph-zIndex-skipLink:1600;
  --tgph-zIndex-toast:1700;
  --tgph-zIndex-tooltip:1800;
  --tgph-surface-1:#fff;
  --tgph-surface-2:#fdfdfc;
  --tgph-surface-3:#fff;
  --tgph-gray-1:#fcfcfd;
  --tgph-gray-2:#f9f9fb;
  --tgph-gray-3:#eff0f3;
  --tgph-gray-4:#e6e8eb;
  --tgph-gray-5:#dfe2e5;
  --tgph-gray-6:#d7dadf;
  --tgph-gray-7:#cbcfd5;
  --tgph-gray-8:#b6bcc4;
  --tgph-gray-9:#888e95;
  --tgph-gray-10:#7e848a;
  --tgph-gray-11:#60646a;
  --tgph-gray-12:#1d2023;
  --tgph-beige-1:#fdfdfc;
  --tgph-beige-2:#f9f9f8;
  --tgph-beige-3:#f0f0ef;
  --tgph-beige-4:#e9e8e7;
  --tgph-beige-5:#e2e1df;
  --tgph-beige-6:#dad9d7;
  --tgph-beige-7:#cfcecc;
  --tgph-beige-8:#bcbbb8;
  --tgph-beige-9:#8e8c8a;
  --tgph-beige-10:#83827f;
  --tgph-beige-11:#646360;
  --tgph-beige-12:#21201e;
  --tgph-accent-1:#fffcfb;
  --tgph-accent-2:#fff5f2;
  --tgph-accent-3:#ffe9e2;
  --tgph-accent-4:#ffd6cb;
  --tgph-accent-5:#ffc8ba;
  --tgph-accent-6:#ffb7a6;
  --tgph-accent-7:#ffa28f;
  --tgph-accent-8:#f88872;
  --tgph-accent-9:#ff573a;
  --tgph-accent-10:#f2472a;
  --tgph-accent-11:#db3619;
  --tgph-accent-12:#5c291f;
  --tgph-green-1:#fbfefc;
  --tgph-green-2:#f4fbf7;
  --tgph-green-3:#e4f7ec;
  --tgph-green-4:#d3f1e0;
  --tgph-green-5:#bfead2;
  --tgph-green-6:#a7dfc1;
  --tgph-green-7:#86d0aa;
  --tgph-green-8:#4fba8a;
  --tgph-green-9:#00aa72;
  --tgph-green-10:#009c68;
  --tgph-green-11:#00834f;
  --tgph-green-12:#183b2b;
  --tgph-yellow-1:#fefdfb;
  --tgph-yellow-2:#fefbe9;
  --tgph-yellow-3:#fff7c2;
  --tgph-yellow-4:#ffee9c;
  --tgph-yellow-5:#fbe577;
  --tgph-yellow-6:#f3d673;
  --tgph-yellow-7:#e9c162;
  --tgph-yellow-8:#f3d673;
  --tgph-yellow-9:#ffc53d;
  --tgph-yellow-10:#ffba18;
  --tgph-yellow-11:#ab6400;
  --tgph-yellow-12:#4f3422;
  --tgph-blue-1:#fcfdff;
  --tgph-blue-2:#f6f9ff;
  --tgph-blue-3:#ebf2ff;
  --tgph-blue-4:#deebff;
  --tgph-blue-5:#cee0ff;
  --tgph-blue-6:#bbd3ff;
  --tgph-blue-7:#a3c1fb;
  --tgph-blue-8:#81a8f6;
  --tgph-blue-9:#4a82ff;
  --tgph-blue-10:#4276ec;
  --tgph-blue-11:#3569e0;
  --tgph-blue-12:#193065;
  --tgph-red-1:#fffcfc;
  --tgph-red-2:#fff7f7;
  --tgph-red-3:#ffe9e9;
  --tgph-red-4:#ffdadb;
  --tgph-red-5:#ffcbcd;
  --tgph-red-6:#ffbbbe;
  --tgph-red-7:#faa7ab;
  --tgph-red-8:#f28b92;
  --tgph-red-9:#e9004a;
  --tgph-red-10:#d9003d;
  --tgph-red-11:#d9003e;
  --tgph-red-12:#6c041f;
  --tgph-purple-1:#fcfcff;
  --tgph-purple-2:#f8f8ff;
  --tgph-purple-3:#f1f1ff;
  --tgph-purple-4:#e6e6ff;
  --tgph-purple-5:#dadaff;
  --tgph-purple-6:#cccbff;
  --tgph-purple-7:#b9b6ff;
  --tgph-purple-8:#9f99fc;
  --tgph-purple-9:#6547de;
  --tgph-purple-10:#583dc4;
  --tgph-purple-11:#6148d0;
  --tgph-purple-12:#2e2269;
}

[data-tgph-appearance=dark] {
  --tgph-surface-1:#18191b;
  --tgph-surface-2:#101112;
  --tgph-surface-3:#101112;
  --tgph-gray-1:#101112;
  --tgph-gray-2:#18191b;
  --tgph-gray-3:#212325;
  --tgph-gray-4:#282a2d;
  --tgph-gray-5:#2f3235;
  --tgph-gray-6:#383b3e;
  --tgph-gray-7:#45484d;
  --tgph-gray-8:#5c6268;
  --tgph-gray-9:#6a6f76;
  --tgph-gray-10:#777d84;
  --tgph-gray-11:#afb5bb;
  --tgph-gray-12:#edeeef;
  --tgph-beige-1:#12110f;
  --tgph-beige-2:#191817;
  --tgph-beige-3:#232220;
  --tgph-beige-4:#2a2927;
  --tgph-beige-5:#31302e;
  --tgph-beige-6:#3b3937;
  --tgph-beige-7:#484745;
  --tgph-beige-8:#61605d;
  --tgph-beige-9:#6e6d6a;
  --tgph-beige-10:#7c7a78;
  --tgph-beige-11:#b4b3b0;
  --tgph-beige-12:#eeedeb;
  --tgph-accent-1:#160f0d;
  --tgph-accent-2:#201412;
  --tgph-accent-3:#3b140d;
  --tgph-accent-4:#530e04;
  --tgph-accent-5:#631507;
  --tgph-accent-6:#742315;
  --tgph-accent-7:#8d3323;
  --tgph-accent-8:#b5432f;
  --tgph-accent-9:#ff573a;
  --tgph-accent-10:#f1492d;
  --tgph-accent-11:#ff917a;
  --tgph-accent-12:#ffd1c7;
  --tgph-green-1:#0c130f;
  --tgph-green-2:#111b16;
  --tgph-green-3:#112d20;
  --tgph-green-4:#0c3c28;
  --tgph-green-5:#104a32;
  --tgph-green-6:#18583d;
  --tgph-green-7:#1e6949;
  --tgph-green-8:#217d57;
  --tgph-green-9:#00aa72;
  --tgph-green-10:#009d66;
  --tgph-green-11:#4dd399;
  --tgph-green-12:#aaf3cc;
  --tgph-yellow-1:#16120c;
  --tgph-yellow-2:#1d180f;
  --tgph-yellow-3:#302008;
  --tgph-yellow-4:#3f2700;
  --tgph-yellow-5:#4d3000;
  --tgph-yellow-6:#5c3d05;
  --tgph-yellow-7:#714f19;
  --tgph-yellow-8:#8f6424;
  --tgph-yellow-9:#ffc53d;
  --tgph-yellow-10:#ffd60a;
  --tgph-yellow-11:#ffca16;
  --tgph-yellow-12:#ffe7b3;
  --tgph-blue-1:#0b111c;
  --tgph-blue-2:#111826;
  --tgph-blue-3:#152548;
  --tgph-blue-4:#172e63;
  --tgph-blue-5:#1f3a76;
  --tgph-blue-6:#294787;
  --tgph-blue-7:#35569d;
  --tgph-blue-8:#3f66bb;
  --tgph-blue-9:#4a82ff;
  --tgph-blue-10:#3e75f1;
  --tgph-blue-11:#89b3ff;
  --tgph-blue-12:#d1e1ff;
  --tgph-red-1:#180e0f;
  --tgph-red-2:#201314;
  --tgph-red-3:#3f0f15;
  --tgph-red-4:#550517;
  --tgph-red-5:#670a1f;
  --tgph-red-6:#79182a;
  --tgph-red-7:#932738;
  --tgph-red-8:#c1334a;
  --tgph-red-9:#e9004a;
  --tgph-red-10:#c3354c;
  --tgph-red-11:#ff8e98;
  --tgph-red-12:#ffcfd1;
  --tgph-purple-1:#100f1d;
  --tgph-purple-2:#161528;
  --tgph-purple-3:#241e4b;
  --tgph-purple-4:#2e2368;
  --tgph-purple-5:#382c77;
  --tgph-purple-6:#423786;
  --tgph-purple-7:#4f449c;
  --tgph-purple-8:#6153bd;
  --tgph-purple-9:#6547de;
  --tgph-purple-10:#5936cd;
  --tgph-purple-11:#aea8ff;
  --tgph-purple-12:#dedeff;
}

.tgph-text, .tgph-heading, .tgph-code {
  --color:var(--tgph-gray-12);
  --font-size:var(--tgph-text-2);
  --weight:var(--tgph-weight-regular);
  --leading:var(--tgph-leading-2);
  --tracking:var(--tgph-tracking-2);
  --text-align:left;
  --font-family:var(--tgph-family-sans);
  --text-overflow:clip;
  color: var(--color);
  font-size: var(--font-size);
  font-weight: var(--weight);
  line-height: var(--leading);
  letter-spacing: var(--tracking);
  box-sizing: border-box;
  font-family: var(--font-family);
  text-overflow: var(--text-overflow);
}

[dir] .tgph-text, [dir] .tgph-heading, [dir] .tgph-code {
  text-align: var(--text-align);
}

.tgph-button {
  --tgph-button-text-color:none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  font-family: inherit;
  text-decoration: none;
}

[dir] .tgph-button {
  cursor: pointer;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

[dir] .tgph-button [data-button-text], [dir] .tgph-button [data-button-icon] {
  transition: color 0.2s ease-in-out;
}

.tgph-button:not([data-tgph-button-state=disabled]):hover [data-button-text], .tgph-button:not([data-tgph-button-state=disabled]):hover [data-button-icon] {
  --color:var(--hover--tgph-button-text-color,var(--tgph-button-text-color))!important;
}

.tgph-button[data-tgph-button-state=active] {
  box-shadow: var(--box-shadow);
  background-color: var(--background-color);
}

[dir] .tgph-button[data-tgph-button-state=active] {
  box-shadow: var(--active--box-shadow, var(--box-shadow));
  background-color: var(--active--background-color, var(--background-color));
}

.tgph-button[data-tgph-button-state=disabled][data-tgph-button-variant=solid], .tgph-button[data-tgph-button-state=disabled][data-tgph-button-variant=soft], .tgph-button[data-tgph-button-state=disabled][data-tgph-button-variant=outline] {
  background-color: #eff0f3;
}

[dir] .tgph-button[data-tgph-button-state=disabled][data-tgph-button-variant=solid], [dir] .tgph-button[data-tgph-button-state=disabled][data-tgph-button-variant=soft], [dir] .tgph-button[data-tgph-button-state=disabled][data-tgph-button-variant=outline] {
  background-color: var(--tgph-gray-3);
}

.tgph-button[data-tgph-button-state=disabled][data-tgph-button-variant=ghost] {
  background-color: transparent;
}

[dir] .tgph-button[data-tgph-button-state=disabled][data-tgph-button-variant=ghost] {
  background-color: var(--tgph-transparent);
}

[dir] .tgph-button:disabled {
  cursor: not-allowed;
}

[dir] .tgph-button[data-tgph-button-state=disabled]:hover {
  background-color: revert;
}

.tgph-icon {
  display: inline-block;
}

[dir] .tgph-icon[data-tgph-icon-animation=spin] {
  animation: 1s linear infinite tgph-icon-spin;
}

.tgph-box {
  --background-color:none;
  --border-color:var(--tgph-gray-5);
  --box-shadow:none;
  --border-style:solid;
  --border-width:0;
  --padding:0;
  --margin:0;
  --border-radius:0;
  --width:auto;
  --max-width:auto;
  --min-width:auto;
  --height:auto;
  --max-height:auto;
  --min-height:auto;
  --z-index:auto;
  --position:static;
  --top:auto;
  --left:auto;
  --right:auto;
  --bottom:auto;
  --overflow:visible visible;
  --align-self:auto;
  --direction:row;
  width: var(--width);
  max-width: var(--max-width);
  min-width: var(--min-width);
  height: var(--height);
  max-height: var(--max-height);
  min-height: var(--min-height);
  z-index: var(--z-index);
  position: var(--position);
  top: var(--top);
  bottom: var(--bottom);
  overflow: var(--overflow);
  align-self: var(--align-self);
  flex-direction: var(--direction);
}

[dir] .tgph-box {
  background-color: var(--background-color);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  padding: var(--padding);
  margin: var(--margin);
  border-radius: var(--border-radius);
}

[dir="ltr"] .tgph-box {
  left: var(--left);
  right: var(--right);
}

[dir="rtl"] .tgph-box {
  right: var(--left);
  left: var(--right);
}

.tgph-box--interactive:hover {
  background-color: var(--background-color);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  padding: var(--padding);
  margin: var(--margin);
  border-radius: var(--border-radius);
  width: var(--width);
  width: var(--hover--width, var(--width));
  max-width: var(--max-width);
  max-width: var(--hover--max-width, var(--max-width));
  min-width: var(--min-width);
  min-width: var(--hover--min-width, var(--min-width));
  height: var(--height);
  height: var(--hover--height, var(--height));
  max-height: var(--max-height);
  max-height: var(--hover--max-height, var(--max-height));
  min-height: var(--min-height);
  min-height: var(--hover--min-height, var(--min-height));
  z-index: var(--z-index);
  z-index: var(--hover--z-index, var(--z-index));
  position: var(--position);
  position: var(--hover--position, var(--position));
  top: var(--top);
  top: var(--hover--top, var(--top));
  left: var(--left);
  right: var(--right);
  bottom: var(--bottom);
  bottom: var(--hover--bottom, var(--bottom));
  overflow: var(--overflow);
  overflow: var(--hover--overflow, var(--overflow));
  align-self: var(--align-self);
  align-self: var(--hover--align-self, var(--align-self));
  flex-direction: var(--direction);
  flex-direction: var(--hover--direction, var(--direction));
}

[dir] .tgph-box--interactive:hover {
  background-color: var(--hover--background-color, var(--background-color));
  border-width: var(--hover--border-width, var(--border-width));
  border-style: var(--hover--border-style, var(--border-style));
  border-color: var(--hover--border-color, var(--border-color));
  box-shadow: var(--hover--box-shadow, var(--box-shadow));
  padding: var(--hover--padding, var(--padding));
  margin: var(--hover--margin, var(--margin));
  border-radius: var(--hover--border-radius, var(--border-radius));
}

[dir="ltr"] .tgph-box--interactive:hover {
  left: var(--hover--left, var(--left));
  right: var(--hover--right, var(--right));
}

[dir="rtl"] .tgph-box--interactive:hover {
  right: var(--hover--left, var(--left));
  left: var(--hover--right, var(--right));
}

.tgph-box--interactive:focus-visible {
  background-color: var(--background-color);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  padding: var(--padding);
  margin: var(--margin);
  border-radius: var(--border-radius);
  width: var(--width);
  width: var(--focus--width, var(--width));
  max-width: var(--max-width);
  max-width: var(--focus--max-width, var(--max-width));
  min-width: var(--min-width);
  min-width: var(--focus--min-width, var(--min-width));
  height: var(--height);
  height: var(--focus--height, var(--height));
  max-height: var(--max-height);
  max-height: var(--focus--max-height, var(--max-height));
  min-height: var(--min-height);
  min-height: var(--focus--min-height, var(--min-height));
  z-index: var(--z-index);
  z-index: var(--focus--z-index, var(--z-index));
  position: var(--position);
  position: var(--focus--position, var(--position));
  top: var(--top);
  top: var(--focus--top, var(--top));
  left: var(--left);
  right: var(--right);
  bottom: var(--bottom);
  bottom: var(--focus--bottom, var(--bottom));
  overflow: var(--overflow);
  overflow: var(--focus--overflow, var(--overflow));
  align-self: var(--align-self);
  align-self: var(--focus--align-self, var(--align-self));
  flex-direction: var(--direction);
  flex-direction: var(--focus--direction, var(--direction));
}

[dir] .tgph-box--interactive:focus-visible {
  background-color: var(--focus--background-color, var(--background-color));
  border-width: var(--focus--border-width, var(--border-width));
  border-style: var(--focus--border-style, var(--border-style));
  border-color: var(--focus--border-color, var(--border-color));
  box-shadow: var(--focus--box-shadow, var(--box-shadow));
  padding: var(--focus--padding, var(--padding));
  margin: var(--focus--margin, var(--margin));
  border-radius: var(--focus--border-radius, var(--border-radius));
}

[dir="ltr"] .tgph-box--interactive:focus-visible {
  left: var(--focus--left, var(--left));
  right: var(--focus--right, var(--right));
}

[dir="rtl"] .tgph-box--interactive:focus-visible {
  right: var(--focus--left, var(--left));
  left: var(--focus--right, var(--right));
}

.tgph-box--interactive:active {
  background-color: var(--background-color);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  padding: var(--padding);
  margin: var(--margin);
  border-radius: var(--border-radius);
  width: var(--width);
  width: var(--active--width, var(--width));
  max-width: var(--max-width);
  max-width: var(--active--max-width, var(--max-width));
  min-width: var(--min-width);
  min-width: var(--active--min-width, var(--min-width));
  height: var(--height);
  height: var(--active--height, var(--height));
  max-height: var(--max-height);
  max-height: var(--active--max-height, var(--max-height));
  min-height: var(--min-height);
  min-height: var(--active--min-height, var(--min-height));
  z-index: var(--z-index);
  z-index: var(--active--z-index, var(--z-index));
  position: var(--position);
  position: var(--active--position, var(--position));
  top: var(--top);
  top: var(--active--top, var(--top));
  left: var(--left);
  right: var(--right);
  bottom: var(--bottom);
  bottom: var(--active--bottom, var(--bottom));
  overflow: var(--overflow);
  overflow: var(--active--overflow, var(--overflow));
  align-self: var(--align-self);
  align-self: var(--active--align-self, var(--align-self));
  flex-direction: var(--direction);
  flex-direction: var(--active--direction, var(--direction));
}

[dir] .tgph-box--interactive:active {
  background-color: var(--active--background-color, var(--background-color));
  border-width: var(--active--border-width, var(--border-width));
  border-style: var(--active--border-style, var(--border-style));
  border-color: var(--active--border-color, var(--border-color));
  box-shadow: var(--active--box-shadow, var(--box-shadow));
  padding: var(--active--padding, var(--padding));
  margin: var(--active--margin, var(--margin));
  border-radius: var(--active--border-radius, var(--border-radius));
}

[dir="ltr"] .tgph-box--interactive:active {
  left: var(--active--left, var(--left));
  right: var(--active--right, var(--right));
}

[dir="rtl"] .tgph-box--interactive:active {
  right: var(--active--left, var(--left));
  left: var(--active--right, var(--right));
}

.tgph-box--interactive:has(:focus-within) {
  background-color: var(--background-color);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  padding: var(--padding);
  margin: var(--margin);
  border-radius: var(--border-radius);
  width: var(--width);
  width: var(--focus-within--width, var(--width));
  max-width: var(--max-width);
  max-width: var(--focus-within--max-width, var(--max-width));
  min-width: var(--min-width);
  min-width: var(--focus-within--min-width, var(--min-width));
  height: var(--height);
  height: var(--focus-within--height, var(--height));
  max-height: var(--max-height);
  max-height: var(--focus-within--max-height, var(--max-height));
  min-height: var(--min-height);
  min-height: var(--focus-within--min-height, var(--min-height));
  z-index: var(--z-index);
  z-index: var(--focus-within--z-index, var(--z-index));
  position: var(--position);
  position: var(--focus-within--position, var(--position));
  top: var(--top);
  top: var(--focus-within--top, var(--top));
  left: var(--left);
  right: var(--right);
  bottom: var(--bottom);
  bottom: var(--focus-within--bottom, var(--bottom));
  overflow: var(--overflow);
  overflow: var(--focus-within--overflow, var(--overflow));
  align-self: var(--align-self);
  align-self: var(--focus-within--align-self, var(--align-self));
  flex-direction: var(--direction);
  flex-direction: var(--focus-within--direction, var(--direction));
}

[dir] .tgph-box--interactive:has(:focus-within) {
  background-color: var(--focus-within--background-color, var(--background-color));
  border-width: var(--focus-within--border-width, var(--border-width));
  border-style: var(--focus-within--border-style, var(--border-style));
  border-color: var(--focus-within--border-color, var(--border-color));
  box-shadow: var(--focus-within--box-shadow, var(--box-shadow));
  padding: var(--focus-within--padding, var(--padding));
  margin: var(--focus-within--margin, var(--margin));
  border-radius: var(--focus-within--border-radius, var(--border-radius));
}

[dir="ltr"] .tgph-box--interactive:has(:focus-within) {
  left: var(--focus-within--left, var(--left));
  right: var(--focus-within--right, var(--right));
}

[dir="rtl"] .tgph-box--interactive:has(:focus-within) {
  right: var(--focus-within--left, var(--left));
  left: var(--focus-within--right, var(--right));
}

.tgph-box--interactive:disabled, .tgph-box--interactive[aria-disabled=true] {
  background-color: var(--background-color);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  padding: var(--padding);
  margin: var(--margin);
  border-radius: var(--border-radius);
  width: var(--width);
  width: var(--disabled--width, var(--width));
  max-width: var(--max-width);
  max-width: var(--disabled--max-width, var(--max-width));
  min-width: var(--min-width);
  min-width: var(--disabled--min-width, var(--min-width));
  height: var(--height);
  height: var(--disabled--height, var(--height));
  max-height: var(--max-height);
  max-height: var(--disabled--max-height, var(--max-height));
  min-height: var(--min-height);
  min-height: var(--disabled--min-height, var(--min-height));
  z-index: var(--z-index);
  z-index: var(--disabled--z-index, var(--z-index));
  position: var(--position);
  position: var(--disabled--position, var(--position));
  top: var(--top);
  top: var(--disabled--top, var(--top));
  left: var(--left);
  right: var(--right);
  bottom: var(--bottom);
  bottom: var(--disabled--bottom, var(--bottom));
  overflow: var(--overflow);
  overflow: var(--disabled--overflow, var(--overflow));
  align-self: var(--align-self);
  align-self: var(--disabled--align-self, var(--align-self));
  flex-direction: var(--direction);
  flex-direction: var(--disabled--direction, var(--direction));
}

[dir] .tgph-box--interactive:disabled, [dir] .tgph-box--interactive[aria-disabled=true] {
  background-color: var(--disabled--background-color, var(--background-color));
  border-width: var(--disabled--border-width, var(--border-width));
  border-style: var(--disabled--border-style, var(--border-style));
  border-color: var(--disabled--border-color, var(--border-color));
  box-shadow: var(--disabled--box-shadow, var(--box-shadow));
  padding: var(--disabled--padding, var(--padding));
  margin: var(--disabled--margin, var(--margin));
  border-radius: var(--disabled--border-radius, var(--border-radius));
}

[dir="ltr"] .tgph-box--interactive:disabled, [dir="ltr"] .tgph-box--interactive[aria-disabled=true] {
  left: var(--disabled--left, var(--left));
  right: var(--disabled--right, var(--right));
}

[dir="rtl"] .tgph-box--interactive:disabled, [dir="rtl"] .tgph-box--interactive[aria-disabled=true] {
  right: var(--disabled--left, var(--left));
  left: var(--disabled--right, var(--right));
}

.tgph-stack {
  --display:flex;
  --direction:row;
  --wrap:nowrap;
  --justify:flex-start;
  --align:stretch;
  --gap:0;
  display: var(--display);
  flex-direction: var(--direction);
  flex-wrap: var(--wrap);
  justify-content: var(--justify);
  align-items: var(--align);
  gap: var(--gap);
}

[data-tgph-input-container] {
  box-sizing: border-box;
}

[data-tgph-input-slot] {
  box-sizing: border-box;
  order: 2;
}

[data-tgph-input-slot] > [data-tgph-button] {
  width: 100%;
  width: var(--tgph-spacing-full);
  height: auto;
  height: var(--tgph-spacing-auto);
}

[data-tgph-input-slot] > [data-tgph-button-layout=icon-only] {
  aspect-ratio: 1;
  padding: 0px;
}

[dir] [data-tgph-input-slot] > [data-tgph-button-layout=icon-only] {
  padding: var(--tgph-spacing-0);
}

[data-tgph-input-slot] > [data-tgph-button-layout=default] {
  padding: .5rem;
}

[dir] [data-tgph-input-slot] > [data-tgph-button-layout=default] {
  padding: var(--tgph-spacing-2);
}

[data-tgph-input-slot]:has([data-tgph-button-layout=icon-only]) {
  aspect-ratio: 1;
}

[data-tgph-input-slot]:has([data-tgph-button-layout=icon-only]) {
  padding: .25rem !important;
}

[dir] [data-tgph-input-slot]:has([data-tgph-button-layout=icon-only]) {
  padding: var(--tgph-spacing-1) !important;
}

[data-tgph-input-slot-position=leading] {
  order: 1;
}

[data-tgph-input-slot-position=trailing] {
  order: 3;
}

[data-tgph-input-slot-size="1"] > [data-tgph-button], [data-tgph-input-slot-size="2"] > [data-tgph-button] {
  border-radius: .125rem;
}

[dir] [data-tgph-input-slot-size="1"] > [data-tgph-button], [dir] [data-tgph-input-slot-size="2"] > [data-tgph-button] {
  border-radius: var(--tgph-rounded-1);
}

[data-tgph-input-slot-size="3"] > [data-tgph-button] {
  border-radius: .25rem;
}

[dir] [data-tgph-input-slot-size="3"] > [data-tgph-button] {
  border-radius: var(--tgph-rounded-2);
}

[dir] [data-tgph-input-container-state=disabled] {
  cursor: not-allowed;
}

[data-tgph-input-field] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  order: 2;
  font-family: inherit;
}

[dir] [data-tgph-input-field] {
  box-shadow: none;
  border: none;
}

:root {
  --rtk-font-size-xs:.75rem;
  --rtk-font-size-sm:.875rem;
  --rtk-font-size-md:1rem;
  --rtk-font-size-lg:1.125rem;
  --rtk-font-size-xl:1.266rem;
  --rtk-font-size-2xl:1.5rem;
  --rtk-font-size-3xl:1.75rem;
  --rtk-spacing-0:0rem;
  --rtk-spacing-1:.25rem;
  --rtk-spacing-2:.5rem;
  --rtk-spacing-3:.75rem;
  --rtk-spacing-4:1rem;
  --rtk-spacing-5:1.25rem;
  --rtk-spacing-6:1.5rem;
  --rtk-spacing-7:2rem;
  --rtk-font-weight-normal:400;
  --rtk-font-weight-medium:500;
  --rtk-font-weight-semibold:600;
  --rtk-font-weight-bold:700;
  --rtk-font-family-sanserif:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
  --rtk-border-radius-sm:2px;
  --rtk-border-radius-md:4px;
  --rtk-border-radius-lg:8px;
  --rtk-button-border-radius:6px;
  --rtk-color-white:#fff;
  --rtk-color-white-a-75:#ffffffbf;
  --rtk-color-black:#000;
  --rtk-color-gray-900:#1a1f36;
  --rtk-color-gray-800:#3c4257;
  --rtk-color-gray-700:#3c4257;
  --rtk-color-gray-600:#515669;
  --rtk-color-gray-500:#697386;
  --rtk-color-gray-400:#9ea0aa;
  --rtk-color-gray-300:#a5acb8;
  --rtk-color-gray-200:#dddee1;
  --rtk-color-gray-100:#e4e8ee;
  --rtk-color-brand-500:#e95744;
  --rtk-color-brand-700:#e4321b;
  --rtk-color-brand-900:#891e10;
  --rtk-button-hover-color:#f7f7f8;
  --rtk-connected-color:#33a366;
  --rtk-disconnect-border-color:#e64733;
  --rtk-disconnect-background-color:#fff5f5;
  --rtk-error-red:#cd7b2e;
}

.rtk-connect__button {
  background-color: #fff;
  border: 1px solid #dddee1;
  border-radius: 6px;
  box-sizing: border-box;
  color: #000;
  color: var(--rtk-color-black);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
  font-family: var(--rtk-font-family-sanserif);
  font-size: .875rem;
  font-size: var(--rtk-font-size-sm);
  font-weight: 400;
  font-weight: var(--rtk-font-weight-normal);
  gap: .5rem;
  gap: var(--rtk-spacing-2);
  padding: .25rem .5rem;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  text-decoration: none;
  display: inline-flex;
}

[dir] .rtk-connect__button {
  background-color: var(--rtk-color-white);
  border: 1px solid var(--rtk-color-gray-200);
  border-radius: var(--rtk-button-border-radius);
  cursor: pointer;
  padding: var(--rtk-spacing-1) var(--rtk-spacing-2);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.rtk-connect__button--connected {
  border-color: #33a366;
  color: #33a366;
  color: var(--rtk-connected-color);
  width: 120px;
}

[dir] .rtk-connect__button--connected {
  border-color: var(--rtk-connected-color);
}

.rtk-connect__button--error {
  border-color: #cd7b2e;
  color: #cd7b2e;
  color: var(--rtk-error-red);
}

[dir] .rtk-connect__button--error {
  border-color: var(--rtk-error-red);
}

.rtk-connect__button--loading {
  border-color: #e4e8ee;
  color: #9ea0aa;
  color: var(--rtk-color-gray-400);
  pointer-events: none;
}

[dir] .rtk-connect__button--loading {
  border-color: var(--rtk-color-gray-100);
}

.rtk-connect__button--disconnected:hover {
  background-color: #f7f7f8;
}

[dir] .rtk-connect__button--disconnected:hover {
  background-color: var(--rtk-button-hover-color);
}

.rtk-connect__button--connected:hover, .rtk-connect__button__text--connected:hover {
  background-color: #fff5f5;
  border-color: #e64733;
  color: #e64733;
  color: var(--rtk-disconnect-border-color);
}

[dir] .rtk-connect__button--connected:hover, [dir] .rtk-connect__button__text--connected:hover {
  background-color: var(--rtk-disconnect-background-color);
  border-color: var(--rtk-disconnect-border-color);
}

.rtk-connect__button--error:hover, .rtk-connect__button__text--error:hover {
  border-color: #000;
  color: #000;
  color: var(--rtk-color-black);
}

[dir] .rtk-connect__button--error:hover, [dir] .rtk-connect__button__text--error:hover {
  border-color: var(--rtk-color-black);
}

[dir="ltr"] .rtk-connect__button:active {
  transform: translate(1px, 1px);
}

[dir="rtl"] .rtk-connect__button:active {
  transform: translate(-1px, 1px);
}

.rtk-auth {
  background: #fff;
  border: 1px solid #e4e8ee;
  border-radius: 8px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
  font-family: var(--rtk-font-family-sanserif);
  font-size: .875rem;
  font-size: var(--rtk-font-size-sm);
  font-weight: 400;
  font-weight: var(--rtk-font-weight-normal);
  padding: 1.25rem;
}

[dir] .rtk-auth {
  background: var(--rtk-color-white);
  border: 1px solid var(--rtk-color-gray-100);
  border-radius: var(--rtk-border-radius-lg);
  padding: var(--rtk-spacing-5);
}

.rtk-auth__header {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.rtk-auth__title {
  color: #1a1f36;
  font-size: 1rem;
  font-size: var(--rtk-font-size-md);
  line-height: 1.25rem;
  line-height: var(--rtk-spacing-5);
  margin-top: 1rem;
}

[dir] .rtk-auth__title {
  margin-top: var(--rtk-spacing-4);
}

.rtk-auth__description {
  color: #515669;
  font-size: .875rem;
  font-size: var(--rtk-font-size-sm);
  line-height: 1.25rem;
  line-height: var(--rtk-spacing-5);
}

.rtk-combobox__grid {
  width: 352px;
  font-size: .875rem;
  font-size: var(--rtk-font-size-sm);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
  font-family: var(--rtk-font-family-sanserif);
  grid-template-columns: min-content 1fr;
  align-items: center;
  display: grid;
}

.rtk-combobox__search {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif !important;
  font-family: var(--rtk-font-family-sanserif) !important;
}

.rtk-combobox__error {
  background-color: #e4e8ee;
  border-radius: 4px;
  align-items: flex-start;
  gap: .25rem;
  gap: var(--rtk-spacing-1);
  padding: .5rem;
  grid-column: span 2;
  display: flex;
}

[dir] .rtk-combobox__error {
  background-color: var(--rtk-color-gray-100);
  border-radius: var(--rtk-border-radius-md);
  padding: var(--rtk-spacing-2);
}

:root {
  --rsk-font-size-xs:.75rem;
  --rsk-font-size-sm:.875rem;
  --rsk-font-size-md:1rem;
  --rsk-font-size-lg:1.125rem;
  --rsk-font-size-xl:1.266rem;
  --rsk-font-size-2xl:1.5rem;
  --rsk-font-size-3xl:1.75rem;
  --rsk-spacing-0:0rem;
  --rsk-spacing-1:.25rem;
  --rsk-spacing-2:.5rem;
  --rsk-spacing-3:.75rem;
  --rsk-spacing-4:1rem;
  --rsk-spacing-5:1.25rem;
  --rsk-spacing-6:1.5rem;
  --rsk-spacing-7:2rem;
  --rsk-font-weight-normal:400;
  --rsk-font-weight-medium:500;
  --rsk-font-weight-semibold:600;
  --rsk-font-weight-bold:700;
  --rsk-font-family-sanserif:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
  --rsk-border-radius-sm:2px;
  --rsk-border-radius-md:4px;
  --rsk-border-radius-lg:8px;
  --rsk-button-border-radius:6px;
  --rsk-color-white:#fff;
  --rsk-color-white-a-75:#ffffffbf;
  --rsk-color-black:#000;
  --rsk-color-gray-900:#1a1f36;
  --rsk-color-gray-800:#3c4257;
  --rsk-color-gray-700:#3c4257;
  --rsk-color-gray-600:#515669;
  --rsk-color-gray-500:#697386;
  --rsk-color-gray-400:#9ea0aa;
  --rsk-color-gray-300:#a5acb8;
  --rsk-color-gray-200:#dddee1;
  --rsk-color-gray-100:#e4e8ee;
  --rsk-color-brand-500:#e95744;
  --rsk-color-brand-700:#e4321b;
  --rsk-color-brand-900:#891e10;
  --rsk-button-hover-color:#f7f7f8;
  --rsk-connected-color:#33a366;
  --rsk-disconnect-border-color:#e64733;
  --rsk-disconnect-background-color:#fff5f5;
  --rsk-error-red:#cd7b2e;
}

.rsk-connect__button {
  background-color: #fff;
  border: 1px solid #dddee1;
  border-radius: 6px;
  box-sizing: border-box;
  color: #000;
  color: var(--rsk-color-black);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
  font-family: var(--rsk-font-family-sanserif);
  font-size: .875rem;
  font-size: var(--rsk-font-size-sm);
  font-weight: 400;
  font-weight: var(--rsk-font-weight-normal);
  gap: .5rem;
  gap: var(--rsk-spacing-2);
  padding: .25rem .5rem;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  text-decoration: none;
  display: inline-flex;
}

[dir] .rsk-connect__button {
  background-color: var(--rsk-color-white);
  border: 1px solid var(--rsk-color-gray-200);
  border-radius: var(--rsk-button-border-radius);
  cursor: pointer;
  padding: var(--rsk-spacing-1) var(--rsk-spacing-2);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.rsk-connect__button--connected {
  border-color: #33a366;
  color: #33a366;
  color: var(--rsk-connected-color);
  width: 120px;
}

[dir] .rsk-connect__button--connected {
  border-color: var(--rsk-connected-color);
}

.rsk-connect__button--error {
  border-color: #cd7b2e;
  color: #cd7b2e;
  color: var(--rsk-error-red);
}

[dir] .rsk-connect__button--error {
  border-color: var(--rsk-error-red);
}

.rsk-connect__button--loading {
  border-color: #e4e8ee;
  color: #9ea0aa;
  color: var(--rsk-color-gray-400);
  pointer-events: none;
}

[dir] .rsk-connect__button--loading {
  border-color: var(--rsk-color-gray-100);
}

.rsk-connect__button--disconnected:hover {
  background-color: #f7f7f8;
}

[dir] .rsk-connect__button--disconnected:hover {
  background-color: var(--rsk-button-hover-color);
}

.rsk-connect__button--connected:hover, .rsk-connect__button__text--connected:hover {
  background-color: #fff5f5;
  border-color: #e64733;
  color: #e64733;
  color: var(--rsk-disconnect-border-color);
}

[dir] .rsk-connect__button--connected:hover, [dir] .rsk-connect__button__text--connected:hover {
  background-color: var(--rsk-disconnect-background-color);
  border-color: var(--rsk-disconnect-border-color);
}

.rsk-connect__button--error:hover, .rsk-connect__button__text--error:hover {
  border-color: #000;
  color: #000;
  color: var(--rsk-color-black);
}

[dir] .rsk-connect__button--error:hover, [dir] .rsk-connect__button__text--error:hover {
  border-color: var(--rsk-color-black);
}

[dir="ltr"] .rsk-connect__button:active {
  transform: translate(1px, 1px);
}

[dir="rtl"] .rsk-connect__button:active {
  transform: translate(-1px, 1px);
}

.rsk-auth {
  background: #fff;
  border: 1px solid #e4e8ee;
  border-radius: 8px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
  font-family: var(--rsk-font-family-sanserif);
  font-size: .875rem;
  font-size: var(--rsk-font-size-sm);
  font-weight: 400;
  font-weight: var(--rsk-font-weight-normal);
  padding: 1.25rem;
}

[dir] .rsk-auth {
  background: var(--rsk-color-white);
  border: 1px solid var(--rsk-color-gray-100);
  border-radius: var(--rsk-border-radius-lg);
  padding: var(--rsk-spacing-5);
}

.rsk-auth__header {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.rsk-auth__title {
  color: #1a1f36;
  font-size: 1rem;
  font-size: var(--rsk-font-size-md);
  line-height: 1.25rem;
  line-height: var(--rsk-spacing-5);
  margin-top: 1rem;
}

[dir] .rsk-auth__title {
  margin-top: var(--rsk-spacing-4);
}

.rsk-auth__description {
  color: #515669;
  font-size: .875rem;
  font-size: var(--rsk-font-size-sm);
  line-height: 1.25rem;
  line-height: var(--rsk-spacing-5);
}

.rsk-connect-channel {
  align-items: center;
  gap: .25rem;
  gap: var(--rsk-spacing-1);
  display: flex;
}

.rsk-connect-channel__input {
  border: 1px solid #dddee1;
  border-radius: 4px;
  height: 32px;
  width: 270px;
}

[dir] .rsk-connect-channel__input {
  border: 1px solid var(--rsk-color-gray-200);
  border-radius: var(--rsk-border-radius-md);
}

[dir="ltr"] .rsk-connect-channel__input {
  padding-left: .5rem;
  padding-left: var(--rsk-spacing-2);
}

[dir="rtl"] .rsk-connect-channel__input {
  padding-right: .5rem;
  padding-right: var(--rsk-spacing-2);
}

.rsk-connect-channel__button {
  background-color: #fff;
  border-color: #dddee1;
  border-radius: 6px;
  color: #000;
  color: var(--rsk-color-black);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
  font-family: var(--rsk-font-family-sanserif);
  font-size: .875rem;
  font-size: var(--rsk-font-size-sm);
  font-weight: 400;
  font-weight: var(--rsk-font-weight-normal);
  gap: .5rem;
  gap: var(--rsk-spacing-2);
  height: 24px;
  padding: .5rem;
  text-decoration: none;
  display: inline-flex;
}

[dir] .rsk-connect-channel__button {
  background-color: var(--rsk-color-white);
  border-color: var(--rsk-color-gray-200);
  border-radius: var(--rsk-button-border-radius);
  padding: var(--rsk-spacing-2);
}

.rsk-connect-channel__button:hover {
  background-color: #f7f7f8;
}

[dir] .rsk-connect-channel__button:hover {
  background-color: var(--rsk-button-hover-color);
}

.rsk-combobox__grid {
  width: 352px;
  font-size: .875rem;
  font-size: var(--rsk-font-size-sm);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
  font-family: var(--rsk-font-family-sanserif);
  grid-template-columns: min-content 1fr;
  align-items: center;
  display: grid;
}

.rsk-combobox__label {
  align-self: start;
  align-items: center;
  display: flex;
}

.rsk-combobox__search {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif !important;
  font-family: var(--rsk-font-family-sanserif) !important;
}

.rsk-combobox__error {
  background-color: #e4e8ee;
  border-radius: 4px;
  align-items: flex-start;
  gap: .25rem;
  gap: var(--rsk-spacing-1);
  padding: .5rem;
  grid-column: span 2;
  display: flex;
}

[dir] .rsk-combobox__error {
  background-color: var(--rsk-color-gray-100);
  border-radius: var(--rsk-border-radius-md);
  padding: var(--rsk-spacing-2);
}

/* purgecss end ignore */
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/context/knock/KnockGuide.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.knock-guide-modal__overlay {
  z-index: 1001;
}

[dir] .knock-guide-modal__overlay {
  background-color: rgba(0, 0, 0, 0.25);
}

.knock-guide-modal {
  --knock-guide-surface: #fff;
  --knock-guide-content: #222222;
  --knock-guide-content-light: #727272;
  --knock-guide-border: transparent;
  --knock-guide-title-font-size: 1.25rem;
  --knock-guide-title-font-weight: 500;
  --knock-guide-title-line-height: 1.75rem;
  --knock-guide-body-font-size: 1rem;
  --knock-guide-body-line-height: 1.5rem;
  --knock-guide-action-gap: 0.25rem;
  --knock-guide-action-font-size: 14px;
  --knock-guide-action-font-weight: 500;
  --knock-guide-action-line-height: 20px;
  --knock-guide-action-letter-spacing: -0.2px;
  --knock-guide-action-padding: 8px 12px;
  --knock-guide-action-border-radius: 8px;
  --knock-guide-action-primary-color: hsl(var(--fg-white));
  --knock-guide-action-primary-box-shadow: inset 0px -2px 0px 0px rgba(23, 20, 18, 0.05),
    inset 0px 0px 0px 2px rgba(255, 255, 255, 0.12);
  --knock-guide-action-secondary-box-shadow: inset 0px -2px 0px 0px rgba(23, 20, 18, 0.05),
    inset 0px 0px 0px 1px rgba(23, 20, 18, 0.18),
    inset 0px 0px 0px 1px rgba(255, 255, 255, 0.12);
  z-index: 1002;
  font-family: inherit;
  max-width: 36rem;
}

[dir] .knock-guide-modal {
  background: #fff;
  border: none;
  border-radius: 1rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  padding: 1rem 1.5rem 1.5rem;
}

.knock-guide-modal__title {
  font-size: var(--knock-guide-title-font-size);
  font-weight: var(--knock-guide-title-font-weight);
  line-height: var(--knock-guide-title-line-height);
}

.knock-guide-modal__body {
  font-size: var(--knock-guide-body-font-size);
  line-height: var(--knock-guide-body-line-height);
}

[dir] .knock-guide-modal__body {
  margin-top: 0.5rem;
}

.knock-guide-modal__actions {
  flex-direction: row;
}

.knock-guide-modal__action {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--knock-guide-action-gap);
  white-space: nowrap;
  letter-spacing: var(--knock-guide-action-letter-spacing);
  font-weight: var(--knock-guide-action-font-weight);
  font-size: var(--knock-guide-action-font-size);
  line-height: var(--knock-guide-action-line-height);
  width: 100%;
  height: auto;
  color: var(--knock-guide-action-primary-color);
}

[dir] .knock-guide-modal__action {
  padding: var(--knock-guide-action-padding);
  border-radius: var(--knock-guide-action-border-radius);
  border: none;
  cursor: pointer;
  background: hsl(var(--button-primary-bg));
  box-shadow: var(--knock-guide-action-primary-box-shadow);
}

[dir] .knock-guide-modal__action * {
  cursor: pointer;
}

[dir] .knock-guide-modal__action:hover {
  background: hsl(var(--button-primary-bg-hover));
}

.knock-guide-modal__action--secondary {
  color: hsl(var(--button-secondary-fg));
}

[dir] .knock-guide-modal__action--secondary {
  border: none;
  background: hsl(var(--button-secondary-bg));
  box-shadow: var(--knock-guide-action-secondary-box-shadow);
}

.knock-guide-modal__action--secondary:hover {
  color: hsl(var(--button-secondary-fg-hover));
}

[dir] .knock-guide-modal__action--secondary:hover {
  background: hsl(var(--button-secondary-bg-hover));
}

/* purgecss end ignore */
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/Snackbar/v2/index.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.snackbar-container {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  bottom: 1.5625rem;
  z-index: 99999;
}

[dir="ltr"] .snackbar-container {
  left: 6.25rem;
}

[dir="rtl"] .snackbar-container {
  right: 6.25rem;
}

@media only screen and (max-width: 640px) {
  [dir] .snackbar-container {
    right: 1rem;
    left: 1rem;
  }
}

.snackbar-container .snackbar-item-wrapper {
  max-width: 100%;
}

[dir] .snackbar-container .snackbar-item-wrapper {
  border-radius: 0.75rem;
  animation: snackbar-visible 500ms linear 1 forwards;
  box-shadow: 0px 12px 16px -4px hsl(var(--shadow-lg-01)), 0px 4px 6px -2px hsl(var(--shadow-lg-02)), 0px 2px 2px -1px hsl(var(--shadow-lg-03));
}

.snackbar-container .snackbar-item-wrapper .snackbar-item {
  display: flex;
  width: 100%;
  align-items: center;
  max-height: 250px;
}

[dir] .snackbar-container .snackbar-item-wrapper .snackbar-item {
  padding: 0.75rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  border-radius: 0.75rem;
}

.snackbar-container .snackbar-item-wrapper .snackbar-item__iconcontainer {
  display: flex;
  flex-shrink: 0;
}

.snackbar-container .snackbar-item-wrapper .snackbar-item__text {
  width: 24rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: hsl(var(--fg-primary));
}

[dir="ltr"] .snackbar-container .snackbar-item-wrapper .snackbar-item__text {
  margin-left: 0.5rem;
}

[dir="rtl"] .snackbar-container .snackbar-item-wrapper .snackbar-item__text {
  margin-right: 0.5rem;
}

.snackbar-container .snackbar-item-wrapper .snackbar-item__action {
  font-size: 0.875rem;
  font-weight: 500;
  color: hsl(var(--fg-brand-primary));
}

[dir] .snackbar-container .snackbar-item-wrapper .snackbar-item__action {
  cursor: pointer;
  border-style: none;
  background-color: transparent;
  padding: 0px;
}

[dir="ltr"] .snackbar-container .snackbar-item-wrapper .snackbar-item__action {
  margin-right: 0.5rem;
}

[dir="rtl"] .snackbar-container .snackbar-item-wrapper .snackbar-item__action {
  margin-left: 0.5rem;
}

.snackbar-container .snackbar-item-wrapper .snackbar-item__action:hover {
  color: hsl(var(--fg-brand-primary-hover));
}

.snackbar-container .snackbar-item-wrapper .snackbar-item__action:focus-visible {
  outline: 2px solid hsl(var(--focus-ring));
  outline-offset: 2px;
}

[dir] .snackbar-container .snackbar-item-wrapper .snackbar-item__action:focus-visible {
  border-radius: 2px;
}

.snackbar-container .snackbar-item-wrapper .snackbar-item__dismiss {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  color: hsl(var(--fg-tertiary));
}

[dir] .snackbar-container .snackbar-item-wrapper .snackbar-item__dismiss {
  cursor: pointer;
  border-style: none;
  background-color: transparent;
  padding: 0px;
}

.snackbar-container .snackbar-item-wrapper .snackbar-item__dismiss:hover {
  color: hsl(var(--fg-tertiary-hover));
}

.snackbar-container .snackbar-item-wrapper .snackbar-item__dismiss:focus-visible {
  outline: 2px solid hsl(var(--focus-ring));
  outline-offset: 2px;
}

[dir] .snackbar-container .snackbar-item-wrapper .snackbar-item__dismiss:focus-visible {
  border-radius: 2px;
}

.snackbar-container .snackbar-item-wrapper .snackbar-item--success {
  background: hsl(var(--nw-success-50));
  border: 1px solid hsl(var(--border-success));
}

[dir] .snackbar-container .snackbar-item-wrapper .snackbar-item--success {
  background: hsl(var(--snackbar-bg-success));
  border: 1px solid hsl(var(--snackbar-border-success));
}

.snackbar-container .snackbar-item-wrapper .snackbar-item--success .snackbar-item__iconcontainer {
  color: hsl(var(--fg-success-primary));
}

.snackbar-container .snackbar-item-wrapper .snackbar-item--error {
  background: hsl(var(--nw-error-50));
  border: 1px solid hsl(var(--border-error-subtle));
}

[dir] .snackbar-container .snackbar-item-wrapper .snackbar-item--error {
  background: hsl(var(--snackbar-bg-error));
  border: 1px solid hsl(var(--snackbar-border-error));
}

.snackbar-container .snackbar-item-wrapper .snackbar-item--error .snackbar-item__iconcontainer {
  color: hsl(var(--fg-error-primary));
}

.snackbar-container .snackbar-item-wrapper .snackbar-item--info {
  background: hsl(var(--periwinkle-50));
  border: 1px solid hsl(var(--border-brand-subtle));
}

[dir] .snackbar-container .snackbar-item-wrapper .snackbar-item--info {
  background: hsl(var(--snackbar-bg-info));
  border: 1px solid hsl(var(--snackbar-border-info));
}

.snackbar-container .snackbar-item-wrapper .snackbar-item--info .snackbar-item__iconcontainer {
  color: hsl(var(--fg-brand-primary));
}

.snackbar-container .snackbar-item-wrapper .snackbar-item--warning {
  background: hsl(var(--nw-warning-50));
  border: 1px solid hsl(var(--border-warning));
}

[dir] .snackbar-container .snackbar-item-wrapper .snackbar-item--warning {
  background: hsl(var(--snackbar-bg-warning));
  border: 1px solid hsl(var(--snackbar-border-warning));
}

.snackbar-container .snackbar-item-wrapper .snackbar-item--warning .snackbar-item__iconcontainer {
  color: hsl(var(--fg-warning-primary));
}

@keyframes snackbar-visible {
  0% {
    max-height: 0px;
    opacity: 0;
    margin-top: 0px;
    transform: translateY(20px);
  }

  40% {
    transform: translateY(-8px);
  }

  60% {
    transform: translateY(4px);
  }

  80% {
    transform: translateY(-2px);
  }

  100% {
    max-height: 250px;
    opacity: 1;
    margin-top: 16px;
    transform: translateY(0);
  }
}

:root {
  --snackbar-bg-success: var(--nw-success-50);
  --snackbar-border-success: var(--border-success);
  --snackbar-bg-error: var(--nw-error-50);
  --snackbar-border-error: var(--border-error-subtle);
  --snackbar-bg-info: var(--periwinkle-50);
  --snackbar-border-info: var(--border-brand-subtle);
  --snackbar-bg-warning: var(--nw-warning-50);
  --snackbar-border-warning: var(--border-warning);
}

.dark {
  --snackbar-bg-success: var(--nw-success-950);
  --snackbar-border-success: var(--border-success);
  --snackbar-bg-error: var(--nw-error-950);
  --snackbar-border-error: var(--border-error-subtle);
  --snackbar-bg-info: var(--periwinkle-950);
  --snackbar-border-info: var(--border-brand-subtle);
  --snackbar-bg-warning: var(--nw-warning-950);
  --snackbar-border-warning: var(--border-warning);
}

/* purgecss end ignore */
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/component/Alert/index.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.alert {
  position: absolute;
  top: 0px;
  display: flex;
  width: 100%;
  align-items: flex-start;
  font-size: 0.875rem;
}

[dir] .alert {
  border-radius: 0px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

[dir="ltr"] .alert {
  left: 0px;
}

[dir="rtl"] .alert {
  right: 0px;
}

.alert--success {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

[dir] .alert--success {
  background-color: rgba(0, 128, 0, var(--tw-bg-opacity));
}

.alert--error {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

[dir] .alert--error {
  background-color: rgba(217, 31, 27, var(--tw-bg-opacity));
}

.alert--info {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

[dir] .alert--info {
  background-color: rgba(72, 109, 231, var(--tw-bg-opacity));
}

.alert--warning {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir] .alert--warning {
  background-color: rgba(255, 202, 107, var(--tw-bg-opacity));
}

.alert--fixed {
  position: fixed;
  top: 0px;
  z-index: 50;
}

[dir] .alert--fixed {
  right: 0px;
  left: 0px;
}

.alert--float {
  position: fixed;
  top: 1rem;
  z-index: 50;
  width: auto;
}

[dir] .alert--float {
  right: 1rem;
  left: 1rem;
}

.alert--static {
  position: static;
  top: 0px;
  z-index: 50;
}

[dir] .alert--static {
  right: 0px;
  left: 0px;
}

.alert--static {
  position: static;
  top: 0px;
  z-index: 50;
}

[dir] .alert--static {
  right: 0px;
  left: 0px;
}

.alert--center {
  justify-content: center;
}

[dir] .alert--center {
  text-align: center;
}

.alert--left {
  justify-content: flex-start;
}

[dir="ltr"] .alert--left {
  text-align: left;
}

[dir="rtl"] .alert--left {
  text-align: right;
}

.alert .alert__icon {
  flex-shrink: 0;
}

[dir] .alert .alert__icon {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.alert .alert__icon svg {
  stroke: currentColor;
}

/* purgecss end ignore */
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/component/ServerAlerts/index.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.server-alerts {
  position: fixed;
  top: 0;
  z-index: 50;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
}

[dir] .server-alerts {
  left: 0;
  right: 0;
}

.server-alert {
  pointer-events: auto;
  width: 100vw;
  min-width: 100vw;
}

[dir="ltr"] .server-alert {
  text-align: left;
}

[dir="rtl"] .server-alert {
  text-align: right;
}

/* purgecss end ignore */
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/newMx/Avatar/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.nw-avatar {
  display: flex;
  align-items: stretch;
  justify-items: stretch;
  overflow: hidden;
  min-width: 2.5rem;
  min-height: 2.5rem;
  max-width: 2.5rem;
  max-height: 2.5rem;
  position: relative;
  color: hsl(var(--avatar-placeholder-text));
}

[dir] .nw-avatar {
  border-radius: 9999px;
  border: 0.75px solid hsl(var(--avatar-contrast-border));
  background: hsl(var(--avatar-bg));
}

.nw-avatar--default .nw-avatar__img {
  display: inline-block;
  -o-object-fit: cover;
     object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}

[dir] .nw-avatar--default .nw-avatar__img {
  border-radius: 9999px;
}

.nw-avatar--default .nw-avatar__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  width: 50%;
  height: 50%;
}

[dir="ltr"] .nw-avatar--default .nw-avatar__icon {
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .nw-avatar--default .nw-avatar__icon {
  right: 50%;
  transform: translate(50%, -50%);
}

.nw-avatar--default .nw-avatar__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.nw-avatar--default .nw-avatar__text {
  display: flex;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.5rem;
  color: currentColor;
  font-size: inherit;
}

[dir] .nw-avatar--wellthy {
  border: hsl(var(--sandalwood-200));
}

.nw-avatar--wellthy svg {
  min-width: inherit;
  min-height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.nw-avatar--xs {
  min-width: 1.5rem;
  min-height: 1.5rem;
  max-width: 1.5rem;
  max-height: 1.5rem;
  font-size: 0.75rem;
}

.nw-avatar--sm {
  min-width: 2rem;
  min-height: 2rem;
  max-width: 2rem;
  max-height: 2rem;
  font-size: 0.875rem;
}

.nw-avatar--md {
  min-width: 2.5rem;
  min-height: 2.5rem;
  max-width: 2.5rem;
  max-height: 2.5rem;
  font-size: 1rem;
}

.nw-avatar--lg {
  min-width: 3rem;
  min-height: 3rem;
  max-width: 3rem;
  max-height: 3rem;
  font-size: 1.25rem;
}

.nw-avatar--xl {
  min-width: 3.5rem;
  min-height: 3.5rem;
  max-width: 3.5rem;
  max-height: 3.5rem;
  font-size: 1.5rem;
}

.nw-avatar--2xl {
  min-width: 4rem;
  min-height: 4rem;
  max-width: 4rem;
  max-height: 4rem;
  font-size: 1.5rem;
}

.nw-avatar--3xl {
  min-width: 4.6875rem;
  min-height: 4.6875rem;
  max-width: 4.6875rem;
  max-height: 4.6875rem;
  font-size: 1.5rem;
}

.nw-avatar--4xl {
  min-width: 6rem;
  min-height: 6rem;
  max-width: 6rem;
  max-height: 6rem;
  font-size: 1.875rem;
}

.nw-avatar--5xl {
  min-width: 8rem;
  min-height: 8rem;
  max-width: 8rem;
  max-height: 8rem;
  font-size: 2.25rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/component/PopUpMenu/index.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.pop-up-menu {
  display: none;
  --tw-shadow: 0px 12px 16px -4px rgba(23, 20, 18, 0.08), 0px 4px 6px -2px rgba(23, 20, 18, 0.03), 0px 2px 2px -1px rgba(23, 20, 18, 0.04);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  z-index: 1000;
  position: absolute;
  line-height: 1.5rem;
  min-width: 12rem;
  max-width: 20rem;
}

[dir] .pop-up-menu {
  border-width: 1px;
  border-color: hsl(var(--border-secondary));
  padding: 0px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  background-color: #FFFFFF;
  border-radius: 0.75rem;
}

[dir] .pop-up-menu .pop-up-menu-user-info {
  padding: 0.75rem;
  padding-bottom: 0px;
}

.pop-up-menu .pop-up-menu-user-info .user-info-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.pop-up-menu .pop-up-menu-user-info .user-details {
  display: flex;
  min-width: 0rem;
  flex-direction: column;
}

.pop-up-menu .pop-up-menu-user-info .user-details .user-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 600;
  color: hsl(var(--text-secondary));
  line-height: 1.25rem;
}

.pop-up-menu .pop-up-menu-user-info .user-details .user-email {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  color: hsl(var(--text-tertiary));
  line-height: 1.25rem;
}

[dir] .pop-up-menu .pop-up-menu-divider {
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
  border-top-width: 1px;
  border-color: hsl(var(--border-secondary));
}

[dir] .pop-up-menu .pop-up-menu-items {
  padding: 0.5rem;
}

[dir] .pop-up-menu .pop-up-menu-user-info + .pop-up-menu-divider + .pop-up-menu-items {
  padding-top: 0px;
}

.pop-up-menu .pop-up-menu-link {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: hsl(var(--text-secondary));
  text-decoration: none;
  outline: none;
}

[dir] .pop-up-menu .pop-up-menu-link {
  border-radius: 0.375rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  transition: background-color 0.15s ease;
}

[dir] .pop-up-menu .pop-up-menu-link:hover {
  background-color: hsl(var(--bg-secondary));
}

.pop-up-menu .pop-up-menu-link:focus {
  --tw-shadow: 0px 0px 0px 2px hsl(var(--bg-primary)), 0px 0px 0px 4px hsl(var(--focus-ring));
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .pop-up-menu .pop-up-menu-link:focus {
  background-color: hsl(var(--bg-secondary));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

[dir] .pop-up-menu .pop-up-menu-link:first-child {
  margin-top: 0px;
}

.pop-up-menu .pop-up-menu-link--button {
  width: 100%;
  font: inherit;
}

[dir] .pop-up-menu .pop-up-menu-link--button {
  background: none;
  border: none;
  cursor: pointer;
}

[dir="ltr"] .pop-up-menu .pop-up-menu-link--button {
  text-align: left;
}

[dir="rtl"] .pop-up-menu .pop-up-menu-link--button {
  text-align: right;
}

.pop-up-menu .pop-up-menu-link-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.pop-up-menu .pop-up-menu-icon {
  color: hsl(var(--fg-quinary));
  width: 18px;
  height: 18px;
}

.pop-up-menu .pop-up-menu-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 600;
}

.pop-up-menu .pop-up-menu-link:hover .pop-up-menu-icon {
  color: hsl(var(--fg-quinary-hover));
}

.show-popup {
  display: flex;
  flex-direction: column;
}

/* purgecss end ignore */
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/context/knock/NotificationBell.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.notification-bell-button {
  --bell-button-size: 2.5rem;
  position: relative;
  width: var(--bell-button-size);
  height: var(--bell-button-size);
}

[dir] .notification-bell-button {
  padding: 0;
}

.notification-wrapper {
  --popover-border-radius: 8px;
  --divider: 1px solid hsl(var(--border-secondary));
  --unread-dot-size: 8px;
  --rnf-font-family-sanserif: "Whitney SSm A", "Whitney SSm B", "Arial",
    "Helvetica", sans-serif;
}

.notification-wrapper .rnf-notification-feed-popover {
  --rnf-notification-feed-popover-border-radius: var(--popover-border-radius);
}

.notification-wrapper .rnf-dropdown {
  display: none;
}

.notification-wrapper .rnf-notification-feed__header {
  height: auto;
}

[dir] .notification-wrapper .rnf-notification-feed__header {
  padding: 12px;
  border-bottom: var(--divider);
}

.notification-wrapper .rnf-notification-feed__type {
  --feed-type-font-size: 16px;
  --feed-type-font-weight: 500;
  --feed-type-line-height: 20px;
  --feed-type-letter-spacing: -0.2px;
  font-family: var(--rnf-font-family-sanserif);
  font-size: var(--feed-type-font-size);
  font-weight: var(--feed-type-font-weight);
  line-height: var(--feed-type-line-height);
  letter-spacing: var(--feed-type-letter-spacing);
  color: hsl(var(--text-secondary));
}

.notification-wrapper .rnf-mark-all-as-read {
  --mark-as-read-padding: 4px 8px;
  --mark-as-read-border-radius: 8px;
  --mark-as-read-font-size: 14px;
  --mark-as-read-font-weight: 500;
  --mark-as-read-line-height: 20px;
  --mark-as-read-letter-spacing: -0.2px;
  --mark-as-read-box-shadow: inset 0px -2px 0px 0px hsl(var(--shadow-button-inner)),
    inset 0px 0px 0px 1px hsl(var(--shadow-button-inner-border));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  white-space: nowrap;
  font-family: var(--rnf-font-family-sanserif);
  font-size: var(--mark-as-read-font-size);
  font-weight: var(--mark-as-read-font-weight);
  line-height: var(--mark-as-read-line-height);
  letter-spacing: var(--mark-as-read-letter-spacing);
  color: hsl(var(--fg-secondary));
}

[dir] .notification-wrapper .rnf-mark-all-as-read {
  padding: var(--mark-as-read-padding);
  border-radius: var(--mark-as-read-border-radius);
  background: hsl(var(--button-secondary-gray-bg));
  box-shadow: var(--mark-as-read-box-shadow);
  cursor: pointer;
}

[dir] .notification-wrapper .rnf-mark-all-as-read:hover {
  background: hsl(var(--button-secondary-gray-bg-hover));
}

[dir] .notification-wrapper .rnf-notification-cell__inner {
  cursor: default;
}

.notification-wrapper .rnf-notification-cell__inner strong {
  font-weight: 500;
}

[dir] .notification-wrapper .rnf-notification-feed__feed-items-container > div:not(:last-child) {
  border-bottom: var(--divider);
}

[dir] .notification-wrapper .rnf-notification-cell:hover,
[dir] .notification-wrapper .rnf-notification-cell:focus,
[dir] .notification-wrapper .rnf-notification-cell:active {
  background-color: transparent;
}

.notification-wrapper .rnf-notification-cell__unread-dot {
  top: 16px;
  --rnf-notification-cell-unread-dot-bg-color: hsl(var(--fg-brand-primary));
  --rnf-notification-cell-unread-dot-size: var(--unread-dot-size);
}

[dir] .notification-wrapper .rnf-notification-cell__unread-dot {
  border: none;
}

/* purgecss end ignore */
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/AppBar/index.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.app-bar {
  position: fixed;
  top: 0px;
  display: flex;
  height: auto;
  width: 100%;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  --tw-shadow: 0px 1px 3px 0px rgba(23, 20, 18, 0.10), 0px 1px 2px -1px rgba(23, 20, 18, 0.10);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  min-height: 4rem;
  z-index: 50;
}

[dir] .app-bar {
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

[dir="ltr"] .app-bar {
  left: 0px;
}

[dir="rtl"] .app-bar {
  right: 0px;
}

[dir] .app-bar.primaryPadding {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

[dir="ltr"] .app-bar.primaryPadding {
  padding-right: 1.5rem;
  padding-left: 6rem;
}

[dir="rtl"] .app-bar.primaryPadding {
  padding-left: 1.5rem;
  padding-right: 6rem;
}

[dir] .app-bar.fullWidthPadding {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

[dir] .app-bar.projNavPresent {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

[dir="ltr"] .app-bar.projNavPresent {
  padding-right: 2rem;
  padding-left: 20rem;
}

[dir="rtl"] .app-bar.projNavPresent {
  padding-left: 2rem;
  padding-right: 20rem;
}

.app-bar .user-name {
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 1.25;
}

.app-bar .pop-up-menu {
  top: 4.5rem;
}

[dir="ltr"] .app-bar .pop-up-menu {
  right: 1.25rem;
  margin-left: -1rem;
}

[dir="rtl"] .app-bar .pop-up-menu {
  left: 1.25rem;
  margin-right: -1rem;
}

.app-bar button[data-testid=avatar-button] {
  outline: none;
}

[dir] .app-bar button[data-testid=avatar-button] {
  border-radius: 50%;
}

.app-bar button[data-testid=avatar-button]:focus {
  --tw-shadow: 0px 0px 0px 2px hsl(var(--bg-primary)), 0px 0px 0px 4px hsl(var(--focus-ring));
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .app-bar button[data-testid=avatar-button]:focus {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.app-bar .back-link-container {
  display: flex;
  min-width: 0rem;
  flex-shrink: 1;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
}

[dir] .app-bar .back-link-container {
  border-style: none;
  border-color: rgba(237, 237, 237, var(--tw-border-opacity));
}

@media (min-width: 768px) {
  [dir="ltr"] .app-bar .back-link-container {
    border-right-width: 1px;
  }

  [dir="rtl"] .app-bar .back-link-container {
    border-left-width: 1px;
  }
}

.app-bar .back-link-container .back-link {
  display: flex;
  min-width: 0rem;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
  text-decoration: none;
  outline-offset: -2px;
}

.app-bar .back-link-container .back-link:hover {
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
}

.app-bar .back-link-container .back-link .back-link-icon {
  flex-shrink: 0;
}

.app-bar-hamburger {
  display: none;
}

[dir] .app-bar-hamburger {
  cursor: pointer;
}

.mobile-header {
  display: none;
}

@media only screen and (max-width: 768px) {
  [dir] .app-bar {
    padding: 0.75rem;
  }

  [dir] .app-bar.primaryPadding {
    padding: 0.75rem;
  }

  [dir] .app-bar.fullWidthPadding {
    padding: 0.75rem;
  }

  [dir] .app-bar.projNavPresent {
    padding: 0.75rem;
  }

  [dir="ltr"] .app-bar.pop-up-menu {
    margin-left: -8rem;
  }

  [dir="rtl"] .app-bar.pop-up-menu {
    margin-right: -8rem;
  }

  .app-bar-hamburger {
    display: flex;
  }

  .mobile-header {
    display: flex;
  }

  [dir] .mobile-header .mobile-header-title .back-link-container {
    margin-top: 0px;
  }

  .web-header {
    display: none;
  }

  [dir] .back-link-container {
    margin-top: 0.5rem;
  }

  [dir="ltr"] .back-link-container {
    border-right-width: 0px;
  }

  [dir="rtl"] .back-link-container {
    border-left-width: 0px;
  }
}

/* purgecss end ignore */
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/AppBarV2/index.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.app-bar-v2 {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  position: fixed;
  top: 0;
  width: calc(100% - var(--nav-side-width));
  height: var(--nav-bar-height);
  z-index: 51;
}

[dir] .app-bar-v2 {
  padding: var(--nav-padding-sm-x) var(--nav-padding-y);
  background-color: hsl(var(--bg-primary));
  border-bottom: 1px solid hsl(var(--border-secondary));
}

[dir="ltr"] .app-bar-v2 {
  left: 0;
  margin-left: var(--nav-side-width);
  transition: margin-left 0.2s ease, width 0.2s ease;
}

[dir="rtl"] .app-bar-v2 {
  right: 0;
  margin-right: var(--nav-side-width);
  transition: margin-right 0.2s ease, width 0.2s ease;
}

.app-bar-v2--nav-expanded {
  width: calc(100% - var(--nav-side-expanded-width));
}

[dir="ltr"] .app-bar-v2--nav-expanded {
  margin-left: var(--nav-side-expanded-width);
}

[dir="rtl"] .app-bar-v2--nav-expanded {
  margin-right: var(--nav-side-expanded-width);
}

.app-bar-v2.app-bar-v2--no-sidenav {
  width: 100%;
}

[dir="ltr"] .app-bar-v2.app-bar-v2--no-sidenav {
  margin-left: 0;
}

[dir="rtl"] .app-bar-v2.app-bar-v2--no-sidenav {
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
  .app-bar-v2.app-bar-v2--no-sidenav {
    grid-template-columns: 1fr auto;
  }
}

.app-bar-v2--secondary-nav-present {
  width: calc(
      100% - var(--nav-side-width) - var(--nav-secondary-width)
    );
}

[dir="ltr"] .app-bar-v2--secondary-nav-present {
  margin-left: calc(
      var(--nav-side-width) + var(--nav-secondary-width)
    );
}

[dir="rtl"] .app-bar-v2--secondary-nav-present {
  margin-right: calc(
      var(--nav-side-width) + var(--nav-secondary-width)
    );
}

.app-bar-v2--secondary-nav-present.app-bar-v2--nav-expanded {
  width: calc(
        100% - var(--nav-side-expanded-width) - var(--nav-secondary-width)
      );
}

[dir="ltr"] .app-bar-v2--secondary-nav-present.app-bar-v2--nav-expanded {
  margin-left: calc(
        var(--nav-side-expanded-width) + var(--nav-secondary-width)
      );
}

[dir="rtl"] .app-bar-v2--secondary-nav-present.app-bar-v2--nav-expanded {
  margin-right: calc(
        var(--nav-side-expanded-width) + var(--nav-secondary-width)
      );
}

.app-bar-v2__mobile-menu-toggle {
  display: none;
}

.app-bar-v2__toggle-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--nav-menu-item-size);
  height: var(--nav-menu-item-size);
  flex-shrink: 0;
  color: var(--nav-text-color);
}

[dir] .app-bar-v2__toggle-btn {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 0.5rem;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.app-bar-v2__toggle-btn:hover {
  color: var(--nav-active-color);
}

[dir] .app-bar-v2__toggle-btn:hover {
  background-color: var(--nav-hover-bg);
}

.app-bar-v2__toggle-btn--active {
  color: var(--nav-active-color);
}

[dir] .app-bar-v2__toggle-btn--active {
  background-color: var(--nav-active-bg);
}

.app-bar-v2__left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.app-bar-v2__title {
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[dir="ltr"] .app-bar-v2__title {
  padding-left: 0.5rem;
}

[dir="rtl"] .app-bar-v2__title {
  padding-right: 0.5rem;
}

.app-bar-v2__center {
  display: none;
}

.app-bar-v2__right {
  justify-self: end;
}

.app-bar-v2__actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
}

.app-bar-v2__actions .pop-up-menu {
  top: 3.25rem;
}

[dir="ltr"] .app-bar-v2__actions .pop-up-menu {
  right: 0;
}

[dir="rtl"] .app-bar-v2__actions .pop-up-menu {
  left: 0;
}

.app-bar-v2__actions button[data-testid=avatar-button] {
  outline: none;
}

[dir] .app-bar-v2__actions button[data-testid=avatar-button] {
  border-radius: 50%;
}

.app-bar-v2__actions button[data-testid=avatar-button]:focus {
  --tw-shadow: 0px 0px 0px 2px hsl(var(--bg-primary)), 0px 0px 0px 4px hsl(var(--focus-ring));
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .app-bar-v2__actions button[data-testid=avatar-button]:focus {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media only screen and (max-width: 768px) {
  .app-bar-v2 {
    grid-template-columns: 1fr auto 1fr;
    width: 100%;
  }

  [dir] .app-bar-v2 {
    padding: var(--nav-padding-sm-x) var(--nav-padding-sm-y);
    transition: none;
  }

  [dir="ltr"] .app-bar-v2 {
    margin-left: 0;
  }

  [dir="rtl"] .app-bar-v2 {
    margin-right: 0;
  }

  .app-bar-v2--nav-expanded, .app-bar-v2--secondary-nav-present {
    width: 100%;
  }

  [dir="ltr"] .app-bar-v2--nav-expanded, [dir="ltr"] .app-bar-v2--secondary-nav-present {
    margin-left: 0;
  }

  [dir="rtl"] .app-bar-v2--nav-expanded, [dir="rtl"] .app-bar-v2--secondary-nav-present {
    margin-right: 0;
  }

  .app-bar-v2--secondary-nav-present.app-bar-v2--nav-expanded {
    width: 100%;
  }

  [dir="ltr"] .app-bar-v2--secondary-nav-present.app-bar-v2--nav-expanded {
    margin-left: 0;
  }

  [dir="rtl"] .app-bar-v2--secondary-nav-present.app-bar-v2--nav-expanded {
    margin-right: 0;
  }

  .app-bar-v2__toggle-btn {
    display: none;
  }

  .app-bar-v2__center {
    display: flex;
    justify-content: center;
  }

  .app-bar-v2__mobile-menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--nav-toggle-btn-size);
    height: var(--nav-toggle-btn-size);
    flex-shrink: 0;
  }

  [dir] .app-bar-v2__mobile-menu-toggle {
    border-radius: 0.25rem;
  }

  .app-bar-v2__mobile-menu-toggle svg {
    width: 1.25rem;
    height: 1.25rem;
  }
}

/* purgecss end ignore */
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/Button/index.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.5rem;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

[dir] .btn {
  border-radius: 9999px;
  border-width: 2px;
  border-color: rgba(20, 54, 164, var(--tw-border-opacity));
  background-color: rgba(20, 54, 164, var(--tw-bg-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.btn:hover, .btn:focus {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  text-decoration: underline;
}

[dir] .btn:hover, [dir] .btn:focus {
  border-color: rgba(20, 54, 164, var(--tw-border-opacity));
  background-color: rgba(20, 54, 164, var(--tw-bg-opacity));
}

.btn:focus {
  outline: 2px solid var(--brand-secondary);
  outline-offset: 1px;
  outline-offset: 0;
}

.btn[aria-disabled=true] {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(148, 148, 148, var(--tw-text-opacity));
}

[dir] .btn[aria-disabled=true] {
  cursor: not-allowed;
  border-color: rgba(237, 237, 237, var(--tw-border-opacity));
  background-color: rgba(237, 237, 237, var(--tw-bg-opacity));
}

.btn[aria-disabled=true]:hover, .btn[aria-disabled=true]:focus {
  text-decoration: none;
}

.btn--secondary {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
}

[dir] .btn--secondary {
  border-width: 2px;
  border-color: rgba(20, 54, 164, var(--tw-border-opacity));
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.btn--secondary:hover, .btn--secondary:focus {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
}

[dir] .btn--secondary:hover, [dir] .btn--secondary:focus {
  border-color: rgba(20, 54, 164, var(--tw-border-opacity));
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.btn--secondary:focus {
  outline: 2px solid var(--brand-secondary);
  outline-offset: 1px;
  outline-offset: 0;
}

.btn--secondary[aria-disabled=true] {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

[dir] .btn--secondary[aria-disabled=true] {
  cursor: not-allowed;
  border-color: rgba(237, 237, 237, var(--tw-border-opacity));
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.btn--secondary[aria-disabled=true]:hover, .btn--secondary[aria-disabled=true]:focus {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
  text-decoration: none;
}

[dir] .btn--secondary[aria-disabled=true]:hover, [dir] .btn--secondary[aria-disabled=true]:focus {
  border-color: rgba(237, 237, 237, var(--tw-border-opacity));
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.btn--tertiary {
  --tw-bg-opacity: 0;
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
}

[dir] .btn--tertiary {
  border-radius: 0px;
  border-style: none;
  padding: 0px;
}

.btn--tertiary:hover, .btn--tertiary:focus {
  --tw-bg-opacity: 0;
  --tw-text-opacity: 1;
  color: rgba(72, 109, 231, var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.btn--tertiary:focus {
  outline: 2px solid var(--brand-secondary);
  outline-offset: 1px;
  outline-offset: 0;
}

.btn--tertiary[aria-disabled=true] {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

[dir] .btn--tertiary[aria-disabled=true] {
  background-color: transparent;
}

.btn--tertiary-destructive {
  border-radius: 0.5rem;
  --tw-bg-opacity: 0;
  --tw-text-opacity: 1;
  color: rgba(217, 31, 27, var(--tw-text-opacity));
}

[dir] .btn--tertiary-destructive {
  border-style: none;
  padding: 0px 16px;
  border-radius: 100px;
}

.btn--tertiary-destructive > span {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}

.btn--tertiary-destructive svg {
  fill: currentColor;
  width: 18px;
  height: 20px;
}

[dir="ltr"] .btn--tertiary-destructive svg {
  margin-right: 0.5rem;
}

[dir="rtl"] .btn--tertiary-destructive svg {
  margin-left: 0.5rem;
}

.btn--tertiary-destructive:hover {
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

[dir] .btn--tertiary-destructive:hover {
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  box-shadow: 0px 0px 8px #949494;
}

.btn--tertiary-destructive:focus {
  --tw-bg-opacity: 1;
  outline: 2px solid var(--brand-secondary);
  outline-offset: 1px;
}

[dir] .btn--tertiary-destructive:focus {
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

[dir] .btn--tertiary-destructive[aria-disabled=true] {
  background-color: transparent;
}

[dir] .btn--small {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.btn.button--nw {
  text-transform: none;
}

[dir] .btn.button--nw {
  border-radius: 0.5rem;
  border-width: 0px;
  background-color: hsl(var(--bg-brand-solid));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* purgecss end ignore */
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/SideNav/PrimaryNavigation/PrimaryNavItem/index.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.primary-nav-item {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-weight: 500;
}

[dir] .primary-nav-item {
  border-radius: 0.25rem;
  padding: 0.25rem;
}

.primary-nav-item.primary-nav-item-active .primary-nav-item-icon {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

[dir] .primary-nav-item.primary-nav-item-active .primary-nav-item-icon {
  background: hsl(var(--periwinkle-500));
}

.primary-nav-item.primary-nav-item-active .primary-nav-item-icon > svg > path,
.primary-nav-item.primary-nav-item-active .primary-nav-item-icon > svg > g > path {
  fill: #FFFFFF;
}

.primary-nav-item.primary-nav-item-active .primary-nav-item-text {
  color: hsl(var(--periwinkle-500));
}

.primary-nav-item .primary-nav-item-text {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: -0.2px;
}

[dir] .primary-nav-item .primary-nav-item-text {
  text-align: center;
}

.primary-nav-item .primary-nav-item-icon {
  border-radius: 0.25rem;
  width: 36px;
  height: 36px;
}

[dir] .primary-nav-item .primary-nav-item-icon {
  padding: 0.5rem;
  border-radius: 0.5rem;
  transition: background-color 0.3s ease, color 0.3s ease;
}

[dir] .primary-nav-item .primary-nav-item-icon svg {
  transition: transform 0.2s ease;
}

.primary-nav-item .primary-nav-item-icon svg > path,
.primary-nav-item .primary-nav-item-icon svg > g > path {
  fill: #727272;
}

[dir] .primary-nav-item .primary-nav-item-icon svg > path,
[dir] .primary-nav-item .primary-nav-item-icon svg > g > path {
  transition: fill 0.3s ease;
}

.primary-nav-item .primary-nav-item-text {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
  line-height: 0.875rem;
}

.primary-nav-item:focus-visible {
  outline: 2px solid var(--brand-secondary);
  outline-offset: 1px;
  outline-width: 3px;
  outline-offset: 0;
}

.primary-nav-item:focus-visible .primary-nav-item-icon, .primary-nav-item:hover:not(.primary-nav-item-active) .primary-nav-item-icon {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

[dir] .primary-nav-item:focus-visible .primary-nav-item-icon, [dir] .primary-nav-item:hover:not(.primary-nav-item-active) .primary-nav-item-icon {
  background: hsl(var(--periwinkle-500));
}

[dir] .primary-nav-item:focus-visible .primary-nav-item-icon svg, [dir] .primary-nav-item:hover:not(.primary-nav-item-active) .primary-nav-item-icon svg {
  transform: scale(1.1);
}

.primary-nav-item:focus-visible .primary-nav-item-icon > svg > path,
.primary-nav-item:focus-visible .primary-nav-item-icon > svg > g > path, .primary-nav-item:hover:not(.primary-nav-item-active) .primary-nav-item-icon > svg > path,
.primary-nav-item:hover:not(.primary-nav-item-active) .primary-nav-item-icon > svg > g > path {
  fill: #FFFFFF;
}

.primary-nav-item:focus-visible .primary-nav-item-text, .primary-nav-item:hover:not(.primary-nav-item-active) .primary-nav-item-text {
  color: hsl(var(--periwinkle-500));
}

[dir] .primary-nav-item:hover.primary-nav-item-active .primary-nav-item-icon svg {
  transform: scale(1.1);
}

@media only screen and (max-width: 768px) {
  .primary-nav-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
  }

  .primary-nav-item .primary-nav-item-text {
    font-size: 1rem;
  }

  [dir="ltr"] .primary-nav-item .primary-nav-item-text {
    margin-left: 0.5rem;
  }

  [dir="rtl"] .primary-nav-item .primary-nav-item-text {
    margin-right: 0.5rem;
  }
}

/* purgecss end ignore */
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/SideNav/PrimaryNavigation/index.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.primary-navigation {
  position: fixed;
  top: 0px;
  display: flex;
  height: 100vh;
  flex-direction: column;
  align-items: center;
  overflow: auto;
  --tw-bg-opacity: 1;
  width: 5.3125rem;
  z-index: 50;
}

[dir] .primary-navigation {
  border-color: hsl(var(--border-secondary));
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
}

[dir="ltr"] .primary-navigation {
  left: 0px;
  border-right-width: 1px;
}

[dir="rtl"] .primary-navigation {
  right: 0px;
  border-left-width: 1px;
}

.primary-navigation__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1.75rem;
}

[dir] .primary-navigation__top {
  margin-bottom: auto;
}

.primary-navigation__top-header-desktop {
  display: flex;
  justify-content: center;
}

.primary-navigation__top-header-desktop-logo-link {
  display: block;
}

[dir] .primary-navigation__top-header-desktop-logo-link {
  margin-top: 1.25rem;
  border-radius: 0.125rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.primary-navigation__top-header-desktop-logo-link:focus-visible {
  outline: 2px solid var(--brand-secondary);
  outline-offset: 1px;
  outline-width: 3px;
  outline-offset: 0;
}

.primary-navigation__top-header-mobile {
  display: none;
}

.primary-navigation__top-mobile-back {
  display: none;
}

.primary-navigation__bottom {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1.75rem;
}

[dir] .primary-navigation__bottom {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.primary-navigation__footer-desktop {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

[dir] .primary-navigation__footer-desktop {
  margin-bottom: 0.75rem;
}

.primary-navigation__help-mobile {
  display: none;
}

.primary-navigation__footer-mobile {
  display: none;
}

.primary-navigation__pop-up-menu {
  position: fixed;
  top: 1rem;
  bottom: 0px;
  z-index: 50;
}

[dir="ltr"] .primary-navigation__pop-up-menu {
  left: -11rem;
}

[dir="rtl"] .primary-navigation__pop-up-menu {
  right: -11rem;
}

.primary-navigation__pop-up-menu .pop-up-menu {
  bottom: 1.5rem;
}

[dir="ltr"] .primary-navigation__pop-up-menu .pop-up-menu {
  margin-left: 16rem;
}

[dir="rtl"] .primary-navigation__pop-up-menu .pop-up-menu {
  margin-right: 16rem;
}

@media only screen and (max-width: 768px) {
  .primary-navigation {
    align-items: flex-start;
    opacity: 0;
    width: 295px;
    filter: drop-shadow(5px 0px 5px rgba(0, 0, 0, 0.12));
  }

  [dir] .primary-navigation {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  [dir="ltr"] .primary-navigation {
    left: -295px;
  }

  [dir="rtl"] .primary-navigation {
    right: -295px;
  }

  .primary-navigation.menu-open {
    opacity: 1;
  }

  [dir="ltr"] .primary-navigation.menu-open {
    left: 0px;
  }

  [dir="rtl"] .primary-navigation.menu-open {
    right: 0px;
  }

  .primary-navigation__top {
    align-items: flex-start;
  }

  .primary-navigation__top-header-desktop {
    display: none;
  }

  .primary-navigation__top-header-mobile {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    width: 294px;
    color: #1436A4;
  }

  [dir] .primary-navigation__top-header-mobile {
    padding: 1.5rem 1.5rem 0rem 1.5rem;
  }

  .primary-navigation__top-mobile-back {
    display: block;
  }

  [dir] .primary-navigation__top-mobile-back {
    margin-bottom: 0.875rem;
  }

  [dir="ltr"] .primary-navigation__top-mobile-back {
    margin-left: 1.25rem;
  }

  [dir="rtl"] .primary-navigation__top-mobile-back {
    margin-right: 1.25rem;
  }

  .primary-navigation__footer-desktop {
    display: none;
  }

  .primary-navigation__help-mobile {
    display: flex;
    width: 100%;
    flex-direction: column;
    --tw-bg-opacity: 1;
  }

  [dir] .primary-navigation__help-mobile {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  }

  [dir] .primary-navigation__help-mobile-items {
    margin-left: 1rem;
    margin-right: 1rem;
    border-radius: 0.375rem;
    border-width: 1px;
    border-color: hsl(var(--border-secondary));
    padding: 0.5rem;
  }

  .primary-navigation__footer-mobile {
    display: flex;
    width: 100%;
    flex-direction: column;
    line-height: 1.5rem;
  }

  [dir] .primary-navigation__footer-mobile {
    padding-top: 1.5rem;
  }

  [dir="ltr"] .primary-navigation__footer-mobile {
    padding-left: 1.5rem;
  }

  [dir="rtl"] .primary-navigation__footer-mobile {
    padding-right: 1.5rem;
  }

  .primary-navigation__footer-mobile-link {
    --tw-text-opacity: 1;
    color: rgba(114, 114, 114, var(--tw-text-opacity));
    width: -moz-fit-content;
    width: fit-content;
    font-size: 13px;
    text-decoration: none;
  }

  [dir] .primary-navigation__footer-mobile-link {
    margin-bottom: 1rem;
    padding: 0.25rem;
  }
}

/* purgecss end ignore */
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/Dialog/index.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*purgecss start ignore*/

/*******************************
            Dialog
*******************************/

body[data-dialog-open=true] {
  overflow: hidden;
}

body[data-dialog-open=true]:has(.dialog.dialog--visible.dialog--nw) #root {
  --tw-blur: 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);
  --tw-blur: blur(4px);
}

[dir="ltr"] body[data-dialog-open=true]:has(.dialog.dialog--visible.dialog--nw) #root {
  --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,/*!*/ /*!*/);
}

[dir="rtl"] body[data-dialog-open=true]:has(.dialog.dialog--visible.dialog--nw) #root {
  --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, );
}

.dialog {
  position: fixed;
  display: none;
  vertical-align: middle;
  line-height: 1rem;
  top: 0px !important;
  bottom: 0px !important;
  z-index: 1001;
  /*******************************
            Variations
  *******************************/
  /*******************************
            Shim
  *******************************/
  /********************************
    New Member Experience Styles
  ********************************/
}

[dir] .dialog {
  text-align: center;
  right: 0px !important;
  left: 0px !important;
}

.dialog.dialog--visible {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: normal;
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.25;
}

[dir] .dialog.dialog--visible {
  animation: fade-in .3s ease-out;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.dialog .dialog__container {
  display: flex;
  width: 100vw;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
}

@media (min-width: 640px) {
  [dir] .dialog .dialog__container {
    padding: 1rem;
  }
}

.dialog .dialog__container {
  height: 100vh;
  height: 100dvh;
}

.dialog .dialog__window {
  z-index: 50;
  display: flex;
  flex-direction: column;
  --tw-bg-opacity: 1;
  vertical-align: bottom;
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  max-height: 100%;
  width: 100%;
  --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;
  transition-duration: 150ms;
}

[dir] .dialog .dialog__window {
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 1.5rem;
  padding-top: 1rem;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  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: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

[dir="ltr"] .dialog .dialog__window {
  text-align: left;
}

[dir="rtl"] .dialog .dialog__window {
  text-align: right;
}

@media (min-width: 640px) {
  .dialog .dialog__window {
    vertical-align: middle;
  }
}

.dialog .dialog__header {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
}

[dir] .dialog .dialog__header {
  padding-bottom: 1rem;
}

[dir="ltr"] .dialog .dialog__header {
  margin-right: 1.5rem;
  padding-left: 0.25rem;
}

[dir="rtl"] .dialog .dialog__header {
  margin-left: 1.5rem;
  padding-right: 0.25rem;
}

.dialog .dialog__header .dialog__title-container {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.dialog .dialog__header .dialog__title-container .dialog__title {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
}

.dialog .dialog__header .dialog__title-container .dialog__subtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

.dialog .dialog__content {
  display: block;
  width: 100%;
  overflow-y: auto;
  white-space: normal;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
  max-height: 38.875rem;
}

[dir] .dialog .dialog__content {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 1rem;
  padding-bottom: 0.25rem;
}

@media screen and (max-width: 640px) {
  .dialog .dialog__content {
    max-height: 100%;
  }
}

.dialog .dialog__icon {
  position: absolute;
  top: 0px;
  z-index: 20;
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
  fill: currentColor;
  color: #1436A4;
}

[dir] .dialog .dialog__icon {
  margin-top: 0.75rem;
  cursor: pointer;
}

[dir="ltr"] .dialog .dialog__icon {
  right: 0px;
  margin-right: 1.25rem;
}

[dir="rtl"] .dialog .dialog__icon {
  left: 0px;
  margin-left: 1.25rem;
}

.dialog .dialog__icon-nw-mobile {
  display: none;
}

[dir] .dialog .dialog__info-icon {
  margin-top: -4px;
}

[dir="ltr"] .dialog .dialog__info-icon {
  margin-right: 1rem;
}

[dir="rtl"] .dialog .dialog__info-icon {
  margin-left: 1rem;
}

.dialog .dialog__actions {
  gap: 1rem;
  display: flex;
  justify-content: flex-end;
}

[dir] .dialog .dialog__actions {
  padding-top: 1.5rem;
}

[dir="ltr"] .dialog .dialog__actions {
  padding-right: 0.25rem;
}

[dir="rtl"] .dialog .dialog__actions {
  padding-left: 0.25rem;
}

.dialog.dialog--xs .dialog__window {
  max-width: 25rem;
}

.dialog.dialog--sm .dialog__window {
  max-width: 36rem;
}

.dialog.dialog--md .dialog__window {
  max-width: 48rem;
}

.dialog.dialog--lg .dialog__window {
  max-width: 60rem;
}

.dialog .dialog--shim {
  position: absolute;
  z-index: 40;
  height: 100%;
  width: 100%;
  opacity: 0;
  top: 0px !important;
  bottom: 0px !important;
  content: "";
}

[dir] .dialog .dialog--shim {
  right: 0px !important;
  left: 0px !important;
}

.dialog.dialog--nw {
  letter-spacing: -0.2px;
}

[dir] .dialog.dialog--nw.dialog--visible {
  background-color: hsl(var(--bg-overlay)/80%);
}

[dir] .dialog.dialog--nw .dialog__container {
  padding: 0px;
}

[dir] .dialog.dialog--nw .dialog__content {
  background-color: hsl(var(--bg-modal-content));
}

.dialog.dialog--nw .dialog__window {
  overflow: hidden;
  --tw-shadow: 0px 12px 16px -4px rgba(23, 20, 18, 0.08), 0px 4px 6px -2px rgba(23, 20, 18, 0.03), 0px 2px 2px -1px rgba(23, 20, 18, 0.04);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .dialog.dialog--nw .dialog__window {
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: hsl(var(--border-primary));
  background-color: hsl(var(--bg-primary));
  padding: 0px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

[dir] .dialog.dialog--nw .dialog__header-container {
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
}

.dialog.dialog--nw .dialog__header {
  gap: 1rem;
  padding-right: 1.5rem;
}

[dir] .dialog.dialog--nw .dialog__header {
  margin: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: hsl(var(--border-primary));
  padding-top: 1rem;
  padding-bottom: 1rem;
}

[dir="ltr"] .dialog.dialog--nw .dialog__header {
  padding-left: 1.5rem;
  padding-right: 3rem;
}

[dir="rtl"] .dialog.dialog--nw .dialog__header {
  padding-right: 1.5rem;
  padding-left: 3rem;
}

[dir] .dialog.dialog--nw .dialog__footer {
  border-top-width: 1px;
  border-style: solid;
  border-color: hsl(var(--border-primary));
}

.dialog.dialog--nw .dialog__icon {
  display: none;
  color: hsl(var(--fg-quinary));
}

[dir] .dialog.dialog--nw .dialog__icon {
  margin-top: 1rem;
}

[dir="ltr"] .dialog.dialog--nw .dialog__icon {
  margin-right: 1.5rem;
}

[dir="rtl"] .dialog.dialog--nw .dialog__icon {
  margin-left: 1.5rem;
}

@media (min-width: 640px) {
  .dialog.dialog--nw .dialog__icon {
    display: block;
  }
}

.dialog.dialog--nw .dialog__icon:focus-visible {
  outline: 2px solid hsl(var(--focus-ring));
  outline-offset: -2px;
}

[dir] .dialog.dialog--nw .dialog__icon:focus-visible {
  border-radius: 8px;
}

.dialog.dialog--nw .dialog__icon-nw-mobile {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  color: hsl(var(--fg-tertiary));
}

[dir] .dialog.dialog--nw .dialog__icon-nw-mobile {
  margin-top: 1rem;
}

[dir="ltr"] .dialog.dialog--nw .dialog__icon-nw-mobile {
  margin-left: 1rem;
}

[dir="rtl"] .dialog.dialog--nw .dialog__icon-nw-mobile {
  margin-right: 1rem;
}

@media (min-width: 640px) {
  .dialog.dialog--nw .dialog__icon-nw-mobile {
    display: none;
  }
}

[dir] .dialog.dialog--nw .dialog__info-icon {
  margin: 0px;
}

.dialog.dialog--nw .dialog__content {
  display: flex;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
  line-height: 1.25rem;
}

[dir] .dialog.dialog--nw .dialog__content {
  padding: 0px;
}

.dialog.dialog--nw .dialog__header-container--gradient .dialog__icon-nw-mobile, .dialog.dialog--nw .dialog__header-container--gradient .dialog__icon {
  color: hsl(var(--fg-white));
}

@media screen and (max-width: 640px) {
  .dialog.dialog--nw .dialog__window {
    height: 100%;
    width: 100%;
    max-width: 100%;
  }

  [dir] .dialog.dialog--nw .dialog__window {
    border-radius: 0px;
    border-width: 0px;
  }

  [dir] .dialog.dialog--nw .dialog__header {
    border-style: none;
    padding: 1rem;
  }
}

.dialog.dialog--dividers-hidden .dialog__header-container > hr {
  display: none;
}

[dir] .dialog.dialog--dividers-hidden .dialog__header {
  border-style: none;
}

[dir] .dialog.dialog--dividers-hidden .dialog__footer {
  border-style: none;
}

/*purgecss end ignore*/
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/SideNav/SecondaryNavigation/index.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.secondary-navigation {
  --tw-bg-opacity: 1;
  width: var(--nav-secondary-width);
  height: 100vh;
  overflow-y: auto;
  position: fixed;
  top: 0;
  z-index: 50;
}

[dir] .secondary-navigation {
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
}

[dir="ltr"] .secondary-navigation {
  left: 5.3125rem;
}

[dir="rtl"] .secondary-navigation {
  right: 5.3125rem;
}

[dir] .secondary-navigation .top-secondary-nav {
  border-top: none;
}

.secondary-navigation .member-name {
  color: #222222;
}

.secondary-navigation .secondary-nav-mobile-header {
  display: none;
}

.secondary-navigation .secondary-nav-container {
  height: 100vh;
}

.secondary-navigation .secondary-nav-button {
  text-decoration: none;
  display: inline-block;
  color: #727272;
}

[dir] .secondary-navigation .secondary-nav-button {
  margin-bottom: 16px;
  cursor: pointer;
  border-radius: 100px;
}

[dir="ltr"] .secondary-navigation .secondary-nav-button {
  padding: 4px 0 4px 12px;
}

[dir="rtl"] .secondary-navigation .secondary-nav-button {
  padding: 4px 12px 4px 0;
}

.secondary-navigation .secondary-nav-button:hover {
  color: #486DE7;
  text-decoration: underline;
}

[dir] .secondary-navigation .secondary-nav-button:hover {
  background-color: #FFFFFF;
  box-shadow: 0px 0px 12px 0px #949494;
}

.secondary-navigation .secondary-nav-button:focus {
  color: #486DE7;
  text-decoration: underline;
  outline: 3px solid #486DE7;
}

[dir] .secondary-navigation .secondary-nav-button:focus {
  background-color: #FFFFFF;
}

.secondary-navigation .active {
  text-decoration: none;
  display: inline-block;
  color: #FFFFFF;
}

[dir] .secondary-navigation .active {
  cursor: pointer;
  border-radius: 100px;
  background-color: #486DE7;
  margin-bottom: 16px;
}

[dir="ltr"] .secondary-navigation .active {
  padding: 4px 0 4px 12px;
}

[dir="rtl"] .secondary-navigation .active {
  padding: 4px 12px 4px 0;
}

[dir] .secondary-navigation .bottom-secondary-nav {
  border-top: 1px solid #EDEDED;
  padding-top: 16px;
}

.secondary-navigation .wellthy-icon-mobile {
  display: none;
}

[dir] .secondary-navigation .wellthy-icon-mobile {
  margin: 0;
}

.secondary-navigation .secondary-nav-back-button {
  align-items: center;
  display: none;
}

[dir] .secondary-navigation .secondary-nav-bottom-button {
  margin-bottom: 1rem;
}

.secondary-navigation .secondary-nav-bottom-button-blue {
  color: #1436A4;
}

.secondary-navigation .secondary-nav-cta {
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0em;
}

[dir="ltr"] .secondary-navigation .secondary-nav-cta {
  text-align: left;
}

[dir="rtl"] .secondary-navigation .secondary-nav-cta {
  text-align: right;
}

[dir] .secondary-navigation .care-recipient-details {
  margin-bottom: 0.6rem;
}

.secondary-navigation .pop-menu {
  position: fixed;
  top: 1rem;
  bottom: 0px;
  z-index: 50;
}

[dir="ltr"] .secondary-navigation .pop-menu {
  left: -11rem;
}

[dir="rtl"] .secondary-navigation .pop-menu {
  right: -11rem;
}

.secondary-navigation .pop-menu .pop-up-menu {
  bottom: 1rem;
}

[dir="ltr"] .secondary-navigation .pop-menu .pop-up-menu {
  left: 30rem;
}

[dir="rtl"] .secondary-navigation .pop-menu .pop-up-menu {
  right: 30rem;
}

.secondary-navigation .pop-menu .pop-up-menu .pop-up-menu-button {
  justify-content: flex-start;
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0em;
}

[dir] .secondary-navigation .pop-menu .pop-up-menu .pop-up-menu-button {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

[dir="ltr"] .secondary-navigation .pop-menu .pop-up-menu .pop-up-menu-button {
  text-align: left;
}

[dir="rtl"] .secondary-navigation .pop-menu .pop-up-menu .pop-up-menu-button {
  text-align: right;
}

.secondary-navigation .pop-menu .pop-up-menu .pop-up-menu-button:hover, .secondary-navigation .pop-menu .pop-up-menu .pop-up-menu-button:focus {
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .secondary-navigation {
    width: 295px;
    opacity: 0;
    filter: drop-shadow(5px 0px 5px rgba(0, 0, 0, 0.12));
  }

  [dir] .secondary-navigation {
    transition: all 0.25s;
    padding-top: 1rem;
  }

  [dir="ltr"] .secondary-navigation {
    left: -295px;
  }

  [dir="rtl"] .secondary-navigation {
    right: -295px;
  }

  .secondary-navigation.menu-open {
    opacity: 1;
  }

  [dir="ltr"] .secondary-navigation.menu-open {
    left: 0px;
  }

  [dir="rtl"] .secondary-navigation.menu-open {
    right: 0px;
  }

  .secondary-navigation .main-menu-button-span {
    font-size: 13px;
    text-transform: capitalize;
  }

  [dir] .secondary-navigation .main-menu-button-span {
    margin-top: 0.125rem;
  }

  [dir="ltr"] .secondary-navigation .main-menu-button-span {
    padding-left: 0.25rem;
  }

  [dir="rtl"] .secondary-navigation .main-menu-button-span {
    padding-right: 0.25rem;
  }

  .secondary-navigation .wellthy-icon-mobile {
    display: flex;
    height: 30px;
    width: 100px;
  }

  .secondary-navigation .secondary-nav-button,
.secondary-navigation .care-recipient-details {
    max-width: 100%;
  }

  [dir] .secondary-navigation .top-secondary-nav {
    padding-top: 0px;
  }

  .secondary-navigation .secondary-nav-mobile-header {
    display: flex;
  }

  [dir] .secondary-navigation .secondary-nav-mobile-header {
    padding-bottom: 0.125rem;
  }

  .secondary-navigation .secondary-nav-back-button {
    display: flex;
  }

  .secondary-navigation .back-to-main {
    color: #1436A4;
  }

  [dir="ltr"] .secondary-navigation .back-to-main {
    margin: 0px 0px 14px 12px;
  }

  [dir="rtl"] .secondary-navigation .back-to-main {
    margin: 0px 12px 14px 0px;
  }
}

/* purgecss end ignore */
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/SideNav/index.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.side-nav-overlay {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
}

[dir] .side-nav-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

[dir="ltr"] .side-nav-overlay {
  left: 0;
}

[dir="rtl"] .side-nav-overlay {
  right: 0;
}

/* purgecss end ignore */
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/SideNavV2/MobileNavSwitchButton/index.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.btn.mobile-nav-switch-button {
  text-transform: none;
  letter-spacing: 0em;
  text-decoration: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  line-height: inherit;
  width: 100%;
  max-width: 100%;
  color: var(--nav-text-color);
  font-size: var(--nav-menu-item-font-size);
  font-weight: var(--nav-menu-item-font-weight);
}

[dir] .btn.mobile-nav-switch-button {
  padding: var(--nav-menu-item-padding);
  margin-bottom: 0.25rem;
  border-radius: var(--nav-menu-item-border-radius);
  transition: background-color 0.15s ease, color 0.15s ease;
}

.btn.mobile-nav-switch-button:hover {
  color: var(--nav-active-color);
  text-decoration: none;
}

[dir] .btn.mobile-nav-switch-button:hover {
  background-color: var(--nav-hover-bg);
  box-shadow: none;
}

.btn.mobile-nav-switch-button:focus {
  outline: 2px solid var(--nav-active-color);
  outline-offset: 0;
  color: var(--nav-active-color);
}

[dir="ltr"] .mobile-nav-switch-button__label {
  padding-left: 0.25rem;
}

[dir="rtl"] .mobile-nav-switch-button__label {
  padding-right: 0.25rem;
}

/* purgecss end ignore */
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/SideNavV2/PrimaryNavigationV2/PrimaryNavItemV2/index.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.primary-nav-item-v2 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  width: 100%;
  height: var(--nav-menu-item-size);
  color: var(--nav-text-color);
}

[dir] .primary-nav-item-v2 {
  padding: 0.5rem;
  cursor: pointer;
  border: none;
  background: none;
  border-radius: 0.5rem;
  transition: color 0.2s ease;
}

.primary-nav-item-v2:hover {
  color: var(--nav-active-color);
}

[dir] .primary-nav-item-v2:hover {
  background-color: var(--nav-hover-bg);
}

.primary-nav-item-v2--active {
  color: var(--nav-active-color);
}

[dir] .primary-nav-item-v2--active {
  background-color: var(--nav-active-bg);
}

.primary-nav-item-v2__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--nav-menu-item-icon-size);
  height: var(--nav-menu-item-icon-size);
}

[dir] .primary-nav-item-v2__icon {
  transition: transform 0.15s ease;
}

[dir] .primary-nav-item-v2:hover .primary-nav-item-v2__icon {
  transform: scale(1.1);
}

.primary-nav-item-v2__icon-filled {
  display: none;
}

.primary-nav-item-v2__icon-outline {
  display: block;
}

.primary-nav-item-v2--active .primary-nav-item-v2__icon-filled {
  display: block;
}

.primary-nav-item-v2--active .primary-nav-item-v2__icon-outline {
  display: none;
}

.primary-nav-item-v2__text {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  font-weight: var(--nav-menu-item-font-weight);
  font-size: var(--nav-menu-item-font-size);
  opacity: 1;
}

[dir] .primary-nav-item-v2__text {
  transition: opacity 0.1s ease;
}

.primary-nav-item-v2__tooltip {
  position: fixed;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 500;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  z-index: 51;
}

[dir] .primary-nav-item-v2__tooltip {
  transform: translateY(-50%);
  padding: 0.375rem 0.75rem;
  background-color: hsl(var(--gray-warm-900));
  border-radius: 0.375rem;
  animation: tooltip-fade-in 0.2s ease 0.4s forwards;
}

@keyframes tooltip-fade-in {
  to {
    opacity: 1;
  }
}

.primary-nav-v2--compact .primary-nav-item-v2 .primary-nav-item-v2__text {
  visibility: hidden;
  opacity: 0;
}

[dir] .primary-nav-v2--compact .primary-nav-item-v2 .primary-nav-item-v2__text {
  transition: opacity 0.1s ease, visibility 0s linear 0.1s;
}

@media only screen and (max-width: 768px) {
  .primary-nav-v2--compact .primary-nav-item-v2 .primary-nav-item-v2__text {
    visibility: visible;
    opacity: 1;
  }

  [dir] .primary-nav-v2--compact .primary-nav-item-v2 .primary-nav-item-v2__text {
    transition: none;
  }
}

/* purgecss end ignore */
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/SideNavV2/PrimaryNavigationV2/index.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.nav-separator-v2 {
  list-style: none;
  width: 100%;
  height: 1px;
  min-height: 1px;
  flex-shrink: 0;
}

[dir] .nav-separator-v2 {
  background-color: hsl(var(--border-secondary));
  margin: 0.5rem 0;
}

.primary-nav-v2 {
  display: flex;
  flex-direction: column;
  /* fallback for browsers without dvh support */
  height: 100vh;
  height: 100dvh;
  position: fixed;
  top: 0;
  z-index: 50;
  width: var(--nav-side-width);
}

[dir] .primary-nav-v2 {
  background: hsl(var(--bg-primary));
  transition: width 0.2s ease;
  margin-top: 0;
}

[dir="ltr"] .primary-nav-v2 {
  left: 0;
  border-right: 1px solid hsl(var(--border-secondary));
}

[dir="rtl"] .primary-nav-v2 {
  right: 0;
  border-left: 1px solid hsl(var(--border-secondary));
}

.primary-nav-v2--expanded {
  width: var(--nav-side-expanded-width);
}

.primary-nav-v2--compact .primary-nav-v2__logo-wordmark {
  visibility: hidden;
  opacity: 0;
}

[dir] .primary-nav-v2--compact .primary-nav-v2__logo-wordmark {
  transition: opacity 0.1s ease, visibility 0s linear 0.1s;
}

.primary-nav-v2__logo {
  display: flex;
  height: 32px;
  align-items: center;
  overflow: hidden;
  text-decoration: none;
}

[dir] .primary-nav-v2__logo {
  margin: var(--nav-padding-x) var(--nav-padding-x) var(--nav-padding-sm-x);
}

.primary-nav-v2__logo-mark {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

.primary-nav-v2__logo-wordmark {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 79px;
  height: 32px;
  opacity: 1;
}

[dir] .primary-nav-v2__logo-wordmark {
  transition: opacity 0.1s ease;
}

[dir="ltr"] .primary-nav-v2__logo-wordmark {
  margin-left: var(--nav-padding-sm-y);
}

[dir="rtl"] .primary-nav-v2__logo-wordmark {
  margin-right: var(--nav-padding-sm-y);
}

.primary-nav-v2__menu-wrapper {
  --scroll-fade-height: 3rem;
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.primary-nav-v2__menu-wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: var(--scroll-fade-height);
  pointer-events: none;
}

[dir] .primary-nav-v2__menu-wrapper::after {
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, transparent, hsl(var(--bg-primary)));
}

.primary-nav-v2__menu {
  list-style: none;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: auto;
  flex: 1;
  gap: var(--nav-menu-gap);
}

[dir] .primary-nav-v2__menu {
  padding: var(--nav-padding-sm-x) var(--nav-padding-sm-y);
  padding-bottom: var(--scroll-fade-height);
  margin: 0;
  margin-top: 0;
}

.primary-nav-v2__footer {
  position: relative;
  width: 100%;
}

[dir] .primary-nav-v2__footer {
  padding: 0.5rem;
}

.primary-nav-v2__footer .pop-up-menu {
  bottom: 100%;
}

[dir] .primary-nav-v2__footer .pop-up-menu {
  margin-bottom: calc(var(--nav-padding-sm-x) / 2);
}

[dir="ltr"] .primary-nav-v2__footer .pop-up-menu {
  left: var(--nav-padding-sm-x);
}

[dir="rtl"] .primary-nav-v2__footer .pop-up-menu {
  right: var(--nav-padding-sm-x);
}

.primary-nav-v2__mobile-footer {
  display: none;
}

@media only screen and (max-width: 768px) {
  .primary-nav-v2 {
    width: 100vw;
    overflow-y: auto;
    visibility: hidden;
    overscroll-behavior: contain;
  }

  [dir] .primary-nav-v2 {
    transition: transform 0.2s ease;
  }

  [dir="ltr"] .primary-nav-v2 {
    transform: translateX(-100%);
  }

  [dir="rtl"] .primary-nav-v2 {
    transform: translateX(100%);
  }

  .primary-nav-v2.menu-open {
    visibility: visible;
  }

  [dir] .primary-nav-v2.menu-open {
    transform: translateX(0);
  }

  .primary-nav-v2__logo {
    display: none;
  }

  [dir] .primary-nav-v2__menu {
    margin-top: var(--nav-bar-height);
  }

  .primary-nav-v2__footer {
    display: none;
  }

  .primary-nav-v2__mobile-footer {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  [dir] .primary-nav-v2__mobile-footer {
    padding: 1rem;
  }
}

/* purgecss end ignore */
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/SideNavV2/SecondaryNavigationV2/index.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.secondary-navigation__v2 {
  width: var(--nav-secondary-width);
  /* fallback for browsers without dvh support */
  height: 100vh;
  height: 100dvh;
  position: fixed;
  top: 0;
  z-index: 8;
  overflow-y: auto;
  font-size: var(--nav-menu-item-font-size);
  font-family: var(--nav-font-family);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

[dir] .secondary-navigation__v2 {
  background-color: hsl(var(--bg-primary));
  padding: 30px 10px 20px 10px;
}

[dir="ltr"] .secondary-navigation__v2 {
  left: var(--nav-side-width);
  border-right: 1px solid hsl(var(--border-secondary));
}

[dir="rtl"] .secondary-navigation__v2 {
  right: var(--nav-side-width);
  border-left: 1px solid hsl(var(--border-secondary));
}

[dir="ltr"] .secondary-navigation__v2--nav-expanded {
  left: var(--nav-side-expanded-width);
}

[dir="rtl"] .secondary-navigation__v2--nav-expanded {
  right: var(--nav-side-expanded-width);
}

.secondary-navigation__v2 .member-name {
  color: #222222;
  font-weight: bold;
  word-wrap: break-word;
  white-space: normal;
  display: block;
}

[dir] .secondary-navigation__v2 .member-name {
  margin-bottom: 16px;
  padding: 0 10px;
}

.secondary-navigation__v2 .secondary-nav-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

[dir] .secondary-navigation__v2 .top-secondary-nav {
  border-top: none;
}

.secondary-navigation__v2 .secondary-nav-button {
  text-decoration: none;
  display: flex;
  align-items: center;
  width: 100%;
  color: var(--nav-text-color);
  font-size: var(--nav-menu-item-font-size);
  font-weight: var(--nav-menu-item-font-weight);
}

[dir] .secondary-navigation__v2 .secondary-nav-button {
  padding: var(--nav-menu-item-padding);
  margin-bottom: 0.25rem;
  cursor: pointer;
  border-radius: var(--nav-menu-item-border-radius);
  transition: background-color 0.15s ease, color 0.15s ease;
}

.secondary-navigation__v2 .secondary-nav-button:hover {
  color: var(--nav-active-color);
  text-decoration: none;
}

[dir] .secondary-navigation__v2 .secondary-nav-button:hover {
  background-color: var(--nav-hover-bg);
  box-shadow: none;
}

.secondary-navigation__v2 .secondary-nav-button:focus {
  outline: 2px solid var(--nav-active-color);
  outline-offset: 0;
  color: var(--nav-active-color);
}

.secondary-navigation__v2 .active {
  text-decoration: none;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: var(--nav-menu-item-font-size);
  font-weight: var(--nav-menu-item-font-weight);
  color: var(--nav-active-color);
}

[dir] .secondary-navigation__v2 .active {
  padding: var(--nav-menu-item-padding);
  border-radius: var(--nav-menu-item-border-radius);
  margin-bottom: 0.25rem;
  background-color: var(--nav-active-bg);
  transition: background-color 0.15s ease, color 0.15s ease;
}

[dir] .secondary-navigation__v2 .active:hover {
  background-color: var(--nav-active-hover-bg);
}

.secondary-navigation__v2 .bottom-secondary-nav {
  min-height: -moz-max-content;
  min-height: max-content;
}

[dir] .secondary-navigation__v2 .bottom-secondary-nav {
  border-top: 1px solid hsl(var(--border-secondary));
  padding-top: 8px;
}

[dir] .secondary-navigation__v2 .secondary-nav-bottom-button {
  margin-bottom: 1rem;
}

.secondary-navigation__v2 .secondary-nav-bottom-button-blue {
  color: #1436A4;
}

.secondary-navigation__v2 .secondary-nav-cta-button {
  font-family: inherit;
  text-transform: none;
  letter-spacing: normal;
}

[dir] .secondary-navigation__v2 .secondary-nav-cta-button {
  background: transparent;
  border: none;
}

[dir="ltr"] .secondary-navigation__v2 .secondary-nav-cta-button {
  text-align: left;
}

[dir="rtl"] .secondary-navigation__v2 .secondary-nav-cta-button {
  text-align: right;
}

.secondary-navigation__v2 .pop-menu {
  position: fixed;
  top: 1rem;
  bottom: 0px;
  z-index: 50;
}

[dir="ltr"] .secondary-navigation__v2 .pop-menu {
  left: -11rem;
}

[dir="rtl"] .secondary-navigation__v2 .pop-menu {
  right: -11rem;
}

.secondary-navigation__v2 .pop-menu .pop-up-menu {
  bottom: 1rem;
}

[dir="ltr"] .secondary-navigation__v2 .pop-menu .pop-up-menu {
  left: 30rem;
}

[dir="rtl"] .secondary-navigation__v2 .pop-menu .pop-up-menu {
  right: 30rem;
}

.secondary-navigation__v2 .pop-menu .pop-up-menu .pop-up-menu-button {
  justify-content: flex-start;
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0em;
}

[dir] .secondary-navigation__v2 .pop-menu .pop-up-menu .pop-up-menu-button {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

[dir="ltr"] .secondary-navigation__v2 .pop-menu .pop-up-menu .pop-up-menu-button {
  text-align: left;
}

[dir="rtl"] .secondary-navigation__v2 .pop-menu .pop-up-menu .pop-up-menu-button {
  text-align: right;
}

.secondary-navigation__v2 .pop-menu .pop-up-menu .pop-up-menu-button:hover, .secondary-navigation__v2 .pop-menu .pop-up-menu .pop-up-menu-button:focus {
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .secondary-navigation__v2 {
    width: 100%;
    opacity: 0;
    filter: drop-shadow(5px 0px 5px rgba(0, 0, 0, 0.12));
    overscroll-behavior: contain;
  }

  [dir] .secondary-navigation__v2 {
    transition: all 0.25s;
    padding-top: calc(var(--nav-bar-height) + 8px);
  }

  [dir="ltr"] .secondary-navigation__v2 {
    left: -100%;
  }

  [dir="rtl"] .secondary-navigation__v2 {
    right: -100%;
  }

  .secondary-navigation__v2.menu-open {
    opacity: 1;
  }

  [dir="ltr"] .secondary-navigation__v2.menu-open {
    left: 0px;
  }

  [dir="rtl"] .secondary-navigation__v2.menu-open {
    right: 0px;
  }

  .secondary-navigation__v2 .secondary-nav-button,
.secondary-navigation__v2 .member-name {
    max-width: 100%;
  }

  [dir] .secondary-navigation__v2 .top-secondary-nav {
    padding-top: 0px;
  }
}

/* purgecss end ignore */
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/component/CareTeamAvailabilityBanner/index.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.availability-banner {
  width: 100%;
  width: 100vw;
  height: 2.5rem;
}

.availability-banner .alert {
  height: 2.5rem;
}

[dir="ltr"] .availability-banner p[role=alert] {
  margin-right: 0;
}

[dir="rtl"] .availability-banner p[role=alert] {
  margin-left: 0;
}

.availability-banner ~ #app-top-nav .app-bar {
  top: 2.5rem;
}

.availability-banner ~ .flow-body .primary-navigation {
  height: calc(100vh - 2.5rem);
  top: 2.5rem;
}

.availability-banner__text {
  max-width: calc(100vw - 3rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  text-overflow: ellipsis;
}

.availability-banner .close-button-container {
  height: 2.5rem;
}

/* purgecss end ignore */
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/component/NewFooter/index.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

@charset "UTF-8";

.new-footer {
  --tw-bg-opacity: 1;
  font-family: "Whitney SSm A", "Whitney SSm B", "Arial", "Helvetica", sans-serif;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 32px;
       column-gap: 32px;
}

[dir] .new-footer {
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 1.5rem;
}

[dir="ltr"] .new-footer--primary-nav {
  margin-left: 5.3125rem;
}

[dir="rtl"] .new-footer--primary-nav {
  margin-right: 5.3125rem;
}

[dir="ltr"] .new-footer--secondary-nav {
  margin-left: calc(5.3125rem + var(--nav-secondary-width));
}

[dir="rtl"] .new-footer--secondary-nav {
  margin-right: calc(5.3125rem + var(--nav-secondary-width));
}

.new-footer__nav {
  display: flex;
  font-size: 16px;
}

.new-footer__nav-item a {
  text-decoration: underline;
}

.new-footer__nav-item::after {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
  content: "·";
}

[dir] .new-footer__nav-item::after {
  padding: 0 16px;
}

.new-footer__nav-item:last-child::after {
  content: none;
}

.new-footer__text {
  font-size: 0.875rem;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
  display: contents;
}

@media only screen and (max-width: 768px) {
  [dir="ltr"] .new-footer--primary-nav, [dir="ltr"] .new-footer--secondary-nav {
    margin-left: 0;
  }

  [dir="rtl"] .new-footer--primary-nav, [dir="rtl"] .new-footer--secondary-nav {
    margin-right: 0;
  }
}

@media only screen and (max-width: 640px) {
  .new-footer {
    flex-direction: column;
    align-items: start;
    justify-content: flex-end;
    -moz-column-gap: 10px;
         column-gap: 10px;
  }

  .new-footer__nav {
    flex-direction: column;
    -moz-column-gap: 10px;
         column-gap: 10px;
  }

  .new-footer__nav-item::after {
    display: none;
  }
}

/* purgecss end ignore */
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/layout/Flow/index.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.bottom-down {
  min-height: calc(100vh - 136px);
  width: 100vw;
  box-sizing: border-box;
}

.marginForPrimaryNav {
  width: calc(100vw - 5.3125rem);
}

[dir="ltr"] .marginForPrimaryNav {
  margin-left: 5.3125rem;
  transition: margin-left 0.2s ease, width 0.2s ease;
}

[dir="rtl"] .marginForPrimaryNav {
  margin-right: 5.3125rem;
  transition: margin-right 0.2s ease, width 0.2s ease;
}

.marginForPrimaryNav.layout__main--nav-v2 {
  width: calc(100vw - var(--nav-side-width));
}

[dir="ltr"] .marginForPrimaryNav.layout__main--nav-v2 {
  margin-left: var(--nav-side-width);
}

[dir="rtl"] .marginForPrimaryNav.layout__main--nav-v2 {
  margin-right: var(--nav-side-width);
}

.marginForPrimaryNav.layout__main--nav-expanded {
  width: calc(100vw - var(--nav-side-expanded-width));
}

[dir="ltr"] .marginForPrimaryNav.layout__main--nav-expanded {
  margin-left: var(--nav-side-expanded-width);
}

[dir="rtl"] .marginForPrimaryNav.layout__main--nav-expanded {
  margin-right: var(--nav-side-expanded-width);
}

[dir="ltr"] .growLeftMargin {
  margin-left: calc(5.3125rem + var(--nav-secondary-width));
}

[dir="rtl"] .growLeftMargin {
  margin-right: calc(5.3125rem + var(--nav-secondary-width));
}

[dir] #content.disabledFooter {
  padding-bottom: 0px;
}

.app-main.app-main--new-mx #content {
  min-height: unset;
  position: relative;
}

[dir] .app-main.app-main--new-mx #content {
  padding: 0;
}

.app-main.app-main--new-mx .fullHeight {
  height: 100%;
}

@media only screen and (max-width: 768px) {
  [dir="ltr"] .growLeftMargin {
    margin-left: 0;
  }

  [dir="rtl"] .growLeftMargin {
    margin-right: 0;
  }

  .bottom-down {
    width: 100vw;
  }

  [dir="ltr"] .bottom-down {
    margin-left: auto;
  }

  [dir="rtl"] .bottom-down {
    margin-right: auto;
  }

  .marginForPrimaryNav.layout__main--nav-v2,
.marginForPrimaryNav.layout__main--nav-expanded {
    width: 100vw;
  }

  [dir="ltr"] .marginForPrimaryNav.layout__main--nav-v2,
[dir="ltr"] .marginForPrimaryNav.layout__main--nav-expanded {
    margin-left: 0;
  }

  [dir="rtl"] .marginForPrimaryNav.layout__main--nav-v2,
[dir="rtl"] .marginForPrimaryNav.layout__main--nav-expanded {
    margin-right: 0;
  }
}

@media print {
  #app-top-nav {
    display: none;
  }

  #app-side-nav {
    display: none;
  }

  #app-main {
    display: block;
    width: 100%;
  }

  [dir] #app-main {
    padding: 0;
    margin: 0;
  }

  [dir] #content {
    padding: 0;
    margin: 0;
  }

  #app-footer {
    display: none;
  }
}

/* purgecss end ignore */
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/StatusIndicator/index.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.status__indicator {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}

.status__indicator--icon > svg {
  width: 1.25rem;
  height: 1.25rem;
}

.status__indicator--label {
  font-size: 0.875rem;
  font-weight: 500;
}

.status__indicator__success {
  color: #008000;
}

.status__indicator__secondary {
  color: #486DE7;
}

.status__indicator__text {
  color: #727272;
}

.status__indicator__error {
  color: #D91F1B;
}

.status__indicator__warning {
  color: hsl(var(--nw-warning-700));
}

.status__indicator__warning .status__indicator--icon {
  color: hsl(var(--nw-warning-500));
}

/* purgecss end ignore */
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/component/CareNetwork/VendorDetail/VendorDetail.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

h2.vendor-detail-header {
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
}

/* purgecss end ignore */
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/newMx/StatusIndicator/index.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.status-indicator-new-mx {
  display: inline-flex;
  max-width: -moz-max-content;
  max-width: max-content;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  white-space: nowrap;
  font-weight: 500;
  line-height: 1.25rem;
}

[dir] .status-indicator-new-mx {
  border-radius: 9999px;
  border-width: 1px;
}

.status-indicator-new-mx--sm {
  height: 1.5rem;
  font-size: 0.75rem;
}

[dir] .status-indicator-new-mx--sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 2px;
  padding-bottom: 2px;
}

.status-indicator-new-mx--sm > svg {
  height: 0.875rem;
  width: 0.875rem;
}

.status-indicator-new-mx--md {
  font-size: 0.875rem;
  height: 1.875rem;
}

[dir] .status-indicator-new-mx--md {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.status-indicator-new-mx--md > svg {
  height: 1rem;
  width: 1rem;
}

.status-indicator-new-mx--primary {
  color: hsl(var(--text-secondary));
}

[dir] .status-indicator-new-mx--primary {
  border-color: hsl(var(--border-primary));
  background-color: hsl(var(--bg-primary));
}

.status-indicator-new-mx--secondary {
  color: hsl(var(--text-brand-secondary));
}

[dir] .status-indicator-new-mx--secondary {
  border-color: hsl(var(--border-brand-subtle));
  background-color: hsl(var(--bg-brand-primary-alt));
}

.status-indicator-new-mx--success {
  color: hsl(var(--nw-success-700));
}

[dir] .status-indicator-new-mx--success {
  background-color: hsl(var(--nw-success-50));
  border: 1px solid hsl(var(--nw-success-200));
}

.status-indicator-new-mx--success > svg {
  color: hsl(var(--nw-success-500));
}

.status-indicator-new-mx--warning {
  color: hsl(var(--nw-warning-700));
}

[dir] .status-indicator-new-mx--warning {
  background-color: hsl(var(--nw-warning-50));
  border: 1px solid hsl(var(--nw-warning-200));
}

.status-indicator-new-mx--warning > svg {
  color: hsl(var(--nw-warning-500));
}

.status-indicator-new-mx--error {
  color: hsl(var(--nw-error-700));
}

[dir] .status-indicator-new-mx--error {
  background-color: hsl(var(--nw-error-50));
  border: 1px solid hsl(var(--nw-error-200));
}

.status-indicator-new-mx--error > svg {
  color: hsl(var(--nw-error-500));
}

/* purgecss end ignore */
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/component/TruncateToggle/index.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.truncate-toggle {
  position: relative;
  overflow: hidden;
  white-space: pre-line;
}

.truncate-toggle--collapsed::after {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 4rem;
  --tw-gradient-from: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
  --tw-gradient-to: #fff;
}

[dir] .truncate-toggle--collapsed::after {
  right: 0px;
  left: 0px;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.truncate-toggle__sizer {
  visibility: hidden;
  position: absolute;
  top: 0px;
  opacity: 0;
}

[dir="ltr"] .truncate-toggle__sizer {
  left: 0px;
}

[dir="rtl"] .truncate-toggle__sizer {
  right: 0px;
}

.truncate-toggle__button {
  font-size: 0.75rem;
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
  text-decoration: underline;
}

[dir] .truncate-toggle__button {
  cursor: pointer;
  border-width: 0px;
  padding: 0px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* purgecss end ignore */
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/Toggle/index.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.toggle {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

[dir] .toggle {
  cursor: pointer;
  border-radius: 0.125rem;
  padding: 0.25rem;
}

.toggle:focus-within {
  outline: 2px solid var(--brand-secondary);
  outline-offset: 1px;
}

.toggle input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

[dir] .toggle input {
  padding: 0;
  margin: -1px;
  border-width: 0;
}

.toggle .toggle__slider {
  position: relative;
  display: inline-block;
  height: 1.5rem;
  width: 3rem;
  flex-shrink: 0;
  --tw-bg-opacity: 1;
}

[dir] .toggle .toggle__slider {
  border-radius: 9999px;
  background-color: rgba(148, 148, 148, var(--tw-bg-opacity));
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.toggle .toggle__slider:before {
  position: absolute;
  top: 0.25rem;
  height: 1rem;
  width: 1rem;
  --tw-bg-opacity: 1;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  content: "";
}

[dir] .toggle .toggle__slider:before {
  border-radius: 9999px;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

[dir="ltr"] .toggle .toggle__slider:before {
  left: 0.25rem;
}

[dir="rtl"] .toggle .toggle__slider:before {
  right: 0.25rem;
}

.toggle .toggle__label {
  font-weight: 500;
  line-height: 1.5rem;
}

.toggle--checked .toggle__slider {
  --tw-bg-opacity: 1;
}

[dir] .toggle--checked .toggle__slider {
  background-color: rgba(20, 54, 164, var(--tw-bg-opacity));
}

[dir="ltr"] .toggle--checked .toggle__slider:before {
  left: 1.75rem;
}

[dir="rtl"] .toggle--checked .toggle__slider:before {
  right: 1.75rem;
}

[dir] .toggle--disabled {
  cursor: not-allowed;
}

.toggle--disabled .toggle__slider {
  --tw-bg-opacity: 1;
  opacity: 0.8;
}

[dir] .toggle--disabled .toggle__slider {
  background-color: rgba(148, 148, 148, var(--tw-bg-opacity));
}

.toggle--disabled .toggle__slider:before {
  --tw-bg-opacity: 1;
}

[dir] .toggle--disabled .toggle__slider:before {
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.toggle--disabled .toggle__label {
  --tw-text-opacity: 1;
  color: rgba(148, 148, 148, var(--tw-text-opacity));
}

/* purgecss end ignore */
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/Tabs/index.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.tabs__container {
  width: 100%;
  align-items: center;
  display: grid;
  grid-template-columns: auto 1fr auto;
}

[dir] .tabs__container {
  border-bottom-width: 1px;
}

[dir] .tabs__container.new-mx {
  border-radius: 8px;
  border-width: 1px;
  border-color: hsl(var(--border-primary));
}

.tabs__container .scroll-left, .tabs__container .scroll-right {
  justify-self: center;
}

[dir] .tabs__container .scroll-left, [dir] .tabs__container .scroll-right {
  cursor: pointer;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.tabs__container .tablist {
  display: flex;
  width: 100%;
  flex-direction: row;
  overflow: auto hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.tabs__container .tablist::-webkit-scrollbar {
  display: none;
}

.tabs__container .tablist .tab {
  display: flex;
  align-items: center;
  font-weight: 400;
  flex: 0 0 auto;
}

[dir] .tabs__container .tablist .tab {
  cursor: pointer;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.tabs__container .tablist .tab:focus-visible {
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
  outline: 2px solid var(--brand-secondary);
  outline-offset: 1px;
  outline-offset: -2px;
}

[dir] .tabs__container .tablist .tab:focus-visible {
  border-radius: 0.25rem;
}

.tabs__container .tablist .tab--active {
  font-weight: 500;
}

[dir] .tabs__container .tablist .tab--active {
  border-bottom-width: 4px;
  border-color: hsl(var(--border-brand));
  text-align: center;
}

.tabs__container .tablist.new-mx .tab {
  display: flex;
  align-items: center;
  font-weight: 400;
  color: hsl(var(--text-secondary));
}

[dir] .tabs__container .tablist.new-mx .tab {
  cursor: pointer;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.tabs__container .tablist.new-mx .tab:focus-visible {
  outline: 2px solid hsl(var(--focus-ring));
  outline-offset: -2px;
}

[dir] .tabs__container .tablist.new-mx .tab:focus-visible {
  border-radius: 8px;
}

.tabs__container .tablist.new-mx .tab--active {
  color: hsl(var(--text-brand-secondary));
}

[dir] .tabs__container .tablist.new-mx .tab--active {
  border-bottom-width: 0px;
  background-color: hsl(var(--bg-brand-primary-alt));
}

[dir="ltr"] .tabs__container .tablist.new-mx .tab--active:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

[dir="rtl"] .tabs__container .tablist.new-mx .tab--active:first-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

[dir="ltr"] .tabs__container .tablist.new-mx .tab--active:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

[dir="rtl"] .tabs__container .tablist.new-mx .tab--active:last-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

[dir] .tabs__container .tablist.new-mx .tab:not(:first-child) {
  border-color: hsl(var(--border-primary));
}

[dir="ltr"] .tabs__container .tablist.new-mx .tab:not(:first-child) {
  border-left-width: 1px;
}

[dir="rtl"] .tabs__container .tablist.new-mx .tab:not(:first-child) {
  border-right-width: 1px;
}

/* purgecss end ignore */
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/component/CareNetwork/AppBarTitle/index.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.cn-page-title {
  display: flex;
  flex-wrap: wrap;
  font-weight: 500;
}

.cn-page-title a {
  font-weight: 500;
}

.cn-page-title-separator {
  font-family: serif;
}

[dir] .cn-page-title-separator {
  margin: 0px 10px;
}

/* purgecss end ignore */
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/page/CareNetwork/VendorProfile/index.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

h2.section-header {
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
}

/* purgecss end ignore */
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/Snackbar/index.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.snackbar {
  position: fixed;
  z-index: 50;
  display: flex;
  align-items: center;
  bottom: 1.5625rem;
}

[dir] .snackbar {
  border-radius: 0.25rem;
  padding: 1rem;
  box-shadow: 0rem 0rem 0.5rem #949494;
}

[dir="ltr"] .snackbar {
  left: 6.3125rem;
}

[dir="rtl"] .snackbar {
  right: 6.3125rem;
}

@media only screen and (max-width: 640px) {
  [dir] .snackbar {
    right: 1rem;
    left: 1rem;
  }

  .snackbar__text {
    width: 100%;
  }
}

.snackbar__iconcontainer {
  width: 1.25rem;
}

[dir] .snackbar--visible {
  animation: visible 0.5s linear 1 forwards;
}

[dir] .snackbar--success {
  background: #E9FAE9;
  border: 1.5px solid #008000;
}

.snackbar--success .snackbar__iconcontainer > svg {
  fill: #008000;
}

[dir] .snackbar--error {
  background: #FFF1F1;
  border: 1.5px solid #D91F1B;
}

.snackbar--error .snackbar__iconcontainer > svg {
  fill: #D91F1B;
}

[dir] .snackbar--info {
  background: #F1F4FC;
  border: 1.5px solid #1436A4;
}

.snackbar--info .snackbar__iconcontainer > svg {
  fill: #1436A4;
}

.snackbar__text {
  width: 24rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

[dir="ltr"] .snackbar__text {
  margin-left: 1rem;
}

[dir="rtl"] .snackbar__text {
  margin-right: 1rem;
}

[dir="ltr"] .snackbar__action {
  margin-right: 1rem;
}

[dir="rtl"] .snackbar__action {
  margin-left: 1rem;
}

@keyframes visible {
  0% {
    bottom: 0rem;
    opacity: 0.5;
    opacity: 0;
  }

  50% {
    bottom: 2.0625rem;
    opacity: 0.7;
  }

  100% {
    bottom: 25px;
    opacity: 1;
  }
}

/* purgecss end ignore */
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/Tooltip/index.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.tooltip__container {
  position: relative;
  display: inline-block;
}

[dir] .tooltip__container {
  margin-bottom: -0.4rem;
}

.tooltip__overlay {
  position: absolute;
  top: 0px;
  z-index: 10;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}

[dir="ltr"] .tooltip__overlay {
  left: 0px;
}

[dir="rtl"] .tooltip__overlay {
  right: 0px;
}

.tooltip__content {
  position: absolute;
  z-index: 20;
  color: #FFFFFF;
  font-size: 1rem;
  width: 20rem;
  min-height: 1.5rem;
}

[dir] .tooltip__content {
  padding: 1.25rem 1rem;
  background-color: #222222;
  border-radius: 0.25rem;
}

.tooltip__content:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}

[dir] .tooltip__content:after {
  border-style: solid;
}

.tooltip__content.top {
  bottom: 100%;
}

[dir="ltr"] .tooltip__content.top {
  left: 50%;
  transform: translate(-50%, -16px);
}

[dir="rtl"] .tooltip__content.top {
  right: 50%;
  transform: translate(50%, -16px);
}

.tooltip__content.top:after {
  top: 100%;
}

[dir] .tooltip__content.top:after {
  border-width: 0.625rem 0.375rem 0px 0.375rem;
  border-color: #222222 transparent transparent transparent;
}

[dir="ltr"] .tooltip__content.top:after {
  left: 50%;
  transform: translateX(-50%);
}

[dir="rtl"] .tooltip__content.top:after {
  right: 50%;
  transform: translateX(50%);
}

.tooltip__content.bottom {
  top: 100%;
}

[dir="ltr"] .tooltip__content.bottom {
  left: 50%;
  transform: translate(-50%, 16px);
}

[dir="rtl"] .tooltip__content.bottom {
  right: 50%;
  transform: translate(50%, 16px);
}

.tooltip__content.bottom:after {
  bottom: 100%;
}

[dir] .tooltip__content.bottom:after {
  border-width: 0px 0.375rem 0.625rem 0.375rem;
  border-color: transparent transparent #222222 transparent;
}

[dir="ltr"] .tooltip__content.bottom:after {
  left: 50%;
  transform: translateX(-50%);
}

[dir="rtl"] .tooltip__content.bottom:after {
  right: 50%;
  transform: translateX(50%);
}

@media (min-width: 767px) {
  .tooltip__close-btn {
    display: none;
  }
}

@media (max-width: 767px) {
  .tooltip__text-content {
    font-size: 0.875rem;
    color: #222222;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .tooltip__info-icon {
    display: flex;
    justify-content: center;
  }

  [dir] .tooltip__info-icon {
    margin-bottom: 8px;
  }

  .tooltip__overlay {
    position: fixed;
  }

  [dir] .tooltip__overlay {
    background-color: rgba(0, 0, 0, 0.5);
  }

  .tooltip__close-btn {
    position: absolute;
    top: 14px;
    color: #222222;
    font-size: 1.125rem;
  }

  [dir] .tooltip__close-btn {
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
  }

  [dir="ltr"] .tooltip__close-btn {
    right: 14px;
  }

  [dir="rtl"] .tooltip__close-btn {
    left: 14px;
  }

  .tooltip__close-btn svg {
    width: 1.25rem;
    height: 1.25rem;
  }

  .tooltip__content {
    position: static;
    width: 15.9375rem;
    white-space: normal;
    color: #222222;
  }

  [dir] .tooltip__content {
    border-radius: 4px;
    margin: auto;
    padding: 1rem;
    text-align: center;
    background: #FFFFFF;
    transform: translateY(-50%) !important;
  }

  .tooltip__content:after {
    display: none;
  }
}

/* purgecss end ignore */
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/HOC/Label/index.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.label__container {
  width: 100%;
  flex-direction: column;
}

.label__label {
  display: inline-block;
  font-family: "Whitney SSm A", "Whitney SSm B", "Arial", "Helvetica", sans-serif;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir] .label__label {
  margin-bottom: 0.25rem;
}

.label__description {
  font-size: 0.875rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

/* purgecss end ignore */
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/Select/index.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.select {
  width: 100%;
}

.select label {
  font-family: "Whitney SSm A", "Whitney SSm B", "Arial", "Helvetica", sans-serif;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

.select label .label__optional {
  font-size: 0.875rem;
  font-weight: 400;
}

[dir="ltr"] .select label .label__optional {
  margin-left: 0.25rem;
}

[dir="rtl"] .select label .label__optional {
  margin-right: 0.25rem;
}

.select__description {
  font-size: 0.875rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

.select__input {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: stretch;
  justify-items: stretch;
}

.select__input__box {
  height: 3rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-overflow: ellipsis;
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
}

[dir] .select__input__box {
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
}

[dir="ltr"] .select__input__box {
  padding-right: 3rem;
  padding-left: 0.75rem;
}

[dir="rtl"] .select__input__box {
  padding-left: 3rem;
  padding-right: 0.75rem;
}

.select__input__box:focus-within, .select__input__box:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgba(72, 109, 231, var(--tw-border-opacity));
  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-style: solid;
  outline-color: #486DE7;
}

[dir] .select__input__box:focus-within, [dir] .select__input__box:focus-visible {
  box-shadow: 0 0 0 3px #486DE7;
  border-color: #486DE7;
}

[dir] .select__input__box:hover:not(:focus) {
  box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0.2);
}

.select__input__box:hover:not(:focus)::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

.select__input__box:hover:not(:focus)::placeholder {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

.select__input__box:disabled {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(148, 148, 148, var(--tw-text-opacity));
}

[dir] .select__input__box:disabled {
  cursor: not-allowed;
  background-color: rgba(237, 237, 237, var(--tw-bg-opacity));
}

.select__input__box_error {
  --tw-border-opacity: 1;
}

[dir] .select__input__box_error {
  border-width: 2px;
  border-color: rgba(217, 31, 27, var(--tw-border-opacity));
}

.select__input__chevron {
  pointer-events: none;
  position: absolute;
  top: 50%;
  --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-translate-y: -50%;
}

[dir] .select__input__chevron {
  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));
}

[dir="ltr"] .select__input__chevron {
  right: 1rem;
}

[dir="rtl"] .select__input__chevron {
  left: 1rem;
}

.select-error-box {
  display: flex;
  flex-direction: row;
  align-items: center;
}

[dir] .select-error-box {
  padding: 0.25rem;
}

.select-error-box-icon {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  fill: currentColor;
}

.select-error-box-message {
  --tw-text-opacity: 1;
  color: rgba(217, 31, 27, var(--tw-text-opacity));
}

[dir="ltr"] .select-error-box-message {
  padding-left: 0.5rem;
}

[dir="rtl"] .select-error-box-message {
  padding-right: 0.5rem;
}

/* purgecss end ignore */
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/page/NotEligible/index.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.not-eligible-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 532px;
}

[dir] .not-eligible-container {
  margin-left: auto;
  margin-right: auto;
  margin-top: 15rem;
}

/* purgecss end ignore */
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/Avatar/index.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.avatar {
  display: inline-flex;
  align-items: stretch;
  justify-items: stretch;
  overflow: hidden;
  --tw-bg-opacity: 1;
  min-width: 2rem;
  min-height: 2rem;
  max-width: 2rem;
  max-height: 2rem;
  position: relative;
}

[dir] .avatar {
  border-radius: 9999px;
  background-color: rgba(241, 244, 252, var(--tw-bg-opacity));
}

.avatar__img {
  display: inline-block;
  -o-object-fit: cover;
     object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}

[dir] .avatar__img {
  border-radius: 9999px;
}

.avatar__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  width: 50%;
  height: 50%;
}

[dir="ltr"] .avatar__icon {
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .avatar__icon {
  right: 50%;
  transform: translate(50%, -50%);
}

.avatar__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.avatar__icon-text {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
}

.avatar--medium {
  min-width: 3rem;
  min-height: 3rem;
  max-width: 3rem;
  max-height: 3rem;
}

.avatar--medium .avatar__icon-text {
  font-size: 1.125rem;
}

.avatar--large {
  min-width: 4rem;
  min-height: 4rem;
  max-width: 4rem;
  max-height: 4rem;
}

.avatar--large .avatar__icon-text {
  font-size: 1.5rem;
}

/* purgecss end ignore */
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/ProgressBar/index.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.progress {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.5rem;
}

.progress .progress__container {
  position: relative;
  height: 1rem;
  width: 100%;
}

[dir] .progress .progress__container {
  margin-left: auto;
  margin-right: auto;
  border-radius: 9999px;
  border: 1px solid #767676;
  background-color: #ededed;
}

.progress .progress__container .progress__bar {
  position: absolute;
  height: 100%;
  --tw-bg-opacity: 1;
}

[dir] .progress .progress__container .progress__bar {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
  background-color: rgba(0, 128, 0, var(--tw-bg-opacity));
}

[dir="ltr"] .progress .progress__container .progress__bar {
  float: left;
}

[dir="rtl"] .progress .progress__container .progress__bar {
  float: right;
}

@media (prefers-reduced-motion: no-preference) {
  [dir] .progress .progress__container .progress__bar {
    transition: width 0.3s ease;
  }
}

[dir] .progress .progress__status {
  text-align: center;
}

.progress.progress--sm {
  gap: 6px;
}

.progress.progress--sm .progress__container {
  height: 0.5rem;
}

[dir] .progress.progress--sm .progress__container {
  border: none;
}

.progress.progress--sm .progress__status span {
  font-size: 0.75rem;
}

.progress.progress--md .progress__container {
  height: 1rem;
}

[dir="ltr"] .progress.progress--text-left .progress__status {
  text-align: left;
}

[dir="rtl"] .progress.progress--text-left .progress__status {
  text-align: right;
}

.progress.progress--inverted {
  flex-direction: column-reverse;
}

@media (min-width: 768px) {
  .progress:not(.progress--fluid) {
    width: 24rem;
  }

  .progress:not(.progress--fluid) .progress__container {
    width: 24rem;
  }
}

/* purgecss end ignore */
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/TextInput/index.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.text-input__wrapper {
  position: relative;
  display: flex;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
  --tw-bg-opacity: 1;
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir] .text-input__wrapper {
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
}

.text-input__wrapper:hover {
  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .text-input__wrapper:hover {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.text-input__wrapper > svg {
  width: 1.25rem;
  height: 1.25rem;
}

.text-input__wrapper > svg,
.text-input__wrapper > .text-input__currency-symbol {
  position: absolute;
}

[dir] .text-input__wrapper > svg,
[dir] .text-input__wrapper > .text-input__currency-symbol {
  margin: 0;
}

[dir="ltr"] .text-input__wrapper > svg:first-child,
[dir="ltr"] .text-input__wrapper > .text-input__currency-symbol:first-child {
  left: 1rem;
}

[dir="rtl"] .text-input__wrapper > svg:first-child,
[dir="rtl"] .text-input__wrapper > .text-input__currency-symbol:first-child {
  right: 1rem;
}

[dir="ltr"] .text-input__wrapper > svg:last-child,
[dir="ltr"] .text-input__wrapper > .text-input__currency-symbol:last-child {
  right: 1rem;
}

[dir="rtl"] .text-input__wrapper > svg:last-child,
[dir="rtl"] .text-input__wrapper > .text-input__currency-symbol:last-child {
  left: 1rem;
}

.text-input__wrapper > input {
  flex-grow: 1;
}

.text-input__wrapper > input::-moz-placeholder {
  vertical-align: middle;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

.text-input__wrapper > input::placeholder {
  vertical-align: middle;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

.text-input__wrapper:focus-within, .text-input__wrapper:focus-visible, .text-input__wrapper:focus {
  outline: none;
}

[dir] .text-input__wrapper:focus-within, [dir] .text-input__wrapper:focus-visible, [dir] .text-input__wrapper:focus {
  box-shadow: 0 0 0 3px #486de7;
}

.text-input__wrapper:focus-within > input, .text-input__wrapper:focus-visible > input, .text-input__wrapper:focus > input {
  outline: none;
}

[dir] .text-input__wrapper:focus-within > input, [dir] .text-input__wrapper:focus-visible > input, [dir] .text-input__wrapper:focus > input {
  border: none;
}

.text-input__wrapper:focus-within > input::-moz-placeholder, .text-input__wrapper:focus-visible > input::-moz-placeholder, .text-input__wrapper:focus > input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

.text-input__wrapper:focus-within > input::placeholder, .text-input__wrapper:focus-visible > input::placeholder, .text-input__wrapper:focus > input::placeholder {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

[dir] .text-input__wrapper:hover:not(.text-input__wrapper:focus-within):not(.text-input__wrapper:focus-visible):not(.text-input__wrapper:focus):not(.text-input__wrapper--disabled) {
  box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0.2);
}

.text-input__wrapper:hover:not(.text-input__wrapper:focus-within):not(.text-input__wrapper:focus-visible):not(.text-input__wrapper:focus):not(.text-input__wrapper--disabled) input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

.text-input__wrapper:hover:not(.text-input__wrapper:focus-within):not(.text-input__wrapper:focus-visible):not(.text-input__wrapper:focus):not(.text-input__wrapper--disabled) input::placeholder {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

.text-input__wrapper--disabled {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
}

[dir] .text-input__wrapper--disabled {
  border-color: rgba(237, 237, 237, var(--tw-border-opacity));
  background-color: rgba(237, 237, 237, var(--tw-bg-opacity));
  cursor: not-allowed;
}

.text-input__wrapper--disabled > input {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

[dir] .text-input__wrapper--disabled > input {
  cursor: not-allowed;
}

.text-input__wrapper--disabled > svg, .text-input__wrapper--disabled > .text-input__currency-symbol {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

[dir] .text-input__wrapper--disabled:hover {
  box-shadow: unset;
}

.text-input__input {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir] .text-input__input {
  border-width: 0px;
  background-color: transparent;
  padding: 0.875rem 1rem;
}

[dir="ltr"] .text-input__input--icon-before {
  padding-left: 3rem;
}

[dir="rtl"] .text-input__input--icon-before {
  padding-right: 3rem;
}

[dir="ltr"] .text-input__input--icon-after {
  padding-right: 3rem;
}

[dir="rtl"] .text-input__input--icon-after {
  padding-left: 3rem;
}

.text-input__input[type=date] {
  min-height: 3rem;
}

[dir] .text-input__input[type=date] {
  padding-top: 0.8125rem;
  padding-bottom: 0.8125rem;
}

[dir="ltr"] .text-input__input[type=date] {
  text-align: left;
}

[dir="rtl"] .text-input__input[type=date] {
  text-align: right;
}

[dir="ltr"] .text-input__input[type=date]::-webkit-date-and-time-value {
  text-align: left;
}

[dir="rtl"] .text-input__input[type=date]::-webkit-date-and-time-value {
  text-align: right;
}

.text-input--error-message {
  display: flex;
  align-items: center;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgba(217, 31, 27, var(--tw-text-opacity));
}

[dir] .text-input--error-message {
  margin-top: 0.5rem;
}

.text-input--error-message > p {
  font-size: 0.75rem;
  --tw-text-opacity: 1;
  color: rgba(217, 31, 27, var(--tw-text-opacity));
}

[dir="ltr"] .text-input--error-message > p {
  margin-left: 0.25rem;
}

[dir="rtl"] .text-input--error-message > p {
  margin-right: 0.25rem;
}

.text-input > label {
  font-family: "Whitney SSm A", "Whitney SSm B", "Arial", "Helvetica", sans-serif;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir] .text-input > label {
  margin-bottom: 0.25rem;
}

.text-input > label > p {
  font-size: 0.875rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

/* purgecss end ignore */
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/Menu/index.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.menu {
  box-sizing: border-box;
  position: relative;
}

.menu__trigger {
  display: flex;
  justify-content: space-between;
  color: #222222;
  font-size: 1rem;
  font-weight: 400;
  align-items: center;
}

[dir] .menu__trigger {
  border: 3px solid transparent;
  border-radius: 4px;
}

[dir] .menu__trigger--active {
  border: 3px solid #486DE7;
  box-shadow: none;
}

[dir] .menu__trigger:focus {
  border: 3px solid #486DE7;
}

[dir] .menu__trigger:hover {
  box-shadow: 0px 0px 8px rgba(34, 34, 34, 0.2);
  border-radius: 4px;
}

[dir="ltr"] .menu__toggle-icon {
  margin-left: 1rem;
}

[dir="rtl"] .menu__toggle-icon {
  margin-right: 1rem;
}

[dir] .menu__toggle-icon-active {
  transform: rotateX(180deg);
}

[dir="ltr"] .menu__toggle-icon-active {
  margin-left: 1rem;
}

[dir="rtl"] .menu__toggle-icon-active {
  margin-right: 1rem;
}

.menu__dropdown {
  max-height: 24rem;
  overflow: auto;
  position: absolute;
  z-index: 999;
  min-width: 6.75rem;
  top: 100%;
}

[dir] .menu__dropdown {
  padding: 8px 16px;
  border: 1px solid #EDEDED;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background-color: white;
}

.menu__dropdown--item {
  font-size: 0.875rem;
}

[dir] .menu__dropdown--item {
  padding: 8px 0;
}

.menu__dropdown__divider {
  display: block;
  height: 0px;
}

[dir] .menu__dropdown__divider {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-top: 0.0625rem #EDEDED solid;
}

.menu__dropdown__header {
  line-height: 0.8125rem;
  color: #222222;
  font-size: 0.6875rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

[dir] .menu__dropdown__header {
  margin-top: 0.75rem;
}

.menu__dropdown__link {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-content: center;
  align-items: center;
  font-size: 0.875rem;
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
}

[dir] .menu__dropdown__link {
  cursor: pointer;
}

[dir="ltr"] .menu__dropdown__link {
  padding-left: 1rem;
}

[dir="rtl"] .menu__dropdown__link {
  padding-right: 1rem;
}

.menu__dropdown__link:hover, .menu__dropdown__link:focus {
  --tw-text-opacity: 1;
  color: rgba(72, 109, 231, var(--tw-text-opacity));
  text-decoration: underline;
}

.menu__dropdown__id {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

.menu__dropdown__project:hover__id {
  --tw-text-opacity: 1;
  color: rgba(72, 109, 231, var(--tw-text-opacity));
}

.menu__dropdown__customize {
  top: 140%;
}

.menu__dropdown__top {
  top: 100%;
}

.menu__dropdown--nw {
  top: auto;
  bottom: 100%;
}

[dir="ltr"] .menu__dropdown--nw {
  left: 0px;
}

[dir="rtl"] .menu__dropdown--nw {
  right: 0px;
}

.menu__dropdown--w {
  top: 0px;
}

[dir] .menu__dropdown--w {
  margin-top: 0px;
}

[dir="ltr"] .menu__dropdown--w {
  left: auto;
  margin-right: 0.5rem;
  right: 100%;
}

[dir="rtl"] .menu__dropdown--w {
  right: auto;
  margin-left: 0.5rem;
  left: 100%;
}

[dir="ltr"] .menu__dropdown--s {
  left: auto;
  right: 50%;
  transform: translateX(50%);
}

[dir="rtl"] .menu__dropdown--s {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}

[dir="ltr"] .menu__dropdown--se {
  right: 0px;
  left: auto;
}

[dir="rtl"] .menu__dropdown--se {
  left: 0px;
  right: auto;
}

.menu__dropdown--e {
  top: 0px;
}

[dir] .menu__dropdown--e {
  margin-top: 0px;
}

[dir="ltr"] .menu__dropdown--e {
  margin-left: 0.5rem;
  left: 100%;
}

[dir="rtl"] .menu__dropdown--e {
  margin-right: 0.5rem;
  right: 100%;
}

.menu--disabled {
  color: #727272;
  pointer-events: none;
}

/* purgecss end ignore */
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/component/Sidebar/sidebar.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*purgecss start ignore*/

/*******************************
            Sidebar
*******************************/

.sidebar {
  height: 100% !important;
  overflow-y: auto !important;
}

[dir] .sidebar {
  margin: 0px !important;
  border-radius: 0px !important;
}

.sidebar {
  visibility: hidden;
  position: fixed;
  top: 0px;
  max-height: 100%;
  --tw-bg-opacity: 1;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-overflow-scrolling: touch;
  z-index: 102;
  /* GPU Layers for Child Elements */
  /*--------------
     Direction
  ---------------*/
  /*******************************
            Variations
  *******************************/
  /* Left / Right */
  /*******************************
              States
  *******************************/
  /*******************************
            Animations
  *******************************/
}

[dir] .sidebar {
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  transition-property: none;
  -webkit-transition: none;
  transform: translate3d(0, 0, 0);
}

[dir="ltr"] .sidebar {
  left: 0px;
}

[dir="rtl"] .sidebar {
  right: 0px;
}

.sidebar > * {
  backface-visibility: hidden;
}

.sidebar .sidebar__icon {
  position: absolute;
  top: 0px;
  height: 1rem;
  width: 1rem;
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

[dir] .sidebar .sidebar__icon {
  margin-top: 0.75rem;
  cursor: pointer;
}

[dir="ltr"] .sidebar .sidebar__icon {
  right: 0px;
  margin-right: 0.75rem;
}

[dir="rtl"] .sidebar .sidebar__icon {
  left: 0px;
  margin-left: 0.75rem;
}

.sidebar.sidebar--left {
  width: 70%;
}

[dir="ltr"] .sidebar.sidebar--left {
  right: auto;
  left: 0px;
  transform: translate3d(-100%, 0, 0);
}

[dir="rtl"] .sidebar.sidebar--left {
  left: auto;
  right: 0px;
  transform: translate3d(100%, 0, 0);
}

.sidebar.sidebar--right {
  width: 70%;
}

[dir="ltr"] .sidebar.sidebar--right {
  right: 0px !important;
  left: auto !important;
  transform: translate3d(100%, 0%, 0);
}

[dir="rtl"] .sidebar.sidebar--right {
  left: 0px !important;
  right: auto !important;
  transform: translate3d(-100%, 0%, 0);
}

.sidebar.sidebar--top, .sidebar.sidebar--bottom {
  height: auto !important;
  width: 100% !important;
}

.sidebar.sidebar--top {
  top: 0px !important;
  bottom: auto !important;
}

[dir] .sidebar.sidebar--top {
  transform: translate3d(0, -100%, 0);
}

.sidebar.sidebar--bottom {
  top: auto !important;
  bottom: 0px !important;
}

[dir] .sidebar.sidebar--bottom {
  transform: translate3d(0, 100%, 0);
}

.sidebar.sidebar--extra_narrow.sidebar--left, .sidebar.sidebar--extra_narrow.sidebar--right {
  width: 7.5rem;
}

.sidebar.sidebar--narrow.sidebar--left, .sidebar.sidebar--narrow.sidebar--right {
  width: 18.75rem;
}

.sidebar.sidebar--wide.sidebar--left, .sidebar.sidebar--wide.sidebar--right {
  width: 85%;
}

.sidebar.sidebar--extra_wide.sidebar--left, .sidebar.sidebar--extra_wide.sidebar--right {
  width: 90%;
}

.sidebar.sidebar--animating {
  visibility: visible;
}

.sidebar.sidebar--visible {
  visibility: visible;
  /* Shadow Direction */
  /* Visible On Load */
  /* Left Visible */
  /* opposite sides visible forces content overlay */
}

[dir] .sidebar.sidebar--visible {
  transform: translate3d(0, 0, 0);
}

[dir] .sidebar.sidebar--visible.sidebar--left, [dir] .sidebar.sidebar--visible.sidebar--right, [dir] .sidebar.sidebar--visible.sidebar--top, [dir] .sidebar.sidebar--visible.sidebar--bottom {
  box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
}

[dir="ltr"] .sidebar.sidebar--visible.sidebar--left ~ .sidebar--shim {
  transform: translate3d(70%, 0, 0);
}

[dir="rtl"] .sidebar.sidebar--visible.sidebar--left ~ .sidebar--shim {
  transform: translate3d(-70%, 0, 0);
}

[dir="ltr"] .sidebar.sidebar--visible.sidebar--right ~ .sidebar--shim {
  transform: translate3d(-70%, 0, 0);
}

[dir="rtl"] .sidebar.sidebar--visible.sidebar--right ~ .sidebar--shim {
  transform: translate3d(70%, 0, 0);
}

[dir] .sidebar.sidebar--visible.sidebar--top ~ .sidebar--shim {
  transform: translate3d(0, 2.25rem, 0);
}

[dir] .sidebar.sidebar--visible.sidebar--bottom ~ .sidebar--shim {
  transform: translate3d(0, -2.25rem, 0);
}

[dir="ltr"] .sidebar.sidebar--visible.sidebar--extra_narrow.sidebar--left ~ .sidebar--shim {
  transform: translate3d(7.5rem, 0, 0);
}

[dir="rtl"] .sidebar.sidebar--visible.sidebar--extra_narrow.sidebar--left ~ .sidebar--shim {
  transform: translate3d(-7.5rem, 0, 0);
}

[dir="ltr"] .sidebar.sidebar--visible.sidebar--narrow.sidebar--left ~ .sidebar--shim {
  transform: translate3d(18.75rem, 0, 0);
}

[dir="rtl"] .sidebar.sidebar--visible.sidebar--narrow.sidebar--left ~ .sidebar--shim {
  transform: translate3d(-18.75rem, 0, 0);
}

[dir="ltr"] .sidebar.sidebar--visible.sidebar--wide.sidebar--left ~ .sidebar--shim {
  transform: translate3d(85%, 0, 0);
}

[dir="rtl"] .sidebar.sidebar--visible.sidebar--wide.sidebar--left ~ .sidebar--shim {
  transform: translate3d(-85%, 0, 0);
}

[dir="ltr"] .sidebar.sidebar--visible.sidebar--extra_wide.sidebar--left ~ .sidebar--shim {
  transform: translate3d(90%, 0, 0);
}

[dir="rtl"] .sidebar.sidebar--visible.sidebar--extra_wide.sidebar--left ~ .sidebar--shim {
  transform: translate3d(-90%, 0, 0);
}

[dir="ltr"] .sidebar.sidebar--visible.sidebar--extra_narrow.sidebar--right ~ .sidebar--shim {
  transform: translate3d(-7.5rem, 0, 0);
}

[dir="rtl"] .sidebar.sidebar--visible.sidebar--extra_narrow.sidebar--right ~ .sidebar--shim {
  transform: translate3d(7.5rem, 0, 0);
}

[dir="ltr"] .sidebar.sidebar--visible.sidebar--narrow.sidebar--right ~ .sidebar--shim {
  transform: translate3d(-18.75rem, 0, 0);
}

[dir="rtl"] .sidebar.sidebar--visible.sidebar--narrow.sidebar--right ~ .sidebar--shim {
  transform: translate3d(18.75rem, 0, 0);
}

[dir="ltr"] .sidebar.sidebar--visible.sidebar--wide.sidebar--right ~ .sidebar--shim {
  transform: translate3d(-85%, 0, 0);
}

[dir="rtl"] .sidebar.sidebar--visible.sidebar--wide.sidebar--right ~ .sidebar--shim {
  transform: translate3d(85%, 0, 0);
}

[dir="ltr"] .sidebar.sidebar--visible.sidebar--extra_wide.sidebar--right ~ .sidebar--shim {
  transform: translate3d(-90%, 0, 0);
}

[dir="rtl"] .sidebar.sidebar--visible.sidebar--extra_wide.sidebar--right ~ .sidebar--shim {
  transform: translate3d(90%, 0, 0);
}

[dir] .sidebar.sidebar--visible.sidebar--left ~ .sidebar.sidebar--visible.sidebar--right ~ .sidebar--shim, [dir] .sidebar.sidebar--visible.sidebar--right ~ .sidebar.sidebar--visible.sidebar--left ~ .sidebar--shim {
  transform: translate3d(0, 0, 0);
}

.sidebar.sidebar--overlay {
  z-index: 102;
  /* Animation */
  /* End - Sidebar */
  /* End - Shim */
}

[dir="ltr"] .sidebar.sidebar--overlay.sidebar--left {
  transform: translate3d(-100%, 0%, 0);
}

[dir="rtl"] .sidebar.sidebar--overlay.sidebar--left {
  transform: translate3d(100%, 0%, 0);
}

[dir="ltr"] .sidebar.sidebar--overlay.sidebar--right {
  transform: translate3d(100%, 0%, 0);
}

[dir="rtl"] .sidebar.sidebar--overlay.sidebar--right {
  transform: translate3d(-100%, 0%, 0);
}

[dir] .sidebar.sidebar--overlay.sidebar--top {
  transform: translate3d(0%, -100%, 0);
}

[dir] .sidebar.sidebar--overlay.sidebar--bottom {
  transform: translate3d(0%, 100%, 0);
}

.sidebar.sidebar--overlay.sidebar--animating, .sidebar.sidebar--overlay.sidebar--visible {
  transition: transform 500ms ease;
}

[dir] .sidebar.sidebar--overlay.sidebar--animating, [dir] .sidebar.sidebar--overlay.sidebar--visible {
  transition: transform 500ms ease;
}

[dir] .sidebar.sidebar--overlay.sidebar--left.sidebar--visible, [dir] .sidebar.sidebar--overlay.sidebar--right.sidebar--visible, [dir] .sidebar.sidebar--overlay.sidebar--top.sidebar--visible, [dir] .sidebar.sidebar--overlay.sidebar--bottom.sidebar--visible {
  transform: translate3d(0%, 0%, 0);
}

[dir] .sidebar.sidebar--overlay.sidebar--visible ~ .sidebar--shim {
  transform: none !important;
  -webkit-transform: none !important;
}

/*******************************
          Shim
*******************************/

.sidebar--shim {
  position: fixed;
  top: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  --tw-bg-opacity: 0.25;
  opacity: 0;
  transition-duration: 150ms;
  content: "";
  will-change: opacity;
  z-index: 101;
}

[dir] .sidebar--shim {
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

[dir="ltr"] .sidebar--shim {
  right: 0px;
}

[dir="rtl"] .sidebar--shim {
  left: 0px;
}

.sidebar.sidebar--visible ~ .sidebar--shim {
  height: 100% !important;
  width: 100% !important;
  opacity: 1 !important;
}

/*purgecss end ignore*/
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/navigation/index.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.navigation__background {
  --tw-bg-opacity: 1;
}

[dir] .navigation__background {
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
}

[dir] .navigation__border-line {
  border-right-width: 1px;
  border-left-width: 1px;
  border-color: bg-w-background-primary;
}

.navigation__button {
  font-size: 0.75rem !important;
  font-weight: 300 !important;
}

[dir="ltr"] .navigation__button {
  margin-right: 10px !important;
}

[dir="rtl"] .navigation__button {
  margin-left: 10px !important;
}

.navigation .navigation__wrap--inner {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  max-width: 83rem;
}

[dir] .navigation .navigation__wrap--inner {
  margin-left: auto;
  margin-right: auto;
}

.navigation .navigation__menu--right,
.navigation .navigation__menu--right-mobile {
  height: 3.75rem;
}

.navigation .navigation__menu--block {
  height: 3.75rem;
  line-height: 36px;
}

[dir="ltr"] .navigation .navigation__menu--block {
  float: left;
}

[dir="rtl"] .navigation .navigation__menu--block {
  float: right;
}

.navigation .navigation__hamburger {
  display: flex;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgba(85, 85, 85, var(--tw-text-opacity));
}

[dir] .navigation .navigation__hamburger {
  border-radius: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

[dir="ltr"] .navigation .navigation__hamburger {
  padding-right: 0.5rem;
  padding-left: 0.75rem;
}

[dir="rtl"] .navigation .navigation__hamburger {
  padding-left: 0.5rem;
  padding-right: 0.75rem;
}

.navigation .navigation__hamburger:hover, .navigation .navigation__hamburger:focus {
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

.navigation .navigation__link {
  --tw-text-opacity: 1;
  color: rgba(85, 85, 85, var(--tw-text-opacity));
}

.navigation .navigation__link:hover, .navigation .navigation__link:focus {
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

.navigation .navigation__large {
  display: none;
}

@media screen and (max-width: 767px) {
  .navigation .navigation__mobile {
    display: none;
  }

  .navigation .navigation__large {
    display: flex;
    flex-direction: column;
  }

  [dir] .navigation .navigation__large {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

.sub-navigation {
  --tw-bg-opacity: 1;
}

[dir] .sub-navigation {
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
}

.sub-navigation__sub {
  --tw-bg-opacity: 1;
}

[dir] .sub-navigation__sub {
  margin-top: 0.5rem;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.sub-navigation .sub-navigation__inner {
  max-width: 73.125rem;
}

.sub-navigation .navigation__link {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

[dir] .sub-navigation .navigation__link {
  margin-top: 0px;
  border-bottom-width: 2px;
  border-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

[dir="ltr"] .sub-navigation .navigation__link {
  margin-right: 1.5rem;
}

[dir="rtl"] .sub-navigation .navigation__link {
  margin-left: 1.5rem;
}

.sub-navigation .navigation__link:hover, .sub-navigation .navigation__link:focus, .sub-navigation .navigation__link--selected {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir] .sub-navigation .navigation__link:hover, [dir] .sub-navigation .navigation__link:focus, [dir] .sub-navigation .navigation__link--selected {
  border-color: rgba(72, 109, 231, var(--tw-border-opacity));
}

/* purgecss end ignore */
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/Accordion/index.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*purgecss start ignore*/

/*******************************
            Accordion
*******************************/

[dir] .accordion .accordion {
  margin: 0px;
  margin-top: 1rem;
  padding: 0px;
}

.accordion__wrapper {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
}

[dir] .accordion__wrapper {
  border-radius: 0.5rem;
  border: 3px solid transparent;
}

[dir] .accordion__wrapper:hover {
  box-shadow: 0px 0px 8px rgba(34, 34, 34, 0.2);
}

[dir] .accordion__wrapper:focus {
  border-color: #486DE7;
}

.accordion .accordion__title {
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir] .accordion .accordion__title {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.accordion .accordion__icon--wrapper {
  position: absolute;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

[dir] .accordion .accordion__icon--wrapper {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

[dir="ltr"] .accordion .accordion__icon--wrapper {
  right: 0px;
}

[dir="rtl"] .accordion .accordion__icon--wrapper {
  left: 0px;
}

.accordion .accordion__icon--wrapper .accordion__icon {
  height: 1rem;
  width: 1rem;
  fill: currentColor;
}

.accordion .accordion__icon--wrapper .accordion__icon--edit-cog {
  height: 1.5rem;
  width: 1.5rem;
  fill: currentColor;
}

.accordion .accordion__icon--wrapper .accordion__icon.accordion__icon--active {
  height: 1rem;
  width: 1rem;
  --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-rotate: -180deg;
  fill: currentColor;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[dir] .accordion .accordion__icon--wrapper .accordion__icon.accordion__icon--active {
  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, backdrop-filter;
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.accordion .accordion--toggle_all {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

[dir] .accordion .accordion--toggle_all {
  margin-bottom: 0.5rem;
}

.accordion .accordion--toggle_all .accordion__button--toggle {
  display: inline-block;
}

[dir] .accordion .accordion--toggle_all .accordion__button--toggle {
  border-radius: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

[dir="ltr"] .accordion .accordion--toggle_all .accordion__button--toggle {
  float: right;
}

[dir="rtl"] .accordion .accordion--toggle_all .accordion__button--toggle {
  float: left;
}

.accordion .accordion--toggle_all .accordion__button--toggle:hover, .accordion .accordion--toggle_all .accordion__button--toggle:focus {
  --tw-bg-opacity: 1;
}

[dir] .accordion .accordion--toggle_all .accordion__button--toggle:hover, [dir] .accordion .accordion--toggle_all .accordion__button--toggle:focus {
  background-color: rgba(241, 244, 252, var(--tw-bg-opacity));
}

.accordion, .accordion .accordion {
  max-width: 100%;
}

.accordion .accordion__title, .accordion .accordion .accordion__title {
  position: relative;
  display: block;
}

[dir="ltr"] .accordion .accordion__title, [dir="ltr"] .accordion .accordion .accordion__title {
  padding-right: 3.5rem;
  padding-left: 1.25rem;
}

[dir="rtl"] .accordion .accordion__title, [dir="rtl"] .accordion .accordion .accordion__title {
  padding-left: 3.5rem;
  padding-right: 1.25rem;
}

.accordion .accordion__icon--wrapper, .accordion .accordion .accordion__icon--wrapper {
  position: absolute;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

[dir] .accordion .accordion__icon--wrapper, [dir] .accordion .accordion .accordion__icon--wrapper {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

[dir="ltr"] .accordion .accordion__icon--wrapper, [dir="ltr"] .accordion .accordion .accordion__icon--wrapper {
  right: 0px;
}

[dir="rtl"] .accordion .accordion__icon--wrapper, [dir="rtl"] .accordion .accordion .accordion__icon--wrapper {
  left: 0px;
}

.accordion .accordion__icon--wrapper .accordion__icon, .accordion .accordion .accordion__icon--wrapper .accordion__icon {
  height: 1rem;
  width: 1rem;
  fill: currentColor;
  vertical-align: baseline;
}

.accordion .accordion__icon--wrapper .accordion__icon--edit-cog, .accordion .accordion .accordion__icon--wrapper .accordion__icon--edit-cog {
  height: 1.5rem;
  width: 1.5rem;
  fill: currentColor;
}

.accordion .accordion__icon--wrapper .accordion__icon.accordion__icon--active, .accordion .accordion .accordion__icon--wrapper .accordion__icon.accordion__icon--active {
  height: 1rem;
  width: 1rem;
  --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-rotate: -180deg;
  fill: currentColor;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[dir] .accordion .accordion__icon--wrapper .accordion__icon.accordion__icon--active, [dir] .accordion .accordion .accordion__icon--wrapper .accordion__icon.accordion__icon--active {
  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, backdrop-filter;
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/*******************************
      Accordion Variations
*******************************/

.accordion.accordion--link {
  width: 100%;
  /* Hover */
}

.accordion.accordion--link .accordion__title {
  display: inline-block;
  width: 100%;
  font-size: 1.125rem;
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
}

.accordion.accordion--link .accordion__title:hover, .accordion.accordion--link .accordion__title:focus, .accordion.accordion--link .accordion__active.accordion__title {
  --tw-text-opacity: 1;
  color: rgba(72, 109, 231, var(--tw-text-opacity));
}

[dir] .accordion.accordion--link .accordion__title:hover, [dir] .accordion.accordion--link .accordion__title:focus, [dir] .accordion.accordion--link .accordion__active.accordion__title {
  background-color: transparent;
}

.accordion.accordion--basic, .accordion.accordion--basic .accordion {
  --tw-bg-opacity: 1;
}

[dir] .accordion.accordion--basic, [dir] .accordion.accordion--basic .accordion {
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.accordion.accordion--basic,
.accordion.accordion--basic .accordion {
  /* Content */
  /* Hover */
  /* Active */
}

.accordion.accordion--basic .accordion__title, .accordion.accordion--basic .accordion .accordion__title {
  --tw-border-opacity: 1;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
  opacity: 1;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[dir] .accordion.accordion--basic .accordion__title, [dir] .accordion.accordion--basic .accordion .accordion__title {
  margin: 0px;
  border-top-width: 1px;
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

[dir="ltr"] .accordion.accordion--basic .accordion__title, [dir="ltr"] .accordion.accordion--basic .accordion .accordion__title {
  padding-left: 1.25rem;
}

[dir="rtl"] .accordion.accordion--basic .accordion__title, [dir="rtl"] .accordion.accordion--basic .accordion .accordion__title {
  padding-right: 1.25rem;
}

[dir] .accordion.accordion--basic .accordion__title:first-child, [dir] .accordion.accordion--basic .accordion .accordion__title:first-child {
  border-top-width: 0px;
}

[dir] .accordion.accordion--basic .accordion__content, [dir] .accordion.accordion--basic .accordion .accordion__content {
  margin: 0px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
}

.accordion.accordion--basic .accordion__title:hover, .accordion.accordion--basic .accordion__title:focus, .accordion.accordion--basic .accordion .accordion__title:hover, .accordion.accordion--basic .accordion .accordion__title:focus {
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir] .accordion.accordion--basic .accordion__title:hover, [dir] .accordion.accordion--basic .accordion__title:focus, [dir] .accordion.accordion--basic .accordion .accordion__title:hover, [dir] .accordion.accordion--basic .accordion .accordion__title:focus {
  background-color: transparent;
}

.accordion.accordion--basic .accordion__active.accordion__title, .accordion.accordion--basic .accordion .accordion__active.accordion__title {
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir] .accordion.accordion--basic .accordion__active.accordion__title, [dir] .accordion.accordion--basic .accordion .accordion__active.accordion__title {
  background-color: transparent;
}

[dir="ltr"] .accordion.accordion--basic .accordion__active.accordion__title, [dir="ltr"] .accordion.accordion--basic .accordion .accordion__active.accordion__title {
  padding-right: 3.5rem;
}

[dir="rtl"] .accordion.accordion--basic .accordion__active.accordion__title, [dir="rtl"] .accordion.accordion--basic .accordion .accordion__active.accordion__title {
  padding-left: 3.5rem;
}

.accordion.accordion--basic {
  width: 100%;
  /* Hover */
}

[dir] .accordion.accordion--basic .accordion .accordion__content {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
}

.accordion.accordion--basic .accordion .accordion__title:hover, .accordion.accordion--basic .accordion .accordion__title:focus, .accordion.accordion--basic .accordion .accordion__active.accordion__title {
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir] .accordion.accordion--basic .accordion .accordion__title:hover, [dir] .accordion.accordion--basic .accordion .accordion__title:focus, [dir] .accordion.accordion--basic .accordion .accordion__active.accordion__title {
  background-color: transparent;
}

.accordion.accordion--rotund, .accordion.accordion--rotund .accordion {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
}

[dir] .accordion.accordion--rotund, [dir] .accordion.accordion--rotund .accordion {
  border-width: 1px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.accordion.accordion--rotund,
.accordion.accordion--rotund .accordion {
  /* Content */
  /* Hover */
  /* Active */
}

.accordion.accordion--rotund .accordion__wrapper, .accordion.accordion--rotund .accordion .accordion__wrapper {
  position: relative;
  width: 100%;
}

.accordion.accordion--rotund .accordion__wrapper .accordion__icon--wrapper, .accordion.accordion--rotund .accordion .accordion__wrapper .accordion__icon--wrapper {
  pointer-events: auto;
}

[dir] .accordion.accordion--rotund .accordion__wrapper .accordion__icon--wrapper, [dir] .accordion.accordion--rotund .accordion .accordion__wrapper .accordion__icon--wrapper {
  margin: 0px;
  padding: 0px;
}

.accordion.accordion--rotund .accordion__wrapper .accordion__icon--wrapper .accordion__icon, .accordion.accordion--rotund .accordion .accordion__wrapper .accordion__icon--wrapper .accordion__icon {
  display: none;
  height: 1.5rem;
  width: 1.5rem;
}

.accordion.accordion--rotund .accordion__wrapper .accordion__icon--wrapper .accordion__icon.accordion__icon--active, .accordion.accordion--rotund .accordion .accordion__wrapper .accordion__icon--wrapper .accordion__icon.accordion__icon--active {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
}

.accordion.accordion--rotund .accordion__wrapper .accordion__icon--wrapper .accordion__icon.accordion__icon--visible, .accordion.accordion--rotund .accordion .accordion__wrapper .accordion__icon--wrapper .accordion__icon.accordion__icon--visible {
  display: block;
}

.accordion.accordion--rotund .accordion__wrapper .accordion__icon--wrapper .accordion__icon--edit-button:hover .accordion__icon--edit-cog .accordion__icon, .accordion.accordion--rotund .accordion__wrapper .accordion__icon--wrapper .accordion__icon--edit-button:focus .accordion__icon--edit-cog .accordion__icon, .accordion.accordion--rotund .accordion .accordion__wrapper .accordion__icon--wrapper .accordion__icon--edit-button:hover .accordion__icon--edit-cog .accordion__icon, .accordion.accordion--rotund .accordion .accordion__wrapper .accordion__icon--wrapper .accordion__icon--edit-button:focus .accordion__icon--edit-cog .accordion__icon {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
}

.accordion.accordion--rotund .accordion__wrapper, .accordion.accordion--rotund .accordion .accordion__wrapper {
  width: 100%;
  --tw-border-opacity: 1;
}

[dir] .accordion.accordion--rotund .accordion__wrapper, [dir] .accordion.accordion--rotund .accordion .accordion__wrapper {
  border-top-width: 1px;
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
}

.accordion.accordion--rotund .accordion__title, .accordion.accordion--rotund .accordion .accordion__title {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
  opacity: 1;
}

[dir] .accordion.accordion--rotund .accordion__title, [dir] .accordion.accordion--rotund .accordion .accordion__title {
  margin: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

[dir="ltr"] .accordion.accordion--rotund .accordion__title, [dir="ltr"] .accordion.accordion--rotund .accordion .accordion__title {
  padding-right: 3.5rem;
}

[dir="rtl"] .accordion.accordion--rotund .accordion__title, [dir="rtl"] .accordion.accordion--rotund .accordion .accordion__title {
  padding-left: 3.5rem;
}

.accordion.accordion--rotund .accordion__button--toggle, .accordion.accordion--rotund .accordion .accordion__button--toggle {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.accordion.accordion--rotund .accordion__content, .accordion.accordion--rotund .accordion .accordion__content {
  display: none;
}

[dir] .accordion.accordion--rotund .accordion__content, [dir] .accordion.accordion--rotund .accordion .accordion__content {
  margin: 0px;
  padding: 0px;
}

.accordion.accordion--rotund .accordion__content.accordion__active, .accordion.accordion--rotund .accordion .accordion__content.accordion__active {
  display: block;
}

[dir] .accordion.accordion--rotund .accordion__content.accordion__active, [dir] .accordion.accordion--rotund .accordion .accordion__content.accordion__active {
  margin: 0px;
  padding: 0px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
}

.accordion.accordion--rotund .accordion__title:hover ~ .accordion__icon--wrapper, .accordion.accordion--rotund .accordion__title:focus ~ .accordion__icon--wrapper, .accordion.accordion--rotund .accordion__active.accordion__title ~ .accordion__icon--wrapper, .accordion.accordion--rotund .accordion .accordion__title:hover ~ .accordion__icon--wrapper, .accordion.accordion--rotund .accordion .accordion__title:focus ~ .accordion__icon--wrapper, .accordion.accordion--rotund .accordion .accordion__active.accordion__title ~ .accordion__icon--wrapper {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
  opacity: 1;
}

[dir] .accordion.accordion--rotund .accordion__title:hover ~ .accordion__icon--wrapper, [dir] .accordion.accordion--rotund .accordion__title:focus ~ .accordion__icon--wrapper, [dir] .accordion.accordion--rotund .accordion__active.accordion__title ~ .accordion__icon--wrapper, [dir] .accordion.accordion--rotund .accordion .accordion__title:hover ~ .accordion__icon--wrapper, [dir] .accordion.accordion--rotund .accordion .accordion__title:focus ~ .accordion__icon--wrapper, [dir] .accordion.accordion--rotund .accordion .accordion__active.accordion__title ~ .accordion__icon--wrapper {
  background-color: transparent;
}

.accordion.accordion--rotund .accordion__title:hover ~ .accordion__icon--wrapper .accordion__icon, .accordion.accordion--rotund .accordion__title:hover ~ .accordion__icon--wrapper .accordion__icon.accordion__icon--active, .accordion.accordion--rotund .accordion__title:focus ~ .accordion__icon--wrapper .accordion__icon, .accordion.accordion--rotund .accordion__title:focus ~ .accordion__icon--wrapper .accordion__icon.accordion__icon--active, .accordion.accordion--rotund .accordion__active.accordion__title ~ .accordion__icon--wrapper .accordion__icon, .accordion.accordion--rotund .accordion__active.accordion__title ~ .accordion__icon--wrapper .accordion__icon.accordion__icon--active, .accordion.accordion--rotund .accordion .accordion__title:hover ~ .accordion__icon--wrapper .accordion__icon, .accordion.accordion--rotund .accordion .accordion__title:hover ~ .accordion__icon--wrapper .accordion__icon.accordion__icon--active, .accordion.accordion--rotund .accordion .accordion__title:focus ~ .accordion__icon--wrapper .accordion__icon, .accordion.accordion--rotund .accordion .accordion__title:focus ~ .accordion__icon--wrapper .accordion__icon.accordion__icon--active, .accordion.accordion--rotund .accordion .accordion__active.accordion__title ~ .accordion__icon--wrapper .accordion__icon, .accordion.accordion--rotund .accordion .accordion__active.accordion__title ~ .accordion__icon--wrapper .accordion__icon.accordion__icon--active {
  display: block;
}

.accordion.accordion--rotund .accordion__title:hover ~ .accordion__icon--wrapper .accordion__icon:hover, .accordion.accordion--rotund .accordion__title:hover ~ .accordion__icon--wrapper .accordion__icon:focus, .accordion.accordion--rotund .accordion__title:focus ~ .accordion__icon--wrapper .accordion__icon:hover, .accordion.accordion--rotund .accordion__title:focus ~ .accordion__icon--wrapper .accordion__icon:focus, .accordion.accordion--rotund .accordion__active.accordion__title ~ .accordion__icon--wrapper .accordion__icon:hover, .accordion.accordion--rotund .accordion__active.accordion__title ~ .accordion__icon--wrapper .accordion__icon:focus, .accordion.accordion--rotund .accordion .accordion__title:hover ~ .accordion__icon--wrapper .accordion__icon:hover, .accordion.accordion--rotund .accordion .accordion__title:hover ~ .accordion__icon--wrapper .accordion__icon:focus, .accordion.accordion--rotund .accordion .accordion__title:focus ~ .accordion__icon--wrapper .accordion__icon:hover, .accordion.accordion--rotund .accordion .accordion__title:focus ~ .accordion__icon--wrapper .accordion__icon:focus, .accordion.accordion--rotund .accordion .accordion__active.accordion__title ~ .accordion__icon--wrapper .accordion__icon:hover, .accordion.accordion--rotund .accordion .accordion__active.accordion__title ~ .accordion__icon--wrapper .accordion__icon:focus {
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
}

.accordion.accordion--rotund .accordion__title:hover, .accordion.accordion--rotund .accordion__title:focus, .accordion.accordion--rotund .accordion__active.accordion__title, .accordion.accordion--rotund .accordion .accordion__title:hover, .accordion.accordion--rotund .accordion .accordion__title:focus, .accordion.accordion--rotund .accordion .accordion__active.accordion__title {
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
  opacity: 1;
}

[dir] .accordion.accordion--rotund .accordion__title:hover, [dir] .accordion.accordion--rotund .accordion__title:focus, [dir] .accordion.accordion--rotund .accordion__active.accordion__title, [dir] .accordion.accordion--rotund .accordion .accordion__title:hover, [dir] .accordion.accordion--rotund .accordion .accordion__title:focus, [dir] .accordion.accordion--rotund .accordion .accordion__active.accordion__title {
  background-color: transparent;
}

.accordion.accordion--rotund .accordion__icon--wrapper:hover .accordion__icon, .accordion.accordion--rotund .accordion__icon--wrapper:hover .accordion__icon.accordion__icon--active, .accordion.accordion--rotund .accordion__icon--wrapper:focus .accordion__icon, .accordion.accordion--rotund .accordion__icon--wrapper:focus .accordion__icon.accordion__icon--active, .accordion.accordion--rotund .accordion .accordion__icon--wrapper:hover .accordion__icon, .accordion.accordion--rotund .accordion .accordion__icon--wrapper:hover .accordion__icon.accordion__icon--active, .accordion.accordion--rotund .accordion .accordion__icon--wrapper:focus .accordion__icon, .accordion.accordion--rotund .accordion .accordion__icon--wrapper:focus .accordion__icon.accordion__icon--active {
  display: block;
}

.accordion.accordion--rotund .accordion__icon--wrapper:hover .accordion__icon:hover, .accordion.accordion--rotund .accordion__icon--wrapper:hover .accordion__icon:focus, .accordion.accordion--rotund .accordion__icon--wrapper:focus .accordion__icon:hover, .accordion.accordion--rotund .accordion__icon--wrapper:focus .accordion__icon:focus, .accordion.accordion--rotund .accordion .accordion__icon--wrapper:hover .accordion__icon:hover, .accordion.accordion--rotund .accordion .accordion__icon--wrapper:hover .accordion__icon:focus, .accordion.accordion--rotund .accordion .accordion__icon--wrapper:focus .accordion__icon:hover, .accordion.accordion--rotund .accordion .accordion__icon--wrapper:focus .accordion__icon:focus {
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
}

.accordion.accordion--rotund .accordion__active.accordion__title, .accordion.accordion--rotund .accordion .accordion__active.accordion__title {
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
  opacity: 1;
}

[dir] .accordion.accordion--rotund .accordion__active.accordion__title, [dir] .accordion.accordion--rotund .accordion .accordion__active.accordion__title {
  background-color: transparent;
}

.accordion.accordion--rotund {
  /* Hover */
}

[dir] .accordion.accordion--rotund .accordion .accordion__content {
  padding: 0px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
}

.accordion.accordion--rotund .accordion .accordion__title:hover, .accordion.accordion--rotund .accordion .accordion__title:focus, .accordion.accordion--rotund .accordion .accordion__active.accordion__title {
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
  opacity: 1;
}

[dir] .accordion.accordion--rotund .accordion .accordion__title:hover, [dir] .accordion.accordion--rotund .accordion .accordion__title:focus, [dir] .accordion.accordion--rotund .accordion .accordion__active.accordion__title {
  background-color: transparent;
}

.accordion.accordion--rotund .accordion .accordion__title:hover .accordion__icon, .accordion.accordion--rotund .accordion .accordion__title:hover .accordion__icon.accordion__icon--active, .accordion.accordion--rotund .accordion .accordion__title:focus .accordion__icon, .accordion.accordion--rotund .accordion .accordion__title:focus .accordion__icon.accordion__icon--active, .accordion.accordion--rotund .accordion .accordion__active.accordion__title .accordion__icon, .accordion.accordion--rotund .accordion .accordion__active.accordion__title .accordion__icon.accordion__icon--active {
  display: block;
}

.accordion.accordion--rotund .accordion .accordion__title:hover .accordion__icon:hover, .accordion.accordion--rotund .accordion .accordion__title:hover .accordion__icon:focus, .accordion.accordion--rotund .accordion .accordion__title:focus .accordion__icon:hover, .accordion.accordion--rotund .accordion .accordion__title:focus .accordion__icon:focus, .accordion.accordion--rotund .accordion .accordion__active.accordion__title .accordion__icon:hover, .accordion.accordion--rotund .accordion .accordion__active.accordion__title .accordion__icon:focus {
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
}

.accordion.accordion--fluid, .accordion.accordion--fluid .accordion {
  width: 100%;
}

/*purgecss end ignore*/
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/navigation/Project/index.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.project__container {
  max-width: 73rem;
}

.project__button {
  display: none;
  min-width: -moz-max-content;
  min-width: max-content;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  font-size: 0.75rem;
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
}

[dir] .project__button {
  margin-top: 0.5rem;
  border-radius: 9999px;
  border-width: 2px;
  border-color: rgba(20, 54, 164, var(--tw-border-opacity));
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

@media (min-width: 1280px) {
  .project__button {
    display: flex;
  }
}

.project__button:hover, .project__button:focus {
  --tw-border-opacity: 1;
  text-decoration: underline;
}

[dir] .project__button:hover, [dir] .project__button:focus {
  border-color: rgba(72, 109, 231, var(--tw-border-opacity));
}

[dir] .project__mobile {
  padding: 0.625rem 0.75rem;
}

[dir="ltr"] .project__mobile {
  margin-right: 0px !important;
}

[dir="rtl"] .project__mobile {
  margin-left: 0px !important;
}

@media only screen and (max-width: 1076px) {
  .project__container {
    justify-content: center;
  }

  .project__menu {
    width: 100%;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 912px) {
  .project__link {
    font-size: 0.75rem;
  }
}

@media screen and (max-width: 768px) {
  .project__mobile {
    display: flex;
    flex-direction: column;
    align-self: baseline;
  }

  .project__mobile span {
    font-size: 0.5rem;
  }

  [dir] .project__mobile span {
    margin-top: 2px;
  }

  [dir="ltr"] .project__mobile span {
    margin-left: 0;
  }

  [dir="rtl"] .project__mobile span {
    margin-right: 0;
  }
}

/* purgecss end ignore */
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/page/Documents/index.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
}

[dir] .pagination {
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
  border-radius: 0.1875rem;
  padding: 0.875rem 1.25rem;
}

[dir] .pagination .pagination-caret-container {
  padding: 0.375rem 0.25rem;
}

.pagination .pagination-caret-container button.paginate-button {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

[dir] .pagination .pagination-caret-container button.paginate-button {
  margin-right: 1rem;
  margin-left: 1rem;
}

.pagination .pagination-caret-container button.paginate-button:hover, .pagination .pagination-caret-container button.paginate-button:focus {
  --tw-text-opacity: 1;
  color: rgba(20, 54, 164, var(--tw-text-opacity));
}

.pagination .pagination-caret-container button.paginate-button:hover:disabled, .pagination .pagination-caret-container button.paginate-button:focus:disabled {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

[dir] .pagination .pagination-caret-container button.paginate-button:hover:disabled, [dir] .pagination .pagination-caret-container button.paginate-button:focus:disabled {
  cursor: not-allowed;
}

[dir] .pagination select {
  padding: 0.375rem 0.25rem;
}

/* purgecss end ignore */
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/component/Benefits/V2/BenefitAvatar/index.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

[dir] .benefit-avatar-v2 {
  border-radius: calc(10% + 7px);
  padding: 12px;
}

[dir="ltr"] .benefit-avatar-v2 {
  background: linear-gradient(329deg, #8e57c6 -8.84%, #5e77f6 90.34%);
}

[dir="rtl"] .benefit-avatar-v2 {
  background: linear-gradient(-329deg, #8e57c6 -8.84%, #5e77f6 90.34%);
}

[dir] .benefit-avatar-v2:has(img) {
  background: #ffffff;
  padding: 0;
}

.benefit-avatar-v2__img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* purgecss end ignore */
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/Chip/index.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.chip {
  font-size: 0.75rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  display: flex;
  gap: 2px;
  align-items: center;
  white-space: nowrap;
  height: 24px;
  vertical-align: top;
}

[dir] .chip {
  padding: 2px 8px;
  border-radius: 6.25rem;
  text-align: center;
  background-color: #1436A4;
}

.chip--secondary {
  color: #222222;
}

[dir] .chip--secondary {
  background-color: #F1F4FC;
}

.chip--tertiary {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir] .chip--tertiary {
  background-color: rgba(255, 244, 226, var(--tw-bg-opacity));
}

.chip--quaternary {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir] .chip--quaternary {
  background-color: rgba(255, 241, 241, var(--tw-bg-opacity));
}

[dir="ltr"] .chip--interactive {
  padding-right: 5px;
}

[dir="rtl"] .chip--interactive {
  padding-left: 5px;
}

[dir] .chip--interactive:hover {
  box-shadow: 0px 0px 8px rgba(34, 34, 34, 0.2);
}

.chip__label {
  font-size: 0.75rem;
  max-width: 300px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  line-height: 20px;
}

.chip__cancel-icon {
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  height: 100%;
  vertical-align: top;
}

[dir] .chip__cancel-icon {
  border: 3px solid transparent;
  border-radius: 5px;
}

[dir] .chip__cancel-icon:focus-within {
  border: 3px solid #486DE7;
}

.chip--disabled {
  color: #fff;
  pointer-events: all !important;
}

[dir] .chip--disabled {
  background: #949494;
  cursor: not-allowed;
}

/* purgecss end ignore */
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/Autocomplete/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.autocomplete {
  position: relative;
}

.autocomplete--single-select {
  font-size: 0.875rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir="ltr"] .autocomplete--single-select {
  margin-right: 0.5rem;
}

[dir="rtl"] .autocomplete--single-select {
  margin-left: 0.5rem;
}

.autocomplete > label {
  display: inline-block;
  font-family: "Whitney SSm A", "Whitney SSm B", "Arial", "Helvetica", sans-serif;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir] .autocomplete > label {
  margin-bottom: 0.25rem;
}

.autocomplete > label > p {
  font-size: 0.875rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

[dir] .autocomplete > label > p {
  margin-bottom: 0.25rem;
}

[dir] .autocomplete__chip {
  cursor: default;
}

[dir="ltr"] .autocomplete__chip {
  margin: 0.0625rem 0.5rem 0.3125rem 0;
}

[dir="rtl"] .autocomplete__chip {
  margin: 0.0625rem 0 0.3125rem 0.5rem;
}

.autocomplete__wrapper {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  min-height: 3rem;
  font-size: 1rem;
  line-height: 1.4;
  box-sizing: border-box;
}

[dir] .autocomplete__wrapper {
  padding: 0.1875rem 0.5rem;
  background-color: #F8F8F8;
  border-width: 0.0625rem;
  border-radius: 0.5rem;
  cursor: text;
}

[dir="ltr"] .autocomplete__wrapper-padding-single {
  padding: 0.625rem 4rem 0.5rem 1rem;
}

[dir="rtl"] .autocomplete__wrapper-padding-single {
  padding: 0.625rem 1rem 0.5rem 4rem;
}

[dir="ltr"] .autocomplete__wrapper-padding-multiple {
  padding: 0.625rem 2rem 0.3125rem 1rem;
}

[dir="rtl"] .autocomplete__wrapper-padding-multiple {
  padding: 0.625rem 1rem 0.3125rem 2rem;
}

[dir] .autocomplete__wrapper:hover {
  box-shadow: 0 0 0.5rem rgba(34, 34, 34, 0.2);
}

.autocomplete__wrapper:focus-within {
  outline-style: solid;
  outline-color: #486DE7;
}

[dir] .autocomplete__wrapper:focus-within {
  box-shadow: 0 0 0 2px #486DE7;
  border-color: #486DE7;
}

[dir] .autocomplete__wrapper--disabled {
  background: #EDEDED;
}

.autocomplete__list {
  position: absolute;
  list-style: none;
  width: 100%;
  z-index: 2;
  max-height: 11.25rem;
  overflow-y: auto;
}

[dir] .autocomplete__list {
  padding: 0;
  margin-top: 0.25rem;
  background: #F8F8F8;
  box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.175);
  border: 0.0625rem solid #949494;
  border-radius: 0.5rem;
}

[dir="ltr"] .autocomplete__list {
  right: 0;
}

[dir="rtl"] .autocomplete__list {
  left: 0;
}

.autocomplete__list li > button {
  display: block;
  font-size: 0.875rem;
  min-height: 1.9375rem;
}

[dir] .autocomplete__list li > button {
  padding: 0.5rem 1rem;
}

[dir="ltr"] .autocomplete__list li > button {
  text-align: left;
}

[dir="rtl"] .autocomplete__list li > button {
  text-align: right;
}

.autocomplete__list--active {
  color: #FFFFFF;
}

[dir] .autocomplete__list--active {
  background-color: #486DE7;
  cursor: pointer;
}

.autocomplete__list--error-message {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgba(217, 31, 27, var(--tw-text-opacity));
}

[dir] .autocomplete__list--error-message {
  margin-top: 0.5rem;
}

.autocomplete__input {
  min-width: 1.5rem;
}

[dir] .autocomplete__input {
  margin-bottom: 0.25rem;
}

[dir] .autocomplete__input__wrapper {
  border: none;
}

.autocomplete__input__field {
  color: #222222;
  font-size: 1rem;
}

[dir] .autocomplete__input__field {
  background: none;
  border: 0;
  padding: 0;
  box-shadow: none;
}

.autocomplete__input__field::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

.autocomplete__input__field::placeholder {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

.autocomplete__input__field:focus-within {
  outline: none;
}

[dir] .autocomplete__input__field:focus-within {
  border: 0;
}

.autocomplete__input__sizer {
  position: absolute;
  top: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  white-space: pre;
  z-index: -1000;
}

[dir="ltr"] .autocomplete__input__sizer {
  left: 0;
}

[dir="rtl"] .autocomplete__input__sizer {
  right: 0;
}

.autocomplete--clear-icon {
  display: inline-block;
  position: absolute;
  top: 0.1875rem;
}

[dir] .autocomplete--clear-icon {
  padding: 0.625rem 0.3125rem;
}

[dir="ltr"] .autocomplete--clear-icon {
  right: 2.1875rem;
}

[dir="rtl"] .autocomplete--clear-icon {
  left: 2.1875rem;
}

.autocomplete--toggle-icon {
  display: inline-block;
  position: absolute;
  top: 0.1875rem;
}

[dir] .autocomplete--toggle-icon {
  padding: 0.5rem 0.3125rem;
}

[dir="ltr"] .autocomplete--toggle-icon {
  right: 0.3125rem;
}

[dir="rtl"] .autocomplete--toggle-icon {
  left: 0.3125rem;
}

.autocomplete--rotate-toggle {
  top: -0.1875rem;
}

[dir] .autocomplete--rotate-toggle {
  transform: rotateX(180deg);
}

.autocomplete__list--custom:hover {
  color: #FFFFFF;
}

[dir] .autocomplete__list--custom:hover {
  background-color: #486DE7;
  cursor: pointer;
}

.autocomplete__list--custom:focus {
  color: #FFFFFF;
}

[dir] .autocomplete__list--custom:focus {
  background-color: #486DE7;
  cursor: pointer;
}

/* purgecss end ignore */
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/CheckboxInput/index.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.checkbox-input__label input, .checkbox-input__wrapper input {
  opacity: 0;
}

.checkbox-input__label:focus-within, .checkbox-input__wrapper:focus-within {
  outline: 0.125rem solid #486DE7;
  outline-offset: 0.125rem;
}

[dir] .checkbox-input__label:focus-within, [dir] .checkbox-input__wrapper:focus-within {
  border-radius: 0.1875rem;
}

[dir] .checkbox-input__label:hover, [dir] .checkbox-input__wrapper:hover {
  cursor: pointer;
}

.checkbox-input__label::before, .checkbox-input__wrapper::before {
  content: "";
  position: absolute;
  display: flex;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  z-index: 1;
}

[dir] .checkbox-input__label::before, [dir] .checkbox-input__wrapper::before {
  border-radius: 0.1875rem;
  border: 0.09375rem solid #949494;
  background-color: #fff;
}

[dir] .checkbox-input__label--checked::before, [dir] .checkbox-input__wrapper--checked::before {
  background: url("data:image/svg+xml;utf8,<svg width=%2714%27 height=%2712%27 viewBox=%270 0 14 12%27 xmlns=%27http://www.w3.org/2000/svg%27 role=%27img%27><path d=%27M13.7 1.2C13.3 0.8 12.7 0.8 12.3 1.2L4.8 8.7L1.7 5.6C1.3 5.2 0.7 5.2 0.3 5.6C-0.1 6 -0.1 6.6 0.3 7L4.1 10.8C4.3 11 4.5 11.1 4.8 11.1C5.1 11.1 5.3 11 5.5 10.8L13.7 2.6C14.1 2.2 14.1 1.6 13.7 1.2Z%27 fill=%27white%27/></svg>") center no-repeat #486DE7;
  border-color: #486DE7;
}

[dir] .checkbox-input__label--indeterminate::before, [dir] .checkbox-input__wrapper--indeterminate::before {
  background: url("data:image/svg+xml;utf8,<svg width=%2710%27 height=%272%27 viewBox=%270 0 10 2%27 xmlns=%27http://www.w3.org/2000/svg%27 role=%27img%27><rect width=%2710%27 height=%272%27 rx=%271%27 fill=%27white%27/></svg>") center no-repeat #486DE7;
  border-color: #486DE7;
}

.checkbox-input__label--disabled, .checkbox-input__wrapper--disabled {
  color: #949494;
}

[dir] .checkbox-input__label--disabled:hover, [dir] .checkbox-input__wrapper--disabled:hover {
  cursor: not-allowed;
}

[dir] .checkbox-input__label--disabled::before, [dir] .checkbox-input__wrapper--disabled::before {
  background-color: #EDEDED;
}

[dir] .checkbox-input__label--disabled.checkbox-input__label--checked::before, [dir] .checkbox-input__wrapper--disabled.checkbox-input__wrapper--checked::before {
  background: url("data:image/svg+xml;utf8,<svg width=%2714%27 height=%2712%27 viewBox=%270 0 14 12%27 xmlns=%27http://www.w3.org/2000/svg%27 role=%27img%27><style>path { fill: gray; } </style><path d=%27M13.7 1.2C13.3 0.8 12.7 0.8 12.3 1.2L4.8 8.7L1.7 5.6C1.3 5.2 0.7 5.2 0.3 5.6C-0.1 6 -0.1 6.6 0.3 7L4.1 10.8C4.3 11 4.5 11.1 4.8 11.1C5.1 11.1 5.3 11 5.5 10.8L13.7 2.6C14.1 2.2 14.1 1.6 13.7 1.2Z%27/></svg>") center no-repeat #EDEDED;
  border-color: #EDEDED;
}

.checkbox-input__label--small.checkbox-input__label::before, .checkbox-input__wrapper--small.checkbox-input__wrapper::before {
  width: 1rem;
  height: 1rem;
}

[dir] .checkbox-input__label--small.checkbox-input__label--checked::before, [dir] .checkbox-input__wrapper--small.checkbox-input__wrapper--checked::before {
  background-size: 0.5625rem 0.4375rem;
}

[dir] .checkbox-input__label--small.checkbox-input__label--indeterminate::before, [dir] .checkbox-input__wrapper--small.checkbox-input__wrapper--indeterminate::before {
  background-size: 0.4375rem 0.125rem;
}

.checkbox-input__label--small.checkbox-input__label input, .checkbox-input__label--small.checkbox-input__label::before {
  top: 0.375rem;
}

[dir] .checkbox-input__wrapper input:hover {
  cursor: pointer;
}

[dir] .checkbox-input__wrapper input:disabled {
  cursor: not-allowed;
}

.checkbox-input__label input, .checkbox-input__label::before {
  top: 0.25rem;
}

[dir="ltr"] .checkbox-input__label input, [dir="ltr"] .checkbox-input__label::before {
  left: 0.25rem;
}

[dir="rtl"] .checkbox-input__label input, [dir="rtl"] .checkbox-input__label::before {
  right: 0.25rem;
}

/* purgecss end ignore */
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/Fieldset/index.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.fieldset legend {
  font-family: "Whitney SSm A", "Whitney SSm B", "Arial", "Helvetica", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir] .fieldset legend {
  margin-bottom: 0.25rem;
}

.fieldset legend p {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

/* purgecss end ignore */
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/Datepicker/index.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.date-picker {
  position: absolute;
  font-size: 0.875rem;
  width: 340px;
  color: #222222;
  line-height: 1.25rem;
  z-index: 999;
}

[dir] .date-picker {
  background: #FFFFFF;
  padding: 20px 12px;
  box-shadow: 0px 0px 8px #949494;
  border-radius: 4px;
}

.date-picker--top {
  bottom: 55px;
}

.date-picker--bottom {
  top: 100%;
}

[dir] .date-picker--bottom {
  margin-top: 5px;
}

[dir] .date-picker__parent input {
  cursor: pointer;
}

[dir] .date-picker__parent--disabled input, [dir] .date-picker__parent--disabled svg {
  cursor: not-allowed;
}

.date-picker button {
  text-transform: capitalize;
}

[dir] .date-picker button {
  border: 3px solid transparent;
}

.date-picker button:hover {
  outline: none;
  text-decoration: none;
  color: #222222;
}

[dir] .date-picker button:hover {
  box-shadow: 0px 0px 8px #949494;
  border: 3px solid transparent;
}

.date-picker button:focus {
  text-decoration: none;
  outline: none;
  color: #222222;
}

[dir] .date-picker button:focus {
  border: 3px solid #486DE7;
  background: #F1F4FC;
}

[dir] .date-picker button:disabled {
  border: none;
}

.date-picker button:disabled:hover {
  color: #949494;
}

[dir] .date-picker button:disabled:hover {
  box-shadow: none;
}

.date-picker__header {
  display: flex;
  justify-content: space-between;
}

[dir] .date-picker__header {
  padding: 0 12px;
  padding-bottom: 4px;
}

.date-picker__month-toggle, .date-picker__year-toggle {
  font-size: 0.875rem;
  font-weight: 700;
  color: #222222;
}

[dir] .date-picker__month-toggle, [dir] .date-picker__year-toggle {
  cursor: pointer;
  border: none;
  background: none;
  border-radius: 4px;
}

[dir="ltr"] .date-picker__month-toggle, [dir="ltr"] .date-picker__year-toggle {
  padding: 8px 4px 4px 8px;
}

[dir="rtl"] .date-picker__month-toggle, [dir="rtl"] .date-picker__year-toggle {
  padding: 8px 8px 4px 4px;
}

.date-picker__days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(6, 40px);
  gap: 4px;
}

[dir] .date-picker__days {
  padding: 10px;
}

@media only screen and (max-width: 640px) {
  .date-picker {
    width: 100%;
  }

  .date-picker__weekdays, .date-picker__days, .date-picker__years, .date-picker__months {
    gap: 0px;
  }

  [dir] .date-picker__weekdays, [dir] .date-picker__days, [dir] .date-picker__years, [dir] .date-picker__months {
    padding: 0;
  }
}

.date-picker__weekday, .date-picker__day, .date-picker__year, .date-picker__month {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #222222;
}

[dir] .date-picker__weekday, [dir] .date-picker__day, [dir] .date-picker__year, [dir] .date-picker__month {
  cursor: pointer;
  border-radius: 100px;
  background-color: #FFFFFF;
  border: none;
}

.date-picker__year, .date-picker__month {
  height: 100%;
  width: 100%;
  color: #222222;
}

.date-picker__day--different-month {
  color: #222222;
}

.date-picker__day--selected {
  color: #FFFFFF;
}

[dir] .date-picker__day--selected {
  background-color: #486DE7;
}

.date-picker button.date-picker__day--selected:focus {
  color: #FFFFFF;
}

[dir] .date-picker button.date-picker__day--selected:focus {
  background-color: #486DE7;
}

.date-picker__months {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 52px);
  gap: 10px;
}

[dir] .date-picker__months {
  padding: 10px 14px;
  border: none;
}

.date-picker__years {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(auto-fill, 52px);
  grid-auto-rows: 52px;
  grid-gap: 10px;
  gap: 10px;
}

[dir] .date-picker__years {
  padding: 10px;
  border: none;
}

.date-picker__actions {
  display: flex;
  justify-content: space-between;
}

[dir] .date-picker__actions {
  padding: 0 12px;
}

.date-picker__actions > button {
  text-transform: uppercase;
  color: #486DE7;
  font-weight: bold;
  width: 5.625rem;
  height: 32px;
}

[dir] .date-picker__actions > button {
  cursor: pointer;
  border: none;
  background: none;
  border-radius: 6.25rem;
  padding: 0.75rem;
}

.date-picker__container {
  min-height: 280px;
  max-height: 320px;
}

[dir] .date-picker__container {
  margin-bottom: 10px;
}

.date-picker__weekday {
  display: flex;
  justify-content: space-evenly;
  font-weight: bold;
}

[dir] .date-picker__weekday {
  cursor: default;
}

.date-picker__day--current, .date-picker__month--current, .date-picker__year--current {
  outline: 2px solid #486DE7;
  outline-offset: -2px;
}

.date-picker__month--selected, .date-picker__year--selected {
  color: white;
}

[dir] .date-picker__month--selected, [dir] .date-picker__year--selected {
  background: #486DE7;
  border-radius: 100px;
}

.date-picker__day--selected.date-picker__day--current, .date-picker__month--selected.date-picker__month--current, .date-picker__year--selected.date-picker__year--current {
  outline: none;
}

[dir] .date-picker .btn {
  transition: none;
}

/* purgecss end ignore */
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./node_modules/react-multi-date-picker/styles/layouts/mobile.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.rmdp-calendar-container-mobile {
  top: 0;
  bottom: 0;
}

[dir] .rmdp-calendar-container-mobile {
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.rmdp-calendar-container-mobile .rmdp-mobile.rmdp-wrapper {
  position: absolute;
  top: 50%;
}

[dir="ltr"] .rmdp-calendar-container-mobile .rmdp-mobile.rmdp-wrapper {
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .rmdp-calendar-container-mobile .rmdp-mobile.rmdp-wrapper {
  right: 50%;
  transform: translate(50%, -50%);
}

[dir] .rmdp-mobile.rmdp-wrapper {
  box-shadow: unset;
  border: 1px solid #cfd8e2;
}

.rmdp-mobile .rmdp-header,
.rmdp-mobile .rmdp-panel-header {
  height: 30px;
  font-size: 16px;
}

[dir] .rmdp-mobile .rmdp-header,
[dir] .rmdp-mobile .rmdp-panel-header {
  padding-bottom: 15px;
}

.rmdp-mobile .rmdp-arrow-container {
  height: 26px;
  width: 26px;
}

.rmdp-mobile .rmdp-arrow {
  height: 3px;
  width: 3px;
}

[dir] .rmdp-mobile .rmdp-arrow {
  padding: 3px;
  margin-top: 6px;
}

[dir] .rmdp-mobile .rmdp-up i {
  margin-top: 10px;
}

[dir] .rmdp-mobile .rmdp-left i {
  margin-top: 7px;
}

[dir="ltr"] .rmdp-mobile .rmdp-left i {
  margin-left: 4px;
}

[dir="rtl"] .rmdp-mobile .rmdp-left i {
  margin-right: 4px;
}

[dir] .rmdp-mobile .rmdp-right i {
  margin-top: 7px;
}

[dir="ltr"] .rmdp-mobile .rmdp-right i {
  margin-left: -2px;
}

[dir="rtl"] .rmdp-mobile .rmdp-right i {
  margin-right: -2px;
}

[dir="ltr"] .rmdp-rtl.rmdp-mobile .rmdp-right i {
  margin-left: 5px;
}

[dir="rtl"] .rmdp-rtl.rmdp-mobile .rmdp-right i {
  margin-right: 5px;
}

[dir="ltr"] .rmdp-rtl.rmdp-mobile .rmdp-left i {
  margin-left: -1px;
}

[dir="rtl"] .rmdp-rtl.rmdp-mobile .rmdp-left i {
  margin-right: -1px;
}

.rmdp-mobile .rmdp-day,
.rmdp-mobile .rmdp-week-day {
  height: 38px;
  width: 38px;
}

.rmdp-mobile .rmdp-day span {
  font-size: 15px;
}

[dir] .rmdp-mobile .dvdr {
  margin: 0 10px;
}

.rmdp-mobile .ok {
  position: absolute;
  bottom: 0;
}

[dir] .rmdp-mobile .rmdp-week-day {
  margin-top: 10px;
  margin-bottom: 3px;
}

[dir] .rmdp-mobile .only.rmdp-month-picker,
[dir] .rmdp-mobile .only.rmdp-year-picker {
  margin: 15px 0;
}

.rmdp-mobile .rmdp-action-button {
  font-size: 13px;
}

[dir] .rmdp-mobile .rmdp-action-button {
  margin: 0 3px;
  margin-top: 15px;
}

.rmdp-mobile .rmdp-action-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

[dir] .rmdp-mobile .rmdp-action-buttons {
  padding: 0 10px;
}

[dir="ltr"] .rmdp-mobile .rmdp-rtl .rmdp-action-button {
  float: left;
  margin-right: unset;
  margin-left: 10px;
}

[dir="rtl"] .rmdp-mobile .rmdp-rtl .rmdp-action-button {
  float: right;
  margin-left: unset;
  margin-right: 10px;
}

.rmdp-mobile .rmdp-action-button:focus {
  outline: none;
}

[dir] .rmdp-mobile .rmdp-header {
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
}

[dir] .rmdp-mobile .rmdp-panel-header {
  margin-top: 20px;
}

[dir] .rmdp-mobile .rmdp-day-picker {
  margin-left: 5px;
  margin-right: 5px;
}

[dir] .rmdp-mobile .rmdp-action-button {
  margin-bottom: 15px;
}

@media (max-width: 420px) {
  .rmdp-mobile .rmdp-day,
.rmdp-mobile .rmdp-week-day {
    height: 32px;
    width: 32px;
  }

  .rmdp-mobile .only.rmdp-month-picker,
.rmdp-mobile .only.rmdp-year-picker {
    width: 230px;
  }

  .rmdp-mobile .rmdp-header,
.rmdp-mobile .rmdp-panel-header {
    height: 20px;
  }

  .rmdp-mobile .rmdp-day span {
    font-size: 14px;
  }

  [dir] .rmdp-mobile .rmdp-day-picker {
    padding: 10px 5px;
  }

  [dir] .rmdp-mobile.rmdp-single .rmdp-day-picker {
    padding: 10px;
  }

  .rmdp-mobile .rmdp-arrow-container {
    height: 20px;
    width: 20px;
  }

  [dir] .rmdp-mobile .rmdp-arrow-container {
    margin: 0 12px;
  }

  .rmdp-mobile .rmdp-arrow {
    height: 3px;
    width: 3px;
  }

  [dir] .rmdp-mobile .rmdp-arrow {
    padding: 2px;
    margin-top: 6px;
  }

  .rmdp-mobile .rmdp-action-button {
    font-size: 13px;
  }

  [dir] .rmdp-mobile .rmdp-action-button {
    padding: 5px 5px;
  }

  [dir="ltr"] .rmdp-mobile .rmdp-action-button:first-child {
    padding-right: 10px;
  }

  [dir="rtl"] .rmdp-mobile .rmdp-action-button:first-child {
    padding-left: 10px;
  }

  [dir] .rmdp-mobile .rmdp-panel-header {
    padding-bottom: 20px;
  }

  [dir] .rmdp-mobile .rmdp-left i,
[dir] .rmdp-mobile .rmdp-right i {
    margin-top: 6px;
  }

  [dir] .rmdp-mobile .rmdp-up i {
    margin-top: 8px;
  }

  [dir] .rmdp-mobile .rmdp-down i {
    margin-top: 4px;
  }

  [dir] .rmdp-mobile .rmdp-header {
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
  }

  [dir] .rmdp-mobile .rmdp-panel-header {
    margin-top: 15px;
  }

  .rmdp-mobile .rmdp-header,
.rmdp-mobile .rmdp-panel-header {
    font-size: 14px;
  }

  [dir] .rmdp-mobile .rmdp-day-picker {
    margin-left: 5px;
    margin-right: 5px;
  }

  .rmdp-mobile .rmdp-action-button {
    font-size: 12px;
  }

  [dir] .rmdp-mobile .rmdp-action-button {
    margin-bottom: 10px;
  }
}

@media (max-height: 450px) {
  .rmdp-mobile .rmdp-header,
.rmdp-mobile .rmdp-panel-header {
    height: 9px;
    font-size: 12px;
    line-height: 15px;
  }

  .rmdp-mobile .rmdp-day,
.rmdp-mobile .rmdp-week-day {
    height: 22px;
    width: 22px;
  }

  .rmdp-mobile .rmdp-time-picker {
    min-width: 130px !important;
  }

  [dir] .rmdp-mobile .rmdp-time-picker {
    padding: 0;
  }

  .rmdp-mobile .rmdp-time-picker div input {
    font-size: 12px;
  }

  [dir] .rmdp-mobile .rmdp-time-picker div input {
    padding: 2px;
  }

  .rmdp-mobile .rmdp-day span {
    font-size: 12px;
  }

  .rmdp-mobile .rmdp-month-picker .rmdp-day span,
.rmdp-mobile .rmdp-week-day {
    font-size: 10px;
  }

  [dir] .rmdp-mobile .rmdp-day-picker {
    padding: 0 7px;
  }

  [dir] .rmdp-mobile .rmdp-panel-body {
    padding: 0px;
    margin: 5px 0px;
  }

  .rmdp-mobile .rmdp-panel-body li {
    font-size: 11px;
  }

  [dir] .rmdp-mobile .rmdp-panel-body li {
    margin: 5px;
  }

  .rmdp-mobile .rmdp-action-button {
    font-size: 9px;
  }

  [dir] .rmdp-mobile .rmdp-action-button {
    padding: 0 5px;
    margin: 10px 5px;
  }

  [dir="ltr"] .rmdp-mobile .rmdp-action-button:first-child {
    margin-right: 10px;
  }

  [dir="rtl"] .rmdp-mobile .rmdp-action-button:first-child {
    margin-left: 10px;
  }

  .rmdp-mobile .rmdp-arrow-container {
    height: 16px;
    width: 16px;
  }

  [dir] .rmdp-mobile .rmdp-arrow-container {
    margin: 0 3px;
  }

  .rmdp-mobile .rmdp-arrow {
    height: 2px;
    width: 2px;
  }

  [dir] .rmdp-mobile .rmdp-arrow {
    padding: 2px;
    margin-top: 3px;
  }

  .rmdp-mobile .only.rmdp-month-picker,
.rmdp-mobile .only.rmdp-year-picker {
    height: 160px;
  }

  [dir] .rmdp-mobile .rmdp-time-picker div input,
[dir] .rmdp-mobile .dvdr {
    margin: 0;
  }

  [dir] .rmdp-mobile .rmdp-week-day {
    margin-top: 0;
  }

  [dir] .rmdp-mobile .rmdp-left i {
    margin-top: 4px;
  }

  [dir="ltr"] .rmdp-mobile .rmdp-left i {
    margin-left: 4px;
  }

  [dir="rtl"] .rmdp-mobile .rmdp-left i {
    margin-right: 4px;
  }

  [dir] .rmdp-mobile .rmdp-right i {
    margin-top: 4px;
  }

  [dir="ltr"] .rmdp-mobile .rmdp-right i {
    margin-left: 0px;
  }

  [dir="rtl"] .rmdp-mobile .rmdp-right i {
    margin-right: 0px;
  }

  [dir] .rmdp-mobile .rmdp-up i {
    margin-top: 5px;
  }

  [dir] .rmdp-mobile .rmdp-header {
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
  }

  [dir] .rmdp-mobile .rmdp-panel-header {
    margin-top: 13px;
  }

  [dir] .rmdp-mobile .rmdp-day-picker {
    margin-left: 0px;
    margin-right: 0px;
  }

  [dir] .rmdp-mobile .rmdp-action-button {
    margin-bottom: 10px;
  }
}

/* purgecss end ignore */
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/CustomSelect/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.c-select {
  width: 100%;
  position: relative;
  display: inline-block;
}

.c-select__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  --tw-bg-opacity: 1;
  padding-right: 3rem;
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

[dir] .c-select__input {
  border-radius: 0.5rem;
  border-width: 1px;
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
  cursor: pointer;
}

[dir="ltr"] .c-select__input {
  padding-left: 0.75rem;
  padding-right: 30px;
}

[dir="rtl"] .c-select__input {
  padding-right: 0.75rem;
  padding-left: 30px;
}

[dir] .c-select__input {
  padding: 8px 12px;
}

.c-select__input span {
  font-size: 0.875rem;
}

.c-select__input--disabled {
  pointer-events: none;
  color: #949494;
}

[dir] .c-select__input--disabled {
  border-color: #B6B6B6;
}

.c-select__input:focus-within, .c-select__input:focus, .c-select__input:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgba(72, 109, 231, var(--tw-border-opacity));
  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-style: solid;
  outline-color: #486DE7;
}

[dir] .c-select__input:focus-within, [dir] .c-select__input:focus, [dir] .c-select__input:focus-visible {
  box-shadow: 0 0 0 3px #486DE7;
  border-color: #486DE7;
}

[dir] .c-select__input:hover:not(:focus) {
  box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0.2);
}

.c-select__input:hover:not(:focus)::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

.c-select__input:hover:not(:focus)::placeholder {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

.c-select__options {
  --tw-border-opacity: 1;
  width: 100%;
  list-style: none;
  max-height: 200px;
  overflow-y: auto;
}

[dir] .c-select__options {
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
  margin: 0;
  margin-top: 4px;
  padding: 0;
  background-color: #f8f8f8;
  box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.175);
}

.c-select__option {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

[dir] .c-select__option {
  cursor: pointer;
}

.c-select__option--focused {
  color: #fff !important;
}

[dir] .c-select__option--focused {
  background-color: #486DE7;
}

.c-select__arrow {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
}

[dir] .c-select__arrow {
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

[dir="ltr"] .c-select__arrow {
  margin-left: 8px;
}

[dir="rtl"] .c-select__arrow {
  margin-right: 8px;
}

[dir] .c-select__arrow--up {
  border-bottom: 4px solid;
  border-top: none;
}

.c-select_error {
  --tw-border-opacity: 1;
}

[dir] .c-select_error {
  border-width: 2px;
  border-color: rgba(217, 31, 27, var(--tw-border-opacity));
}

.c-select__option-button {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  text-decoration: none;
  color: #222222;
  font-size: 0.875rem;
}

[dir] .c-select__option-button {
  padding: 8px 12px;
  border: none;
}

[dir="ltr"] .c-select__option-button {
  text-align: left;
}

[dir="rtl"] .c-select__option-button {
  text-align: right;
}

.c-select__option-button:hover {
  color: #FFFFFF;
  text-decoration: none;
}

[dir] .c-select__option-button:hover {
  background-color: #486DE7;
  cursor: pointer;
  border: none;
}

.c-select__option-button:focus {
  color: #FFFFFF;
  text-decoration: none;
}

[dir] .c-select__option-button:focus {
  background-color: #486DE7;
  cursor: pointer;
  border: none;
}

.c-select--toggle-icon {
  display: inline-block;
  position: absolute;
  top: 0.1875rem;
}

[dir] .c-select--toggle-icon {
  padding: 0.5rem 0.3125rem;
}

[dir="ltr"] .c-select--toggle-icon {
  right: 0.3125rem;
}

[dir="rtl"] .c-select--toggle-icon {
  left: 0.3125rem;
}

.c-select--rotate-toggle {
  top: -0.1875rem;
}

[dir] .c-select--rotate-toggle {
  transform: rotateX(180deg);
}

/* purgecss end ignore */
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/component/SmartForm/SmartDateTimePicker/index.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

[dir] .rmdp-wrapper {
  border-radius: 12px;
  border: 1px solid hsl(var(--border-secondary));
  box-shadow: 0px 1px 3px 0px rgba(23, 20, 18, 0.10), 0px 1px 2px -1px rgba(23, 20, 18, 0.10);
}

[dir] .rmdp-wrapper.rmdp-mobile {
  border: 1px solid hsl(var(--border-secondary));
  box-shadow: 0px 1px 3px 0px rgba(23, 20, 18, 0.10), 0px 1px 2px -1px rgba(23, 20, 18, 0.10);
}

[dir] .rmdp-wrapper .rmdp-calendar {
  padding: 20px 24px;
}

[dir] .rmdp-wrapper .rmdp-calendar .rmdp-header {
  margin-top: 0px;
}

.rmdp-wrapper .rmdp-calendar .rmdp-header-values {
  font-size: 0.875rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

.rmdp-wrapper .rmdp-calendar .rmdp-arrow {
  color: hsl(var(--fg-quinary));
}

[dir] .rmdp-wrapper .rmdp-calendar .rmdp-day-picker {
  padding: 0;
}

.rmdp-wrapper .rmdp-calendar .rmdp-week-day {
  font-size: 0.875rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

.rmdp-wrapper .rmdp-calendar .rmdp-day {
  font-weight: 500;
}

[dir] .rmdp-wrapper .rmdp-calendar .rmdp-day {
  padding: 10px 8px;
}

.rmdp-wrapper .rmdp-calendar .rmdp-day.rmdp-deactive:not(.rmdp-disabled) > span {
  color: #222222;
  opacity: 1;
}

.rmdp-wrapper .rmdp-calendar .rmdp-day.rmdp-selected > span {
  color: #FFFFFF;
}

[dir] .rmdp-wrapper .rmdp-calendar .rmdp-day.rmdp-selected > span {
  background-color: #486DE7;
  box-shadow: none;
}

.rmdp-wrapper .rmdp-calendar .rmdp-day.rmdp-deactive.rmdp-selected > span {
  color: #FFFFFF;
}

[dir] .rmdp-wrapper .rmdp-calendar .rmdp-day.rmdp-deactive.rmdp-selected > span {
  background-color: #486DE7;
}

.rmdp-wrapper .rmdp-calendar .rmdp-day.smart-date-time-picker__day--blackout > span {
  color: #949494;
}

.rmdp-wrapper .rmdp-calendar .rmdp-today > span {
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
  outline: 2px solid #486DE7;
  outline-offset: -2px;
}

[dir] .rmdp-wrapper .rmdp-calendar .rmdp-today > span {
  background-color: transparent;
}

.rmdp-wrapper .rmdp-calendar .rmdp-day.rmdp-selected.rmdp-today > span {
  outline: none;
}

[dir] .rmdp-wrapper .rmdp-calendar .rmdp-arrow-container:hover {
  background-color: transparent;
  box-shadow: none;
}

[dir] .rmdp-wrapper .rmdp-calendar .rmdp-arrow {
  border: solid hsl(var(--fg-quinary));
  padding: 3px;
}

[dir="ltr"] .rmdp-wrapper .rmdp-calendar .rmdp-arrow {
  border-width: 0 2px 2px 0;
}

[dir="rtl"] .rmdp-wrapper .rmdp-calendar .rmdp-arrow {
  border-width: 0 0 2px 2px;
}

/* purgecss end ignore */
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./node_modules/react-phone-input-2/lib/plain.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.react-tel-input {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  position: relative;
  width: 100%;
}

[dir] .react-tel-input :disabled {
  cursor: not-allowed;
}

.react-tel-input .flag {
  width: 16px;
  height: 11px;
}

[dir] .react-tel-input .flag {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAACmCAMAAAACnqETAAADAFBMVEUAAAD30gQCKn0GJJ4MP4kMlD43WGf9/f329vcBAQHhAADx8vHvAwL8AQL7UlL4RUUzqDP2MjLp6un2Jyj0Ghn2PTr9fHvi5OJYuln7Xl75+UPpNzXUAQH29jH6cXC+AAIAJwBNtE/23Ff5aGdDr0TJAQHsZV3qR0IAOQB3x3fdRD/Z2NvuWFLkcG7fVlH4kI4AAlXO0M8BATsdS6MCagIBfQEASgPoKSc4VKL442q4xeQAigD46eetAABYd9jvf3nZMiwAAoD30zz55X5ng9tPbKZnwGXz8x77+lY7OTjzzikABGsenh72pKNPldEAWgHgGBgAACH88/Gqt95JR0OWAwP3uLd/qdr53kMBBJJ3d3XMPTpWer8NnAwABKPH1O1VVFIuLSz13NtZnlf2kEh9keLn7vfZ4vNkZGHzvwJIXZRfZLuDwfv4y8tvk79LlUblzsxorGcCBusFKuYCCcdmfq5jqvlxt/tzktEABLb8/HL2tlTAw8SLlMFpj/ZlpNhBZ81BYbQcGxuToN9SYdjXY2Lz7lD0dCQ6S9Dm0EUCYPdDlvWWvd2AnviXqc11eMZTqPc3cPMCRev16ZrRUE0Hf/tNT7HIJyTptDVTffSsTkvhtgQ0T4jigoFUx/g+hsX9/QUHzQY1dbJ7sHV02Pduvd0leiK1XmaTrfpCQPgELrrdsrY1NamgyPrh03iPxosvX92ysbCgoZzk5kP1YD7t6AILnu+45LykNS40qvXDdHnR6tBennz6u3TSxU1Or9Swz6wqzCsPZKzglJbIqEY8hDhyAgFzbJxuOC+Li4d9sJLFsnhwbvH2d1A3kzAqPZQITsN76nq2dzaZdKJf4F6RJkb078YFiM+tnWZGh2F+dDibykYoMcsnekdI1UhCAwWb25qVkEq43km9yBrclQMGwfyZ3/zZ2QK9gJxsJWCBUk32QwqOSYKRxh6Xdm3B4oMW22EPZzawnR72kgZltCqPxrdH1dkBkqDdWwwMwMO9O2sqKXHvipPGJkzlRVLhJjVIs9KrAAAAB3RSTlMA/v3+/Pn9Fk05qAAAUU9JREFUeNp0nAlYVNcVxzHazoroGBkXhAgCCjMsroDoKIgKdFABBwQUnSAoCqLRFBfcCBIM4kbqShO1hlSrCJqQQmNssVFqjBarsdjFJWlMTOLXJDZt8/X7+j/n3pk3vNq/bb8+3nbP79137/+dd954qTVt8uTJL73OMhqNer03ady4cWOhWbNmjV+0FfKGjMb36Y9/1fXUst9cb2y8/lpb797z5k2dOjXVD9Ljn59fcHBwQEDAgGch3l9on6feeeedn0r9kvT222+/sErRgvcDArwV8f5tN/rcvPnMZ22pqVFRSVGjR38k9Rsp9fLql/MXLj20VGjt2rVeak2Og/auI/kHBQ3We/tCo0ZNhwYNGj58/NaWlpbOyMhIX1//2/jTrICvckhXruQsWbJw4cL3tzhPORynSk5lZWVtglL9IkmdDQ05NqvVGhLwbKSUL+Tvb9yH/2sj+eN0IZZ3fvq3Hnp71ZtCOyofdnTYSzq9xX7UtsF9+/Y1FpeZT54sc2aUlq6Jy89YM/qj2oZaoeOkMR8dV/Tee++NWb04rrA5MRYKDAyc/NKCpwDIyKhE9LEzZ/r4DLQAAE6EyEeM6AcNH7m1pTMnB+fHX7tG9Bs0Xt+GwM/frqm5tz950aKDk6rsiA0xbUrbRAii/BDeV9bGhQsPRlyOCAuZ9GykZwT++n2RHPnVYQU+oaFDPQD8jEQAPiDdaLPaHGVXbn/O7YHQuIH9B/gYgzts1iqrtSopKWlNRkzS6I8arFaOFvTfew8AfiYil/rN6sWTKwtbArOzExISUl7+vwCuQNt8Bg71AQCcTwNpWeFbW3IIQEmJr08XgIzX2xDcvZrs7Jru5EWXwwKSwh2RkQ77w7Q0bXp6YRoDaKO+kZl8MCwsYpJ3pEf8liAAoPhDhqUMQ/wAkF+oqKiosJYA7HxotdnTtVe6Pr/S0h+AI90QffU3T9obGuwdD5PqkmJiMtbM+ajWI/60TX0COhoarAAE1dfXV80FgMmLi1oSKP7/B6ASAGyBV4YM7D/Bx8/bF7g5fgmgEwCCSiJtJQRgxEi9zZqVdYUu9pW0tLCIgOvxdR0dpxx5aWl7EzV7CYDV+tXnCzMzkzMvE4AFlTuhZaSf/OQny1L32RC+JcHikzJ06NAJoe+YNKRbsbG3xPlWZTxssNmdOP/J27ffudLJ60V7DAaT1lxRVvfwYe3Jlrq4uJiKjAwAcIWP+BkAhV/i7HA0uAG8BAIUf8qfzvwvgJcQf+XMK4GWi8OGTpgQ6uftzwC0LIM2WgcASwaXOBwlA7v6/YgAhFRt2pRGeu0/UyImbal77eHDo2kVAJAeKwE0fl6P63/5nSlTAKBCiR8AovbZEL9lf8I5AMD5booAE7OzY8X5fhGJi0/nTzTcMh+80iIBaF0APqvIu3EjqfRGcV3S4aSKYk8AaW4ADU4gOFlfn8sAXnoJBDpTCMDL87zU2kwATl+x1Nw+P2HChKHBBMDHFT8DwGjX11FSYu/f/aMf9XtOjwAacf2hmxRg7ywXDrr30kb7NVhDquo/z0y+nJs7ZUoYA5DxM4BFmcnJyV93PzjbvQhK3urqAYF7xflWVT5ssDaU4Ox7T9+6Ei4BaN0AUkvXJEExMTGHD9cdFgA2yfgZQAP1f0dJw0lrfS4BmIb4z5yZBgL/H8DibbehGROenQ0AQRhvZPwQAGDQ8wlqsFkmdP9ofr/n/OgK2ml1xxQECAAy/tdee++91wCA1mfWJy/KXUTr536T+O67764X2r9//T+3JkPdDx50f7qItDXfff+zeAxY1lYV0VCmPV1Ts5fGAGUYDbHpo0qT6vKTignAtWvXiuf0StwGZZPQybMPAYC8/xF/bj0AUPwvvzytKCdl6dMAvJxRuXjxkCHnL86YMXs2A8B4m4yWQTrdIp0uByMajcATJrwzXwCIiIjAFSrbJwGI+FlH00YH8/rQy5enQPsYgBK/BLCI1c0Afonhn/XjH8MNLP9o1Y4Pfg795N9hYQ23bt1q4fb07z+A/ITR2J8AFJnqOP7iuj7Fc35TK+9/bkPaM+NGiSnsB6wRIwGA4n/5T5Pzc5aeeAqAP1VCM4niWRqVgr1p1sEYlskNJQC4BQZbLJi0MAgCgBUKqYo3VEVEhIWFTZqXtYmVxiIAtB4QeDUAvMuSFBgAJCkwAKHlLAKw4wMIFG5URVgdLdwedEq6BuCgj1qzpi4uiVScYa6I0fWKJQVC2aRDY0eNWrlyECwMMIDDc2vZ6UF0F7z8tB5w4kTvtZ+ygklGkk4lvZ6sne45SDg8aJIQ2z+4Mmg0qcfauXPnfvPNN9XV/1S0VSWyf1Ls4FZ5aIHu/blGKb2UOM0ckq4PmsZ2b8yYMb2l4FbhX8ePHwmhuSPXkhaQ5q0tXzBvntdUUq9eSyFu9njXxpA74Leg198yktRWVI4OkAkymw2Q3WO90+nnN3u2H0QkHI6JpHHj2GvTYdsupd68GfVZ4yTJqJeUaNKhQ+rzCUvOMXEr//4vD3333XdLe+rRJx4iqumDnT2O5zW1HII1hPLy8pJGjz9GWgk9D61Al4fWkWay9VRbUa1GEVCYDRoonu0dr++n0ZQ0dMCNdDRYHVrtuImjWHQ80lvfl4WfhJetw1CFm6h+rkazd28iJHvyIe/IHt7ZOBY7o4GPH4smPqf7nRwz/sH6bmmi2HtvYiBUYPxEcZakt701PdsPAIhb3DBbYmIIAOK+F9HXJ6z7t799AwDI48+cOQRi66m2ogoAYVwIQEkQb8DrJza1azRWq9NpjUjXtg+aNXHU9EEQHW/YsGFD3toHMFZbgzUsDNPkPgAgpScG1vA4TgB8PZATAAoc6IasWPHhhwCQkyNCdwMIJCVqDabA8+cAAJFLYVD92dvpjvQe7ZcA7p0/350dEzNmy+iRAHBPrO9+AwB41Of4h2HoFdZYhsfL7ej7QmbSBdED/GkDXv+ju9Pv4i9mM+g09Rs1duKoQSQR/4whb7msbFhufHy8M2xup6AZ3sHzWOChaveIWQCtn00A7s/84MDuD4bd+fBDcYEukrVna5fwMQPAsqnQZOqqLtBzezysvHd6z/YLANndUELMGAmgXqzPfeON3+IE8PHbuL2YegYCAO+/fz/io2VMM+5HpR/BGXIPGCzix3oAaBo13aApK9Mahg8fNAo9ANsPGi7iB4BLZRUPH9advJGb6zx+3Jk7FwFtCNekNzQUabW3cAv0Ek9uUA0U+PGsY4NmzrxQVBS3e82wGQDA7bvI8SsAsgNP7y26HV4GALyeJzGaY5J18fZ4GT+3DwBK8/K2ZF/s7v46ZYwEsMJHrJ/gApBJ8QPAs9gh2BYBnT077OwUnvcBwB0/nCEAQPFBdADefv5dPEu3p2u18e39Bg2aPou2h9wNmP3wi7bGL9qsuVOcizoBgM/X0BBtamggK2wGABn+WSLw8awm9P4Du3ecys+aMWPGt6J9medF/EsBIBbxJxSFm4vM5moJAOGL+AHAO90jfglgy5bshO7uFAIQM2fkyhUr6sX6fW+MJQDYX1wvWI/+uOIc79mziJec4ESxDPGy6AF9RfzYHgBw02s7yswNhf1GDJ8+lvcfPgKrxfoAa0S9uP9HTV95LHdur8TzuF7W5OSqDdEGAFiaiIjk9U8hAMdw+1Ts3r37VPOMGR/K9l3k+CUA9P9b4c6y8LKC6upqAiDj3wpxD1Dix/m9Uku3KAD6xMx5DgC6xfrLYwnAEuw/jOJnAMHjpnvECwA8aK5YseK3EA2aogf0pQNIAIOaXI8S0/sBAPaHaLUEIOJHPmjUsWACACN7/qLVmoz2Zjabv3x8X+oBdP/DWeih94d9sHv3BzO+fOOND6l9C93xL00BgOy97dHo/ZHm6EcAwM8OHlZ+YLpFtF9eQAGA9+81pg8DQCzdU3D9Ef/YN3AC8OP4Z5D1DBg7XYmfAKitqYl7AA8AvDxxVLtGW1VVVhYRZjC0jhg/Tuzv3j6gCuEjfghGYd/cXrFk5BNqai4K633k938h/Zp15C8Tx68E7X7Dtm2b8QZEAH743j8gYQQwC8TGlp08Z7ZWC+k/4eFf6pc//Sje3+TZ/pFeqXkQ7hoIhhoAnve8ogRgCQZBMQsgTgBgXykpAoDKmpoIuJP/wMvzwaOKHkisVfUnDYZZ2J/k3n4ST/94UiHt2/d+Lx7yttFAXnP+60W6+X9ggQFzGDdeOJT791fQNAgAv/qHFFMAAJou7AWQBCAkKXzknW71bD96APnWQ4c+hthRsv1Ty2WNA4InwYYpzhJSW1MT+lmkxx9awyfNhQVmvf9+c9M4kVt1by8tsmuLub3I/in6er7URGkh1SZ1znfk/xR9o2oP7F8Pax1vbO8RgJcwhYp8BvpMcD1t+0GffPJ7xUo+CA54Yc+DPXv2vGA0vkBavfqIW+xeH3kr8iJ9QxJegQNpu/TMzZupnzXOkQ7+OkumeCCOU+Si2Sr7kR6RkQZ/iA0y62PWVKlUiLy8fsz1MSd6s+YhLz1vu0t7ILS4T1Rqn2cU9fF6YQdpMZIAG6dNmzZ5bX+7PZKGsXi0CM9xwZ+0DmuVnejxsHMDJu3Zu24vkrT+QTtYq4/8nvWHPzyeCa2HUySRbzMKAO9CGhZ15Pku67uGlaS7frzoeFat26uY2CpzijiIrbKfLdH2buy7eKLkR8oAaXWhQNLH8+qEKirKy0tLS6O8bXVZQpvg8dPmbV/O+jH0IvRClLY06hkPAcBGqLa19ckBzC0HVg+0R9rQFpqFtWER1oBPhr3+eutPocevPzIaBwTseTORAu/rQ7sd2AgA4g69T1PlfmGVsX9fn8ESALk4ER5Gsb/Mny2tbzGkPQwASH1s2iTDBwC2yhYeVdgq+yXODAwpCCzAozT7Dml12fqR8VGcOMtk9A0pkUvsI7YvR+DQrl2vQLtWpdbFPAVAq8lgMrcygKEEoKQsJKTMYQgLDQn4ZN3r60T43ngSrH5g1rBcWaINAoCMX1plXq8GoBUAXNYX4RcfPqzVXa8tqk3bpATAVtnCVpytsp8tsCBifcJVil8BoFhfu7OE5RCyGn0HWxweQLYvf/HF2tp1T568IgD0Gf2MJilKBSCrPf5Cc3h76e4zuwmAv8ZqQ5cLMwwNA4DWn+IfwoeqX3/8kQvAQC2rGQCU+NkqywuiAqAVACa6rO/hYsR/uBi3wKZd7wGA1gPAcEvfhAQAmEEA4DwLEgo4/tmzwyYdYqurWF+9zWKxhCKlTjnV2WEBxkhHX5/G8jSZEZoKALWJWbuyYgWBVRgA6vqk9hgDNh54YtI2t2jbn5wBgAl2m1XTYAmxhFoNU5DG/uRnHuG/d/yjEa0X7kID+99tgu6OxTytxK8A0KoAaCGexz+rWHPpUtKaG4e1hwnAhhNZlLtMhwyG+HhDGVvl0PXZ2fv7w3oMe8vPijuf4of2AQCyutDmzWdI1zcv0Psr8SOFF2As0Th8Qr84CiEzcjSKni09b4l5C+al4r9uAcCBA1nthuYKc3spA4i0hWgNdFazgbK8n3iEjzct380S1rd/f+mkAECJH87O21/2v76eALQM4MiRX0+MKqXsFXSYAei8/d3WXLHaoQNTUga4AYSGiesPTSEASvwEwCrin4D4GYAv4m9MS5M5yalGX1uixccntCDwKqf5n5FSboGNBw4caG03m1tbz5zZs3v1bAAAKvtJDAuzAeD1c0r4DEBY4f4DKH4C8AclfgYQxFl0etRWAAj+RwjA6DUyfuoC3xt02F6JnwDQ8UNpeQAB+DTY6op/HxJLU+au3jj5JYRPwvR5ZoFN3v12oVxjkE+oXbG+4o71WH5dJa9VALD7wBPMArvP7AEAfaTVgm3NZkzcszHoBCvhM4BvhTcfMOCB8OZH/sDxp0hrCwA8PvKjNqkaAPaL80sAyvU3fF+sU1tptspDaRkA3gKAEIoforwaAPhZ3f2de4RWeUvAARqDKH65ZDKE7/nxriexm17ZtO0JxvhXX1n1Q5UAYCMQTCsvn7ybEuYL9JE2q9jfZJoSBgADEP5xt757MJM0xMcHUUOfzr9Pywlua+vtThhJAOvdPYDc/LjRayC+CxiDTm2l2SpbeJmPHywzyhLDXH1ICI96wEAcAlIr4ABKSThuXt4c75ByyJ2Zj9qDWbD2SSJmAdaqBSp5CdPoB5frx9LDdEVDG6C5cKnB/xz1kdB3rAcP2Bb7+X0q9GtOXirWU7HGEgBSwI/CoehosrIT2f7pFKmtNFvlYF4W/jvAI6kMoX2y1kBIZKBHu1PDwfNI7A1ZbP+UIgPMAn08hFnAIOROal3P6pnlzSQlK8pHf4F2s+AwjSRNvDsCadl76bQif9tbqDBdNvzPfxcy8+nCw1OULDDrOukEi7PXnngo+IDLY8UZZMmGOmsMn09yPTI8VwjhWEUkXIY4mYVu2/7qq9tJXuqsLoxJj+XMZqEWUmdnskabf8olWOI9Rl9Ik07vqeh1id/EpqZRUGKOhksqxveuZGm0Idx3g//+BPrd734n793wXnuFEoUOXc+ClJcrC4wiI8rv0On4GNUbbh8TBRtwDOPVWerxv2P9SuiPukKcBwd0xRPusuLSH+/xUmd1r9dm5XsuZzZ35kBLxCt+ANBoihA5CY6YAODEmnS8KRpIr7cBgJp2uyDkahcmi+EAUE7SpvPQFRrw9yfcvk5nPHUyApDokQWPBQCOXN7DafPo+ABH1RN8fL0t6OrVq1X3eC7C8dVZ6vHu2P/4xz//WQDAQ44rnmhXFlrYYxeAW+mJ6bcSEyUAEFCyqJdPfkX6HLp8+fJXBEBTyAR2uAD0tWjSfbh9BGAUxX/1zi8HVXcpAHZq03m9BNBptXY4ET8DUOKXANJk/AxAFETYbO/ayJ3aACAwcH3gep/Qru4PUZ8w/nW8X9gWOMSdZR7bRG81jkOU1XjeDUArFOey4i++WFW1vr4NAMTLaFjLvekuAJvylYKIXIcvFcQItzLB9o5G44CzylcA+Pe1+GjS+fojwGDO4hbcOfuXX35bnZ0deIgB7Nyp1QqrygB+1Wb9lbOBAUQTAOV1XuwhdRZXI7Q3UVplfSKS45aEc0MH9p/yTveKkQCw7WrIXneWmYDMrD3++Mnx47x8Iqt8GiTs4+bJ8y6V3Xj4sOLkjV27qjA9AYCBvGJsQkLgXraKBAAEOsCdZPfLdbjjRwQAUOJvxy7t/BK+NKuPhqVYTX6PEHJ101+qq8MWLcrUqdf/ne5Pa+OvMLPRPB3dBw+ychaDSkers7gaFiAliv31sSHr14euv0o8n322XoeAHXhwOyuydsMYwJDax0+ePD5OywCA8NM4fAIwdWfdtIqKvKyMXbuKDPWFRS8wAG3r3lvtF0RBAveANuqv7K2Dc+3K9Z/g7gGtlKRja9sjPjSQF6/eqc7+9ttztKz3Z6uarl22BcqL+jvdo1URvyqzGbSUpOTX6XlkW0mvpaqzuBLA6dOxOD4DKMA7koRzaMyUf3+xczUCvlVgic+m+CWAIUNqjz95vEkBwJdfAniVhj6+/xuRjGyTAO42XRjVxJMfACjxE4CuveRlC2SO7d13NJD59yJFSQD0QRj+tPHu7flhpqv6y+pv/9lF7wn0QexZ4g1bBIBZBCAnIsJaEm+QAJT4f/Naqrmndd2wCFMPhuHTp3OWQDk6vS1hfcL+6v6I/iU8vgPAkAs1+5vPIn62zt6+56AsdNChjx49OqcvwsEQPx2OjwcAIv5d+YW5hfkSgNZ814wNGADHP0HEo58Q8PXe2Fjx/JkCxd7T8uXn+CUA3P4AILcPFu8NuqrDziF+lND4hfCjigAQsywKozQN0Esc8eJ89LTHLk8+7ZmV+LnBnJX2KNAA8KvVQ//9xWTYkDNnJq9VW2m5XF8vl2lSx/X3AMDhU35kee7yXS94mfh8St78RNZDOetAEwBAmaRjoS6t4a7M0TKFcWxNtfE+cvvgsWKCjs3U8jwFAGxd0w150DIAkHO0QSjaSPM3Pa6BI+RnVtojAPAErBRo6AeHtN1YDP8uRra1aiutXgYALTZ1H287pn+SxAAA0pFB0aQT7wuzKbOQwV93kfC/Qt13j/TI0k5kg2Yqox1YY0VBwlKdWXgx6VvLzKlRrPEjRU53Q7QQdpenE/bW7G7JBpZOpUmfLVi9arXQWkhtpdXLZP8WzFsQFx3Hh2vm/CjrBZaX9UbvmzenotZWWmpZ3AOJUgvCtkq/2u2Vy0lmbiOfZhxLqSWuyC/FpS5qbCyiW/6LUm/om2rv6mrvR9VGyCRkNErs6uOprS2bcpaZ91Bbd0CTmsTiPd/i8gtuzxGVPpoIebTY61qJ+aT9pJOytEnQ6NfiSBlxcbWsMTRG7LBtdFvJ8nxI9FAyKEhgkJRa4jqHpigjQxMZqamry/fV1Hk3eWRx198zmjTpmEZovSbe7tRGq4+ntraGnlY9nJfT47Wu5YAGVIKSZIEF7y8KOrg9R5C++r2iI6/W9myvF2p3/YNwyqQYcl/Fc14TkcNAk+r60AkPhBzg0wkA4GNi2fyDCMAg5VURKkfz4uwOzWJN0GBNuR0Qrnk3jTrrqlh68O1wvDlyNCBp6R+k0Tqq7ACgOp7K2koA6b7xSgFGeuTgvkElWBYAEDgidxVY8P5c0DGMrbLTgx908tVTPdo73uumw+4baW94WByTlp+fFuMCkJGhBqD1ACCeFP2pTg/WVzkgTpiXUV6GtCCeD4Li82N29vYGoDs1/Lrvy379ngcADaWtg0JwMAe8ufp46gIM+brdYnEKL4/lSF5fItqjFE6ms6/g/UVBB18Qb1xgeno4x7qqf/XUKdr81i2ZIfJaU1LR0YEsbUxMWmnFUQEgP5/sYFxceXlWn1XIGR6w0JzDWosGZ2SIBgeFwJvDeBBvtxWVz5Ior2Xle486i4KIO1fP3aEXkiv0QQ47pa9CQoTTnP304227d08ejwMsszRaylwAZIGDvwCw/RQ8ObRRaBUXcIiCDpwPAN6NvQoN5vgHngOA5XT7NDVJa+31WUXSjRsxa27EXEuLawGAo3HU/+OysnBjlpdmPeNnExkYV16+HO3NEKMQJjgrGizjl1a0MTLI4xL2vek9KrBg+IiuhBRUFhMAfrojiae74Kcf715m8j0+ngDgj/vBR9QOAyArUmj2njc5cJmkOLCKa5u5PTO4YMM7cR0REPELAMtxxA0bpDX3SsXYFwNdu5bWmZN0bc7RjNraOMSPHpBRCgCrKWcYKq//njNrp4kGmyCQCQlGg5X40WDZA3z6u3vAnUEjRtw5d+5LAJi/Qm9xcOstFht9JxHp9/TjDeteKJyd7AFhuVPKhFX39vcXXd4hssjbuQO4IGxkAD6iPZy1Rg9Yj/g5/IGPAGD58kJ42Q0bwnE8AUDG39mZl5eToyMAiL62Fok2AkD34O7QM26jlIcG14oui6sYEjymrpxeyuUJlaZuqViWnz5Y0x8AQpt7J6V6Hxs+4k4N2chD386f/6EeRseB9lso89oBY6I+3lhVAQYDSHfud5qEkUEWGftj574ii2xWUqJyPTqfKOjg/WlQ5P7v4wJwSguhoJEV7hW1huOHKO1xDQD45aJWWyoAUAPOhBEAgwtAbZ2YhC2haDA/bbkfNvKmxmRobJF5mgEDNL/Q2EPKU72nD7rPPhq5rwf9CIDdageAUK2hod4GAKrj/U8BRiQ/ju8/R/7UJ4Ssbl9HutbpL63uUws2RH/k5bKe1vrKq8td1nsflDsXAES5OXQY9da639SS6uQswAC0ByyTlR6QAQkbEgIBQNbicggY8qCpdRpb3M6dNAguS4rTWC4ZjwVCXIABCitgdZ2RGNBDMAs4bSUAoDre/xRgsCFYvx5hkbkVVjfIv6/L6j61YIMLOs7ysuvttdSRV+vcnqEecycAiFpbFtUbiEpbzpiy6NKsDlhL/pS1ZQuq6TZwkjCYJOtuSVNJpZ8nIQeaf/NmPlKyz9R+b4T++cj46JF+9iM9JK2un5+0uurjkX2T5Qsso5Df/7O6smCj5/a93oI+5eUjKu0JVpLMJK/r18PDZRaWq4i3k0ykcHbLKmcqaoVlCvcQtGjEjyZ6emF1Fre3CpDa6vKZhbHn8wdLueytnqU8n7CTFSllugeMik0WaJd6CrUZDTfmwep/cY3S5M/hmqjP73V9Mj0uKjnA7ZQtFebiRWiVt8x/yrHW6GE1SYf8Hraa2psUa2m0QWRlQ0QWd8FiUrkrL5XK+ytm13iiUog3mzZtQbANsrpL7CfpySCz+G8BXEChYRVAxj1vSsmCDVUBxTfFTq3zpDO+Li5/Q9OFlrg6tdX2MovZCn6MtXM7PS8LAPQ+HQA48IcPeardqFesJtf6HvL2bby97tat9unCCQIAz/ORkWKeBwB3PgafKWxOFVYXCYvjwuqe4NAlnpcIgIhcFkQAAAfOfwwNIwAALR4IkKEpMJp6ZrWj1QUUgx2Yde32G/hIB+VVx6LUVlsCcF2Dyt4MQBzvFQgAKP62pvA2CUBaTZmF/RjLEV+dn7nuVvuo4fQRFQBYoHRH31DKAgdX5EMSb0ZGXIy0uiU+JcLqEoBprvgZgBK/BKDEHxYBAIMEAG16NQDoJYAdO7QCQAKnL043N5+mbpB4qNEZ77CXlFRk5FMJfFOd/OyOxJ/deZ1A99+8Weue5gjALphFLL+yezcB2AhZmy5Y2Wnh9feSCGE1ET8DAM2D3WeHDKFuMGi80R/hl+CjqvgSBsBlc5V0vMpCqigRF4viN7AVXV252B3+S8jaKtdTZoH5q7IIaUUjJnEBhYHWxysA3ty4482Nb2r5+KyMuvw64fQqnBknT2aU7aQe0PX8MqoXaKUsaCvivWvQmiQA7qHQ5t7bkSt5RctWYzcD2MEAwsNDJICvFi7sewf6knRnIltPn8vdxGNYvGkcAPj42OPt9hJfTqpyAws1GRnaImRBXQAQf4mBG7i2snwnaxlp51R1FjnEYRfqgBo69nHO0YD1ngAKNxbiP7S9BFAXV1EhnN7D8KLw5riiirq4lXUHK47VIf6mC63tTU3trU3T78IJilJSpQcAwK5XeLlQAXCg6oMbVYife8DCep8RSqkpACD+e0hL70UPGD5S70/pLXQ6pyhY4BzfYi20uNDgBoD4Bxi4gQyQZnVZPK3OMquXOecIdgQA0vMGuPwbD+yg9RIA4o8T20+tAFvxlV59Te6y0Vh5wWQytLYaTOgBAFCp3KNiEPzxrldUADD8VV06/wUWfw4AZDUVqzoSy2GXHwyZiTGgHwGhLHGoj7Mk0jmUAVS4D54BxcVcr90E5fUfkJTGb36ox4gSDwg9hkthP4RQCDtu3Ic6dYEDF1CYPAHweowBwgqPbVoJyXJXfFCxrCgjDv8Jr4urO51bk1GBLDOUQ+IssxesKKlSqveeH7+iBnAAqo/YTTogsq49rOfB7m23brUOp2UGQNH4DJ1gEVnledP47pKvfLdEqd/9occo8TMAJX4CoFXilwBg+lQA5HoFAIcvviiZWsHXH4q5nVDzk9HqLLNXUaFLJlORqahuz4uQOCDPAkblUYvkx1bTw3oGt3Xi4ivLsoDBnVWeygNc3mYSsoQA4PnyFwDIMCglD8EjXc3/kAQAPbPE4Wx9PW6BF6RDkW1ci2+K+JsngQE9AB2QOwEudGNdRoU6y+zl/ohMmjWyf6uiyfduWEVSnJ0wZLw4UvkMTaebCCuqLOtVFQxKGasQdwSYZdcZPWweSykFFuKwlZxoOBdQXIiGmvUkVxJ5g5TaSivnHs3SqeQ1UZUl7Q1p9Bp3kQWvFicXNvvQfGX7cR8fmqs6oPozOp1KAqgClSyw1AKSnqVA/PbTXj3E7RWnn/81jrcb4loHme7+n/Pz5krWuu3GM5+hVnmOfAICAFVWtzdVE9g05VApHvNTPawnW8fLiYmPeXvofmCNztv2lRxRuG/p1AUXOl6rrDd6WFGyyqsXQ4oXnKe3sRIT2f5YAsY2PV4nNJPUS2nv/a9wQJ3yewPiW2OcP3wDN8LQvIHP3zO+7/kXJ8IvrYGuJBUDgEhqyruaAJSXa0I0eaSjRwGA1otw2DrqOs8HBt6hzb+tSbi4RAdn17jE/UI7UwJw+Po6xLOFjmsroj//fEMmr+eCCovl6lUfeqHu47d2scsG0WA5eSqMj1AovM/QiAB8JXZnnRvBul6u9k4/v9Ccmbzwn8ZIgROwwDPET6sxdeaEa5xOTfiSnHA+//OeWetce0cDVAzl5BwGgNb29lb570L73fZ+AFCqsWg4fgCIYuspLidbVxzwNgggzZOQ0o2AyNpG2JWHKQZgJ6sdycvR3CGdDbYyE6kFABD/+uyEgoFcUBHQEAHVV1XxZyNhcwUAy/r1FP+UiIBZo0zmY+2etcQc//3uzE5T54P1evSokvj4SB/w7I/jAUB4Z3N6ZF8f3/TmJRsYwMILraQLUOvwz8ocHR2ODlSo5V65sg8ANKx0B7IsJGGtLaraXXF+Nir0/r77fPb58wkXM1HAAACUpbZjvQJAfJY00EnLRt8gdPXPIyIuiwoRLqi4mlBQkFI9gQFQUWpDhNNZbwWAXADg+AMD9w8dOmVKaMAsg2FQ+3BYFs/2TL+/EIN4Z8qjgXqjf4kdpoP7kwCgMWkdMGNDI03hOD+11+xhrWWt8uHiwyfbGk+6AdjtjkhhPV3Fx2F0/tnyszixP9cCy8/UshP2y8/Q7Brg9sHeImvLX42JlLADy+E4HrxxZlhY8gSuEGGrjOrnagAg4wMA9RH4lCu+w5lLADpQ+mlxxm8LvFUytKTEcnCWofV5fOVzzAmVlDk7yAneP4/4M79GcSoBcJb4l8SHIH4+Hj8oNoeGLtv8kNojASjWGlnwS5eK16BMM6eidMlhFwBtpK/Bw3qGqqyn2J+SkASAPtM6fz7l62QG4O8RvwQQL95qOGnZDeCyLGaGVeYesL8ayxKANl6Lt125+/DV2CVTZZGzcrHZPDmvbPLm8O/RA4a39+uux+WQF2T6/ZZMxJ/yDbcHPcBGPYDjFwBM2lPL8jafyTCF4/zUXrOHlY7iStXDEDlUAPCNdzgdeHqz8z9Hwzx8SQoAR4/S6/yYo1FsPbUKADipewnZeMvxZcrS7q2LuNY3TMYPAQAUSfHbeDma/1xmtdIYYMYYQE5yYEFKyjdoLwMIC4sHAPzHSQAqKovi8L5w2uT8yrz8uPLiWStN7Su60COnkADg8fkWU2dmZkr/ZwWAoCCMAUEU/7M4np9BE57TrM3avLm8sHnhBkM0ffbX4S4mdoSNXiPiv3b7ypIlt2/rvNjaYnwXFQb99QRAO5QB4Fvio6PZeor4OAury7mYXfMtWeFvD/X6OpNqfbtkXpYLIkTBhX1w30gDA6D9Mfp2d/cTn6kZg7gQoLpaFlQsKH/J9Sj6p1/8Yktq76LFIDAtP39yXn5dXv4zs5DFqFB06Us8jYZn7v/GVRCBW4qrC4aKMQA9wJyzJFqbn2+IXrgkmgHkDqRV8nwE4DDU53DO7dt0C6gLCqZi+tdatHlyGhjN1lPL4vVbAwPvu2aVOyn7dd4h92ReVhREqAsuxk6XqyFplT0LMILXyklQUpiaVJlfWRkXt7g8P6M8I2Na1KyVpTt2vPjiRgjO/MAq3RKopsDd3lNFbuVDWTj/hmYTj3ctzQYCEIFRVzkfirUheRdcAwB1lpXsnyHAFOVyj2w9hdPk9UsPjVM+Oxv/9cdzx49VliF1wcVY1S84eBg9JavMLlyqeOrhw6mpl4qjooqfiSruM+sErLmHYP7++sijvduVYgfa7gX1+XV6Y48TzoF6WOFPDilfxZHUWWB1VlY+Fe12qTe0wCOIQKkE+SaAQcp6E1JvlZRSYaH+AyCPn1sTnxMqmq2SOsurXl5L6vUWnYFb4KXWJ3v39viFBXXWVFpT/EFY0wOiSjg//03Wmd5ZdRcSL9SJdyN4MRK4cuX69bHvtjWyLn4claHNqFCssfN/ACSSlF+MGKC8+fSFjHPbWOJ4Bw/+1VsldXvVy2sXQ+ug2Fgy108DwIHXPr4gfmHhs4fQDegL0g2dPhI20/2ISwA4B52fv5EeQncAwGk0/HReHj/u5qUGrny+oCBWNPhg48GuKK3GcMkKcR2DddI8IfQYIffvA8hfjEDBBklG4A8AHDj0DnTwr656mAApdZZXvcxWe+bM27e3bQujn/J6CoDH/FFkQs1dBnCiklL4izERbebSUmEMTE3HzOIzOQaw42+dnX/bCBGAFjS/heNXADQ27u+6eLHrIABkGOouKVmdsgyhiooMoU/58/ga1vnzNV/j9beUqB94v02JnwDopFxPzOqCCvUyAZi8rQa/d5f9fwAkcg/APXteApgGFWq0hZM9ANx9fkWTJ4CizOQiAWDBYnR8cf1BYHNq4PMAEAgACfsPgkBXVMWlS+gBso6lapJGqKVFI6T+BQpTz6ywuSzeKVVG6tCxtrZsdQPgeLu65C9W8LLyCxEAgFlm2+2IiHsAMOWpAKgHXKAe8AQE3j5BxMrp/NO4tJQBtFOKpp2sJAPYsTwuOTnuRQbwfcWNG5eEMLdc0kkABxMu7t+f0nWzK75nlrdMxpe8SAGgxA8fYVJlhf+nFpkVvUSn6RQAOCtd39WVi3gJQKS4f0R9bxAATAaAewUFADDlqQD+W9y1hkVRRmGyy+6ygrYleMVCM4sQoRvQKiFSBlG56CZiYYigEIgFlcJWhIJ0YUuUCLMbT1mhS4ClaRJPEQRElhbhpRD1qSyhInvq6f6e832zMzta/arebm4zOzvnnW9n3j3fOe9H8f/gev6HH57vpPZyMAbK0pESpAfz/YKA5YuWvb9skdnMBGCq6PO2lpbMz6l19pWhUZdg8h1ljvLHSOCiZUxASxyw/eM9F7Cbn1LHNGWugYHyv3pJgIcDhSRAla5B/zQCZNvdnj2y7U73/lAiYFVJ3/33980jJXkqAsDA84e+aaorq5MEYCaLlBjiVwgw73z//eadZgAEIAV3O6YB9qN4CASQ1t/KMkP82BEE4Mu/5+ieoyDA6pnVzd3G6Ni3r0P8aVqwNA94nJDcetfnWyRuB7Z80rqDvv8MPA+36y1M9W13escIEACVNW9eX9+8vyIghr0Fnq/r/IEdFnq/xP1fwbHjprFqZyYCvHDaYzRXGBkHJAoCArby5qtJa4KAGctAwIzqTR9/vP3j7Xu20whQ69gwAs7UgbPIfGyRRUYxs1LMCzy6tnWTGj8R8CkDnUfyDyc5WOiyxCtmQmTOGxcXd20cm7mdTIALI4DwvHBYGOopjceO9czaggDcA0TBA+4BIGCSsp1mr8YIAgKrqqs/BrbvOWr1lMa5egJ0WWQQAIhqXgAEqE9BQu+3OuilvL7W+FZKOAmHvYuBkwl4rV81WCB4CmNtgncag+XfKyr0bWyiq7kK2MDQdb2dPALUtzPWywznWolWoFcD/fv1Ul6pE1DKjVmkiloGPgMvPTh/qpGOWjsGoPeZUlF9+ypv//pVTspyLe5S3n/paR5YynvfweDt+qzzEAn5CWhkdySGR2NKMD4+1oH/c5WAsv9lO9qSqJZ5k5LbNgukKuerrxUmKrSXzyTQ2moSuJEgiiouIKBfAPBTpWO0IzJS9rAsWNAWPLR0ZQw9VyIisH1UQcnXnJVdSYjg/U/Twcdvl5/fewzejv0ZSlZ2SDmhsLs7t5w+I2yIozwjwwGxjFcZkflh+iz1L7VBtW+jzc3pzM8CwoyGUM7hBcjz5YIKqTSBaWrWWbTxcVZ6IHhgYNMAZ6Vv7ADEk4J9jgUBE1TpiConQzls5WJji2IHStN+8vErCEzzpSqlEVtnVG0dylnZEioQmMf7y7jnzXMTEDjBF/aHAG/n/YHD54us8xDE7WjurLVXuPDDlAjIiUzPyTcY8ImRKSBAZH0PHJAFF4+/jfDwd2wl5c5jw8xB9cSAzVeeL0tleZ8gpYik6yRlQp0KMSkrXb3uq2EXvpv8LmWluWNFEIAqBDcBqnSMTiQCEH7R/D2lu1ItkJZdBWm+aWkj0qq2YjtnZbkKawbvf4TQ39/d3d/Pf/TZFVjg+xID22l/jv6aiyYOP4DECBNQX9HgKMx3VRAB0Q5k9nNiiYCUICaA4p84ejTCp/25zQ21zCCgvHxmJUZAoYEJkOcLLzQMDE5fsRcaLDQ+BA5to8IwImCA4qcn7cePX6cSAG8zI0nj8WJ6fJQqHeMdiZH5dPk3IXyjOf/rkC5fhF9QUFp69jkoNOSsLBdIzOD9ScGcf+gio/GiQ+dfjxcYMV2SAN6O/YGJzcaJQuoSARXfFDkiwztiYjPzw8opNZcSaTBGRpYnwhwT+59/WEijfux/heI4URk+8+aamZWzzTKNPUyebxKZwRURwskLbSqatCj+nTsPCQJ8/Dyn35kAY27nV7VaAiZdDAjT03gUfdLl79rVbcxw5M+mvjykMEePSyutikPpKkvXEtkxzwQA2wzANv6jT0RBYJcggLfT/ofroKK2NSOi4ZOHOEBAaE650VEUkwkC+LGNf5SkJRFwzWiaGm08QbW+xxxZe/dWOvdmhs901EzP1BAgpO9UR74U4sBZbSYm4KNtOz8iIAlLSlGVSgoB/vUDQWb+bSAIGMnnTlL0ivgcXP62Tbu6zZE54bDW+toPI6CrNC6utPQcGgEsXRE/CGDlxe1Tt8Ay8NAtz9KffWBmtpXCv/NO1RFip9G80+hfh+MTAfmFFbGO0AUdMZnhsbPLUzLSMQjQ05kY5J8YGUv7L2scfaB/XOMLtH+8MysWU9tAT0tfX7gkwGgdIaWvvlZZEPAhj4DPQIDOoYIJ2GdsQFkiDDLcBJyvFjzE5+Dmtys7qDwW1ZIgAFJza0HaCIRf+v3XisMD1+IKAoRIsaRmp2/nP/pEzPAkgM3TcAecOFwc35Gf73C5CuubY9rDQQCMkVPgCms04kVkfvhs3v/9/nHj+hE/E1CE+LmYt69vtyQAOWSY1UkCZPyybQ7KkupCP9yG+ImAG2vUyXYyiLyCCfBvaPDXEGA8Xy14iM9v67Tj4u++dPduJiCgYF7p2WdXVZ177tenfT9CODzw58Wx9OQMlq/9ppvsvufSn/EVmAECKEGnOkIMP7TN/9A1fHwiIL+jor4+ph7FuUxAeUo+EwBvcBDA+7//Pp8PEyDiZ4AAPl8iQErfE4cPc8GSBNr4hDK/Wrb9ieOp8YGAffvEF078NmDpeI1a4DC1vjYxJ5YQDuArMCuwC4MItjaY7Kq6lmtz5VOApScr2DE3QcvjP4APPZ9fYpyyljdetMkWFnJ2lghIsVgc+UYjnoL+QeGz9ftP5cd/bCxYIJhk1tn6F7XC+qzzeP32K94ABAEXAyCApOONkwGRtT1rSLxaPQzAP4qwdKk34wvOEn/xKnDUmzBGB9477w4gj7frfX01hg8MvMbfYRZLmHAX4/35DfyOydjbo5pZJn1zvSXUUmEBVb4L6D+f/yMKQKYRvPKSBgeTUKp7gdT0c3XSNSlaZqzjo4upse0DAVFcDHytgmt3rwDqLNQXbekwAaLAwky1x3w8ofRVua/P4iImwwcGNQ198OBBLy2mMlQSnQGLF/vOnD5scyCjTPEpVnZhFjRtdkrbHX8U4JVUUVFfUeF4z2wjWHN9NtZ5SNFop8PBZXzF6dmjID0/ePjh4vLyYsXn4davd0mI/uKh8CWm2Wwz5uN2ki8xS1tRsMDHQy2ytnfzTn3tMLLQhocNAcETpOPEwaHeBz0IQLM5Q5ixzX4iIzVjZUZ2yr0ls8gQvEw6RNCdZm8+vmLjbXZjsGfbnTGdunBEgYa31/6KehdKS9dMkVlfH79JfdousCSnK7ANPviRlgBIz4TmDx7+xlUyq6T+vpkzUeM0EwSkKSil2l2y2AQBNTWoxiSLTZa2ggA+HipRAf65DxABOBN3HpMImGS42cClc+w4sXmoNfVlDwI4cDm7Ezt7UmpMQkRIRMLqEkYZHCJYOmeGH99xfDcISDWkTvHwPU7npplhskADBDhcaE5fY7EycimrmqvxCU5yBoIAZ0YqbEKH5W678VgFcsz7R4/u3MsIy7ZZFaQCtZMFAYsWGY3bXmACRgoCjGaWtg8h06Ma3N3+4Dlau/xRAd6CAJmCIQJsqanW0zUE5GjihxvdsOyYkEC/iLensB98SZl0iNiLG+bx3cczZ4832g1TZPxyBKRsYTM04XiBr0CM0+VyrrmYSwKmjB+6o2CS77qFC5WSl2hnW1tloiUE99yQoIuoDW3WrP19eAYMGwY16uuN2IDsXbtkSQwREGrYtuydDiLgHZNa22tmKawYQsRUiIIFs2cWOMgA3Ky+tuy2W63eY4d4jgCKX5qxPZFhD5oVaX9xeiPiBwGKQ0T4pszdxzcdnz0+WG2rpPoD5fMofiYgz4HLDygjYKhrfqDvsGTFwQEEVGbh8o84e5h950RuQ5vVtx8MjEP8RIA4YEJX6S7hQEG+xKGGmnfeWW5sJgLU2l4LZX0VApo3SkcIszZ+aeCw+D5gJq8Qcesv3t6bdyN9oBCwocKloKmpyTW4KmHx4mGLnVOyED9QdmxvZlvbk20gYNPu3cfDmQAZPxOwfosYfTTbRZ4kXhdQ/z6AEUfCYLz3QGDwsGS+/A8IAootCfh2+gUdIqlMI2B0H+KfQfFTZ6c6AjgLS77Eoc3L33lnUUcz+RKrtb0Wer86AmKE9jfrsrj06j5NQcMvYzdu5OsvQStKuGd3z8g0Bc7CzY/RyASobYAQckPCTdK3mJukqP6A70G4Aymf52W1EZRvsTWXtHM20hUSndEZVrQt4vKPFFJ58jdNfXPm9I07wZnJfaZt8maxU6D5PCKgbhkufkcz+RKTtJUE8PvlPeD55/kxcPfa0++RM/EA2d9ByRnuY8cV4RU2NSo1dcpULQHlhoxYEf4ZggAZ/jyE31g1NV+N/9iQ3aZp5Fs8nCDOn9sBRDl0SBSyxl5jgy/RZnWnQfunwdWcgPRG3NEgKviZkNs8XErJyW8coJo4jh+pWZNH29pVw88jX2I00eBGENRMvsQsRQUB/H4qxmasB2BuFp0jg+dmrefCxk4iAjhLTO5x08JgTD9pWpibAHiRWSIRvyDgSRDA8SN8ip8IcMdfXX0MBJBvscZHGN5iiJ8IyL5wTDYISLUB6n28FtpftrkxC0d98JCy+9e5peR57FEk8SkI0ElN8iVGaVxNjdFcCF9isV0QwNvXqklvgAjIkUOAAQImGW82KlVaIOACOKmOBwMqATnKUwA8yBEgKWACshQdn3kcbYDsW6w5v7UYeQSaqU6lEUBunLUCbxOGfr90A5qtjiqAYuqsu0yVkqjj9YBeatLmGmRlC4NCF7m3hwbR/zmPtq8FtPZm0bpaXsg/88sWNcuJ/81QGFCW01DA8k+iCsD+HrtwOhonqIh9pZgCYpghfIXF1RcNegLu1rVeb0+p2pDkmTcmWenO4QI2BXJIXRYVdUWS5h1508aqWXZAX2sszNDUz1uvgvXzKZf40MwX6R0puCXvVeC009T0uSZGL5aimlrgsbq2NdPARqFSAgp4++juYqdmsawwesRrpbPNs1Y4NcpiycbuLqcLv7OzKqfe8d6XG0UWF4Djg77WGFIaULPU6kQJpm0efXTtqZf4GFD8vkx6RwquRdYsEeI9aRSyppw2JYwHATiQphZ4rK5tDVnV6kt8gbQZcVuxHQEmInBgMyAIuIZqd6Ujg00bPhPgb8/KaiqrbGrLbNkNApAvp/dI5OprjSGllx9oKiiQWV8QgMB/+OabH14ngIBTLfGB0IXXGQjQOVLk0WSvcJTg/b1HjRmT3NWVfDWDCcDxNLXAcqkrV0y3UGKUVv4KS06k4a5IvsFGg82W4pTxny4IQPzI+E1sngil5yZABvhCtr2msrKsrL2sJbNpSWwYCHjpvQx1u77WGAQ0lXVtLaiSWV8i4BCmYcYJBtby8ckugn1ozf5iBHD8TIDekSKPJns1S4SMRU3pxStXagkAnZpaYNGuHjElLcIqCVhY2DCnetjWrajuRUbI2L1ypc3s3Mzxn75ZElDnP3L4yJ3NUHoKAcoVDsKZVFa2tcMvP65lScvUOx5JwdpRe1ezozwmS30CRslaY5WArtTcLrmEBxMw7hmgkVYgen2tCDg1JCRVU5w9wPEzAXpHCnah1SwRMgQP3ITkZDseusBz8V6cNVVrgQUBFYGrdwRWSHO0woVz6ue8m3z2OaVLUZxs6541q9uwsuH4McJxk5l+506sI9P+kcNJKofILyjPWI7CXB0IaI/tmUEE7G8JuyPSkIFs0XEpTVuJAG2tsSAgI7iKs54gAN/9ZwjjBAHpQnnWObOF9BZKEvFLAvSOFAoBSOLheIIAFDFnX6olQK4mp86vm8v37i2HYwET0DBnznx8P7efc24ptmMEVNhsIe4sKxFw/sSLzIdkgYM+CxtKBLS0NM3vw11uMBNfgUhaNkuugLYaI0CNX0rpAy1dUWVx4v0g4NFHrxUj4DUQcKcgIDUqCgSYFQIGZPyt75r0jhRUIHF/ibpECBEA45mNl3KPPAgQq8npCDBmwARItKlRre2cBvpl0Ps4B2zrtmVPkPFJApBTbTbX1TWPBAH6goWhWI+wMhMFUC0tRwaXbAYBuP4Z6nS5rtaYf0scaKqqKsX7FQLoHnBtx2uCAGVPbvNKZwKMRhl+77smvSPFipmo9OD4BQFGIDk7N5mPgQssaoU1tcB6H18QUN9O8QNzh3LACcPUggQmgB4AdTv9rxl+1clLbnh3pq3bvHl+S8sgsGTzbBCwyuJu6zHX6muNJ9MSH+/jAPx+IgC3vh8OH0b8TADf1QFaLg1marcyAQNMQG8rCNA7UqygUieO/1U+Ht+YduzINQv4i1phtRYYBEzx8PFFbW77EqXN7N2rva/tDtEvqWH+uyU3QMDqrErG5vDNRMBe7ZoarfpaY7HEh/r+9fT4B15nEAGA6LYGmACcungMAia9IwXXInMWex4fz6wWTwgChhJyGd6EC7QqDTB5ojVNV5BAVN+od3AANJP0c8NUeTo7r3U8jqsuqaGrNZZaW33/ep37WR5B02amb03TO1LQXis2cIGEPF8mxw0vo4TSO6lRngycm8f6c3mL895Tz2D7IGRuUvQR8i6Tvr46qXoGgAINLomYCgz19qw/GeMMv2l8uPNxxQhZ3/ZmtCkwQ1pbLM+6cQvDKODuHLuccBrjlFL6KkDbR6f3Fc5YzwVaAi7X3WshTRmyE9NUbFxsSHwPwJewweXaHw2dW78SSBPS9Ko6T6l6BrLHqATOEXg6zDvbZseyvAEy6zu2MiElISTFnuh0kt1g1lSeKFXPx6Jvw4MpitYW5Rb9+bO5GytfIX3VeISPsFqwIXyJ9b7C/kgZKVnrzrIyFwhwNyPj7rTMlFecQrGvATrLmpYhY5SV5YLUTGNpSgURNVqpCgJycvCDTVr0gQCbPcAOF6ULpZMUChsnTAAdYoa/CATgt4Z6PhabgWtm+bUgQLPuDlas0J0/CEBgmtXx1HiEj7BnBsq80+slt0cwrW35yB14g7L/fU1N5SBgUd225prmZvzT8QIIWJyBq4/w9zaVHXiBCWgX8Z+tFEQs12QYckHADcgv5CN+SUDqJVi2WcQPAi5IwHjxi9pRVNQCFE2FoUIGtxKuIkxPeiUxalSq36jixYziFZ9tOwQoo+DDZyUBLpdRIQAXViN9RTx3bdnyKKUh7lrrE8J1pAUFUqh54bHEEBO6L92xXsaP3ekNdxIBzc11zXUdy5mANcZVxmJx+V9A3osIcLnjv8SeS1ng5WrbSOhS/ZIYdlsCHtDSIv/C8UUJiVEbEzc6isKZgLAVM+1m+xrCQWBNdN4jAci8+zqJEJTu3qp+PTRSuK4C+dHl/BoE0Fp2Bw4I6QsCEM2WlIwMUPDoQyCACyZm4IRYamsJoCzFS3dgvh1QZpxLvkCWt3lnc0dH3aLlNcsQcF7kquJVuPxNB16QBLTL+M+eYIew4CzwIqVSDwREqPETAUNxBTTl9xfMjSzescNZviM8fMCR4ggHAZhtUOJ/GQQsDh6VGuI7cxURsMZNgHL8IL5gD3f+8ENPA7JMd93Jnz8aNSaHxep44oLiB3IK4gcBomAibdy4UsSvJ+AOEKAvOJisLqbGAa/A+HfSt5/iv4wIcHH8IwKy3W12y/3l+TEBFL+6GpzNMwucixHEX38QMLBsERGAG4wHAaHOmc7a6Rw/E6B9vyRgeWddTc+yh4gAWcDR3y+lr/ARvj09/faHeLuQ3jNQyS1Xm5u28WfCbwI/t+oLDkiaNjMKmwUBaxo6cfk5fiKggeIfRj/OcEtpvhxZ4EWaR23hkJynn0b80qP0uTAmQOMHEO1E/JVU4VS0bFlReNjcL38W+Jjwc+/4jW/nTg/FuuF8fuvmHpSOQwC7zrBP8H03d7bcdwNPtbEZm0b6Ch9h3Ai2KFNxbqXGaX0vvXRFAB7L0REBYt21ukV0xfPqcfkXyfiR9Y12pQ3zTbCiBubQRcOx/+XXLJqjdWgAAc/h+iN+JmC2TY2fgBGgVHjtxlK54WGn8AkOsEepr1es4tEB5AEHo0Wef0ts7O0iQM5Sq6vjgQB1KpK2mw3ysy2M0JPa5k7K8roNKd4hmOZ0lnVqV6ML2+Vn99/ZXDdyotj/suWeDg1UEIG7AB4CjNlmXe1wvJPL3ABRkPFPPsG3riIo3xEQIGcZRZhEgPoUoP312y93t/HJ1eZOMifTFRwAJi2ODr7g8frdd9+/6jLs7y5AMHmC5B+yzO4SB5Jz0gwil0ACkHPCEv/kE6zvslOFsgCXVyAHitU5dFJabscO2iy211kmT4zXFUioApyxoiF4UrCKKVfrs7TwRvFwJt7Rdvqxj4cc26Skvrm0gl0hNrAWlu+9SpGm+uONB7T11nkEFvj4B2jV7T958uPT5k4+7zvluumPZxZQzdSefEVncRHlKRXvhLXMI8WPKHeeFfWpU66+2I2bxuuztDeopjkPA2+dIWt9xSIwsWFsniYW1SA5PFYWSLg/T18wofcN5l+D5JPlqidtkGTq3OXx+ZM7MLkB++7QDp7BMZ3sU5zqB6td5TUIeH29RyelT9QkjfEuCPDw+gIBWEYZi2lLPL5dn6X9vkK7uvqun0St78bg2KL89vZYIgB5e9EoCCFABCRkB4waFSgelWVy9ThVCut9gykfkJ7TiQVPmnqK1tyfZJrfE9ilfj4I2LFxdce+jn3+b/ASG3x+2Zj/svtJn+JRtByesj8IwK+kyFSLgoU+fl1pJcDoRrqTNvanpKutuUBxvXVXdwgYUAjQL2xMxcvrqhcutNqruc3tmFzSIraoKbCqpWg2ETBTNEqyEPLB9Ugd5et2f6tkSyMH4AQc0eK5H1NREWHj43OOL316J9DUfpAIWNJXUqDWOk/uwFjZV7gv1PLGp5IAX7vdzzfAHjJB+BRnj4Kxsbrw8hkPbXvo0ewQBe9CKnaljR5dMoj4B68dfcTgqbUt9fVL2g3Z5yhfKzYsMDaT+dghiyQgrQWPgVBrbkvuu9W9+bLWt6ioottNADu9BUIOEwF2q93X94QEapI4feLOOhs5/u6KCmuMQkBDw/T0+9e0d7b3HLw/2tQQtHB/ybw0WTsMAlZvWr3vDf+gjn1MAElfu1+C1c8vdQJtlxdMXXj5jIefKXxw/c8+Er1QSl1bYex73eC4/bcNjpMEpNTUpIiChvr65x21BssxBXRArK6N+M+/iKRv647OzoUNDXMKl7TX7tmDEeBYwKvLhYe3NLWAAG7MdHG36BgmIISywr7utrloJ8evpt0pfuSpkaN2kfSFUnQ1dC5Ys6aop70FvxVMFqyEg4qVNFkLfB4TsG/fGxQ/pu9J+dl9rX7D7NZRtF1XOwwCHq149MEv8UoABPAIaBwcd+2rg9cyAXyNm2XBQkPnlztiUqBZBIbwCGCLjzp/MxPgKK+GCij0r9/elrO9N56qLlnptBw4MBg+m5e8cFH8IECt5j7BGH7iininev1PT9osa4PxiypGSGsQ0NlQ1g4CsEY6pDKPgMZ5aUoW+rw3Vg+sw7y1nL4XBASEWBP8Un1puz5r7XXWaw8+mNJtVbDQZ8LWNEUJv/pqY3+k+v0X94DumApHtLpiob5NjdvcPr7utsJaavOSBIQTAZktLWeFzz6dZmpcFH8ZF0EtjaCeYVmQgIWTk4o1M4+VWVPNuuODgPbOpibcAfct20cEzJ+zv0TMoigEVK/m+CUByDonJEwYAWfJS2i7LmsNAh5c/60GV/gEY4EkjVsc33SgvbDEHdTXqlvxFFgQPUSF3pzse9z+GVWEgp9AgIj/0ieBcNPp90xfsMDF/cJXEgEbIsoA8l0mxA3qzdN4Ieh3VOmNLG9WT1N7T0/PvmUvEwFL+maUqtIZBLy9eqMIXxKAeO2pVmvCKN6ul9pev6z/9lktAd471BwtcF6e6vIEHkBAyu54TfzxenMyOFMzygWGTOXHP0HU+t56j3ITdF0IoJbX8/N88MiWE0sEb/1C0LfiPJwNrsCypvY3yHHC1FMwSiOVQQAeg7J8AzD9g7TGCPiOcYWCabqCB9XxVqAt3mPR1l9MOkD+aZ2Jz9CW+tL205OAQV43mBPQemmql776haClFI6Pjxbo1e1vMs31qDn4J2ntpZeKVgzkB6y+7tetEr2M7b0vM2B6JrerWdbLTxzBB+qzynqCshT4BfAMvX7JjPjElKypUxMdiZI3xV3CIrPEdDlOkyDmXj1yhMsfFOxou/XYx0mQ3sBUQH98fbxeeql4jq1h/vwGm1153bpDwaZO16ae3pdp4QG4aSvb3W1uFzWW9KHAAQUNgFrQYFINHAmmLMMW+sv4ovimN5htFVjj62HCzcDp8UYkiOm2K+6Cs3k1OpRVKlnhvPe43oHTvlSQ8X7UykPyNWFpkpDexe4CjgqrrbvCUIG/u7u7K1z6eEWBREKC6sBgt7UvXDjfliBf66XpyzcXw4UX5dlyu2JudrgR1lq37R+k6WwOXRY0cIpN9SF+NWuLdCDBrDD8xqZYUHpbwfe8dEJkfEa6IyMyIzIofDM1SIAAIRttstY3773pq5TjkTna+4unf6M5/lLZZrfaXcBRERGD6CNKbLaIwLLGTindu7oUKcxS0Wq1qw4MCWBgznxriHgNy1as2vQmgMLNuI4hgoDp0y9Us8Bk7tXYuB/3wMHGfhCgncpae5pYKFlK3XlHs7YYHzM+Zn5sPY3LWeZCEFCyEi1jW7bwyh5vtX6ptAF+DFSblMXYbObuzs5uKwhYtQrF2qNJqpOP8WlEsOpzvEFI7417Kzcvwn0QBEBDlJQsdux9zzXuSFl3EMULFMxQpDCEiJ/Nb1jACOswxYEhwTZ/DjHAr/F+Q4qM/+mON0EA1ieFR+aFQkoyAbj8TXPQlHek8dAHTMBTMn5MZgqhk91gtIv9s7Y8Rlj/li8oP8dvndkaE2M1SpdReIzqsr6FICCCYMzo6Ww6UiEIOHzg8OETh6+l2uM8nqVIxwDiLHJSFknv4tq9mzfvq2letjnMaQx1BZY4sVNZo6sisZDPZ96M0aPj4s5mKQxlZLdhPCOppUhFMICCgCXWEHptaG7GIBDxPx3XEX36zewRugBnL9vi6PL34RnY19j45utrP3n4ecKbEpdCGAHGhiVGaoDfjnsALr/lQf8P+L6UXm+hiSCcvkShrna4cKkwWcFPIXNPj9koCDgwsbFxeP+1JJ3xGvEXrzlYnIEs2ZqkY85KVHdnEQF1ze+AgIxIgyHCFpy7uqy5OAMEsI0vjZcROH8mAPEGQCj5ZZ/rlooh1iW33bbEGoXXMRUx3Rkcf08cLWV98kLJB+jyX4fLX0fT16d5ZpVp/UASxsaL68XqcTwCHnzrg5eZQb/qG1J4+Ct4K10bv4YAY4WrtrY+NHSFGAEnTvQfuZZylnjN8R8EA5QjjHZL6X3LQMDs4sgUw7JAIqAx0uEPAvj8S5EWl1KYpKEd9Xw0Ia9KRTDwwAMLU6PO9jZ0d3P4lOmJewME6KTkVa6SPmigvsbDb74mCFDjJwIGXU3AEQX70Umi+qQGpba/fLNqsksE97KUdsO0IUa47GCuqbbWbAmlgFHwcWI4jk6lt71uvwdRshOfpfyU6Ozra9rMXWaNByqaWppccUGQ0uL8x20dgaSxJIDiDaH4tVIxxLrwgQfmpIZ466WpXkp+4VooLj8qWCQBavyvjtvwjOfrL/yy/ahVW3yDfAKqM/j+z4Crr6VQ5yvMBAQCZloMGgFQVrgEXYX9OBoRoD8fECB/SvUAggBzs6UszlVcaGYCeK0KavbD/kzAqaUixsB1ty1J9e5Vbsp7qvYgw3GStCQp3NdY8vzrDBCgPvUIG3y6BLYKeAepbFrS/f27XlZshm9gRF/h6SsMAuRTgN7DBOArII7feKqCjHihH+QwYAL487qRpmMC9FL4r6Virgmo7WVAYP7Ue0ppif+1/4sTH7izrm5jsA0C+v2nELhEpJrhr1teTilEUCCOcvRortxpxYqkJOXopyrI0LflWdxrTwicJIUf2GCaq5WGSTC4nzZtndvyIgzgo2G7B2SNw1VXjQw9R/N+/epzQZM1OWZgnhszGJfq8MckTbGtbdIfXv82TD0xAzs00jDJiaxncIIsY1s3Nyy/PMgRCTsouR0ODVF+qpPt2P66ukOWBPX9l9cp6CkoaEk7z2io+YaADlfCVaNHqEBKqErGHa4QkD3l92xeZZWqAX+fku31b8M0vy8QpbCKFGYCVq97e906tvYhAiLb2spRmy+2gwBEfoni4njJ2MGYi5ZftDNhgnw/CLhIunuPXJ6WVjMZN9FOrRSeN8LdIgkwAUVFOQtynAvuKSrCC4Ph1z9+tRm6ugw2/MFg8Pq3QVnVsq+q3VlSImAdCEhel2tMTU5uRYNCZnkbehPk9pBsuwLy6LzQ1BlxzfKROy3yfweDAMR/jSwrWT7ZuDLBMCBvgj/9tHU8CKDoq6q8CRczAU6MAAyBBQvwgi/879lRUfRvw39BgCuwqa9MWeh4jkkSkJycm1yLv0BAZmI59WZI6asvUKC8PFWLi6zGyCtAgDR3H3PObQ+keUfFzAqJql5XnZzMbnCt80Yg/LRzq6puSsPEEAgQGOjJFH8wEH4dExx8MS7/f0JA55KyOftlv8WGsj3JYi2L5GRj7eNvm0FAW2Ybxf+LlL46qUq+vX2B15xPFilw9Zl43uV1irm9IMAeMmuW3Sj5hRIUBFS99VZV2lg3AZkopJQMSJ/jm25KMPxHBPS0NO0vk+eHE5wWLK29UpPffhwjQC999W1uuIeU1cD1REwlnT8ZBMjhf+W5D4AAc8isAnM1H5L79ogA79KqHxdV/aQSgPjBQLgkgG8D+Ps/ImAJrv+c990LKU9bLU82udZci2puvfRtL9Sux19/namzERUFO/3FdGBklljiYqRKAHyWv8Is4k8//cQNGCDAG6iqajmGphVJQHgPCBhQRkAqf/v/s3vAEjV+QQDHT0DG7vFWvdTEkFduGDxiBiOoXWLxGqVgQV3i4qZzHzCVggBzzziNFJ43huMvrfqpCk07IICR2TMwHwNAfQoA/9VToM+15HzNQspz8fgHkiUNraeQvu48MGDqp6fgYnfFQrS6xMWFY667rdTbaK45wBBGF5fNGKN1uU0GAYz5bh1wCS484T/TAUdNk7ULKSuFvK0SJ0lfHS677MzyFZrV1NQlLi6Aj9dYb3+T55IXM9CxogAcV/3vSvC/Bj1utPD6n/EnnaQbrf6BCX0AAAAASUVORK5CYII=);
}

[dir="ltr"] .react-tel-input .ad {
  background-position: -16px 0;
}

[dir="rtl"] .react-tel-input .ad {
  background-position: right -16px top 0;
}

[dir="ltr"] .react-tel-input .ae {
  background-position: -32px 0;
}

[dir="rtl"] .react-tel-input .ae {
  background-position: right -32px top 0;
}

[dir="ltr"] .react-tel-input .af {
  background-position: -48px 0;
}

[dir="rtl"] .react-tel-input .af {
  background-position: right -48px top 0;
}

[dir="ltr"] .react-tel-input .ag {
  background-position: -64px 0;
}

[dir="rtl"] .react-tel-input .ag {
  background-position: right -64px top 0;
}

[dir="ltr"] .react-tel-input .ai {
  background-position: -80px 0;
}

[dir="rtl"] .react-tel-input .ai {
  background-position: right -80px top 0;
}

[dir="ltr"] .react-tel-input .al {
  background-position: -96px 0;
}

[dir="rtl"] .react-tel-input .al {
  background-position: right -96px top 0;
}

[dir="ltr"] .react-tel-input .am {
  background-position: -112px 0;
}

[dir="rtl"] .react-tel-input .am {
  background-position: right -112px top 0;
}

[dir="ltr"] .react-tel-input .ao {
  background-position: -128px 0;
}

[dir="rtl"] .react-tel-input .ao {
  background-position: right -128px top 0;
}

[dir="ltr"] .react-tel-input .ar {
  background-position: -144px 0;
}

[dir="rtl"] .react-tel-input .ar {
  background-position: right -144px top 0;
}

[dir="ltr"] .react-tel-input .as {
  background-position: -160px 0;
}

[dir="rtl"] .react-tel-input .as {
  background-position: right -160px top 0;
}

[dir="ltr"] .react-tel-input .at {
  background-position: -176px 0;
}

[dir="rtl"] .react-tel-input .at {
  background-position: right -176px top 0;
}

[dir="ltr"] .react-tel-input .au {
  background-position: -192px 0;
}

[dir="rtl"] .react-tel-input .au {
  background-position: right -192px top 0;
}

[dir="ltr"] .react-tel-input .aw {
  background-position: -208px 0;
}

[dir="rtl"] .react-tel-input .aw {
  background-position: right -208px top 0;
}

[dir="ltr"] .react-tel-input .az {
  background-position: -224px 0;
}

[dir="rtl"] .react-tel-input .az {
  background-position: right -224px top 0;
}

[dir="ltr"] .react-tel-input .ba {
  background-position: -240px 0;
}

[dir="rtl"] .react-tel-input .ba {
  background-position: right -240px top 0;
}

[dir="ltr"] .react-tel-input .bb {
  background-position: 0 -11px;
}

[dir="rtl"] .react-tel-input .bb {
  background-position: 100% -11px;
}

[dir="ltr"] .react-tel-input .bd {
  background-position: -16px -11px;
}

[dir="rtl"] .react-tel-input .bd {
  background-position: right -16px top -11px;
}

[dir="ltr"] .react-tel-input .be {
  background-position: -32px -11px;
}

[dir="rtl"] .react-tel-input .be {
  background-position: right -32px top -11px;
}

[dir="ltr"] .react-tel-input .bf {
  background-position: -48px -11px;
}

[dir="rtl"] .react-tel-input .bf {
  background-position: right -48px top -11px;
}

[dir="ltr"] .react-tel-input .bg {
  background-position: -64px -11px;
}

[dir="rtl"] .react-tel-input .bg {
  background-position: right -64px top -11px;
}

[dir="ltr"] .react-tel-input .bh {
  background-position: -80px -11px;
}

[dir="rtl"] .react-tel-input .bh {
  background-position: right -80px top -11px;
}

[dir="ltr"] .react-tel-input .bi {
  background-position: -96px -11px;
}

[dir="rtl"] .react-tel-input .bi {
  background-position: right -96px top -11px;
}

[dir="ltr"] .react-tel-input .bj {
  background-position: -112px -11px;
}

[dir="rtl"] .react-tel-input .bj {
  background-position: right -112px top -11px;
}

[dir="ltr"] .react-tel-input .bm {
  background-position: -128px -11px;
}

[dir="rtl"] .react-tel-input .bm {
  background-position: right -128px top -11px;
}

[dir="ltr"] .react-tel-input .bn {
  background-position: -144px -11px;
}

[dir="rtl"] .react-tel-input .bn {
  background-position: right -144px top -11px;
}

[dir="ltr"] .react-tel-input .bo {
  background-position: -160px -11px;
}

[dir="rtl"] .react-tel-input .bo {
  background-position: right -160px top -11px;
}

[dir="ltr"] .react-tel-input .br {
  background-position: -176px -11px;
}

[dir="rtl"] .react-tel-input .br {
  background-position: right -176px top -11px;
}

[dir="ltr"] .react-tel-input .bs {
  background-position: -192px -11px;
}

[dir="rtl"] .react-tel-input .bs {
  background-position: right -192px top -11px;
}

[dir="ltr"] .react-tel-input .bt {
  background-position: -208px -11px;
}

[dir="rtl"] .react-tel-input .bt {
  background-position: right -208px top -11px;
}

[dir="ltr"] .react-tel-input .bw {
  background-position: -224px -11px;
}

[dir="rtl"] .react-tel-input .bw {
  background-position: right -224px top -11px;
}

[dir="ltr"] .react-tel-input .by {
  background-position: -240px -11px;
}

[dir="rtl"] .react-tel-input .by {
  background-position: right -240px top -11px;
}

[dir="ltr"] .react-tel-input .bz {
  background-position: 0 -22px;
}

[dir="rtl"] .react-tel-input .bz {
  background-position: 100% -22px;
}

[dir="ltr"] .react-tel-input .ca {
  background-position: -16px -22px;
}

[dir="rtl"] .react-tel-input .ca {
  background-position: right -16px top -22px;
}

[dir="ltr"] .react-tel-input .cd {
  background-position: -32px -22px;
}

[dir="rtl"] .react-tel-input .cd {
  background-position: right -32px top -22px;
}

[dir="ltr"] .react-tel-input .cf {
  background-position: -48px -22px;
}

[dir="rtl"] .react-tel-input .cf {
  background-position: right -48px top -22px;
}

[dir="ltr"] .react-tel-input .cg {
  background-position: -64px -22px;
}

[dir="rtl"] .react-tel-input .cg {
  background-position: right -64px top -22px;
}

[dir="ltr"] .react-tel-input .ch {
  background-position: -80px -22px;
}

[dir="rtl"] .react-tel-input .ch {
  background-position: right -80px top -22px;
}

[dir="ltr"] .react-tel-input .ci {
  background-position: -96px -22px;
}

[dir="rtl"] .react-tel-input .ci {
  background-position: right -96px top -22px;
}

[dir="ltr"] .react-tel-input .ck {
  background-position: -112px -22px;
}

[dir="rtl"] .react-tel-input .ck {
  background-position: right -112px top -22px;
}

[dir="ltr"] .react-tel-input .cl {
  background-position: -128px -22px;
}

[dir="rtl"] .react-tel-input .cl {
  background-position: right -128px top -22px;
}

[dir="ltr"] .react-tel-input .cm {
  background-position: -144px -22px;
}

[dir="rtl"] .react-tel-input .cm {
  background-position: right -144px top -22px;
}

[dir="ltr"] .react-tel-input .cn {
  background-position: -160px -22px;
}

[dir="rtl"] .react-tel-input .cn {
  background-position: right -160px top -22px;
}

[dir="ltr"] .react-tel-input .co {
  background-position: -176px -22px;
}

[dir="rtl"] .react-tel-input .co {
  background-position: right -176px top -22px;
}

[dir="ltr"] .react-tel-input .cr {
  background-position: -192px -22px;
}

[dir="rtl"] .react-tel-input .cr {
  background-position: right -192px top -22px;
}

[dir="ltr"] .react-tel-input .cu {
  background-position: -208px -22px;
}

[dir="rtl"] .react-tel-input .cu {
  background-position: right -208px top -22px;
}

[dir="ltr"] .react-tel-input .cv {
  background-position: -224px -22px;
}

[dir="rtl"] .react-tel-input .cv {
  background-position: right -224px top -22px;
}

[dir="ltr"] .react-tel-input .cw {
  background-position: -240px -22px;
}

[dir="rtl"] .react-tel-input .cw {
  background-position: right -240px top -22px;
}

[dir="ltr"] .react-tel-input .cy {
  background-position: 0 -33px;
}

[dir="rtl"] .react-tel-input .cy {
  background-position: 100% -33px;
}

[dir="ltr"] .react-tel-input .cz {
  background-position: -16px -33px;
}

[dir="rtl"] .react-tel-input .cz {
  background-position: right -16px top -33px;
}

[dir="ltr"] .react-tel-input .de {
  background-position: -32px -33px;
}

[dir="rtl"] .react-tel-input .de {
  background-position: right -32px top -33px;
}

[dir="ltr"] .react-tel-input .dj {
  background-position: -48px -33px;
}

[dir="rtl"] .react-tel-input .dj {
  background-position: right -48px top -33px;
}

[dir="ltr"] .react-tel-input .dk {
  background-position: -64px -33px;
}

[dir="rtl"] .react-tel-input .dk {
  background-position: right -64px top -33px;
}

[dir="ltr"] .react-tel-input .dm {
  background-position: -80px -33px;
}

[dir="rtl"] .react-tel-input .dm {
  background-position: right -80px top -33px;
}

[dir="ltr"] .react-tel-input .do {
  background-position: -96px -33px;
}

[dir="rtl"] .react-tel-input .do {
  background-position: right -96px top -33px;
}

[dir="ltr"] .react-tel-input .dz {
  background-position: -112px -33px;
}

[dir="rtl"] .react-tel-input .dz {
  background-position: right -112px top -33px;
}

[dir="ltr"] .react-tel-input .ec {
  background-position: -128px -33px;
}

[dir="rtl"] .react-tel-input .ec {
  background-position: right -128px top -33px;
}

[dir="ltr"] .react-tel-input .ee {
  background-position: -144px -33px;
}

[dir="rtl"] .react-tel-input .ee {
  background-position: right -144px top -33px;
}

[dir="ltr"] .react-tel-input .eg {
  background-position: -160px -33px;
}

[dir="rtl"] .react-tel-input .eg {
  background-position: right -160px top -33px;
}

[dir="ltr"] .react-tel-input .er {
  background-position: -176px -33px;
}

[dir="rtl"] .react-tel-input .er {
  background-position: right -176px top -33px;
}

[dir="ltr"] .react-tel-input .es {
  background-position: -192px -33px;
}

[dir="rtl"] .react-tel-input .es {
  background-position: right -192px top -33px;
}

[dir="ltr"] .react-tel-input .et {
  background-position: -208px -33px;
}

[dir="rtl"] .react-tel-input .et {
  background-position: right -208px top -33px;
}

[dir="ltr"] .react-tel-input .fi {
  background-position: -224px -33px;
}

[dir="rtl"] .react-tel-input .fi {
  background-position: right -224px top -33px;
}

[dir="ltr"] .react-tel-input .fj {
  background-position: -240px -33px;
}

[dir="rtl"] .react-tel-input .fj {
  background-position: right -240px top -33px;
}

[dir="ltr"] .react-tel-input .fk {
  background-position: 0 -44px;
}

[dir="rtl"] .react-tel-input .fk {
  background-position: 100% -44px;
}

[dir="ltr"] .react-tel-input .fm {
  background-position: -16px -44px;
}

[dir="rtl"] .react-tel-input .fm {
  background-position: right -16px top -44px;
}

[dir="ltr"] .react-tel-input .fo {
  background-position: -32px -44px;
}

[dir="rtl"] .react-tel-input .fo {
  background-position: right -32px top -44px;
}

[dir="ltr"] .react-tel-input .fr, [dir="ltr"] .react-tel-input .bl, [dir="ltr"] .react-tel-input .mf {
  background-position: -48px -44px;
}

[dir="rtl"] .react-tel-input .fr, [dir="rtl"] .react-tel-input .bl, [dir="rtl"] .react-tel-input .mf {
  background-position: right -48px top -44px;
}

[dir="ltr"] .react-tel-input .ga {
  background-position: -64px -44px;
}

[dir="rtl"] .react-tel-input .ga {
  background-position: right -64px top -44px;
}

[dir="ltr"] .react-tel-input .gb {
  background-position: -80px -44px;
}

[dir="rtl"] .react-tel-input .gb {
  background-position: right -80px top -44px;
}

[dir="ltr"] .react-tel-input .gd {
  background-position: -96px -44px;
}

[dir="rtl"] .react-tel-input .gd {
  background-position: right -96px top -44px;
}

[dir="ltr"] .react-tel-input .ge {
  background-position: -112px -44px;
}

[dir="rtl"] .react-tel-input .ge {
  background-position: right -112px top -44px;
}

[dir="ltr"] .react-tel-input .gf {
  background-position: -128px -44px;
}

[dir="rtl"] .react-tel-input .gf {
  background-position: right -128px top -44px;
}

[dir="ltr"] .react-tel-input .gh {
  background-position: -144px -44px;
}

[dir="rtl"] .react-tel-input .gh {
  background-position: right -144px top -44px;
}

[dir="ltr"] .react-tel-input .gi {
  background-position: -160px -44px;
}

[dir="rtl"] .react-tel-input .gi {
  background-position: right -160px top -44px;
}

[dir="ltr"] .react-tel-input .gl {
  background-position: -176px -44px;
}

[dir="rtl"] .react-tel-input .gl {
  background-position: right -176px top -44px;
}

[dir="ltr"] .react-tel-input .gm {
  background-position: -192px -44px;
}

[dir="rtl"] .react-tel-input .gm {
  background-position: right -192px top -44px;
}

[dir="ltr"] .react-tel-input .gn {
  background-position: -208px -44px;
}

[dir="rtl"] .react-tel-input .gn {
  background-position: right -208px top -44px;
}

[dir="ltr"] .react-tel-input .gp {
  background-position: -224px -44px;
}

[dir="rtl"] .react-tel-input .gp {
  background-position: right -224px top -44px;
}

[dir="ltr"] .react-tel-input .gq {
  background-position: -240px -44px;
}

[dir="rtl"] .react-tel-input .gq {
  background-position: right -240px top -44px;
}

[dir="ltr"] .react-tel-input .gr {
  background-position: 0 -55px;
}

[dir="rtl"] .react-tel-input .gr {
  background-position: 100% -55px;
}

[dir="ltr"] .react-tel-input .gt {
  background-position: -16px -55px;
}

[dir="rtl"] .react-tel-input .gt {
  background-position: right -16px top -55px;
}

[dir="ltr"] .react-tel-input .gu {
  background-position: -32px -55px;
}

[dir="rtl"] .react-tel-input .gu {
  background-position: right -32px top -55px;
}

[dir="ltr"] .react-tel-input .gw {
  background-position: -48px -55px;
}

[dir="rtl"] .react-tel-input .gw {
  background-position: right -48px top -55px;
}

[dir="ltr"] .react-tel-input .gy {
  background-position: -64px -55px;
}

[dir="rtl"] .react-tel-input .gy {
  background-position: right -64px top -55px;
}

[dir="ltr"] .react-tel-input .hk {
  background-position: -80px -55px;
}

[dir="rtl"] .react-tel-input .hk {
  background-position: right -80px top -55px;
}

[dir="ltr"] .react-tel-input .hn {
  background-position: -96px -55px;
}

[dir="rtl"] .react-tel-input .hn {
  background-position: right -96px top -55px;
}

[dir="ltr"] .react-tel-input .hr {
  background-position: -112px -55px;
}

[dir="rtl"] .react-tel-input .hr {
  background-position: right -112px top -55px;
}

[dir="ltr"] .react-tel-input .ht {
  background-position: -128px -55px;
}

[dir="rtl"] .react-tel-input .ht {
  background-position: right -128px top -55px;
}

[dir="ltr"] .react-tel-input .hu {
  background-position: -144px -55px;
}

[dir="rtl"] .react-tel-input .hu {
  background-position: right -144px top -55px;
}

[dir="ltr"] .react-tel-input .id {
  background-position: -160px -55px;
}

[dir="rtl"] .react-tel-input .id {
  background-position: right -160px top -55px;
}

[dir="ltr"] .react-tel-input .ie {
  background-position: -176px -55px;
}

[dir="rtl"] .react-tel-input .ie {
  background-position: right -176px top -55px;
}

[dir="ltr"] .react-tel-input .il {
  background-position: -192px -55px;
}

[dir="rtl"] .react-tel-input .il {
  background-position: right -192px top -55px;
}

[dir="ltr"] .react-tel-input .in {
  background-position: -208px -55px;
}

[dir="rtl"] .react-tel-input .in {
  background-position: right -208px top -55px;
}

[dir="ltr"] .react-tel-input .io {
  background-position: -224px -55px;
}

[dir="rtl"] .react-tel-input .io {
  background-position: right -224px top -55px;
}

[dir="ltr"] .react-tel-input .iq {
  background-position: -240px -55px;
}

[dir="rtl"] .react-tel-input .iq {
  background-position: right -240px top -55px;
}

[dir="ltr"] .react-tel-input .ir {
  background-position: 0 -66px;
}

[dir="rtl"] .react-tel-input .ir {
  background-position: 100% -66px;
}

[dir="ltr"] .react-tel-input .is {
  background-position: -16px -66px;
}

[dir="rtl"] .react-tel-input .is {
  background-position: right -16px top -66px;
}

[dir="ltr"] .react-tel-input .it {
  background-position: -32px -66px;
}

[dir="rtl"] .react-tel-input .it {
  background-position: right -32px top -66px;
}

[dir="ltr"] .react-tel-input .je {
  background-position: -144px -154px;
}

[dir="rtl"] .react-tel-input .je {
  background-position: right -144px top -154px;
}

[dir="ltr"] .react-tel-input .jm {
  background-position: -48px -66px;
}

[dir="rtl"] .react-tel-input .jm {
  background-position: right -48px top -66px;
}

[dir="ltr"] .react-tel-input .jo {
  background-position: -64px -66px;
}

[dir="rtl"] .react-tel-input .jo {
  background-position: right -64px top -66px;
}

[dir="ltr"] .react-tel-input .jp {
  background-position: -80px -66px;
}

[dir="rtl"] .react-tel-input .jp {
  background-position: right -80px top -66px;
}

[dir="ltr"] .react-tel-input .ke {
  background-position: -96px -66px;
}

[dir="rtl"] .react-tel-input .ke {
  background-position: right -96px top -66px;
}

[dir="ltr"] .react-tel-input .kg {
  background-position: -112px -66px;
}

[dir="rtl"] .react-tel-input .kg {
  background-position: right -112px top -66px;
}

[dir="ltr"] .react-tel-input .kh {
  background-position: -128px -66px;
}

[dir="rtl"] .react-tel-input .kh {
  background-position: right -128px top -66px;
}

[dir="ltr"] .react-tel-input .ki {
  background-position: -144px -66px;
}

[dir="rtl"] .react-tel-input .ki {
  background-position: right -144px top -66px;
}

[dir="ltr"] .react-tel-input .xk {
  background-position: -128px -154px;
}

[dir="rtl"] .react-tel-input .xk {
  background-position: right -128px top -154px;
}

[dir="ltr"] .react-tel-input .km {
  background-position: -160px -66px;
}

[dir="rtl"] .react-tel-input .km {
  background-position: right -160px top -66px;
}

[dir="ltr"] .react-tel-input .kn {
  background-position: -176px -66px;
}

[dir="rtl"] .react-tel-input .kn {
  background-position: right -176px top -66px;
}

[dir="ltr"] .react-tel-input .kp {
  background-position: -192px -66px;
}

[dir="rtl"] .react-tel-input .kp {
  background-position: right -192px top -66px;
}

[dir="ltr"] .react-tel-input .kr {
  background-position: -208px -66px;
}

[dir="rtl"] .react-tel-input .kr {
  background-position: right -208px top -66px;
}

[dir="ltr"] .react-tel-input .kw {
  background-position: -224px -66px;
}

[dir="rtl"] .react-tel-input .kw {
  background-position: right -224px top -66px;
}

[dir="ltr"] .react-tel-input .ky {
  background-position: -240px -66px;
}

[dir="rtl"] .react-tel-input .ky {
  background-position: right -240px top -66px;
}

[dir="ltr"] .react-tel-input .kz {
  background-position: 0 -77px;
}

[dir="rtl"] .react-tel-input .kz {
  background-position: 100% -77px;
}

[dir="ltr"] .react-tel-input .la {
  background-position: -16px -77px;
}

[dir="rtl"] .react-tel-input .la {
  background-position: right -16px top -77px;
}

[dir="ltr"] .react-tel-input .lb {
  background-position: -32px -77px;
}

[dir="rtl"] .react-tel-input .lb {
  background-position: right -32px top -77px;
}

[dir="ltr"] .react-tel-input .lc {
  background-position: -48px -77px;
}

[dir="rtl"] .react-tel-input .lc {
  background-position: right -48px top -77px;
}

[dir="ltr"] .react-tel-input .li {
  background-position: -64px -77px;
}

[dir="rtl"] .react-tel-input .li {
  background-position: right -64px top -77px;
}

[dir="ltr"] .react-tel-input .lk {
  background-position: -80px -77px;
}

[dir="rtl"] .react-tel-input .lk {
  background-position: right -80px top -77px;
}

[dir="ltr"] .react-tel-input .lr {
  background-position: -96px -77px;
}

[dir="rtl"] .react-tel-input .lr {
  background-position: right -96px top -77px;
}

[dir="ltr"] .react-tel-input .ls {
  background-position: -112px -77px;
}

[dir="rtl"] .react-tel-input .ls {
  background-position: right -112px top -77px;
}

[dir="ltr"] .react-tel-input .lt {
  background-position: -128px -77px;
}

[dir="rtl"] .react-tel-input .lt {
  background-position: right -128px top -77px;
}

[dir="ltr"] .react-tel-input .lu {
  background-position: -144px -77px;
}

[dir="rtl"] .react-tel-input .lu {
  background-position: right -144px top -77px;
}

[dir="ltr"] .react-tel-input .lv {
  background-position: -160px -77px;
}

[dir="rtl"] .react-tel-input .lv {
  background-position: right -160px top -77px;
}

[dir="ltr"] .react-tel-input .ly {
  background-position: -176px -77px;
}

[dir="rtl"] .react-tel-input .ly {
  background-position: right -176px top -77px;
}

[dir="ltr"] .react-tel-input .ma {
  background-position: -192px -77px;
}

[dir="rtl"] .react-tel-input .ma {
  background-position: right -192px top -77px;
}

[dir="ltr"] .react-tel-input .mc {
  background-position: -208px -77px;
}

[dir="rtl"] .react-tel-input .mc {
  background-position: right -208px top -77px;
}

[dir="ltr"] .react-tel-input .md {
  background-position: -224px -77px;
}

[dir="rtl"] .react-tel-input .md {
  background-position: right -224px top -77px;
}

.react-tel-input .me {
  height: 12px;
}

[dir="ltr"] .react-tel-input .me {
  background-position: -112px -154px;
}

[dir="rtl"] .react-tel-input .me {
  background-position: right -112px top -154px;
}

[dir="ltr"] .react-tel-input .mg {
  background-position: 0 -88px;
}

[dir="rtl"] .react-tel-input .mg {
  background-position: 100% -88px;
}

[dir="ltr"] .react-tel-input .mh {
  background-position: -16px -88px;
}

[dir="rtl"] .react-tel-input .mh {
  background-position: right -16px top -88px;
}

[dir="ltr"] .react-tel-input .mk {
  background-position: -32px -88px;
}

[dir="rtl"] .react-tel-input .mk {
  background-position: right -32px top -88px;
}

[dir="ltr"] .react-tel-input .ml {
  background-position: -48px -88px;
}

[dir="rtl"] .react-tel-input .ml {
  background-position: right -48px top -88px;
}

[dir="ltr"] .react-tel-input .mm {
  background-position: -64px -88px;
}

[dir="rtl"] .react-tel-input .mm {
  background-position: right -64px top -88px;
}

[dir="ltr"] .react-tel-input .mn {
  background-position: -80px -88px;
}

[dir="rtl"] .react-tel-input .mn {
  background-position: right -80px top -88px;
}

[dir="ltr"] .react-tel-input .mo {
  background-position: -96px -88px;
}

[dir="rtl"] .react-tel-input .mo {
  background-position: right -96px top -88px;
}

[dir="ltr"] .react-tel-input .mp {
  background-position: -112px -88px;
}

[dir="rtl"] .react-tel-input .mp {
  background-position: right -112px top -88px;
}

[dir="ltr"] .react-tel-input .mq {
  background-position: -128px -88px;
}

[dir="rtl"] .react-tel-input .mq {
  background-position: right -128px top -88px;
}

[dir="ltr"] .react-tel-input .mr {
  background-position: -144px -88px;
}

[dir="rtl"] .react-tel-input .mr {
  background-position: right -144px top -88px;
}

[dir="ltr"] .react-tel-input .ms {
  background-position: -160px -88px;
}

[dir="rtl"] .react-tel-input .ms {
  background-position: right -160px top -88px;
}

[dir="ltr"] .react-tel-input .mt {
  background-position: -176px -88px;
}

[dir="rtl"] .react-tel-input .mt {
  background-position: right -176px top -88px;
}

[dir="ltr"] .react-tel-input .mu {
  background-position: -192px -88px;
}

[dir="rtl"] .react-tel-input .mu {
  background-position: right -192px top -88px;
}

[dir="ltr"] .react-tel-input .mv {
  background-position: -208px -88px;
}

[dir="rtl"] .react-tel-input .mv {
  background-position: right -208px top -88px;
}

[dir="ltr"] .react-tel-input .mw {
  background-position: -224px -88px;
}

[dir="rtl"] .react-tel-input .mw {
  background-position: right -224px top -88px;
}

[dir="ltr"] .react-tel-input .mx {
  background-position: -240px -88px;
}

[dir="rtl"] .react-tel-input .mx {
  background-position: right -240px top -88px;
}

[dir="ltr"] .react-tel-input .my {
  background-position: 0 -99px;
}

[dir="rtl"] .react-tel-input .my {
  background-position: 100% -99px;
}

[dir="ltr"] .react-tel-input .mz {
  background-position: -16px -99px;
}

[dir="rtl"] .react-tel-input .mz {
  background-position: right -16px top -99px;
}

[dir="ltr"] .react-tel-input .na {
  background-position: -32px -99px;
}

[dir="rtl"] .react-tel-input .na {
  background-position: right -32px top -99px;
}

[dir="ltr"] .react-tel-input .nc {
  background-position: -48px -99px;
}

[dir="rtl"] .react-tel-input .nc {
  background-position: right -48px top -99px;
}

[dir="ltr"] .react-tel-input .ne {
  background-position: -64px -99px;
}

[dir="rtl"] .react-tel-input .ne {
  background-position: right -64px top -99px;
}

[dir="ltr"] .react-tel-input .nf {
  background-position: -80px -99px;
}

[dir="rtl"] .react-tel-input .nf {
  background-position: right -80px top -99px;
}

[dir="ltr"] .react-tel-input .ng {
  background-position: -96px -99px;
}

[dir="rtl"] .react-tel-input .ng {
  background-position: right -96px top -99px;
}

[dir="ltr"] .react-tel-input .ni {
  background-position: -112px -99px;
}

[dir="rtl"] .react-tel-input .ni {
  background-position: right -112px top -99px;
}

[dir="ltr"] .react-tel-input .nl, [dir="ltr"] .react-tel-input .bq {
  background-position: -128px -99px;
}

[dir="rtl"] .react-tel-input .nl, [dir="rtl"] .react-tel-input .bq {
  background-position: right -128px top -99px;
}

[dir="ltr"] .react-tel-input .no {
  background-position: -144px -99px;
}

[dir="rtl"] .react-tel-input .no {
  background-position: right -144px top -99px;
}

[dir="ltr"] .react-tel-input .np {
  background-position: -160px -99px;
}

[dir="rtl"] .react-tel-input .np {
  background-position: right -160px top -99px;
}

[dir="ltr"] .react-tel-input .nr {
  background-position: -176px -99px;
}

[dir="rtl"] .react-tel-input .nr {
  background-position: right -176px top -99px;
}

[dir="ltr"] .react-tel-input .nu {
  background-position: -192px -99px;
}

[dir="rtl"] .react-tel-input .nu {
  background-position: right -192px top -99px;
}

[dir="ltr"] .react-tel-input .nz {
  background-position: -208px -99px;
}

[dir="rtl"] .react-tel-input .nz {
  background-position: right -208px top -99px;
}

[dir="ltr"] .react-tel-input .om {
  background-position: -224px -99px;
}

[dir="rtl"] .react-tel-input .om {
  background-position: right -224px top -99px;
}

[dir="ltr"] .react-tel-input .pa {
  background-position: -240px -99px;
}

[dir="rtl"] .react-tel-input .pa {
  background-position: right -240px top -99px;
}

[dir="ltr"] .react-tel-input .pe {
  background-position: 0 -110px;
}

[dir="rtl"] .react-tel-input .pe {
  background-position: 100% -110px;
}

[dir="ltr"] .react-tel-input .pf {
  background-position: -16px -110px;
}

[dir="rtl"] .react-tel-input .pf {
  background-position: right -16px top -110px;
}

[dir="ltr"] .react-tel-input .pg {
  background-position: -32px -110px;
}

[dir="rtl"] .react-tel-input .pg {
  background-position: right -32px top -110px;
}

[dir="ltr"] .react-tel-input .ph {
  background-position: -48px -110px;
}

[dir="rtl"] .react-tel-input .ph {
  background-position: right -48px top -110px;
}

[dir="ltr"] .react-tel-input .pk {
  background-position: -64px -110px;
}

[dir="rtl"] .react-tel-input .pk {
  background-position: right -64px top -110px;
}

[dir="ltr"] .react-tel-input .pl {
  background-position: -80px -110px;
}

[dir="rtl"] .react-tel-input .pl {
  background-position: right -80px top -110px;
}

[dir="ltr"] .react-tel-input .pm {
  background-position: -96px -110px;
}

[dir="rtl"] .react-tel-input .pm {
  background-position: right -96px top -110px;
}

[dir="ltr"] .react-tel-input .pr {
  background-position: -112px -110px;
}

[dir="rtl"] .react-tel-input .pr {
  background-position: right -112px top -110px;
}

[dir="ltr"] .react-tel-input .ps {
  background-position: -128px -110px;
}

[dir="rtl"] .react-tel-input .ps {
  background-position: right -128px top -110px;
}

[dir="ltr"] .react-tel-input .pt {
  background-position: -144px -110px;
}

[dir="rtl"] .react-tel-input .pt {
  background-position: right -144px top -110px;
}

[dir="ltr"] .react-tel-input .pw {
  background-position: -160px -110px;
}

[dir="rtl"] .react-tel-input .pw {
  background-position: right -160px top -110px;
}

[dir="ltr"] .react-tel-input .py {
  background-position: -176px -110px;
}

[dir="rtl"] .react-tel-input .py {
  background-position: right -176px top -110px;
}

[dir="ltr"] .react-tel-input .qa {
  background-position: -192px -110px;
}

[dir="rtl"] .react-tel-input .qa {
  background-position: right -192px top -110px;
}

[dir="ltr"] .react-tel-input .re {
  background-position: -208px -110px;
}

[dir="rtl"] .react-tel-input .re {
  background-position: right -208px top -110px;
}

[dir="ltr"] .react-tel-input .ro {
  background-position: -224px -110px;
}

[dir="rtl"] .react-tel-input .ro {
  background-position: right -224px top -110px;
}

[dir="ltr"] .react-tel-input .rs {
  background-position: -240px -110px;
}

[dir="rtl"] .react-tel-input .rs {
  background-position: right -240px top -110px;
}

[dir="ltr"] .react-tel-input .ru {
  background-position: 0 -121px;
}

[dir="rtl"] .react-tel-input .ru {
  background-position: 100% -121px;
}

[dir="ltr"] .react-tel-input .rw {
  background-position: -16px -121px;
}

[dir="rtl"] .react-tel-input .rw {
  background-position: right -16px top -121px;
}

[dir="ltr"] .react-tel-input .sa {
  background-position: -32px -121px;
}

[dir="rtl"] .react-tel-input .sa {
  background-position: right -32px top -121px;
}

[dir="ltr"] .react-tel-input .sb {
  background-position: -48px -121px;
}

[dir="rtl"] .react-tel-input .sb {
  background-position: right -48px top -121px;
}

[dir="ltr"] .react-tel-input .sc {
  background-position: -64px -121px;
}

[dir="rtl"] .react-tel-input .sc {
  background-position: right -64px top -121px;
}

[dir="ltr"] .react-tel-input .sd {
  background-position: -80px -121px;
}

[dir="rtl"] .react-tel-input .sd {
  background-position: right -80px top -121px;
}

[dir="ltr"] .react-tel-input .se {
  background-position: -96px -121px;
}

[dir="rtl"] .react-tel-input .se {
  background-position: right -96px top -121px;
}

[dir="ltr"] .react-tel-input .sg {
  background-position: -112px -121px;
}

[dir="rtl"] .react-tel-input .sg {
  background-position: right -112px top -121px;
}

[dir="ltr"] .react-tel-input .sh {
  background-position: -128px -121px;
}

[dir="rtl"] .react-tel-input .sh {
  background-position: right -128px top -121px;
}

[dir="ltr"] .react-tel-input .si {
  background-position: -144px -121px;
}

[dir="rtl"] .react-tel-input .si {
  background-position: right -144px top -121px;
}

[dir="ltr"] .react-tel-input .sk {
  background-position: -160px -121px;
}

[dir="rtl"] .react-tel-input .sk {
  background-position: right -160px top -121px;
}

[dir="ltr"] .react-tel-input .sl {
  background-position: -176px -121px;
}

[dir="rtl"] .react-tel-input .sl {
  background-position: right -176px top -121px;
}

[dir="ltr"] .react-tel-input .sm {
  background-position: -192px -121px;
}

[dir="rtl"] .react-tel-input .sm {
  background-position: right -192px top -121px;
}

[dir="ltr"] .react-tel-input .sn {
  background-position: -208px -121px;
}

[dir="rtl"] .react-tel-input .sn {
  background-position: right -208px top -121px;
}

[dir="ltr"] .react-tel-input .so {
  background-position: -224px -121px;
}

[dir="rtl"] .react-tel-input .so {
  background-position: right -224px top -121px;
}

[dir="ltr"] .react-tel-input .sr {
  background-position: -240px -121px;
}

[dir="rtl"] .react-tel-input .sr {
  background-position: right -240px top -121px;
}

[dir="ltr"] .react-tel-input .ss {
  background-position: 0 -132px;
}

[dir="rtl"] .react-tel-input .ss {
  background-position: 100% -132px;
}

[dir="ltr"] .react-tel-input .st {
  background-position: -16px -132px;
}

[dir="rtl"] .react-tel-input .st {
  background-position: right -16px top -132px;
}

[dir="ltr"] .react-tel-input .sv {
  background-position: -32px -132px;
}

[dir="rtl"] .react-tel-input .sv {
  background-position: right -32px top -132px;
}

[dir="ltr"] .react-tel-input .sx {
  background-position: -48px -132px;
}

[dir="rtl"] .react-tel-input .sx {
  background-position: right -48px top -132px;
}

[dir="ltr"] .react-tel-input .sy {
  background-position: -64px -132px;
}

[dir="rtl"] .react-tel-input .sy {
  background-position: right -64px top -132px;
}

[dir="ltr"] .react-tel-input .sz {
  background-position: -80px -132px;
}

[dir="rtl"] .react-tel-input .sz {
  background-position: right -80px top -132px;
}

[dir="ltr"] .react-tel-input .tc {
  background-position: -96px -132px;
}

[dir="rtl"] .react-tel-input .tc {
  background-position: right -96px top -132px;
}

[dir="ltr"] .react-tel-input .td {
  background-position: -112px -132px;
}

[dir="rtl"] .react-tel-input .td {
  background-position: right -112px top -132px;
}

[dir="ltr"] .react-tel-input .tg {
  background-position: -128px -132px;
}

[dir="rtl"] .react-tel-input .tg {
  background-position: right -128px top -132px;
}

[dir="ltr"] .react-tel-input .th {
  background-position: -144px -132px;
}

[dir="rtl"] .react-tel-input .th {
  background-position: right -144px top -132px;
}

[dir="ltr"] .react-tel-input .tj {
  background-position: -160px -132px;
}

[dir="rtl"] .react-tel-input .tj {
  background-position: right -160px top -132px;
}

[dir="ltr"] .react-tel-input .tk {
  background-position: -176px -132px;
}

[dir="rtl"] .react-tel-input .tk {
  background-position: right -176px top -132px;
}

[dir="ltr"] .react-tel-input .tl {
  background-position: -192px -132px;
}

[dir="rtl"] .react-tel-input .tl {
  background-position: right -192px top -132px;
}

[dir="ltr"] .react-tel-input .tm {
  background-position: -208px -132px;
}

[dir="rtl"] .react-tel-input .tm {
  background-position: right -208px top -132px;
}

[dir="ltr"] .react-tel-input .tn {
  background-position: -224px -132px;
}

[dir="rtl"] .react-tel-input .tn {
  background-position: right -224px top -132px;
}

[dir="ltr"] .react-tel-input .to {
  background-position: -240px -132px;
}

[dir="rtl"] .react-tel-input .to {
  background-position: right -240px top -132px;
}

[dir="ltr"] .react-tel-input .tr {
  background-position: 0 -143px;
}

[dir="rtl"] .react-tel-input .tr {
  background-position: 100% -143px;
}

[dir="ltr"] .react-tel-input .tt {
  background-position: -16px -143px;
}

[dir="rtl"] .react-tel-input .tt {
  background-position: right -16px top -143px;
}

[dir="ltr"] .react-tel-input .tv {
  background-position: -32px -143px;
}

[dir="rtl"] .react-tel-input .tv {
  background-position: right -32px top -143px;
}

[dir="ltr"] .react-tel-input .tw {
  background-position: -48px -143px;
}

[dir="rtl"] .react-tel-input .tw {
  background-position: right -48px top -143px;
}

[dir="ltr"] .react-tel-input .tz {
  background-position: -64px -143px;
}

[dir="rtl"] .react-tel-input .tz {
  background-position: right -64px top -143px;
}

[dir="ltr"] .react-tel-input .ua {
  background-position: -80px -143px;
}

[dir="rtl"] .react-tel-input .ua {
  background-position: right -80px top -143px;
}

[dir="ltr"] .react-tel-input .ug {
  background-position: -96px -143px;
}

[dir="rtl"] .react-tel-input .ug {
  background-position: right -96px top -143px;
}

[dir="ltr"] .react-tel-input .us {
  background-position: -112px -143px;
}

[dir="rtl"] .react-tel-input .us {
  background-position: right -112px top -143px;
}

[dir="ltr"] .react-tel-input .uy {
  background-position: -128px -143px;
}

[dir="rtl"] .react-tel-input .uy {
  background-position: right -128px top -143px;
}

[dir="ltr"] .react-tel-input .uz {
  background-position: -144px -143px;
}

[dir="rtl"] .react-tel-input .uz {
  background-position: right -144px top -143px;
}

[dir="ltr"] .react-tel-input .va {
  background-position: -160px -143px;
}

[dir="rtl"] .react-tel-input .va {
  background-position: right -160px top -143px;
}

[dir="ltr"] .react-tel-input .vc {
  background-position: -176px -143px;
}

[dir="rtl"] .react-tel-input .vc {
  background-position: right -176px top -143px;
}

[dir="ltr"] .react-tel-input .ve {
  background-position: -192px -143px;
}

[dir="rtl"] .react-tel-input .ve {
  background-position: right -192px top -143px;
}

[dir="ltr"] .react-tel-input .vg {
  background-position: -208px -143px;
}

[dir="rtl"] .react-tel-input .vg {
  background-position: right -208px top -143px;
}

[dir="ltr"] .react-tel-input .vi {
  background-position: -224px -143px;
}

[dir="rtl"] .react-tel-input .vi {
  background-position: right -224px top -143px;
}

[dir="ltr"] .react-tel-input .vn {
  background-position: -240px -143px;
}

[dir="rtl"] .react-tel-input .vn {
  background-position: right -240px top -143px;
}

[dir="ltr"] .react-tel-input .vu {
  background-position: 0 -154px;
}

[dir="rtl"] .react-tel-input .vu {
  background-position: 100% -154px;
}

[dir="ltr"] .react-tel-input .wf {
  background-position: -16px -154px;
}

[dir="rtl"] .react-tel-input .wf {
  background-position: right -16px top -154px;
}

[dir="ltr"] .react-tel-input .ws {
  background-position: -32px -154px;
}

[dir="rtl"] .react-tel-input .ws {
  background-position: right -32px top -154px;
}

[dir="ltr"] .react-tel-input .ye {
  background-position: -48px -154px;
}

[dir="rtl"] .react-tel-input .ye {
  background-position: right -48px top -154px;
}

[dir="ltr"] .react-tel-input .za {
  background-position: -64px -154px;
}

[dir="rtl"] .react-tel-input .za {
  background-position: right -64px top -154px;
}

[dir="ltr"] .react-tel-input .zm {
  background-position: -80px -154px;
}

[dir="rtl"] .react-tel-input .zm {
  background-position: right -80px top -154px;
}

[dir="ltr"] .react-tel-input .zw {
  background-position: -96px -154px;
}

[dir="rtl"] .react-tel-input .zw {
  background-position: right -96px top -154px;
}

.react-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.react-tel-input .hide {
  display: none;
}

.react-tel-input .v-hide {
  visibility: hidden;
}

.react-tel-input .form-control {
  position: relative;
  font-size: 14px;
  letter-spacing: 0.01rem;
  line-height: 25px;
  height: 35px;
  width: 300px;
  outline: none;
}

[dir] .react-tel-input .form-control {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background: #FFFFFF;
  border: 1px solid #CACACA;
}

[dir="ltr"] .react-tel-input .form-control {
  padding-left: 48px;
  margin-left: 0;
}

[dir="rtl"] .react-tel-input .form-control {
  padding-right: 48px;
  margin-right: 0;
}

[dir] .react-tel-input .form-control.invalid-number {
  border: 1px solid #d79f9f;
  background-color: #FAF0F0;
}

[dir="ltr"] .react-tel-input .form-control.invalid-number {
  border-left-color: #cacaca;
}

[dir="rtl"] .react-tel-input .form-control.invalid-number {
  border-right-color: #cacaca;
}

[dir] .react-tel-input .form-control.invalid-number:focus {
  border: 1px solid #d79f9f;
  background-color: #FAF0F0;
}

[dir="ltr"] .react-tel-input .form-control.invalid-number:focus {
  border-left-color: #cacaca;
}

[dir="rtl"] .react-tel-input .form-control.invalid-number:focus {
  border-right-color: #cacaca;
}

.react-tel-input .flag-dropdown {
  position: absolute;
  top: 0;
  bottom: 0;
}

[dir] .react-tel-input .flag-dropdown {
  padding: 0;
  border: 1px solid #cacaca;
}

[dir] .react-tel-input .flag-dropdown:hover, [dir] .react-tel-input .flag-dropdown:focus, [dir] .react-tel-input .flag-dropdown.open {
  cursor: pointer;
}

.react-tel-input .flag-dropdown.open {
  z-index: 2;
}

[dir] .react-tel-input .flag-dropdown.open {
  background: #fff;
}

[dir] .react-tel-input .flag-dropdown.open .selected-flag {
  background: #fff;
}

[dir] .react-tel-input input[disabled] + .flag-dropdown:hover {
  cursor: default;
}

[dir] .react-tel-input input[disabled] + .flag-dropdown:hover .selected-flag {
  background-color: transparent;
}

.react-tel-input .selected-flag {
  outline: none;
  position: relative;
  width: 38px;
  height: 100%;
}

[dir="ltr"] .react-tel-input .selected-flag {
  padding: 0 0 0 8px;
  border-radius: 3px 0 0 3px;
}

[dir="rtl"] .react-tel-input .selected-flag {
  padding: 0 8px 0 0;
  border-radius: 0 3px 3px 0;
}

[dir] .react-tel-input .selected-flag:hover, [dir] .react-tel-input .selected-flag:focus, [dir] .react-tel-input .selected-flag.open {
  background-color: #f5f5f5;
}

.react-tel-input .selected-flag .flag {
  position: absolute;
  top: 50%;
}

[dir] .react-tel-input .selected-flag .flag {
  margin-top: -5px;
}

.react-tel-input .selected-flag .arrow {
  position: relative;
  top: 50%;
  width: 0;
  height: 0;
}

[dir] .react-tel-input .selected-flag .arrow {
  margin-top: -2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

[dir="ltr"] .react-tel-input .selected-flag .arrow {
  left: 20px;
}

[dir="rtl"] .react-tel-input .selected-flag .arrow {
  right: 20px;
}

[dir] .react-tel-input .selected-flag .arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.react-tel-input .country-list {
  outline: none;
  z-index: 1;
  list-style: none;
  position: absolute;
  width: 300px;
  max-height: 282px;
  overflow-y: scroll;
}

[dir] .react-tel-input .country-list {
  padding: 0;
  background-color: white;
  border: 1px solid #cacaca;
}

[dir="ltr"] .react-tel-input .country-list {
  margin: 0 0 10px -1px;
}

[dir="rtl"] .react-tel-input .country-list {
  margin: 0 -1px 10px 0;
}

.react-tel-input .country-list .flag {
  display: inline-block;
}

[dir] .react-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

[dir] .react-tel-input .country-list .country {
  padding: 5px 9px;
}

.react-tel-input .country-list .country .dial-code {
  color: #6b6b6b;
}

[dir] .react-tel-input .country-list .country:hover {
  background-color: #f1f1f1;
}

[dir] .react-tel-input .country-list .country.highlight {
  background-color: #f1f1f1;
}

[dir] .react-tel-input .country-list .flag {
  margin-top: 2px;
}

[dir="ltr"] .react-tel-input .country-list .flag {
  margin-right: 7px;
}

[dir="rtl"] .react-tel-input .country-list .flag {
  margin-left: 7px;
}

[dir="ltr"] .react-tel-input .country-list .country-name {
  margin-right: 6px;
}

[dir="rtl"] .react-tel-input .country-list .country-name {
  margin-left: 6px;
}

.react-tel-input .country-list .search {
  position: sticky;
  top: 0;
}

[dir] .react-tel-input .country-list .search {
  background-color: #fff;
}

.react-tel-input .country-list .search-emoji {
  font-size: 15px;
  position: absolute;
  top: 5px;
}

[dir="ltr"] .react-tel-input .country-list .search-emoji {
  left: 9px;
}

[dir="rtl"] .react-tel-input .country-list .search-emoji {
  right: 9px;
}

.react-tel-input .country-list .search-box {
  width: 100%;
  font-size: 15px;
  line-height: 15px;
  outline: none;
}

[dir] .react-tel-input .country-list .search-box {
  border: none;
  border-bottom: 1px solid #cacaca;
}

[dir="ltr"] .react-tel-input .country-list .search-box {
  padding: 5px 8px 5px 32px;
}

[dir="rtl"] .react-tel-input .country-list .search-box {
  padding: 5px 32px 5px 8px;
}

.react-tel-input .country-list .no-entries-message {
  opacity: 0.7;
}

[dir] .react-tel-input .country-list .no-entries-message {
  padding: 7px 10px 11px;
}

.react-tel-input .invalid-number-message {
  position: absolute;
  z-index: 1;
  font-size: 13px;
  top: -8px;
  color: #de0000;
}

[dir] .react-tel-input .invalid-number-message {
  background: #fff;
  padding: 0 2px;
}

[dir="ltr"] .react-tel-input .invalid-number-message {
  left: 46px;
}

[dir="rtl"] .react-tel-input .invalid-number-message {
  right: 46px;
}

.react-tel-input .special-label {
  display: none;
  position: absolute;
  z-index: 1;
  font-size: 13px;
  top: -8px;
  white-space: nowrap;
}

[dir] .react-tel-input .special-label {
  background: #fff;
  padding: 0 2px;
}

[dir="ltr"] .react-tel-input .special-label {
  left: 46px;
}

[dir="rtl"] .react-tel-input .special-label {
  right: 46px;
}

/* purgecss end ignore */
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/PhoneNumberInput/index.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.phone-input.react-tel-input {
  color: #222;
}

[dir] .phone-input.react-tel-input {
  border: 1px solid #949494;
  border-radius: 0.25rem;
}

.phone-input.react-tel-input input.phone-input__input.form-control {
  font-size: 1rem;
  text-indent: 2px;
  line-height: 1.1875rem;
  height: 3rem;
  width: 100%;
}

[dir] .phone-input.react-tel-input input.phone-input__input.form-control {
  border: none;
  border-radius: 0.25rem;
}

[dir="ltr"] .phone-input.react-tel-input input.phone-input__input.form-control {
  padding-left: 5rem;
  margin-left: auto;
}

[dir="rtl"] .phone-input.react-tel-input input.phone-input__input.form-control {
  padding-right: 5rem;
  margin-right: auto;
}

.phone-input.react-tel-input input.phone-input__input.form-control:focus-within, .phone-input.react-tel-input input.phone-input__input.form-control:focus-visible, .phone-input.react-tel-input input.phone-input__input.form-control:focus {
  outline: none;
}

[dir] .phone-input.react-tel-input input.phone-input__input.form-control:focus-within, [dir] .phone-input.react-tel-input input.phone-input__input.form-control:focus-visible, [dir] .phone-input.react-tel-input input.phone-input__input.form-control:focus {
  box-shadow: 0 0 0 3px #486de7;
}

.phone-input.react-tel-input input.phone-input__input.form-control:focus-within > input, .phone-input.react-tel-input input.phone-input__input.form-control:focus-visible > input, .phone-input.react-tel-input input.phone-input__input.form-control:focus > input {
  outline: none;
}

[dir] .phone-input.react-tel-input input.phone-input__input.form-control:focus-within > input, [dir] .phone-input.react-tel-input input.phone-input__input.form-control:focus-visible > input, [dir] .phone-input.react-tel-input input.phone-input__input.form-control:focus > input {
  border: none;
}

.phone-input.react-tel-input input.phone-input__input.form-control:focus-within > input::-moz-placeholder, .phone-input.react-tel-input input.phone-input__input.form-control:focus-visible > input::-moz-placeholder, .phone-input.react-tel-input input.phone-input__input.form-control:focus > input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

.phone-input.react-tel-input input.phone-input__input.form-control:focus-within > input::placeholder, .phone-input.react-tel-input input.phone-input__input.form-control:focus-visible > input::placeholder, .phone-input.react-tel-input input.phone-input__input.form-control:focus > input::placeholder {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

.phone-input.react-tel-input > .flag-dropdown {
  position: static;
  gap: 0.5rem;
}

[dir] .phone-input.react-tel-input > .flag-dropdown {
  border-style: none;
}

.phone-input.react-tel-input > .flag-dropdown .selected-flag {
  position: absolute;
  top: 0px;
  width: 4rem;
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
}

[dir] .phone-input.react-tel-input > .flag-dropdown .selected-flag {
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
  background-color: rgba(237, 237, 237, var(--tw-bg-opacity));
}

[dir="ltr"] .phone-input.react-tel-input > .flag-dropdown .selected-flag {
  border-right-width: 1px;
  padding-left: 1rem;
}

[dir="rtl"] .phone-input.react-tel-input > .flag-dropdown .selected-flag {
  border-left-width: 1px;
  padding-right: 1rem;
}

[dir="ltr"] .phone-input.react-tel-input > .flag-dropdown .selected-flag .arrow {
  margin-left: 0.5rem;
}

[dir="rtl"] .phone-input.react-tel-input > .flag-dropdown .selected-flag .arrow {
  margin-right: 0.5rem;
}

.phone-input.react-tel-input ul.phone-input__dropdown.country-list {
  width: 100%;
  --tw-border-opacity: 1;
  font-family: "Whitney SSm A", "Whitney SSm B", "Arial", "Helvetica", sans-serif;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
  top: 50px;
}

[dir] .phone-input.react-tel-input ul.phone-input__dropdown.country-list {
  border-width: 1px;
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
  border-radius: 0.5rem;
  border: 1px solid #949494;
}

[dir="ltr"] .phone-input.react-tel-input ul.phone-input__dropdown.country-list {
  margin: 0px 0 10px 0px;
}

[dir="rtl"] .phone-input.react-tel-input ul.phone-input__dropdown.country-list {
  margin: 0px 0px 10px 0;
}

.phone-input.react-tel-input ul.phone-input__dropdown.country-list li.country > span.dial-code {
  color: #727272;
}

.phone-input.react-tel-input ul.phone-input__dropdown.country-list li.country.highlight {
  color: #fff;
}

[dir] .phone-input.react-tel-input ul.phone-input__dropdown.country-list li.country.highlight {
  background: #486de7;
}

.phone-input.react-tel-input ul.phone-input__dropdown.country-list li.country.highlight > span.dial-code {
  color: #fff;
}

[dir] .phone-input.react-tel-input ul.phone-input__dropdown.country-list li.country.highlight:not(.highlight):hover {
  background: #ededed;
}

.phone-input--enhanced.react-tel-input {
  --tw-bg-opacity: 1;
}

[dir] .phone-input--enhanced.react-tel-input {
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
}

.phone-input--enhanced.react-tel-input:hover {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

[dir] .phone-input--enhanced.react-tel-input:hover {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

[dir] .phone-input--enhanced.react-tel-input {
  border-radius: 0.5rem;
}

[dir="ltr"] .phone-input--enhanced.react-tel-input > .flag-dropdown .selected-flag {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

[dir="rtl"] .phone-input--enhanced.react-tel-input > .flag-dropdown .selected-flag {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.phone-input--enhanced.react-tel-input > .flag-dropdown .selected-flag:focus {
  outline: 2px solid var(--brand-secondary);
  outline-offset: 1px;
  outline-offset: 0;
}

.phone-input--enhanced.react-tel-input input.phone-input__input--enhanced.form-control {
  font-family: "Whitney SSm A", "Whitney SSm B", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  letter-spacing: normal;
}

[dir] .phone-input--enhanced.react-tel-input input.phone-input__input--enhanced.form-control {
  border-radius: 0.5rem;
  background-color: transparent;
}

.phone-input--error.react-tel-input {
  --tw-border-opacity: 1;
}

[dir] .phone-input--error.react-tel-input {
  border-color: rgba(217, 31, 27, var(--tw-border-opacity));
}

/* purgecss end ignore */
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/component/shared/index.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.error-view {
  display: flex;
  align-items: center;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgba(217, 31, 27, var(--tw-text-opacity));
}

[dir] .error-view {
  margin-top: 0.5rem;
}

.error-view > p {
  font-size: 0.75rem;
  --tw-text-opacity: 1;
  color: rgba(217, 31, 27, var(--tw-text-opacity));
}

[dir="ltr"] .error-view > p {
  margin-left: 0.25rem;
}

[dir="rtl"] .error-view > p {
  margin-right: 0.25rem;
}

/* purgecss end ignore */
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/Radio/index.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.radio {
  display: flex;
  align-items: center;
}

[dir] .radio {
  margin-bottom: 0.5rem;
  cursor: pointer;
}

.radio input[type=radio] {
  accent-color: #486de7;
}

.radio input[type=radio]:focus-visible {
  outline: none;
}

[dir] .radio--primary {
  border-radius: 4px;
  padding: 0px 4px;
}

[dir] .radio--primary--disabled {
  cursor: not-allowed;
}

.radio--primary--disabled span {
  color: #949494;
}

.radio--secondary {
  min-height: 48px;
}

[dir] .radio--secondary {
  padding: 14px 16px;
  background: #f8f8f8;
  border: 1px solid #8f8f8f;
  border-radius: 8px;
}

[dir] .radio--secondary--disabled {
  cursor: not-allowed;
  background-color: #ededed;
}

[dir] .radio:hover:not(.radio:focus-within):not(.radio:focus-visible):not(.radio:focus) {
  box-shadow: 0px 0px 8px rgba(34, 34, 34, 0.2);
}

.radio:focus-within, .radio:focus-visible, .radio:focus {
  outline: none;
}

[dir] .radio:focus-within, [dir] .radio:focus-visible, [dir] .radio:focus {
  box-shadow: 0 0 0 3px #486de7;
}

.radio__label {
  font-size: 14px;
  color: #222222;
}

[dir] .radio__label {
  cursor: pointer;
}

[dir="ltr"] .radio__label {
  margin-left: 0.25rem;
}

[dir="rtl"] .radio__label {
  margin-right: 0.25rem;
}

[dir] .radio__label--disabled {
  cursor: not-allowed;
}

[dir] .radio--error {
  border: 1px solid #d91f1b;
}

legend.field-label {
  font-family: "Whitney SSm A", "Whitney SSm B", "Arial", "Helvetica", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir] legend.field-label {
  margin-bottom: 0.25rem;
}

legend.field-label > p {
  font-size: 0.875rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

/* purgecss end ignore */
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/TextArea/index.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.text-area {
  line-height: 0;
}

.text-area__input-field {
  font-size: 0.875rem;
  line-height: 1.5;
  height: 7.5rem;
  width: 100%;
  resize: none;
  color: #222222;
  outline: none;
}

[dir] .text-area__input-field {
  background: #F8F8F8;
  border-radius: 8px;
  padding: 12px 16px;
}

.text-area__input-field::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

.text-area__input-field::placeholder {
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

[dir] .text-area__input-field:hover {
  box-shadow: 0px 0px 8px rgba(34, 34, 34, 0.2);
}

.text-area__input-field:focus-within {
  outline-style: solid;
  outline-color: #486DE7;
}

.text-area--disabled {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

[dir] .text-area--disabled {
  border-color: rgba(237, 237, 237, var(--tw-border-opacity));
  background-color: rgba(237, 237, 237, var(--tw-bg-opacity));
  cursor: not-allowed;
}

.text-area--error-message {
  display: flex;
  align-items: center;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgba(217, 31, 27, var(--tw-text-opacity));
}

[dir] .text-area--error-message {
  margin-top: 0.5rem;
}

.text-area--error-message > p {
  font-size: 0.75rem;
  --tw-text-opacity: 1;
  color: rgba(217, 31, 27, var(--tw-text-opacity));
}

[dir="ltr"] .text-area--error-message > p {
  margin-left: 0.25rem;
}

[dir="rtl"] .text-area--error-message > p {
  margin-right: 0.25rem;
}

.text-area > label {
  font-family: "Whitney SSm A", "Whitney SSm B", "Arial", "Helvetica", sans-serif;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
}

[dir] .text-area > label {
  margin-bottom: 0.25rem;
}

.text-area > label > p {
  font-size: 0.875rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

[dir] .text-area > label > p {
  margin-bottom: 0.25rem;
}

/* purgecss end ignore */
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./node_modules/quill/dist/quill.snow.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*purgecss start ignore
 */

@charset "UTF-8";

/*!
 * Quill Editor v2.0.2
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */

.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  position: relative;
}

[dir] .ql-container {
  margin: 0;
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

[dir] .ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui, [dir] .ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}

.ql-clipboard {
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

[dir="ltr"] .ql-clipboard {
  left: -100000px;
}

[dir="rtl"] .ql-clipboard {
  right: -100000px;
}

[dir] .ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  white-space: pre-wrap;
  word-wrap: break-word;
}

[dir] .ql-editor {
  padding: 12px 15px;
}

[dir="ltr"] .ql-editor {
  text-align: left;
}

[dir="rtl"] .ql-editor {
  text-align: right;
}

[dir] .ql-editor > * {
  cursor: text;
}

[dir] .ql-editor p, [dir] .ql-editor ol, [dir] .ql-editor pre, [dir] .ql-editor blockquote, [dir] .ql-editor h1, [dir] .ql-editor h2, [dir] .ql-editor h3, [dir] .ql-editor h4, [dir] .ql-editor h5, [dir] .ql-editor h6 {
  margin: 0;
  padding: 0;
}

@supports (counter-set: none) {
  .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

.ql-editor table {
  border-collapse: collapse;
}

[dir] .ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}

[dir="ltr"] .ql-editor ol {
  padding-left: 1.5em;
}

[dir="rtl"] .ql-editor ol {
  padding-right: 1.5em;
}

.ql-editor li {
  list-style-type: none;
  position: relative;
}

[dir="ltr"] .ql-editor li {
  padding-left: 1.5em;
}

[dir="rtl"] .ql-editor li {
  padding-right: 1.5em;
}

.ql-editor li > .ql-ui:before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}

[dir="ltr"] .ql-editor li > .ql-ui:before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}

[dir="rtl"] .ql-editor li > .ql-ui:before {
  margin-right: -1.5em;
  margin-left: 0.3em;
  text-align: left;
}

.ql-editor li[data-list=checked] > .ql-ui, .ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}

.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "•";
}

.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "☑";
}

.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "☐";
}

@supports (counter-set: none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}

.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}

.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}

.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}

.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}

.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}

.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}

.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}

.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}

.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}

.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}

.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}

.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}

.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}

.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}

.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}

[dir="ltr"] .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

[dir="rtl"] .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-right: 3em;
}

[dir="ltr"] .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

[dir="rtl"] .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-right: 4.5em;
}

[dir="ltr"] .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

[dir="rtl"] .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-left: 3em;
}

[dir="ltr"] .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

[dir="rtl"] .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-left: 4.5em;
}

[dir="ltr"] .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

[dir="rtl"] .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-right: 6em;
}

[dir="ltr"] .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

[dir="rtl"] .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-right: 7.5em;
}

[dir="ltr"] .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

[dir="rtl"] .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-left: 6em;
}

[dir="ltr"] .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

[dir="rtl"] .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-left: 7.5em;
}

[dir="ltr"] .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

[dir="rtl"] .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-right: 9em;
}

[dir="ltr"] .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

[dir="rtl"] .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-right: 10.5em;
}

[dir="ltr"] .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

[dir="rtl"] .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-left: 9em;
}

[dir="ltr"] .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

[dir="rtl"] .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-left: 10.5em;
}

[dir="ltr"] .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

[dir="rtl"] .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-right: 12em;
}

[dir="ltr"] .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

[dir="rtl"] .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-right: 13.5em;
}

[dir="ltr"] .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

[dir="rtl"] .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-left: 12em;
}

[dir="ltr"] .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

[dir="rtl"] .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-left: 13.5em;
}

[dir="ltr"] .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

[dir="rtl"] .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-right: 15em;
}

[dir="ltr"] .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

[dir="rtl"] .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-right: 16.5em;
}

[dir="ltr"] .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

[dir="rtl"] .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-left: 15em;
}

[dir="ltr"] .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

[dir="rtl"] .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-left: 16.5em;
}

[dir="ltr"] .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

[dir="rtl"] .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-right: 18em;
}

[dir="ltr"] .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

[dir="rtl"] .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-right: 19.5em;
}

[dir="ltr"] .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

[dir="rtl"] .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-left: 18em;
}

[dir="ltr"] .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

[dir="rtl"] .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-left: 19.5em;
}

[dir="ltr"] .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

[dir="rtl"] .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-right: 21em;
}

[dir="ltr"] .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

[dir="rtl"] .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-right: 22.5em;
}

[dir="ltr"] .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

[dir="rtl"] .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-left: 21em;
}

[dir="ltr"] .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

[dir="rtl"] .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-left: 22.5em;
}

[dir="ltr"] .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

[dir="rtl"] .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-right: 24em;
}

[dir="ltr"] .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

[dir="rtl"] .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-right: 25.5em;
}

[dir="ltr"] .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

[dir="rtl"] .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-left: 24em;
}

[dir="ltr"] .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

[dir="rtl"] .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-left: 25.5em;
}

[dir="ltr"] .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

[dir="rtl"] .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-right: 27em;
}

[dir="ltr"] .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

[dir="rtl"] .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-right: 28.5em;
}

[dir="ltr"] .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

[dir="rtl"] .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-left: 27em;
}

[dir="ltr"] .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

[dir="rtl"] .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-left: 28.5em;
}

[dir="ltr"] .ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}

[dir="rtl"] .ql-editor li.ql-direction-rtl {
  padding-left: 1.5em;
}

[dir="ltr"] .ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: 0.3em;
  margin-right: -1.5em;
  text-align: left;
}

[dir="rtl"] .ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-right: 0.3em;
  margin-left: -1.5em;
  text-align: right;
}

.ql-editor table {
  table-layout: fixed;
  width: 100%;
}

.ql-editor table td {
  outline: none;
}

.ql-editor .ql-code-block-container {
  font-family: monospace;
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}

[dir] .ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

[dir="ltr"] .ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

[dir="rtl"] .ql-editor .ql-video.ql-align-right {
  margin: 0 auto 0 0;
}

[dir] .ql-editor .ql-bg-black {
  background-color: #000;
}

[dir] .ql-editor .ql-bg-red {
  background-color: #e60000;
}

[dir] .ql-editor .ql-bg-orange {
  background-color: #f90;
}

[dir] .ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

[dir] .ql-editor .ql-bg-green {
  background-color: #008a00;
}

[dir] .ql-editor .ql-bg-blue {
  background-color: #06c;
}

[dir] .ql-editor .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small {
  font-size: 0.75em;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

[dir] .ql-editor .ql-direction-rtl {
  text-align: inherit;
}

[dir="ltr"] .ql-editor .ql-direction-rtl {
  direction: rtl;
}

[dir="rtl"] .ql-editor .ql-direction-rtl {
  direction: ltr;
}

[dir] .ql-editor .ql-align-center {
  text-align: center;
}

[dir] .ql-editor .ql-align-justify {
  text-align: justify;
}

[dir="ltr"] .ql-editor .ql-align-right {
  text-align: right;
}

[dir="rtl"] .ql-editor .ql-align-right {
  text-align: left;
}

.ql-editor .ql-ui {
  position: absolute;
}

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  pointer-events: none;
  position: absolute;
}

[dir] .ql-editor.ql-blank::before {
  left: 15px;
  right: 15px;
}

.ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after {
  content: "";
  display: table;
}

[dir] .ql-snow.ql-toolbar:after, [dir] .ql-snow .ql-toolbar:after {
  clear: both;
}

.ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {
  display: inline-block;
  height: 24px;
  width: 28px;
}

[dir] .ql-snow.ql-toolbar button, [dir] .ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 3px 5px;
}

[dir="ltr"] .ql-snow.ql-toolbar button, [dir="ltr"] .ql-snow .ql-toolbar button {
  float: left;
}

[dir="rtl"] .ql-snow.ql-toolbar button, [dir="rtl"] .ql-snow .ql-toolbar button {
  float: right;
}

.ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg {
  height: 100%;
}

[dir="ltr"] .ql-snow.ql-toolbar button svg, [dir="ltr"] .ql-snow .ql-toolbar button svg {
  float: left;
}

[dir="rtl"] .ql-snow.ql-toolbar button svg, [dir="rtl"] .ql-snow .ql-toolbar button svg {
  float: right;
}

.ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover {
  outline: none;
}

.ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}

.ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}

@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }

  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }

  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}

.ql-snow {
  box-sizing: border-box;
}

.ql-snow * {
  box-sizing: border-box;
}

.ql-snow .ql-hidden {
  display: none;
}

.ql-snow .ql-out-bottom, .ql-snow .ql-out-top {
  visibility: hidden;
}

.ql-snow .ql-tooltip {
  position: absolute;
}

[dir] .ql-snow .ql-tooltip {
  transform: translateY(10px);
}

.ql-snow .ql-tooltip a {
  text-decoration: none;
}

[dir] .ql-snow .ql-tooltip a {
  cursor: pointer;
}

[dir] .ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}

.ql-snow .ql-formats:after {
  content: "";
  display: table;
}

[dir] .ql-snow .ql-formats:after {
  clear: both;
}

.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
  fill: #444;
}

.ql-snow .ql-empty {
  fill: none;
}

.ql-snow .ql-even {
  fill-rule: evenodd;
}

.ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}

.ql-snow .ql-transparent {
  opacity: 0.4;
}

.ql-snow .ql-direction svg:last-child {
  display: none;
}

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}

.ql-snow .ql-editor h1 {
  font-size: 2em;
}

.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}

.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}

.ql-snow .ql-editor h4 {
  font-size: 1em;
}

.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}

.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}

.ql-snow .ql-editor a {
  text-decoration: underline;
}

[dir] .ql-snow .ql-editor blockquote {
  margin-bottom: 5px;
  margin-top: 5px;
}

[dir="ltr"] .ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  padding-left: 16px;
}

[dir="rtl"] .ql-snow .ql-editor blockquote {
  border-right: 4px solid #ccc;
  padding-right: 16px;
}

[dir] .ql-snow .ql-editor code, [dir] .ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}

[dir] .ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}

.ql-snow .ql-editor code {
  font-size: 85%;
}

[dir] .ql-snow .ql-editor code {
  padding: 2px 4px;
}

.ql-snow .ql-editor .ql-code-block-container {
  color: #f8f8f2;
  overflow: visible;
}

[dir] .ql-snow .ql-editor .ql-code-block-container {
  background-color: #23241f;
}

.ql-snow .ql-editor img {
  max-width: 100%;
}

.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}

[dir="ltr"] .ql-snow .ql-picker {
  float: left;
}

[dir="rtl"] .ql-snow .ql-picker {
  float: right;
}

.ql-snow .ql-picker-label {
  display: inline-block;
  height: 100%;
  position: relative;
  width: 100%;
}

[dir] .ql-snow .ql-picker-label {
  cursor: pointer;
}

[dir="ltr"] .ql-snow .ql-picker-label {
  padding-left: 8px;
  padding-right: 2px;
}

[dir="rtl"] .ql-snow .ql-picker-label {
  padding-right: 8px;
  padding-left: 2px;
}

.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}

.ql-snow .ql-picker-options {
  display: none;
  min-width: 100%;
  position: absolute;
  white-space: nowrap;
}

[dir] .ql-snow .ql-picker-options {
  background-color: #fff;
  padding: 4px 8px;
}

.ql-snow .ql-picker-options .ql-picker-item {
  display: block;
}

[dir] .ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  top: 100%;
  z-index: 1;
}

[dir] .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  margin-top: -1px;
}

.ql-snow .ql-color-picker, .ql-snow .ql-icon-picker {
  width: 28px;
}

[dir] .ql-snow .ql-color-picker .ql-picker-label, [dir] .ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}

[dir="ltr"] .ql-snow .ql-color-picker .ql-picker-label svg, [dir="ltr"] .ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}

[dir="rtl"] .ql-snow .ql-color-picker .ql-picker-label svg, [dir="rtl"] .ql-snow .ql-icon-picker .ql-picker-label svg {
  left: 4px;
}

[dir] .ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}

.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
}

[dir] .ql-snow .ql-icon-picker .ql-picker-item {
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-options {
  width: 152px;
}

[dir] .ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
}

.ql-snow .ql-color-picker .ql-picker-item {
  height: 16px;
  width: 16px;
}

[dir] .ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  margin: 2px;
  padding: 0;
}

[dir="ltr"] .ql-snow .ql-color-picker .ql-picker-item {
  float: left;
}

[dir="rtl"] .ql-snow .ql-color-picker .ql-picker-item {
  float: right;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  top: 50%;
  width: 18px;
}

[dir] .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  margin-top: -9px;
}

[dir="ltr"] .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  right: 0;
}

[dir="rtl"] .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  left: 0;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}

.ql-snow .ql-picker.ql-header {
  width: 98px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}

.ql-snow .ql-picker.ql-font {
  width: 108px;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}

.ql-snow .ql-picker.ql-size {
  width: 98px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}

[dir] .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}

[dir] .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}

.ql-code-block-container {
  position: relative;
}

.ql-code-block-container .ql-ui {
  top: 5px;
}

[dir="ltr"] .ql-code-block-container .ql-ui {
  right: 5px;
}

[dir="rtl"] .ql-code-block-container .ql-ui {
  left: 5px;
}

.ql-toolbar.ql-snow {
  box-sizing: border-box;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

[dir] .ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  padding: 8px;
}

[dir="ltr"] .ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}

[dir="rtl"] .ql-toolbar.ql-snow .ql-formats {
  margin-left: 15px;
}

[dir] .ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}

[dir] .ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}

[dir] .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}

[dir] .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}

[dir] .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, [dir] .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}

[dir] .ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}

.ql-snow .ql-tooltip {
  color: #444;
  white-space: nowrap;
}

[dir] .ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  padding: 5px 12px;
}

.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
}

[dir="ltr"] .ql-snow .ql-tooltip::before {
  margin-right: 8px;
}

[dir="rtl"] .ql-snow .ql-tooltip::before {
  margin-left: 8px;
}

.ql-snow .ql-tooltip input[type=text] {
  display: none;
  font-size: 13px;
  height: 26px;
  width: 170px;
}

[dir] .ql-snow .ql-tooltip input[type=text] {
  border: 1px solid #ccc;
  margin: 0;
  padding: 3px 5px;
}

.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ql-snow .ql-tooltip a.ql-action::after {
  content: "Edit";
}

[dir="ltr"] .ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  margin-left: 16px;
  padding-right: 8px;
}

[dir="rtl"] .ql-snow .ql-tooltip a.ql-action::after {
  border-left: 1px solid #ccc;
  margin-right: 16px;
  padding-left: 8px;
}

.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
}

[dir="ltr"] .ql-snow .ql-tooltip a.ql-remove::before {
  margin-left: 8px;
}

[dir="rtl"] .ql-snow .ql-tooltip a.ql-remove::before {
  margin-right: 8px;
}

.ql-snow .ql-tooltip a {
  line-height: 26px;
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  content: "Save";
}

[dir="ltr"] .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  padding-right: 0;
}

[dir="rtl"] .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-left: 0;
  padding-left: 0;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}

.ql-snow a {
  color: #06c;
}

[dir] .ql-container.ql-snow {
  border: 1px solid #ccc;
}

/*purgecss end ignore
 */
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/DesignSystem/TextEditor/index.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.text-editor {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  min-height: 9.375rem;
}

[dir] .text-editor {
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
  padding: 1rem;
}

[dir] .text-editor:hover {
  box-shadow: 0px 0px 8px rgba(34, 34, 34, 0.2);
}

.text-editor:focus-within {
  --tw-border-opacity: 1;
  outline: 2px solid #486DE7;
}

[dir] .text-editor:focus-within {
  border-color: rgba(72, 109, 231, var(--tw-border-opacity));
}

[dir] .text-editor .ql-container, [dir] .text-editor .ql-editor, [dir] .text-editor .ql-toolbar {
  border-style: none;
  padding: 0px;
}

.text-editor .ql-editor {
  --tw-text-opacity: 1;
  color: rgba(34, 34, 34, var(--tw-text-opacity));
  min-height: 6rem;
}

[dir] .text-editor .ql-editor {
  padding-bottom: 1rem;
}

.text-editor .ql-editor::before {
  font-style: normal;
}

[dir="ltr"] .text-editor .ql-editor::before {
  left: 0px;
}

[dir="rtl"] .text-editor .ql-editor::before {
  right: 0px;
}

[dir] .text-editor .ql-toolbar button {
  border-radius: 0.25rem;
  border-style: none;
}

.text-editor .ql-toolbar button:hover {
  --tw-text-opacity: 1;
  color: rgba(72, 109, 231, var(--tw-text-opacity));
}

.text-editor .ql-toolbar button:focus {
  outline: 2px solid #486DE7;
}

.text-editor .ql-toolbar button * {
  --tw-text-opacity: 1;
  color: rgba(148, 148, 148, var(--tw-text-opacity));
}

.text-editor--disabled {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgba(114, 114, 114, var(--tw-text-opacity));
}

[dir] .text-editor--disabled {
  background-color: rgba(237, 237, 237, var(--tw-bg-opacity));
}

.text-editor--disabled .ql-disabled {
  --tw-bg-opacity: 1;
}

[dir] .text-editor--disabled .ql-disabled {
  background-color: rgba(237, 237, 237, var(--tw-bg-opacity));
}

.text-editor--disabled .ql-toolbar {
  pointer-events: none;
}

[dir] .text-editor--disabled:hover {
  box-shadow: none;
}

.text-editor--disabled:focus-within {
  --tw-border-opacity: 1;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

[dir] .text-editor--disabled:focus-within {
  border-color: rgba(148, 148, 148, var(--tw-border-opacity));
}

.text-editor--error {
  --tw-border-opacity: 1;
}

[dir] .text-editor--error {
  border-color: rgba(217, 31, 27, var(--tw-border-opacity));
}

.text-editor--error:focus-within {
  --tw-border-opacity: 1;
  outline: 2px solid #D91F1B;
}

[dir] .text-editor--error:focus-within {
  border-color: rgba(217, 31, 27, var(--tw-border-opacity));
}

/* purgecss end ignore */
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/component/Benefits/V2/BenefitsDialog/InfoGraphic.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.info-graphic--green {
  color: #009488;
}

[dir] .info-graphic--green {
  background-color: #f2fdfa;
  border-color: rgba(0, 148, 136, 0.45);
}

.info-graphic--blue {
  color: #1860fb;
}

[dir] .info-graphic--blue {
  background-color: #f0f6ff;
  border-color: rgba(24, 96, 251, 0.45);
}

.info-graphic--yellow {
  color: #e7a808;
}

[dir] .info-graphic--yellow {
  background-color: #fffbeb;
  border-color: rgba(231, 168, 8, 0.45);
}

.info-graphic--gray {
  color: #636e88;
}

[dir] .info-graphic--gray {
  background-color: #f3f4f6;
  border-color: rgba(99, 110, 136, 0.45);
}

.info-graphic--purple {
  color: #8c36e2;
}

[dir] .info-graphic--purple {
  background-color: #f7f0ff;
  border-color: rgba(140, 54, 226, 0.45);
}

/* purgecss end ignore */
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/component/Benefits/V2/BenefitsDialog/index.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

[dir] .benefits-dialog-sections > * + * {
  margin-bottom: 1rem;
  border-top-width: 1px;
  border-color: hsl(var(--border-secondary));
  padding-top: 1rem;
}

@media (min-width: 768px) {
  [dir] .benefits-dialog-sections > * + * {
    margin-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
}

/* purgecss end ignore */
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/component/Benefits/V2/BenefitsHeader/index.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.benefits-header-v2__logo {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
}

/* purgecss end ignore */
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/component/Benefits/V2/BenefitCardShell/index.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.benefit-card-shell__hero {
  height: 240px;
}

[dir="ltr"] .benefit-card-shell__hero {
  background: linear-gradient(146deg, #d2ddff 0%, #ffd9e7 47%, #f6bfba 100%);
}

[dir="rtl"] .benefit-card-shell__hero {
  background: linear-gradient(-146deg, #d2ddff 0%, #ffd9e7 47%, #f6bfba 100%);
}

.benefit-card-shell__logo-container {
  width: 140px;
  height: 140px;
}

.benefit-card-shell__description {
  line-height: 21px;
  min-height: 42px;
}

/* purgecss end ignore */
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[4]!./src/component/Benefits/V2/BenefitsTabs/index.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* purgecss start ignore */

.benefits-tabs {
  display: flex;
  width: 100%;
  align-items: center;
  max-width: 378px;
}

[dir] .benefits-tabs {
  margin-left: auto;
  margin-right: auto;
  background-color: hsl(var(--bg-secondary));
  padding: 0.25rem;
  border-radius: 27px;
  box-shadow: 0px 4px 6px -1px hsl(var(--shadow-md-01)), 0px 2px 4px -2px hsl(var(--shadow-md-02));
}

.benefits-tabs__tab {
  position: relative;
  min-width: 0rem;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: hsl(var(--fg-secondary));
  transition-duration: 150ms;
  flex: 1 0 0;
}

[dir] .benefits-tabs__tab {
  cursor: pointer;
  border-width: 0px;
  background-color: transparent;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  border-radius: 24px;
}

.benefits-tabs__tab:hover:not(.benefits-tabs__tab--active) {
  color: hsl(var(--fg-primary));
}

.benefits-tabs__tab:focus-visible {
  outline: 2px solid hsl(var(--focus-ring));
  outline-offset: -2px;
}

.benefits-tabs__tab--active {
  color: hsl(var(--fg-brand-primary));
}

[dir] .benefits-tabs__tab--active {
  background: hsl(var(--bg-brand-solid)/0.16);
}

/* purgecss end ignore */