/* Athena TW React lib default global styles */

@layer athena-tw {

/* Athena TW default core tokens */

:root {
    /* Colors */

    --ath-ref-color-black: #0f1117;

    --ath-ref-color-neutral975: #12151c;
    --ath-ref-color-neutral950: #161922;
    --ath-ref-color-neutral925: #1a1e28;
    --ath-ref-color-neutral900: #242a38;
    --ath-ref-color-neutral800: #343c50;
    --ath-ref-color-neutraldark: #444f69;
    --ath-ref-color-neutral600: #556182;
    --ath-ref-color-neutral: #65749a;
    --ath-ref-color-neutral400: #7d8aaa;
    --ath-ref-color-neutral300: #96a0bb;
    --ath-ref-color-neutral200: #afb7cb;
    --ath-ref-color-neutral100: #c7cddb;
    --ath-ref-color-neutral075: #eaedf6;
    --ath-ref-color-neutral050: #f1f3f9;
    --ath-ref-color-neutral025: #f8f9fc;

    --ath-ref-color-primary900: #071d55;
    --ath-ref-color-primary800: #0a2b7b;
    --ath-ref-color-primarydark: #0d37a0;
    --ath-ref-color-primary600: #1044c6;
    --ath-ref-color-primary: #134fec;
    --ath-ref-color-primarylight: #396bef;
    --ath-ref-color-primary300: #5f88f2;
    --ath-ref-color-primary200: #84a5f5;
    --ath-ref-color-primary100: #aac0f8;
    --ath-ref-color-primary050: #e7eefd;

    --ath-ref-color-error900: #550716;
    --ath-ref-color-error800: #7b0a20;
    --ath-ref-color-errordark: #a00d2c;
    --ath-ref-color-error600: #c61035;
    --ath-ref-color-error: #ec1340;
    --ath-ref-color-errorlight: #ef395d;
    --ath-ref-color-error300: #f25f7c;
    --ath-ref-color-error200: #f5849b;
    --ath-ref-color-error100: #f8aaba;
    --ath-ref-color-error050: #ffe5e5;

    --ath-ref-color-warning900: #553407;
    --ath-ref-color-warning800: #7b4b0a;
    --ath-ref-color-warningdark: #a0630d;
    --ath-ref-color-warning600: #c67a10;
    --ath-ref-color-warning: #ec9213;
    --ath-ref-color-warninglight: #efa339;
    --ath-ref-color-warning300: #f2b55f;
    --ath-ref-color-warning200: #f5c684;
    --ath-ref-color-warning100: #f8d8aa;
    --ath-ref-color-warning050: #fdf4e7;

    --ath-ref-color-success900: #032a10;
    --ath-ref-color-success800: #06421a;
    --ath-ref-color-successdark: #095a24;
    --ath-ref-color-success600: #0c712e;
    --ath-ref-color-success: #11893a;
    --ath-ref-color-successlight: #36bf66;
    --ath-ref-color-success300: #7fd29c;
    --ath-ref-color-success200: #9dddb3;
    --ath-ref-color-success100: #bbe7ca;
    --ath-ref-color-success050: #ebf5ec;

    --ath-ref-color-white: #fff;

    --ath-ref-color-shadow: #343c50;

    /* Sizes */
    --ath-ref-size-onepixel: 0.0625rem;

    /* Border radius */
    --ath-ref-borderradius-base: 0.196rem;

    /* Fonts */

    /* Fonts families */
    --ath-ref-font-title: Roboto, sans-serif;
    --ath-ref-font-body: Roboto, sans-serif;
    --ath-ref-font-aphiliaicons: 'Aphilia-Icons', sans-serif;
    --ath-ref-font-materialsymbols: 'Material Symbols Outlined', sans-serif;

    /* Fonts settings */
    --ath-ref-fontsettings-filled: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    --ath-ref-fontsettings-oulined: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;

    /* Fonts sizes */
    --ath-ref-fontsize-h1: 2.5rem; /* 40px */
    --ath-ref-fontsize-h2: 2rem; /* 32px */
    --ath-ref-fontsize-h3: 1.5rem; /* 24px */
    --ath-ref-fontsize-h4: 1rem; /* 16px */
    --ath-ref-fontsize-h5: 0.875rem; /* 14px */
    --ath-ref-fontsize-h6: 0.75rem; /* 12px */
    --ath-ref-fontsize-p: 0.875rem; /* 14px */
    --ath-ref-fontsize-body: 0.75rem; /* 12px */
    --ath-ref-fontsize-small: 0.75rem; /* 12px */

    /* Fonts weight */
    --ath-ref-fontweight-thin: 100;
    --ath-ref-fontweight-extralight: 200;
    --ath-ref-fontweight-light: 300;
    --ath-ref-fontweight-normal: 400;
    --ath-ref-fontweight-medium: 500;
    --ath-ref-fontweight-semibold: 600;
    --ath-ref-fontweight-bold: 700;
    --ath-ref-fontweight-extrabold: 800;
    --ath-ref-fontweight-black: 900;
}
}

@layer tailwind {
    *, ::before, ::after {

--tw-border-spacing-x: 0;

--tw-border-spacing-y: 0;

--tw-translate-x: 0;

--tw-translate-y: 0;

--tw-rotate: 0;

--tw-skew-x: 0;

--tw-skew-y: 0;

--tw-scale-x: 1;

--tw-scale-y: 1;

--tw-pan-x:  ;

--tw-pan-y:  ;

--tw-pinch-zoom:  ;

--tw-scroll-snap-strictness: proximity;

--tw-gradient-from-position:  ;

--tw-gradient-via-position:  ;

--tw-gradient-to-position:  ;

--tw-ordinal:  ;

--tw-slashed-zero:  ;

--tw-numeric-figure:  ;

--tw-numeric-spacing:  ;

--tw-numeric-fraction:  ;

--tw-ring-inset:  ;

--tw-ring-offset-width: 0px;

--tw-ring-offset-color: #fff;

--tw-ring-color: rgb(59 130 246 / 0.5);

--tw-ring-offset-shadow: 0 0 #0000;

--tw-ring-shadow: 0 0 #0000;

--tw-shadow: 0 0 #0000;

--tw-shadow-colored: 0 0 #0000;

--tw-blur:  ;

--tw-brightness:  ;

--tw-contrast:  ;

--tw-grayscale:  ;

--tw-hue-rotate:  ;

--tw-invert:  ;

--tw-saturate:  ;

--tw-sepia:  ;

--tw-drop-shadow:  ;

--tw-backdrop-blur:  ;

--tw-backdrop-brightness:  ;

--tw-backdrop-contrast:  ;

--tw-backdrop-grayscale:  ;

--tw-backdrop-hue-rotate:  ;

--tw-backdrop-invert:  ;

--tw-backdrop-opacity:  ;

--tw-backdrop-saturate:  ;

--tw-backdrop-sepia:  ;

--tw-contain-size:  ;

--tw-contain-layout:  ;

--tw-contain-paint:  ;

--tw-contain-style:  ;
}
    ::backdrop {

--tw-border-spacing-x: 0;

--tw-border-spacing-y: 0;

--tw-translate-x: 0;

--tw-translate-y: 0;

--tw-rotate: 0;

--tw-skew-x: 0;

--tw-skew-y: 0;

--tw-scale-x: 1;

--tw-scale-y: 1;

--tw-pan-x:  ;

--tw-pan-y:  ;

--tw-pinch-zoom:  ;

--tw-scroll-snap-strictness: proximity;

--tw-gradient-from-position:  ;

--tw-gradient-via-position:  ;

--tw-gradient-to-position:  ;

--tw-ordinal:  ;

--tw-slashed-zero:  ;

--tw-numeric-figure:  ;

--tw-numeric-spacing:  ;

--tw-numeric-fraction:  ;

--tw-ring-inset:  ;

--tw-ring-offset-width: 0px;

--tw-ring-offset-color: #fff;

--tw-ring-color: rgb(59 130 246 / 0.5);

--tw-ring-offset-shadow: 0 0 #0000;

--tw-ring-shadow: 0 0 #0000;

--tw-shadow: 0 0 #0000;

--tw-shadow-colored: 0 0 #0000;

--tw-blur:  ;

--tw-brightness:  ;

--tw-contrast:  ;

--tw-grayscale:  ;

--tw-hue-rotate:  ;

--tw-invert:  ;

--tw-saturate:  ;

--tw-sepia:  ;

--tw-drop-shadow:  ;

--tw-backdrop-blur:  ;

--tw-backdrop-brightness:  ;

--tw-backdrop-contrast:  ;

--tw-backdrop-grayscale:  ;

--tw-backdrop-hue-rotate:  ;

--tw-backdrop-invert:  ;

--tw-backdrop-opacity:  ;

--tw-backdrop-saturate:  ;

--tw-backdrop-sepia:  ;

--tw-contain-size:  ;

--tw-contain-layout:  ;

--tw-contain-paint:  ;

--tw-contain-style:  ;
}
    /* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com *//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

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

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
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)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

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

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

/*
Remove the default font size and weight for headings.
*/

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

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

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

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

/*
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)
3. Remove gaps between table borders by default.
*/

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

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

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

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

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

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

:-moz-ui-invalid {
  box-shadow: none;
}

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

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

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

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
    .\!container {

width: 100% !important;
}
    .container {

width: 100%;
}
    @media (min-width: 640px) {

.\!container {

max-width: 640px !important;
}

.container {

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

.\!container {

max-width: 768px !important;
}

.container {

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

.\!container {

max-width: 1024px !important;
}

.container {

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

.\!container {

max-width: 1280px !important;
}

.container {

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

.\!container {

max-width: 1536px !important;
}

.container {

max-width: 1536px;
}
}
    .sr-only {

position: absolute;

width: 1px;

height: 1px;

padding: 0;

margin: -1px;

overflow: hidden;

clip: rect(0, 0, 0, 0);

white-space: nowrap;

border-width: 0;
}
    .pointer-events-none {

pointer-events: none;
}
    .visible {

visibility: visible;
}
    .invisible {

visibility: hidden;
}
    .static {

position: static;
}
    .fixed {

position: fixed;
}
    .absolute {

position: absolute;
}
    .relative {

position: relative;
}
    .sticky {

position: sticky;
}
    .inset-0 {

inset: 0px;
}
    .inset-x-\[--ath-sys-spacing-010\] {

left: var(--ath-sys-spacing-010);

right: var(--ath-sys-spacing-010);
}
    .-right-px {

right: -1px;
}
    .-top-px {

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

bottom: 0px;
}
    .left-0 {

left: 0px;
}
    .left-1\/2 {

left: 50%;
}
    .right-0 {

right: 0px;
}
    .right-\[--ath-sys-spacing-002\] {

right: var(--ath-sys-spacing-002);
}
    .right-\[--ath-sys-spacing-010\] {

right: var(--ath-sys-spacing-010);
}
    .right-\[110\%\] {

right: 110%;
}
    .right-m {

right: var(--ath-sys-spacing-015);
}
    .top-0 {

top: 0px;
}
    .top-1\/2 {

top: 50%;
}
    .top-\[--ath-sys-spacing-002\] {

top: var(--ath-sys-spacing-002);
}
    .top-\[--ath-sys-spacing-010\] {

top: var(--ath-sys-spacing-010);
}
    .top-auto {

top: auto;
}
    .top-full {

top: 100%;
}
    .top-m {

top: var(--ath-sys-spacing-015);
}
    .z-0 {

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

z-index: 20;
}
    .z-\[1\] {

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

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

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

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

grid-column: span 3 / span 3;
}
    .\!m-0 {

margin: 0px !important;
}
    .m-0 {

margin: 0px;
}
    .m-auto {

margin: auto;
}
    .m-xs {

margin: var(--ath-sys-spacing-005);
}
    .-mx-xs {

margin-left: calc(var(--ath-sys-spacing-005) * -1);

margin-right: calc(var(--ath-sys-spacing-005) * -1);
}
    .mx-auto {

margin-left: auto;

margin-right: auto;
}
    .my-10 {

margin-top: 2.5rem;

margin-bottom: 2.5rem;
}
    .my-m {

margin-top: var(--ath-sys-spacing-015);

margin-bottom: var(--ath-sys-spacing-015);
}
    .my-xs {

margin-top: var(--ath-sys-spacing-005);

margin-bottom: var(--ath-sys-spacing-005);
}
    .mb-0 {

margin-bottom: 0px;
}
    .mb-2 {

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

margin-bottom: 1rem;
}
    .mb-\[--ath-sys-spacing-015\] {

margin-bottom: var(--ath-sys-spacing-015);
}
    .mb-\[-0\.5rem\] {

margin-bottom: -0.5rem;
}
    .mb-l {

margin-bottom: var(--ath-sys-spacing-020);
}
    .mb-m {

margin-bottom: var(--ath-sys-spacing-015);
}
    .mb-s {

margin-bottom: var(--ath-sys-spacing-010);
}
    .mb-xl {

margin-bottom: var(--ath-sys-spacing-025);
}
    .mb-xs {

margin-bottom: var(--ath-sys-spacing-005);
}
    .mb-xxl {

margin-bottom: var(--ath-sys-spacing-030);
}
    .mb-xxs {

margin-bottom: var(--ath-sys-spacing-002);
}
    .me-l {

margin-inline-end: var(--ath-sys-spacing-020);
}
    .ml-l {

margin-left: var(--ath-sys-spacing-020);
}
    .ml-s {

margin-left: var(--ath-sys-spacing-010);
}
    .ml-xs {

margin-left: var(--ath-sys-spacing-005);
}
    .ml-xxs {

margin-left: var(--ath-sys-spacing-002);
}
    .mr-s {

margin-right: var(--ath-sys-spacing-010);
}
    .mr-xs {

margin-right: var(--ath-sys-spacing-005);
}
    .ms-\[--ath-sys-spacing-010\] {

margin-inline-start: var(--ath-sys-spacing-010);
}
    .ms-auto {

margin-inline-start: auto;
}
    .mt-0 {

margin-top: 0px;
}
    .mt-\[--ath-sys-spacing-005\] {

margin-top: var(--ath-sys-spacing-005);
}
    .mt-\[--ath-sys-spacing-010\] {

margin-top: var(--ath-sys-spacing-010);
}
    .mt-\[1\.5rem\] {

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

margin-top: 3.5rem;
}
    .mt-l {

margin-top: var(--ath-sys-spacing-020);
}
    .mt-m {

margin-top: var(--ath-sys-spacing-015);
}
    .mt-s {

margin-top: var(--ath-sys-spacing-010);
}
    .mt-xl {

margin-top: var(--ath-sys-spacing-025);
}
    .mt-xs {

margin-top: var(--ath-sys-spacing-005);
}
    .box-border {

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

display: block;
}
    .inline-block {

display: inline-block;
}
    .inline {

display: inline;
}
    .flex {

display: flex;
}
    .inline-flex {

display: inline-flex;
}
    .table {

display: table;
}
    .grid {

display: grid;
}
    .hidden {

display: none;
}
    .aspect-\[1\.7777\] {

aspect-ratio: 1.7777;
}
    .aspect-square {

aspect-ratio: 1 / 1;
}
    .size-9 {

width: 2.25rem;

height: 2.25rem;
}
    .h-1 {

height: 0.25rem;
}
    .h-10 {

height: 2.5rem;
}
    .h-16 {

height: 4rem;
}
    .h-6 {

height: 1.5rem;
}
    .h-8 {

height: 2rem;
}
    .h-9 {

height: 2.25rem;
}
    .h-\[--ath-check-size\] {

height: var(--ath-check-size);
}
    .h-\[--ath-comp-badge-size\] {

height: var(--ath-comp-badge-size);
}
    .h-\[--ath-comp-progressbar-height\] {

height: var(--ath-comp-progressbar-height);
}
    .h-\[--ath-comp-radio-size\] {

height: var(--ath-comp-radio-size);
}
    .h-\[--ath-comp-range-height\] {

height: var(--ath-comp-range-height);
}
    .h-\[--ath-sys-spacing-010\] {

height: var(--ath-sys-spacing-010);
}
    .h-\[--ath-sys-spacing-020\] {

height: var(--ath-sys-spacing-020);
}
    .h-\[--ath-sys-spacing-025\] {

height: var(--ath-sys-spacing-025);
}
    .h-\[--ath-sys-spacing-030\] {

height: var(--ath-sys-spacing-030);
}
    .h-\[--medium-toggle-height\] {

height: var(--medium-toggle-height);
}
    .h-\[--small-toggle-height\] {

height: var(--small-toggle-height);
}
    .h-\[2rem\] {

height: 2rem;
}
    .h-\[4\.5rem\] {

height: 4.5rem;
}
    .h-\[600px\] {

height: 600px;
}
    .h-\[60dvh\] {

height: 60dvh;
}
    .h-\[700px\] {

height: 700px;
}
    .h-auto {

height: auto;
}
    .h-px {

height: 1px;
}
    .max-h-0 {

max-height: 0px;
}
    .max-h-\[32rem\] {

max-height: 32rem;
}
    .max-h-\[60dvh\] {

max-height: 60dvh;
}
    .max-h-\[80dvh\] {

max-height: 80dvh;
}
    .max-h-dvh {

max-height: 100dvh;
}
    .min-h-\[2rem\] {

min-height: 2rem;
}
    .min-h-\[4\.5rem\] {

min-height: 4.5rem;
}
    .min-h-\[5rem\] {

min-height: 5rem;
}
    .min-h-full {

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

min-height: 100vh;
}
    .w-1\/2 {

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

width: 33.333333%;
}
    .w-10 {

width: 2.5rem;
}
    .w-12 {

width: 3rem;
}
    .w-4 {

width: 1rem;
}
    .w-6 {

width: 1.5rem;
}
    .w-64 {

width: 16rem;
}
    .w-8 {

width: 2rem;
}
    .w-\[--ath-check-size\] {

width: var(--ath-check-size);
}
    .w-\[--ath-comp-badge-size\] {

width: var(--ath-comp-badge-size);
}
    .w-\[--ath-comp-radio-size\] {

width: var(--ath-comp-radio-size);
}
    .w-\[--ath-sys-spacing-010\] {

width: var(--ath-sys-spacing-010);
}
    .w-\[--medium-toggle-width\] {

width: var(--medium-toggle-width);
}
    .w-\[--small-toggle-width\] {

width: var(--small-toggle-width);
}
    .w-\[1\.25rem\] {

width: 1.25rem;
}
    .w-\[1\.5rem\] {

width: 1.5rem;
}
    .w-\[17\.5rem\] {

width: 17.5rem;
}
    .w-\[25rem\] {

width: 25rem;
}
    .w-\[2rem\] {

width: 2rem;
}
    .w-\[320px\] {

width: 320px;
}
    .w-\[360px\] {

width: 360px;
}
    .w-\[37\.5rem\] {

width: 37.5rem;
}
    .w-\[4\.5rem\] {

width: 4.5rem;
}
    .w-\[50rem\] {

width: 50rem;
}
    .w-\[60\.5rem\] {

width: 60.5rem;
}
    .w-\[90dvh\] {

width: 90dvh;
}
    .w-\[95\%\] {

width: 95%;
}
    .w-auto {

width: auto;
}
    .w-full {

width: 100%;
}
    .w-px {

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

min-width: 0px;
}
    .min-w-\[18rem\] {

min-width: 18rem;
}
    .min-w-full {

min-width: 100%;
}
    .max-w-\[100dvw\] {

max-width: 100dvw;
}
    .max-w-\[1em\] {

max-width: 1em;
}
    .max-w-\[33\.333333\%\] {

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

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

max-width: 28rem;
}
    .flex-1 {

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

flex-shrink: 0;
}
    .grow {

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

flex-grow: 0;
}
    .basis-1\/3 {

flex-basis: 33.333333%;
}
    .basis-\[15\%\] {

flex-basis: 15%;
}
    .-translate-x-1\/2 {

--tw-translate-x: -50%;

transform: translate(var(--tw-translate-x), 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-y-1\/2 {

--tw-translate-y: -50%;

transform: translate(var(--tw-translate-x), 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-y-\[49\%\] {

--tw-translate-y: -49%;

transform: translate(var(--tw-translate-x), 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-\[49\%\] {

--tw-translate-x: 49%;

transform: translate(var(--tw-translate-x), 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-\[50\%\] {

--tw-translate-x: 50%;

transform: translate(var(--tw-translate-x), 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-y-\[-50\%\] {

--tw-translate-y: -50%;

transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
    .-rotate-90 {

--tw-rotate: -90deg;

transform: translate(var(--tw-translate-x), 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));
}
    .transform {

transform: translate(var(--tw-translate-x), 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));
}
    @keyframes spin {

to {

transform: rotate(360deg);
}
}
    .animate-spin {

animation: spin 1s linear infinite;
}
    .cursor-default {

cursor: default;
}
    .cursor-n-resize {

cursor: n-resize;
}
    .cursor-pointer {

cursor: pointer;
}
    .cursor-s-resize {

cursor: s-resize;
}
    .resize-none {

resize: none;
}
    .resize {

resize: both;
}
    .list-none {

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

-webkit-appearance: none;

   -moz-appearance: none;

        appearance: none;
}
    .grid-cols-12 {

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

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

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

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

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

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

flex-wrap: wrap;
}
    .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-end {

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

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

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

gap: 0.25rem;
}
    .gap-2 {

gap: 0.5rem;
}
    .gap-3 {

gap: 0.75rem;
}
    .gap-4 {

gap: 1rem;
}
    .gap-\[--ath-sys-spacing-005\] {

gap: var(--ath-sys-spacing-005);
}
    .gap-\[--ath-sys-spacing-010\] {

gap: var(--ath-sys-spacing-010);
}
    .gap-\[--ath-sys-spacing-015\] {

gap: var(--ath-sys-spacing-015);
}
    .gap-\[--ath-sys-spacing-020\] {

gap: var(--ath-sys-spacing-020);
}
    .gap-\[0\.33em\] {

gap: 0.33em;
}
    .gap-l {

gap: var(--ath-sys-spacing-020);
}
    .gap-m {

gap: var(--ath-sys-spacing-015);
}
    .gap-s {

gap: var(--ath-sys-spacing-010);
}
    .gap-xs {

gap: var(--ath-sys-spacing-005);
}
    .gap-x-\[--ath-sys-spacing-005\] {

-moz-column-gap: var(--ath-sys-spacing-005);

     column-gap: var(--ath-sys-spacing-005);
}
    .gap-x-\[--ath-sys-spacing-010\] {

-moz-column-gap: var(--ath-sys-spacing-010);

     column-gap: var(--ath-sys-spacing-010);
}
    .gap-x-\[--ath-sys-spacing-020\] {

-moz-column-gap: var(--ath-sys-spacing-020);

     column-gap: var(--ath-sys-spacing-020);
}
    .gap-x-\[0\.625rem\] {

-moz-column-gap: 0.625rem;

     column-gap: 0.625rem;
}
    .gap-x-l {

-moz-column-gap: var(--ath-sys-spacing-020);

     column-gap: var(--ath-sys-spacing-020);
}
    .gap-x-s {

-moz-column-gap: var(--ath-sys-spacing-010);

     column-gap: var(--ath-sys-spacing-010);
}
    .gap-y-\[--ath-sys-spacing-002\] {

row-gap: var(--ath-sys-spacing-002);
}
    .gap-y-\[--ath-sys-spacing-005\] {

row-gap: var(--ath-sys-spacing-005);
}
    .gap-y-l {

row-gap: var(--ath-sys-spacing-020);
}
    .gap-y-m {

row-gap: var(--ath-sys-spacing-015);
}
    .divide-x > :not([hidden]) ~ :not([hidden]) {

--tw-divide-x-reverse: 0;

border-right-width: calc(1px * var(--tw-divide-x-reverse));

border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
    .divide-neutral-75 > :not([hidden]) ~ :not([hidden]) {

--tw-divide-opacity: 1;

border-color: rgb(234 237 246 / var(--tw-divide-opacity, 1));
}
    .self-start {

align-self: flex-start;
}
    .overflow-auto {

overflow: auto;
}
    .overflow-hidden {

overflow: hidden;
}
    .truncate {

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;
}
    .text-ellipsis {

text-overflow: ellipsis;
}
    .whitespace-nowrap {

white-space: nowrap;
}
    .rounded {

border-radius: 0.25rem;
}
    .rounded-\[--ath-comp-button-radius\] {

border-radius: var(--ath-comp-button-radius);
}
    .rounded-\[--ath-comp-tag-border-radius\] {

border-radius: var(--ath-comp-tag-border-radius);
}
    .rounded-\[--ath-sys-borderradius-base\] {

border-radius: var(--ath-sys-borderradius-base);
}
    .rounded-\[--ath-sys-borderradius-inlineend\] {

border-radius: var(--ath-sys-borderradius-inlineend);
}
    .rounded-\[--ath-sys-borderradius-inlinestart\] {

border-radius: var(--ath-sys-borderradius-inlinestart);
}
    .rounded-\[--ath-sys-spacing-005\] {

border-radius: var(--ath-sys-spacing-005);
}
    .rounded-\[--ath-sys-spacing-010\] {

border-radius: var(--ath-sys-spacing-010);
}
    .rounded-\[0\.2rem\] {

border-radius: 0.2rem;
}
    .rounded-\[3px\] {

border-radius: 3px;
}
    .rounded-base {

border-radius: 0.196rem;
}
    .rounded-full {

border-radius: 9999px;
}
    .rounded-lg {

border-radius: 0.5rem;
}
    .rounded-xl {

border-radius: 0.75rem;
}
    .rounded-t-lg {

border-top-left-radius: 0.5rem;

border-top-right-radius: 0.5rem;
}
    .border {

border-width: 1px;
}
    .border-2 {

border-width: 2px;
}
    .border-4 {

border-width: 4px;
}
    .border-\[0\.0625rem\] {

border-width: 0.0625rem;
}
    .border-\[0\.125rem\] {

border-width: 0.125rem;
}
    .border-\[length\:var\(--ath-sys-size-outline\)\] {

border-width: var(--ath-sys-size-outline);
}
    .border-\[length\:var\(--border-size\)\] {

border-width: var(--border-size);
}
    .border-b {

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

border-bottom-width: 4px;
}
    .border-e-\[0\.0625rem\] {

border-inline-end-width: 0.0625rem;
}
    .border-r {

border-right-width: 1px;
}
    .border-t {

border-top-width: 1px;
}
    .border-solid {

border-style: solid;
}
    .border-dashed {

border-style: dashed;
}
    .border-none {

border-style: none;
}
    .border-\[--ath-ref-color-neutral400\] {

border-color: var(--ath-ref-color-neutral400);
}
    .border-\[--ath-sys-color-border-default\] {

border-color: var(--ath-sys-color-border-default);
}
    .border-\[color\:var\(--ath-comp-radio-color-border\)\] {

border-color: var(--ath-comp-radio-color-border);
}
    .border-\[color\:var\(--ath-ref-color-neutral075\)\] {

border-color: var(--ath-ref-color-neutral075);
}
    .border-\[color\:var\(--ath-sys-color-error\)\] {

border-color: var(--ath-sys-color-error);
}
    .border-\[color\:var\(--ath-sys-color-input-border\)\] {

border-color: var(--ath-sys-color-input-border);
}
    .border-\[color\:var\(--ath-sys-color-input-error-border\)\] {

border-color: var(--ath-sys-color-input-error-border);
}
    .border-\[color\:var\(--ath-sys-input-color-border\)\] {

border-color: var(--ath-sys-input-color-border);
}
    .border-\[var\(--neutral-075\2c \#eaedf6\)\] {

border-color: var(--neutral-075,#eaedf6);
}
    .border-\[var\(--primary-default\2c \#134fec\)\] {

border-color: var(--primary-default,#134fec);
}
    .border-neutral-100 {

--tw-border-opacity: 1;

border-color: rgb(199 205 219 / var(--tw-border-opacity, 1));
}
    .border-neutral-200 {

--tw-border-opacity: 1;

border-color: rgb(175 183 203 / var(--tw-border-opacity, 1));
}
    .border-neutral-50 {

--tw-border-opacity: 1;

border-color: rgb(241 243 249 / var(--tw-border-opacity, 1));
}
    .border-neutral-75 {

--tw-border-opacity: 1;

border-color: rgb(234 237 246 / var(--tw-border-opacity, 1));
}
    .border-primary {

--tw-border-opacity: 1;

border-color: rgb(19 79 236 / var(--tw-border-opacity, 1));
}
    .border-transparent {

border-color: transparent;
}
    .border-t-primary-600 {

--tw-border-opacity: 1;

border-top-color: rgb(16 68 198 / var(--tw-border-opacity, 1));
}
    .bg-\[\#00823f\] {

--tw-bg-opacity: 1;

background-color: rgb(0 130 63 / var(--tw-bg-opacity, 1));
}
    .bg-\[\#86bc2b\] {

--tw-bg-opacity: 1;

background-color: rgb(134 188 43 / var(--tw-bg-opacity, 1));
}
    .bg-\[\#e73c09\] {

--tw-bg-opacity: 1;

background-color: rgb(231 60 9 / var(--tw-bg-opacity, 1));
}
    .bg-\[\#ee8200\] {

--tw-bg-opacity: 1;

background-color: rgb(238 130 0 / var(--tw-bg-opacity, 1));
}
    .bg-\[\#fecc01\] {

--tw-bg-opacity: 1;

background-color: rgb(254 204 1 / var(--tw-bg-opacity, 1));
}
    .bg-\[--ath-comp-progressbar-color-primary\] {

background-color: var(--ath-comp-progressbar-color-primary);
}
    .bg-\[--ath-ref-color-neutral100\] {

background-color: var(--ath-ref-color-neutral100);
}
    .bg-\[--ath-ref-color-primary100\] {

background-color: var(--ath-ref-color-primary100);
}
    .bg-\[--ath-sys-color-error\] {

background-color: var(--ath-sys-color-error);
}
    .bg-\[--ath-sys-color-errorcontainer\] {

background-color: var(--ath-sys-color-errorcontainer);
}
    .bg-\[--ath-sys-color-input-disabled-background\] {

background-color: var(--ath-sys-color-input-disabled-background);
}
    .bg-\[--ath-sys-color-neutral\] {

background-color: var(--ath-sys-color-neutral);
}
    .bg-\[--ath-sys-color-primary\] {

background-color: var(--ath-sys-color-primary);
}
    .bg-\[--ath-sys-color-primarycontainer\] {

background-color: var(--ath-sys-color-primarycontainer);
}
    .bg-\[--ath-sys-color-success\] {

background-color: var(--ath-sys-color-success);
}
    .bg-\[--ath-sys-color-successcontainer\] {

background-color: var(--ath-sys-color-successcontainer);
}
    .bg-\[--ath-sys-color-surface\] {

background-color: var(--ath-sys-color-surface);
}
    .bg-\[--ath-sys-color-warning\] {

background-color: var(--ath-sys-color-warning);
}
    .bg-\[--ath-sys-color-warningcontainer\] {

background-color: var(--ath-sys-color-warningcontainer);
}
    .bg-\[color-mix\(in_srgb\2c _var\(--ath-sys-color-neutral\)_16\%\2c _transparent\)\] {

background-color: color-mix(in srgb, var(--ath-sys-color-neutral) 16%, transparent);
}
    .bg-\[color\:var\(--ath-comp-badge-color-background\)\] {

background-color: var(--ath-comp-badge-color-background);
}
    .bg-\[var\(--neutral-050\2c \#f1f3f9\)\] {

background-color: var(--neutral-050,#f1f3f9);
}
    .bg-error {

--tw-bg-opacity: 1;

background-color: rgb(236 19 64 / var(--tw-bg-opacity, 1));
}
    .bg-error-dark {

--tw-bg-opacity: 1;

background-color: rgb(160 13 44 / var(--tw-bg-opacity, 1));
}
    .bg-neutral {

--tw-bg-opacity: 1;

background-color: rgb(101 116 154 / var(--tw-bg-opacity, 1));
}
    .bg-neutral-100 {

--tw-bg-opacity: 1;

background-color: rgb(199 205 219 / var(--tw-bg-opacity, 1));
}
    .bg-neutral-25 {

--tw-bg-opacity: 1;

background-color: rgb(248 249 252 / var(--tw-bg-opacity, 1));
}
    .bg-neutral-50 {

--tw-bg-opacity: 1;

background-color: rgb(241 243 249 / var(--tw-bg-opacity, 1));
}
    .bg-neutral-75 {

--tw-bg-opacity: 1;

background-color: rgb(234 237 246 / var(--tw-bg-opacity, 1));
}
    .bg-neutral-900 {

--tw-bg-opacity: 1;

background-color: rgb(36 42 56 / var(--tw-bg-opacity, 1));
}
    .bg-success {

--tw-bg-opacity: 1;

background-color: rgb(17 137 58 / var(--tw-bg-opacity, 1));
}
    .bg-success-dark {

--tw-bg-opacity: 1;

background-color: rgb(9 90 36 / var(--tw-bg-opacity, 1));
}
    .bg-transparent {

background-color: transparent;
}
    .bg-warning {

--tw-bg-opacity: 1;

background-color: rgb(236 146 19 / var(--tw-bg-opacity, 1));
}
    .bg-warning-dark {

--tw-bg-opacity: 1;

background-color: rgb(160 99 13 / var(--tw-bg-opacity, 1));
}
    .bg-white {

--tw-bg-opacity: 1;

background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
    .fill-\[\#0a5554\] {

fill: #0a5554;
}
    .fill-\[\#279974\] {

fill: #279974;
}
    .fill-\[\#36b37e\] {

fill: #36b37e;
}
    .fill-\[\#b76e00\] {

fill: #b76e00;
}
    .fill-\[\#ed254e\] {

fill: #ed254e;
}
    .fill-\[\#ffab00\] {

fill: #ffab00;
}
    .fill-\[--ath-ref-color-error\] {

fill: var(--ath-ref-color-error);
}
    .fill-\[--ath-ref-color-primary100\] {

fill: var(--ath-ref-color-primary100);
}
    .fill-\[--ath-ref-color-primary\] {

fill: var(--ath-ref-color-primary);
}
    .fill-\[--ath-ref-color-white\] {

fill: var(--ath-ref-color-white);
}
    .fill-neutral {

fill: #65749a;
}
    .fill-neutral-100 {

fill: #c7cddb;
}
    .fill-neutral-200 {

fill: #afb7cb;
}
    .fill-neutral-50 {

fill: #f1f3f9;
}
    .fill-none {

fill: none;
}
    .fill-primary {

fill: #134fec;
}
    .fill-primary-200 {

fill: #84a5f5;
}
    .fill-primary-800 {

fill: #0a2b7b;
}
    .fill-primary-dark {

fill: #0d37a0;
}
    .fill-white {

fill: #fff;
}
    .stroke-\[\#7a4100\] {

stroke: #7a4100;
}
    .stroke-\[--ath-ref-color-error\] {

stroke: var(--ath-ref-color-error);
}
    .stroke-\[--ath-ref-color-primary\] {

stroke: var(--ath-ref-color-primary);
}
    .stroke-neutral {

stroke: #65749a;
}
    .stroke-primary {

stroke: #134fec;
}
    .stroke-white {

stroke: #fff;
}
    .object-contain {

-o-object-fit: contain;

   object-fit: contain;
}
    .object-cover {

-o-object-fit: cover;

   object-fit: cover;
}
    .p-0 {

padding: 0px;
}
    .p-2 {

padding: 0.5rem;
}
    .p-3 {

padding: 0.75rem;
}
    .p-8 {

padding: 2rem;
}
    .p-\[--ath-sys-spacing-005\] {

padding: var(--ath-sys-spacing-005);
}
    .p-\[--ath-sys-spacing-015\] {

padding: var(--ath-sys-spacing-015);
}
    .p-l {

padding: var(--ath-sys-spacing-020);
}
    .p-m {

padding: var(--ath-sys-spacing-015);
}
    .p-s {

padding: var(--ath-sys-spacing-010);
}
    .p-xs {

padding: var(--ath-sys-spacing-005);
}
    .px-1 {

padding-left: 0.25rem;

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

padding-left: 0.5rem;

padding-right: 0.5rem;
}
    .px-\[--ath-comp-banner-padding-inline\] {

padding-left: var(--ath-comp-banner-padding-inline);

padding-right: var(--ath-comp-banner-padding-inline);
}
    .px-\[--ath-sys-spacing-005\] {

padding-left: var(--ath-sys-spacing-005);

padding-right: var(--ath-sys-spacing-005);
}
    .px-\[--ath-sys-spacing-010\] {

padding-left: var(--ath-sys-spacing-010);

padding-right: var(--ath-sys-spacing-010);
}
    .px-\[--ath-sys-spacing-020\] {

padding-left: var(--ath-sys-spacing-020);

padding-right: var(--ath-sys-spacing-020);
}
    .px-l {

padding-left: var(--ath-sys-spacing-020);

padding-right: var(--ath-sys-spacing-020);
}
    .px-s {

padding-left: var(--ath-sys-spacing-010);

padding-right: var(--ath-sys-spacing-010);
}
    .px-xs {

padding-left: var(--ath-sys-spacing-005);

padding-right: var(--ath-sys-spacing-005);
}
    .py-\[--ath-comp-banner-padding-block\] {

padding-top: var(--ath-comp-banner-padding-block);

padding-bottom: var(--ath-comp-banner-padding-block);
}
    .py-\[--ath-sys-spacing-002\] {

padding-top: var(--ath-sys-spacing-002);

padding-bottom: var(--ath-sys-spacing-002);
}
    .py-\[--ath-sys-spacing-005\] {

padding-top: var(--ath-sys-spacing-005);

padding-bottom: var(--ath-sys-spacing-005);
}
    .py-\[--ath-sys-spacing-015\] {

padding-top: var(--ath-sys-spacing-015);

padding-bottom: var(--ath-sys-spacing-015);
}
    .py-m {

padding-top: var(--ath-sys-spacing-015);

padding-bottom: var(--ath-sys-spacing-015);
}
    .py-s {

padding-top: var(--ath-sys-spacing-010);

padding-bottom: var(--ath-sys-spacing-010);
}
    .pb-\[--ath-sys-spacing-020\] {

padding-bottom: var(--ath-sys-spacing-020);
}
    .pb-l {

padding-bottom: var(--ath-sys-spacing-020);
}
    .pb-m {

padding-bottom: var(--ath-sys-spacing-015);
}
    .pb-s {

padding-bottom: var(--ath-sys-spacing-010);
}
    .pe-\[--ath-sys-spacing-015\] {

padding-inline-end: var(--ath-sys-spacing-015);
}
    .pl-m {

padding-left: var(--ath-sys-spacing-015);
}
    .pl-s {

padding-left: var(--ath-sys-spacing-010);
}
    .pt-0 {

padding-top: 0px;
}
    .pt-\[--ath-sys-spacing-010\] {

padding-top: var(--ath-sys-spacing-010);
}
    .text-left {

text-align: left;
}
    .text-center {

text-align: center;
}
    .text-right {

text-align: right;
}
    .align-middle {

vertical-align: middle;
}
    .font-aicons {

font-family: "Aphilia-Icons", sans-serif;
}
    .font-gicons {

font-family: "Material Symbols Outlined", sans-serif;

font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}
    .font-giconsoutlined {

font-family: "Material Symbols Outlined", sans-serif;

font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}
    .text-2xl {

font-size: 1.5rem;

line-height: 2rem;
}
    .text-3xl {

font-size: 1.875rem;

line-height: 2.25rem;
}
    .text-4xl {

font-size: 2.25rem;

line-height: 2.5rem;
}
    .text-base {

font-size: 1rem;

line-height: 1.5rem;
}
    .text-sm {

font-size: 0.875rem;

line-height: 1.25rem;
}
    .text-xl {

font-size: 1.25rem;

line-height: 1.75rem;
}
    .text-xs {

font-size: 0.75rem;

line-height: 1rem;
}
    .font-bold {

font-weight: 700;
}
    .font-medium {

font-weight: 500;
}
    .font-normal {

font-weight: 400;
}
    .font-semibold {

font-weight: 600;
}
    .uppercase {

text-transform: uppercase;
}
    .capitalize {

text-transform: capitalize;
}
    .normal-case {

text-transform: none;
}
    .not-italic {

font-style: normal;
}
    .leading-4 {

line-height: 1rem;
}
    .leading-5 {

line-height: 1.25rem;
}
    .leading-6 {

line-height: 1.5rem;
}
    .leading-none {

line-height: 1;
}
    .tracking-normal {

letter-spacing: 0em;
}
    .text-\[--ath-ref-color-neutral200\] {

color: var(--ath-ref-color-neutral200);
}
    .text-\[--ath-ref-color-neutral600\] {

color: var(--ath-ref-color-neutral600);
}
    .text-\[--ath-ref-color-primary\] {

color: var(--ath-ref-color-primary);
}
    .text-\[--ath-sys-color-error\] {

color: var(--ath-sys-color-error);
}
    .text-\[--ath-sys-color-neutral\] {

color: var(--ath-sys-color-neutral);
}
    .text-\[--ath-sys-color-paragraph\] {

color: var(--ath-sys-color-paragraph);
}
    .text-\[--ath-sys-color-primary\] {

color: var(--ath-sys-color-primary);
}
    .text-\[--ath-sys-color-success\] {

color: var(--ath-sys-color-success);
}
    .text-\[--ath-sys-color-title\] {

color: var(--ath-sys-color-title);
}
    .text-\[--ath-sys-color-warning\] {

color: var(--ath-sys-color-warning);
}
    .text-\[--ath-sys-input-color-label\] {

color: var(--ath-sys-input-color-label);
}
    .text-\[color\:var\(--ath-comp-badge-color\)\] {

color: var(--ath-comp-badge-color);
}
    .text-\[color\:var\(--ath-comp-banner-close-icon-color\)\] {

color: var(--ath-comp-banner-close-icon-color);
}
    .text-\[color\:var\(--ath-ref-color-black\)\] {

color: var(--ath-ref-color-black);
}
    .text-\[color\:var\(--ath-sys-color-error\)\] {

color: var(--ath-sys-color-error);
}
    .text-\[color\:var\(--ath-sys-color-input-disabled-label\)\] {

color: var(--ath-sys-color-input-disabled-label);
}
    .text-\[color\:var\(--ath-sys-color-input-label-disabled\)\] {

color: var(--ath-sys-color-input-label-disabled);
}
    .text-\[color\:var\(--ath-sys-color-input-value\)\] {

color: var(--ath-sys-color-input-value);
}
    .text-\[color\:var\(--ath-sys-color-link\)\] {

color: var(--ath-sys-color-link);
}
    .text-\[color\:var\(--ath-sys-color-link-active\)\] {

color: var(--ath-sys-color-link-active);
}
    .text-\[color\:var\(--ath-sys-color-neutral\)\] {

color: var(--ath-sys-color-neutral);
}
    .text-\[color\:var\(--ath-sys-color-onerror\)\] {

color: var(--ath-sys-color-onerror);
}
    .text-\[color\:var\(--ath-sys-color-onerrorcontainer\)\] {

color: var(--ath-sys-color-onerrorcontainer);
}
    .text-\[color\:var\(--ath-sys-color-onprimary\)\] {

color: var(--ath-sys-color-onprimary);
}
    .text-\[color\:var\(--ath-sys-color-onprimarycontainer\)\] {

color: var(--ath-sys-color-onprimarycontainer);
}
    .text-\[color\:var\(--ath-sys-color-onsuccess\)\] {

color: var(--ath-sys-color-onsuccess);
}
    .text-\[color\:var\(--ath-sys-color-onsuccesscontainer\)\] {

color: var(--ath-sys-color-onsuccesscontainer);
}
    .text-\[color\:var\(--ath-sys-color-onsurfacevariant\)\] {

color: var(--ath-sys-color-onsurfacevariant);
}
    .text-\[color\:var\(--ath-sys-color-onwarning\)\] {

color: var(--ath-sys-color-onwarning);
}
    .text-\[color\:var\(--ath-sys-color-onwarningcontainer\)\] {

color: var(--ath-sys-color-onwarningcontainer);
}
    .text-\[color\:var\(--ath-sys-color-primary\)\] {

color: var(--ath-sys-color-primary);
}
    .text-\[color\:var\(--ath-sys-color-success\)\] {

color: var(--ath-sys-color-success);
}
    .text-\[color\:var\(--ath-sys-color-surface\)\] {

color: var(--ath-sys-color-surface);
}
    .text-\[color\:var\(--ath-sys-color-title\)\] {

color: var(--ath-sys-color-title);
}
    .text-\[color\:var\(--ath-sys-color-warning\)\] {

color: var(--ath-sys-color-warning);
}
    .text-\[var\(--black\2c \#0f1117\)\] {

color: var(--black,#0f1117);
}
    .text-\[var\(--neutral-default-500\2c \#65749a\)\] {

color: var(--neutral-default-500,#65749a);
}
    .text-black {

--tw-text-opacity: 1;

color: rgb(15 17 23 / var(--tw-text-opacity, 1));
}
    .text-error {

--tw-text-opacity: 1;

color: rgb(236 19 64 / var(--tw-text-opacity, 1));
}
    .text-inherit {

color: inherit;
}
    .text-neutral {

--tw-text-opacity: 1;

color: rgb(101 116 154 / var(--tw-text-opacity, 1));
}
    .text-neutral-200 {

--tw-text-opacity: 1;

color: rgb(175 183 203 / var(--tw-text-opacity, 1));
}
    .text-neutral-600 {

--tw-text-opacity: 1;

color: rgb(85 97 130 / var(--tw-text-opacity, 1));
}
    .text-neutral-75 {

--tw-text-opacity: 1;

color: rgb(234 237 246 / var(--tw-text-opacity, 1));
}
    .text-neutral-900 {

--tw-text-opacity: 1;

color: rgb(36 42 56 / var(--tw-text-opacity, 1));
}
    .text-primary {

--tw-text-opacity: 1;

color: rgb(19 79 236 / var(--tw-text-opacity, 1));
}
    .text-primary-200 {

--tw-text-opacity: 1;

color: rgb(132 165 245 / var(--tw-text-opacity, 1));
}
    .text-success {

--tw-text-opacity: 1;

color: rgb(17 137 58 / var(--tw-text-opacity, 1));
}
    .text-warning {

--tw-text-opacity: 1;

color: rgb(236 146 19 / var(--tw-text-opacity, 1));
}
    .text-white {

--tw-text-opacity: 1;

color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
    .underline {

text-decoration-line: underline;
}
    .decoration-\[--ath-ref-color-primary\] {

text-decoration-color: var(--ath-ref-color-primary);
}
    .decoration-primary {

text-decoration-color: #134fec;
}
    .decoration-solid {

text-decoration-style: solid;
}
    .decoration-1 {

text-decoration-thickness: 1px;
}
    .underline-offset-\[0\.2em\] {

text-underline-offset: 0.2em;
}
    .opacity-0 {

opacity: 0;
}
    .opacity-50 {

opacity: 0.5;
}
    .opacity-60 {

opacity: 0.6;
}
    .opacity-\[0\.08\] {

opacity: 0.08;
}
    .shadow {

--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);

box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
    .shadow-\[0px_8px_24px_0px_rgba\(52\2c 60\2c 80\2c 0\.12\)\2c 0px_8px_16px_0px_rgba\(52\2c 60\2c 80\2c 0\.08\)\] {

--tw-shadow: 0px 8px 24px 0px rgba(52,60,80,0.12),0px 8px 16px 0px rgba(52,60,80,0.08);

--tw-shadow-colored: 0px 8px 24px 0px var(--tw-shadow-color), 0px 8px 16px 0px var(--tw-shadow-color);

box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
    .shadow-\[inset_4px_0px_0px_0px_var\(--pck-border-primary-default-activated\2c \#134fec\)\] {

--tw-shadow: inset 4px 0px 0px 0px var(--pck-border-primary-default-activated,#134fec);

--tw-shadow-colored: inset 4px 0px 0px 0px var(--tw-shadow-color);

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 rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);

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

outline-style: solid;
}
    .outline-1 {

outline-width: 1px;
}
    .outline-offset-0 {

outline-offset: 0px;
}
    .outline-offset-\[0\.05rem\] {

outline-offset: 0.05rem;
}
    .outline-error {

outline-color: #ec1340;
}
    .outline-neutral-100 {

outline-color: #c7cddb;
}
    .outline-primary {

outline-color: #134fec;
}
    .outline-success {

outline-color: #11893a;
}
    .outline-transparent {

outline-color: transparent;
}
    .outline-warning {

outline-color: #ec9213;
}
    .blur {

--tw-blur: blur(8px);

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

--tw-invert: invert(100%);

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

filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
    .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);
}
    .transition {

transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;

transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

transition-duration: 150ms;
}
    .transition-colors {

transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

transition-duration: 150ms;
}
    .transition-opacity {

transition-property: opacity;

transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

transition-duration: 150ms;
}
    .duration-100 {

transition-duration: 100ms;
}
    .duration-\[600ms\] {

transition-duration: 600ms;
}
    .ease-in-out {

transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
    .ease-out {

transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
    .\[--ath-comp-badge-color-background\:var\(--ath-sys-color-error\)\] {

--ath-comp-badge-color-background: var(--ath-sys-color-error);
}
    .\[--ath-comp-badge-color-background\:var\(--ath-sys-color-neutral\)\] {

--ath-comp-badge-color-background: var(--ath-sys-color-neutral);
}
    .\[--ath-comp-badge-color-background\:var\(--ath-sys-color-primary\)\] {

--ath-comp-badge-color-background: var(--ath-sys-color-primary);
}
    .\[--ath-comp-badge-color-background\:var\(--ath-sys-color-success\)\] {

--ath-comp-badge-color-background: var(--ath-sys-color-success);
}
    .\[--ath-comp-badge-color-background\:var\(--ath-sys-color-warning\)\] {

--ath-comp-badge-color-background: var(--ath-sys-color-warning);
}
    .\[--ath-comp-badge-color\:var\(--ath-sys-color-onerror\)\] {

--ath-comp-badge-color: var(--ath-sys-color-onerror);
}
    .\[--ath-comp-badge-color\:var\(--ath-sys-color-onneutral\)\] {

--ath-comp-badge-color: var(--ath-sys-color-onneutral);
}
    .\[--ath-comp-badge-color\:var\(--ath-sys-color-onprimary\)\] {

--ath-comp-badge-color: var(--ath-sys-color-onprimary);
}
    .\[--ath-comp-badge-color\:var\(--ath-sys-color-onsuccess\)\] {

--ath-comp-badge-color: var(--ath-sys-color-onsuccess);
}
    .\[--ath-comp-badge-color\:var\(--ath-sys-color-onwarning\)\] {

--ath-comp-badge-color: var(--ath-sys-color-onwarning);
}
    .\[--ath-comp-badge-size\:var\(--ath-sys-spacing-010\)\] {

--ath-comp-badge-size: var(--ath-sys-spacing-010);
}
    .\[--ath-comp-badge-size\:var\(--ath-sys-spacing-020\)\] {

--ath-comp-badge-size: var(--ath-sys-spacing-020);
}
    .\[--ath-comp-banner-close-icon-color\:var\(--ath-sys-color-neutral\)\] {

--ath-comp-banner-close-icon-color: var(--ath-sys-color-neutral);
}
    .\[--ath-comp-banner-padding-block\:var\(--ath-sys-spacing-010\)\] {

--ath-comp-banner-padding-block: var(--ath-sys-spacing-010);
}
    .\[--ath-comp-banner-padding-inline\:var\(--ath-sys-spacing-020\)\] {

--ath-comp-banner-padding-inline: var(--ath-sys-spacing-020);
}
    .\[--ath-comp-button-radius\:var\(--ath-sys-button-radius\)\] {

--ath-comp-button-radius: var(--ath-sys-button-radius);
}
    .\[--ath-comp-radio-color-border\:var\(--ath-sys-color-input-border\)\] {

--ath-comp-radio-color-border: var(--ath-sys-color-input-border);
}
    .\[--ath-comp-radio-color-checked-border\:var\(--ath-sys-color-input-checked-border\)\] {

--ath-comp-radio-color-checked-border: var(--ath-sys-color-input-checked-border);
}
    .\[--ath-comp-radio-color-checkmark-background\:var\(--ath-sys-color-input-checked-border\)\] {

--ath-comp-radio-color-checkmark-background: var(--ath-sys-color-input-checked-border);
}
    .\[--ath-comp-radio-color-error-checkmark-background\:var\(--ath-sys-color-input-error-border\)\] {

--ath-comp-radio-color-error-checkmark-background: var(--ath-sys-color-input-error-border);
}
    .\[--ath-comp-radio-color-hover-checked-border\:var\(--ath-ref-color-primarydark\)\] {

--ath-comp-radio-color-hover-checked-border: var(--ath-ref-color-primarydark);
}
    .\[--ath-comp-radio-size\:1rem\] {

--ath-comp-radio-size: 1rem;
}
    .\[--ath-tab-height\:2\.5rem\] {

--ath-tab-height: 2.5rem;
}
    .\[--border-size\:0\.0625rem\] {

--border-size: 0.0625rem;
}
}/* Athena lib default touch styles */

@layer athena-tw {
    :root {
        /* UI */
        --ath-sys-scrollbar-color: var(--ath-ref-color-neutral100);

        /* Links */
        --ath-sys-color-link: var(--ath-ref-color-neutral200);
        --ath-sys-color-link-active: var(--ath-ref-color-neutral);
        --ath-sys-color-link-hover: var(--ath-ref-color-primary);

        /* Outlines */
        --ath-sys-color-outline: var(--ath-ref-color-primary);
        --ath-sys-size-outline: var(--ath-ref-size-onepixel);

        --ath-sys-input-color-border: var(--ath-ref-color-neutral100);
        --ath-sys-input-color-label: var(--ath-ref-color-neutral);
        --label-size: var(--ath-ref-fontsize-h6);

        --ath-sys-borderradius-base: var(--ath-ref-borderradius-base);
        --ath-sys-borderradius-inlinestart: var(--ath-ref-borderradius-base) 0 0 var(--ath-ref-borderradius-base);
        --ath-sys-borderradius-inlineend: 0 var(--ath-ref-borderradius-base) var(--ath-ref-borderradius-base) 0;

        --ath-sys-button-radius: var(--ath-sys-borderradius-base);
        --ath-sys-card-radius: var(--ath-sys-borderradius-base);

        --ath-sys-color-input-border: var(--ath-ref-color-neutral100);
        --ath-sys-color-input-hover-border: var(--ath-ref-color-neutral400);
        --ath-sys-color-input-label: var(--ath-ref-color-neutral);
        --ath-sys-color-input-text: var(--ath-ref-color-black);
        --ath-sys-color-input-background: var(--ath-ref-color-neutral050);
        --ath-sys-color-input-disabled-background: var(--ath-ref-color-neutral025);
        --ath-sys-color-input-disabled-label: var(--ath-ref-color-neutral200);
        --ath-sys-color-input-placeholder: var(--ath-ref-color-neutral200);
        --ath-sys-color-input-error-border: var(--ath-ref-color-error);
        --ath-sys-color-input-checked-border: var(--ath-ref-color-primary);
        --ath-sys-color-input-background-disabled: var(--ath-ref-color-neutral025);

        /* Text */
        --ath-sys-color-title: var(--ath-ref-color-black);

        --ath-sys-color-error: var(--ath-ref-color-error);
        --ath-sys-color-onerror: var(--ath-ref-color-white);
        --ath-sys-color-errorcontainer: var(--ath-ref-color-error050);
        --ath-sys-color-onerrorcontainer: var(--ath-ref-color-black);

        --ath-sys-color-primary: var(--ath-ref-color-primary);
        --ath-sys-color-onprimary: var(--ath-ref-color-white);
        --ath-sys-color-primarycontainer: var(--ath-ref-color-primary050);
        --ath-sys-color-onprimarycontainer: var(--ath-ref-color-black);

        --ath-sys-color-success: var(--ath-ref-color-success);
        --ath-sys-color-onsuccess: var(--ath-ref-color-white);
        --ath-sys-color-successcontainer: var(--ath-ref-color-success050);
        --ath-sys-color-onsuccesscontainer: var(--ath-ref-color-black);

        --ath-sys-color-warning: var(--ath-ref-color-warning);
        --ath-sys-color-onwarning: var(--ath-ref-color-white);
        --ath-sys-color-warningcontainer: var(--ath-ref-color-warning050);
        --ath-sys-color-onwarningcontainer: var(--ath-ref-color-black);

        --ath-sys-color-neutral: var(--ath-ref-color-neutral);
        --ath-sys-color-onneutral: var(--ath-ref-color-white);

        --ath-sys-color-surface: var(--ath-ref-color-white);
        --ath-sys-color-onsurface: var(--ath-ref-color-neutral);
        --ath-sys-color-onsurfacevariant: var(--ath-ref-color-black);

        --ath-sys-color-inversesurface: var(--ath-ref-color-black);
        --ath-sys-color-inverseonsurface: var(--ath-ref-color-white);

        --ath-sys-color-shadow: var(--ath-ref-color-shadow);
        --ath-sys-color-shadow-base: color-mix(in srgb, var(--ath-ref-color-black) 10%, transparent);

        /* Spacings — cf. src/styles/sys.css, généré depuis Figma « Guidelines V2 » */
        --ath-sys-spacing-000: 0;
        --ath-sys-spacing-002: 0.125rem; /* 2px */
        --ath-sys-spacing-005: 0.25rem; /* 4px */
        --ath-sys-spacing-010: 0.5rem; /* 8px */
        --ath-sys-spacing-015: 0.75rem; /* 12px */
        --ath-sys-spacing-020: 1rem; /* 16px */
        --ath-sys-spacing-025: 1.25rem; /* 20px */
        --ath-sys-spacing-030: 1.5rem; /* 24px */
        --ath-sys-spacing-035: 1.75rem; /* 28px */
        --ath-sys-spacing-040: 2rem; /* 32px */

        --ath-sys-font-body: var(--ath-ref-font-body);

        /* Paragraph */
        --ath-sys-color-paragraph: var(--ath-ref-color-neutral600);
        --ath-sys-fontweight-paragraph: var(--ath-ref-fontweight-normal);
        --ath-sys-letterspacing-paragraph: 0.25px;

        @media (prefers-color-scheme: dark) {
            /* TODO lib default dark theme styles */
        }

        @media (pointer: fine) {
            /* TODO lib default pointer styles */
        }
    }

    .ath-title-h1,
    h1 {
        font-family: var(--ath-ref-font-title);
        font-size: var(--ath-ref-fontsize-h1);
        font-weight: var(--ath-ref-fontweight-medium);
        line-height: 1;
    }

    .ath-title-h2,
    h2 {
        font-family: var(--ath-ref-font-title);
        font-size: var(--ath-ref-fontsize-h2);
        font-weight: var(--ath-ref-fontweight-medium);
        line-height: 1.25;
    }

    .ath-title-h3,
    h3 {
        font-family: var(--ath-ref-font-title);
        font-size: var(--ath-ref-fontsize-h3);
        font-weight: var(--ath-ref-fontweight-medium);
        line-height: 1.33;
    }

    .ath-title-h4,
    h4 {
        font-family: var(--ath-ref-font-title);
        font-size: var(--ath-ref-fontsize-h4);
        font-weight: var(--ath-ref-fontweight-medium);
        line-height: 1.5;
    }

    .ath-title-h5,
    h5 {
        font-family: var(--ath-ref-font-title);
        font-size: var(--ath-ref-fontsize-h5);
        font-weight: var(--ath-ref-fontweight-medium);
        line-height: 1.7;
    }

    .ath-title-h6,
    h6 {
        font-family: var(--ath-ref-font-title);
        font-size: var(--ath-ref-fontsize-h6);
        font-weight: var(--ath-ref-fontweight-medium);
        line-height: 1.33;
    }

    .ath-text-p,
    p {
        font-family: var(--ath-ref-font-body);
        font-size: var(--ath-ref-fontsize-p);
        line-height: 1.43;
        font-weight: var(--ath-sys-fontweight-paragraph);
        letter-spacing: var(--ath-sys-letterspacing-paragraph);
    }

    .ath-text-small,
    small {
        font-family: var(--ath-ref-font-body);
        font-size: var(--ath-ref-fontsize-small);
        line-height: 1.33;
    }

    .ath-text-body {
        font-family: var(--ath-ref-font-body);
        font-size: var(--ath-ref-fontsize-body);
        line-height: 1.33;
    }

    .ath-input-label {
        color: var(--ath-sys-input-color-label);
    }

    :focus-visible {
        outline: var(--ath-sys-color-outline) solid var(--ath-sys-size-outline);
        outline-offset: var(--ath-sys-size-outline);
        border-radius: var(--ath-sys-borderradius-base);
    }

    .ath-visually-hidden:not(:focus):not(:active) {
        border: 0;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

    .ath-thin-scroll {
        /* Scrollbars standard, Firefox : https://w3c.github.io/csswg-drafts/css-scrollbars/ */
        scrollbar-width: thin;
        scrollbar-color: var(--ath-sys-scrollbar-color) transparent;

        /* Non standard scrollbars */
        &::-webkit-scrollbar {
            width: 0.2rem;
        }

        &::-webkit-scrollbar-thumb {
            background-color: var(--ath-sys-scrollbar-color);
        }
    }

    .ath-inner-box-shadow {
        box-shadow: inset 0 0 0 1px var(--ath-ref-color-neutral200);
    }

    .ath-elevation-2dp {
        box-shadow: 0px 2px 4px 0px color-mix(in srgb, var(--ath-sys-color-shadow) 6%, transparent),
            0px 2px 6px 0px color-mix(in srgb, var(--ath-sys-color-shadow) 10%, transparent);
    }

    .ath-elevation-4dp {
        box-shadow: 0px 2px 4px 0px color-mix(in srgb, var(--ath-sys-color-shadow) 6%, transparent),
            0px 2px 6px 0px color-mix(in srgb, var(--ath-sys-color-shadow) 10%, transparent);
    }

    .ath-elevation-6dp {
        box-shadow: 0px 3px 6px 0px color-mix(in srgb, var(--ath-sys-color-shadow) 6%, transparent),
            0px 3px 9px 0px color-mix(in srgb, var(--ath-sys-color-shadow) 10%, transparent);
    }

    .ath-elevation-8dp {
        box-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--ath-sys-color-shadow) 8%, transparent),
            0px 4px 12px 0px color-mix(in srgb, var(--ath-sys-color-shadow) 12%, transparent);
    }

    .ath-elevation-16dp {
        box-shadow: 0px 8px 16px 0px color-mix(in srgb, var(--ath-sys-color-shadow) 8%, transparent),
            0px 8px 24px 0px color-mix(in srgb, var(--ath-sys-color-shadow) 12%, transparent);
    }

    .ath-elevation-24dp {
        box-shadow: 0px 16px 32px 0px color-mix(in srgb, var(--ath-sys-color-shadow) 8%, transparent),
            0px 16px 48px 0px color-mix(in srgb, var(--ath-sys-color-shadow) 12%, transparent);
    }
}

.placeholder\:text-\[--ath-sys-color-input-placeholder\]::-moz-placeholder {

color: var(--ath-sys-color-input-placeholder);
}

.placeholder\:text-\[--ath-sys-color-input-placeholder\]::placeholder {

color: var(--ath-sys-color-input-placeholder);
}

.before\:absolute::before {

content: var(--tw-content);

position: absolute;
}

.before\:left-1\/2::before {

content: var(--tw-content);

left: 50%;
}

.before\:top-1\/2::before {

content: var(--tw-content);

top: 50%;
}

.before\:top-\[50\%\]::before {

content: var(--tw-content);

top: 50%;
}

.before\:-z-10::before {

content: var(--tw-content);

z-index: -10;
}

.before\:inline-block::before {

content: var(--tw-content);

display: inline-block;
}

.before\:aspect-square::before {

content: var(--tw-content);

aspect-ratio: 1 / 1;
}

.before\:h-\[var\(--ath-button-base-height\2c 2rem\)\]::before {

content: var(--tw-content);

height: var(--ath-button-base-height,2rem);
}

.before\:w-\[--medium-button-size\]::before {

content: var(--tw-content);

width: var(--medium-button-size);
}

.before\:w-\[--small-button-size\]::before {

content: var(--tw-content);

width: var(--small-button-size);
}

.before\:w-\[var\(--ath-button-base-height\2c 2rem\)\]::before {

content: var(--tw-content);

width: var(--ath-button-base-height,2rem);
}

.before\:-translate-x-1\/2::before {

content: var(--tw-content);

--tw-translate-x: -50%;

transform: translate(var(--tw-translate-x), 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));
}

.before\:-translate-y-1\/2::before {

content: var(--tw-content);

--tw-translate-y: -50%;

transform: translate(var(--tw-translate-x), 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));
}

.before\:translate-x-\[-2px\]::before {

content: var(--tw-content);

--tw-translate-x: -2px;

transform: translate(var(--tw-translate-x), 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));
}

.before\:translate-y-\[-50\%\]::before {

content: var(--tw-content);

--tw-translate-y: -50%;

transform: translate(var(--tw-translate-x), 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));
}

.before\:rounded-full::before {

content: var(--tw-content);

border-radius: 9999px;
}

.before\:bg-\[var\(--ath-button-background-color\2c theme\(colors\.neutral\.900\)\)\]::before {

content: var(--tw-content);

background-color: var(--ath-button-background-color,#242a38);
}

.before\:bg-white::before {

content: var(--tw-content);

--tw-bg-opacity: 1;

background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.before\:shadow::before {

content: var(--tw-content);

--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);

box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.before\:duration-\[0\.2s\]::before {

content: var(--tw-content);

transition-duration: 0.2s;
}

.before\:content-\[\"\"\]::before {

--tw-content: "";

content: var(--tw-content);
}

.before\:content-\[\'\'\]::before {

--tw-content: '';

content: var(--tw-content);
}

.after\:absolute::after {

content: var(--tw-content);

position: absolute;
}

.after\:inset-x-0::after {

content: var(--tw-content);

left: 0px;

right: 0px;
}

.after\:bottom-0::after {

content: var(--tw-content);

bottom: 0px;
}

.after\:-z-10::after {

content: var(--tw-content);

z-index: -10;
}

.after\:ml-auto::after {

content: var(--tw-content);

margin-left: auto;
}

.after\:h-px::after {

content: var(--tw-content);

height: 1px;
}

.after\:bg-neutral-75::after {

content: var(--tw-content);

--tw-bg-opacity: 1;

background-color: rgb(234 237 246 / var(--tw-bg-opacity, 1));
}

.after\:text-\[1\.5rem\]::after {

content: var(--tw-content);

font-size: 1.5rem;
}

.after\:leading-none::after {

content: var(--tw-content);

line-height: 1;
}

.after\:text-\[color\:var\(--ath-sys-color-input-disabled-label\)\]::after {

content: var(--tw-content);

color: var(--ath-sys-color-input-disabled-label);
}

.after\:text-\[color\:var\(--ath-sys-color-neutral\)\]::after {

content: var(--tw-content);

color: var(--ath-sys-color-neutral);
}

.after\:transition-transform::after {

content: var(--tw-content);

transition-property: transform;

transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

transition-duration: 150ms;
}

.after\:duration-\[300ms\]::after {

content: var(--tw-content);

transition-duration: 300ms;
}

.after\:ease-in-out::after {

content: var(--tw-content);

transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.after\:content-\[\'\'\]::after {

--tw-content: '';

content: var(--tw-content);
}

.last\:border-b-0:last-child {

border-bottom-width: 0px;
}

.odd\:bg-\[--ath-ref-color-neutral075\]:nth-child(odd) {

background-color: var(--ath-ref-color-neutral075);
}

.open\:flex[open] {

display: flex;
}

.open\:flex-col[open] {

flex-direction: column;
}

.open\:rounded-\[--ath-sys-borderradius-base\][open] {

border-radius: var(--ath-sys-borderradius-base);
}

.open\:shadow-lg[open] {

--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);

box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.open\:shadow-black\/20[open] {

--tw-shadow-color: rgb(15 17 23 / 0.2);

--tw-shadow: var(--tw-shadow-colored);
}

.checked\:border-\[color\:var\(--ath-comp-radio-color-checked-border\)\]:checked {

border-color: var(--ath-comp-radio-color-checked-border);
}

.checked\:border-\[color\:var\(--ath-sys-color-input-error-border\)\]:checked {

border-color: var(--ath-sys-color-input-error-border);
}

.checked\:bg-warning-100:checked {

--tw-bg-opacity: 1;

background-color: rgb(248 216 170 / var(--tw-bg-opacity, 1));
}

.checked\:before\:absolute:checked::before {

content: var(--tw-content);

position: absolute;
}

.checked\:before\:left-\[50\%\]:checked::before {

content: var(--tw-content);

left: 50%;
}

.checked\:before\:top-\[50\%\]:checked::before {

content: var(--tw-content);

top: 50%;
}

.checked\:before\:h-\[75\%\]:checked::before {

content: var(--tw-content);

height: 75%;
}

.checked\:before\:w-\[75\%\]:checked::before {

content: var(--tw-content);

width: 75%;
}

.checked\:before\:translate-x-\[-50\%\]:checked::before {

content: var(--tw-content);

--tw-translate-x: -50%;

transform: translate(var(--tw-translate-x), 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));
}

.checked\:before\:translate-y-\[-50\%\]:checked::before {

content: var(--tw-content);

--tw-translate-y: -50%;

transform: translate(var(--tw-translate-x), 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));
}

.checked\:before\:cursor-\[inherit\]:checked::before {

content: var(--tw-content);

cursor: inherit;
}

.checked\:before\:rounded-full:checked::before {

content: var(--tw-content);

border-radius: 9999px;
}

.checked\:before\:bg-\[--ath-comp-radio-color-checkmark-background\]:checked::before {

content: var(--tw-content);

background-color: var(--ath-comp-radio-color-checkmark-background);
}

.checked\:before\:bg-\[--ath-comp-radio-color-error-checkmark-background\]:checked::before {

content: var(--tw-content);

background-color: var(--ath-comp-radio-color-error-checkmark-background);
}

.checked\:before\:bg-\[--ath-sys-color-primary\]:checked::before {

content: var(--tw-content);

background-color: var(--ath-sys-color-primary);
}

.checked\:before\:bg-warning:checked::before {

content: var(--tw-content);

--tw-bg-opacity: 1;

background-color: rgb(236 146 19 / var(--tw-bg-opacity, 1));
}

.checked\:before\:content-\[\"\"\]:checked::before {

--tw-content: "";

content: var(--tw-content);
}

.hover\:z-10:hover {

z-index: 10;
}

.hover\:border-\[color\:var\(--ath-sys-color-input-hover-border\)\]:hover {

border-color: var(--ath-sys-color-input-hover-border);
}

.hover\:border-\[var\(--neutral-100\2c \#c7cddb\)\]:hover {

border-color: var(--neutral-100,#c7cddb);
}

.hover\:border-primary:hover {

--tw-border-opacity: 1;

border-color: rgb(19 79 236 / var(--tw-border-opacity, 1));
}

.hover\:border-transparent:hover {

border-color: transparent;
}

.hover\:bg-\[--ath-ref-color-neutral025\]:hover {

background-color: var(--ath-ref-color-neutral025);
}

.hover\:bg-\[color\:var\(--ath-sys-color-input-background\)\]:hover {

background-color: var(--ath-sys-color-input-background);
}

.hover\:bg-error-light:hover {

--tw-bg-opacity: 1;

background-color: rgb(239 57 93 / var(--tw-bg-opacity, 1));
}

.hover\:bg-neutral\/\[\.08\]:hover {

background-color: rgb(101 116 154 / .08);
}

.hover\:bg-success-light:hover {

--tw-bg-opacity: 1;

background-color: rgb(54 191 102 / var(--tw-bg-opacity, 1));
}

.hover\:bg-warning-light:hover {

--tw-bg-opacity: 1;

background-color: rgb(239 163 57 / var(--tw-bg-opacity, 1));
}

.hover\:text-\[color\:var\(--ath-sys-color-link-hover\)\]:hover {

color: var(--ath-sys-color-link-hover);
}

.hover\:text-neutral-dark:hover {

--tw-text-opacity: 1;

color: rgb(68 79 105 / var(--tw-text-opacity, 1));
}

.hover\:text-primary-dark:hover {

--tw-text-opacity: 1;

color: rgb(13 55 160 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover {

text-decoration-line: underline;
}

.hover\:no-underline:hover {

text-decoration-line: none;
}

.hover\:outline-neutral-light:hover {

outline-color: #7d8aaa;
}

.checked\:before\:hover\:bg-warning-600:hover:checked::before {

content: var(--tw-content);

--tw-bg-opacity: 1;

background-color: rgb(198 122 16 / var(--tw-bg-opacity, 1));
}

.focus\:rounded-\[--ath-sys-borderradius-base\]:focus {

border-radius: var(--ath-sys-borderradius-base);
}

.focus\:rounded-full:focus {

border-radius: 9999px;
}

.focus\:outline-none:focus {

outline: 2px solid transparent;

outline-offset: 2px;
}

.focus\:outline:focus {

outline-style: solid;
}

.focus\:outline-\[0\.0625rem\]:focus {

outline-width: 0.0625rem;
}

.focus\:outline-\[length\:var\(--ath-nutriscore-outline-size\)\]:focus {

outline-width: var(--ath-nutriscore-outline-size);
}

.focus\:outline-offset-\[--ath-nutriscore-outline-size\]:focus {

outline-offset: var(--ath-nutriscore-outline-size);
}

.focus\:outline-offset-\[0\.0625rem\]:focus {

outline-offset: 0.0625rem;
}

.focus\:outline-\[color\:var\(--ath-nutriscore-outline-color\)\]:focus {

outline-color: var(--ath-nutriscore-outline-color);
}

.focus\:outline-\[color\:var\(--ath-sys-color-outline\)\]:focus {

outline-color: var(--ath-sys-color-outline);
}

.focus\:outline-transparent:focus {

outline-color: transparent;
}

.focus-visible\:outline:focus-visible {

outline-style: solid;
}

.focus-visible\:outline-2:focus-visible {

outline-width: 2px;
}

.focus-visible\:outline-offset-2:focus-visible {

outline-offset: 2px;
}

.focus-visible\:outline-primary-light:focus-visible {

outline-color: #396bef;
}

.focus-visible\:ring-2:focus-visible {

--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), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-\[--ath-sys-color-primary\]:focus-visible {

--tw-ring-color: var(--ath-sys-color-primary);
}

.focus-visible\:before\:outline:focus-visible::before {

content: var(--tw-content);

outline-style: solid;
}

.focus-visible\:before\:outline-\[1px\]:focus-visible::before {

content: var(--tw-content);

outline-width: 1px;
}

.focus-visible\:before\:outline-offset-\[0\.1rem\]:focus-visible::before {

content: var(--tw-content);

outline-offset: 0.1rem;
}

.focus-visible\:before\:outline-\[\#134fec\]:focus-visible::before {

content: var(--tw-content);

outline-color: #134fec;
}

.disabled\:cursor-auto:disabled {

cursor: auto;
}

.disabled\:resize-none:disabled {

resize: none;
}

.disabled\:text-\[--ath-sys-color-input-disabled-label\]:disabled {

color: var(--ath-sys-color-input-disabled-label);
}

.disabled\:opacity-50:disabled {

opacity: 0.5;
}

.group[open] .group-open\:max-h-max {

max-height: -moz-max-content;

max-height: max-content;
}

.group[open] .group-open\:opacity-100 {

opacity: 1;
}

.group:hover .group-hover\:visible {

visibility: visible;
}

.group:active .group-active\:text-primary {

--tw-text-opacity: 1;

color: rgb(19 79 236 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {

.sm\:grid-cols-3 {

grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

@media (min-width: 768px) {

.md\:grid-cols-4 {

grid-template-columns: repeat(4, minmax(0, 1fr));
}
}

.\[\&\>\*\+\*\]\:pl-xs>*+* {

padding-left: var(--ath-sys-spacing-005);
}

.\[\&_\.ath-button\.ath-square-button\]\:h-\[4\.5rem\] .ath-button.ath-square-button {

height: 4.5rem;
}

.\[\&_\.ath-button\.ath-square-button\]\:w-\[4\.5rem\] .ath-button.ath-square-button {

width: 4.5rem;
}

.\[\&_\.ath-button\.ath-square-button\]\:justify-center .ath-button.ath-square-button {

justify-content: center;
}

.\[\&_\.ath-button\.ath-square-button\]\:\!p-0 .ath-button.ath-square-button {

padding: 0px !important;
}

.\[\&_\.ath-tabs\]\:grow .ath-tabs {

flex-grow: 1;
}

.\[\&_\.ath-tabs\]\:basis-4\/5 .ath-tabs {

flex-basis: 80%;
}

.\[\&_p\]\:m-0 p {

margin: 0px;
}

@layer base {
    body {
        font-family: var(--pck-font-family-paragraph, Roboto), sans-serif;
    }
}

:root,
.theme-default {
    /* Self-contained defaults for the pck design system. These --pck-* variables are the single
       source of truth; the back-office style config overrides them at runtime via usePiclickTheme
       (see generatePiclickThemeVars). No legacy primary/neutral indirection anymore. */
    --pck-color-black: #0f1117;
    --pck-color-black-translucent-32: rgba(15, 17, 23, 0.32);
    --pck-color-white: #ffffff;
    --pck-color-white-translucent-8: rgba(255, 255, 255, 0.08);
    --pck-color-white-translucent-32: rgba(255, 255, 255, 0.32);

    --pck-color-secondary-975: #12151c;
    --pck-color-secondary-950: #161922;
    --pck-color-secondary-925: #1a1e28;
    --pck-color-secondary-900: #242a38;
    --pck-color-secondary-800: #343c50;
    --pck-color-secondary-700: #444f69;
    --pck-color-secondary-600: #556182;
    --pck-color-secondary-500: #65749a;
    --pck-color-secondary-400: #7d8aaa;
    --pck-color-secondary-300: #96a0bb;
    --pck-color-secondary-200: #afb7cb;
    --pck-color-secondary-100: #c7cddb;
    --pck-color-secondary-075: #eaedf6;
    --pck-color-secondary-050: #f1f3f9;
    --pck-color-secondary-025: #f8f9fc;
    --pck-color-secondary-500-translucent-8: rgba(101, 116, 154, 0.08);
    --pck-color-secondary-500-translucent-16: rgba(101, 116, 154, 0.16);
    --pck-color-secondary-500-translucent-32: rgba(101, 116, 154, 0.32);

    --pck-color-primary-900: #071d55;
    --pck-color-primary-800: #0a2b7b;
    --pck-color-primary-700: #0d37a0;
    --pck-color-primary-600: #1044c6;
    --pck-color-primary-500: #134fec;
    --pck-color-primary-400: #396bef;
    --pck-color-primary-300: #5f88f2;
    --pck-color-primary-200: #84a5f5;
    --pck-color-primary-100: #aac0f8;
    --pck-color-primary-075: #aac0f8;
    --pck-color-primary-050: #e7eefd;
    --pck-color-primary-500-translucent-8: rgba(19, 79, 236, 0.08);
    --pck-color-primary-500-translucent-32: rgba(19, 79, 236, 0.32);

    --pck-color-danger-900: #550716;
    --pck-color-danger-800: #7b0a20;
    --pck-color-danger-700: #a00d2c;
    --pck-color-danger-600: #c61035;
    --pck-color-danger-500: #ec1340;
    --pck-color-danger-400: #ef395d;
    --pck-color-danger-300: #f25f7c;
    --pck-color-danger-200: #f5849b;
    --pck-color-danger-100: #f8aaba;
    --pck-color-danger-050: #ffe5e5;
    --pck-color-danger-500-translucent-8: rgba(236, 19, 64, 0.08);
    --pck-color-danger-500-translucent-32: rgba(236, 19, 64, 0.32);

    --pck-color-warning-900: #553407;
    --pck-color-warning-800: #7b4b0a;
    --pck-color-warning-700: #a0630d;
    --pck-color-warning-600: #c67a10;
    --pck-color-warning-500: #ec9213;
    --pck-color-warning-400: #efa339;
    --pck-color-warning-300: #f2b55f;
    --pck-color-warning-200: #f5c684;
    --pck-color-warning-100: #f8d8aa;
    --pck-color-warning-075: #fae0bd;
    --pck-color-warning-050: #fdf4e7;
    --pck-color-warning-500-translucent-8: rgba(236, 146, 19, 0.08);
    --pck-color-warning-500-translucent-32: rgba(236, 146, 19, 0.32);

    --pck-color-positive-900: #032a10;
    --pck-color-positive-800: #06421a;
    --pck-color-positive-700: #095a24;
    --pck-color-positive-600: #0c712e;
    --pck-color-positive-500: #11893a;
    --pck-color-positive-400: #36bf66;
    --pck-color-positive-300: #7fd29c;
    --pck-color-positive-200: #9dddb3;
    --pck-color-positive-100: #bbe7ca;
    --pck-color-positive-050: #ebf5ec;
    --pck-color-positive-500-translucent-8: rgba(17, 137, 58, 0.08);
    --pck-color-positive-500-translucent-32: rgba(17, 137, 58, 0.32);

    --pck-spacing-0-5: 4px;
    --pck-spacing-1: 8px;
    --pck-spacing-1-5: 12px;
    --pck-spacing-2: 16px;
    --pck-spacing-3: 24px;
    --pck-spacing-4: 32px;
    --pck-spacing-5: 48px;

    --pck-border-radius-sm: 4px;
    --pck-border-radius-md: 8px;
    --pck-border-radius-lg: 16px;
    --pck-border-radius-xl: 32px;
    --pck-border-radius-2xl: 128px;
    --pck-border-radius-3xl: 360px;

    --pck-border-width-1: 1px;
    --pck-border-width-2: 2px;
    --pck-border-width-3: 3px;
    --pck-border-width-4: 4px;

    --pck-font-family-headline-1: Roboto;
    --pck-font-family-headline-2: Roboto;
    --pck-font-family-headline-3: Roboto;
    --pck-font-family-headline-4: Roboto;
    --pck-font-family-headline-5: Roboto;
    --pck-font-family-headline-6: Roboto;
    --pck-font-family-paragraph: Roboto;
    --pck-font-family-small: Roboto;
    --pck-font-family-link: Roboto;
    --pck-font-family-link-small: Roboto;

    --pck-font-size-xs: 12px;
    --pck-font-size-sm: 14px;
    --pck-font-size-md: 16px;
    --pck-font-size-lg: 20px;
    --pck-font-size-xl: 24px;
    --pck-font-size-2xl: 32px;
    --pck-font-size-3xl: 40px;
    --pck-font-size-4xl: 48px;

    --pck-font-weight-light: 200;
    --pck-font-weight-regular: 400;
    --pck-font-weight-medium: 500;
    --pck-font-weight-bold: 700;

    --pck-line-height-3: 12px;
    --pck-line-height-4: 16px;
    --pck-line-height-5: 20px;
    --pck-line-height-6: 24px;
    --pck-line-height-7: 32px;
    --pck-line-height-8: 40px;

    --pck-letter-spacing-widest: 0.5px;
    --pck-letter-spacing-wider: 0.25px;
    --pck-letter-spacing-wide: 0.13px;
    --pck-letter-spacing-normal: 0px;
    --pck-letter-spacing-tight: -0.13px;
    --pck-letter-spacing-tighter: -0.25px;
}

.theme-nature {
    --pck-color-black: #0e0a07;

    --pck-color-secondary-975: #12151c;
    --pck-color-secondary-950: #151102;
    --pck-color-secondary-925: #151102;
    --pck-color-secondary-900: #211b04;
    --pck-color-secondary-800: #39300b;
    --pck-color-secondary-700: #524614;
    --pck-color-secondary-600: #6d5e1e;
    --pck-color-secondary-500: #887628;
    --pck-color-secondary-400: #a59033;
    --pck-color-secondary-300: #c3aa3e;
    --pck-color-secondary-200: #e2c549;
    --pck-color-secondary-100: #fce184;
    --pck-color-secondary-075: #fdf0cc;
    --pck-color-secondary-050: #fdf0cc;
    --pck-color-secondary-025: #f8f9fc;
    --pck-color-secondary-500-translucent-8: rgba(136, 118, 40, 0.08);
    --pck-color-secondary-500-translucent-16: rgba(136, 118, 40, 0.16);
    --pck-color-secondary-500-translucent-32: rgba(136, 118, 40, 0.32);

    --pck-color-primary-900: #25190c;
    --pck-color-primary-800: #3f2d19;
    --pck-color-primary-700: #5a4227;
    --pck-color-primary-600: #775936;
    --pck-color-primary-500: #9f7749;
    --pck-color-primary-400: #bc8d57;
    --pck-color-primary-300: #dda667;
    --pck-color-primary-200: #efc192;
    --pck-color-primary-100: #f6e2d0;
    --pck-color-primary-075: #f6e2d0;
    --pck-color-primary-050: #fbf2eb;
    --pck-color-primary-500-translucent-8: rgba(159, 119, 73, 0.08);
    --pck-color-primary-500-translucent-32: rgba(159, 119, 73, 0.32);

    --pck-font-family-headline-1: Poppins;
    --pck-font-family-headline-2: Poppins;
    --pck-font-family-headline-3: Poppins;
    --pck-font-family-headline-4: Poppins;
    --pck-font-family-headline-5: Poppins;
    --pck-font-family-headline-6: Poppins;
    --pck-font-family-paragraph: Poppins;
    --pck-font-family-small: Poppins;
    --pck-font-family-link: Poppins;
    --pck-font-family-link-small: Poppins;

    --pck-border-radius-sm: 10px;
    --pck-border-radius-md: 16px;
    --pck-border-radius-lg: 20px;
    --pck-border-radius-xl: 40px;
    --pck-border-radius-2xl: 360px;
    --pck-border-radius-3xl: 360px;
}

:root {
    /* === BACKGROUND === */
    --pck-background-default: var(--pck-color-white);
    --pck-background-default-translucent-32: var(--pck-color-white-translucent-32);
    --pck-background-default-ghost-hovered: var(--pck-color-white-translucent-8);
    --pck-background-default-ghost-activated: var(--pck-color-white-translucent-32);

    --pck-background-overlay: var(--pck-color-black-translucent-32);

    --pck-background-primary-default: var(--pck-color-primary-500);
    --pck-background-primary-default-filled-enabled: var(--pck-color-primary-500);
    --pck-background-primary-default-filled-hovered: var(--pck-color-primary-700);
    --pck-background-primary-default-filled-activated: var(--pck-color-primary-800);
    --pck-background-primary-default-filled-disabled: var(--pck-color-primary-500-translucent-32);
    --pck-background-primary-default-translucent-8: var(--pck-color-primary-500-translucent-8);
    --pck-background-primary-default-translucent-32: var(--pck-color-primary-500-translucent-32);
    --pck-background-primary-subtler: var(--pck-color-primary-050);
    --pck-background-primary-subtler-filled-activated: var(--pck-color-primary-050);
    /* Not in Figma guidelines — kept for legacy MiniCart calorie chip overlay */
    --pck-background-primary-subtler-translucent-32: rgba(231, 238, 253, 0.32);

    --pck-background-secondary-default: var(--pck-color-secondary-500);
    --pck-background-secondary-default-filled-enabled: var(--pck-color-secondary-500);
    --pck-background-secondary-default-filled-hovered: var(--pck-color-secondary-700);
    --pck-background-secondary-default-filled-activated: var(--pck-color-secondary-800);
    --pck-background-secondary-default-filled-disabled: var(--pck-color-secondary-500-translucent-16);
    --pck-background-secondary-default-ghost-hovered: var(--pck-color-secondary-500-translucent-8);
    --pck-background-secondary-default-ghost-activated: var(--pck-color-primary-050);
    --pck-background-secondary-default-ghost-disabled: var(--pck-color-secondary-500-translucent-16);
    --pck-background-secondary-default-translucent-8: var(--pck-color-secondary-500-translucent-8);
    --pck-background-secondary-default-translucent-32: var(--pck-color-secondary-500-translucent-32);
    --pck-background-secondary-subtle: var(--pck-color-secondary-050);
    --pck-background-secondary-subtle-filled-enabled: var(--pck-color-secondary-050);
    --pck-background-secondary-subtle-filled-hovered: var(--pck-color-secondary-075);
    --pck-background-secondary-subtle-filled-activated: var(--pck-color-primary-050);
    --pck-background-secondary-subtle-filled-disabled: var(--pck-color-secondary-500-translucent-16);
    --pck-background-secondary-subtler: var(--pck-color-secondary-025);

    --pck-background-danger-default: var(--pck-color-danger-500);
    --pck-background-danger-default-filled-enabled: var(--pck-color-danger-500);
    --pck-background-danger-default-filled-hovered: var(--pck-color-danger-700);
    --pck-background-danger-default-filled-activated: var(--pck-color-danger-800);
    --pck-background-danger-default-filled-disabled: var(--pck-color-danger-500-translucent-32);
    --pck-background-danger-default-translucent-8: var(--pck-color-danger-500-translucent-8);
    --pck-background-danger-default-translucent-32: var(--pck-color-danger-500-translucent-32);

    --pck-background-warning-default: var(--pck-color-warning-500);
    --pck-background-warning-default-filled-enabled: var(--pck-color-warning-500);
    --pck-background-warning-default-filled-hovered: var(--pck-color-warning-700);
    --pck-background-warning-default-filled-activated: var(--pck-color-warning-800);
    --pck-background-warning-default-filled-disabled: var(--pck-color-warning-500-translucent-32);
    --pck-background-warning-default-translucent-8: var(--pck-color-warning-500-translucent-8);
    --pck-background-warning-default-translucent-32: var(--pck-color-warning-500-translucent-32);

    --pck-background-positive-default: var(--pck-color-positive-500);
    --pck-background-positive-default-filled-enabled: var(--pck-color-positive-500);
    --pck-background-positive-default-filled-hovered: var(--pck-color-positive-700);
    --pck-background-positive-default-filled-activated: var(--pck-color-positive-800);
    --pck-background-positive-default-filled-disabled: var(--pck-color-positive-500-translucent-32);
    --pck-background-positive-default-translucent-8: var(--pck-color-positive-500-translucent-8);
    --pck-background-positive-default-translucent-32: var(--pck-color-positive-500-translucent-32);

    /* === TEXT === */
    --pck-text-default: var(--pck-color-black);
    --pck-text-on-background-default: var(--pck-color-white);
    --pck-text-primary-default: var(--pck-color-primary-500);
    --pck-text-secondary-default: var(--pck-color-secondary-500);
    --pck-text-secondary-default-disabled: var(--pck-color-secondary-200);
    --pck-text-danger-default: var(--pck-color-danger-500);
    --pck-text-warning-default: var(--pck-color-warning-500);
    --pck-text-positive-default: var(--pck-color-positive-500);

    /* === ICON === */
    --pck-icon-default: var(--pck-color-black);
    --pck-icon-on-background-default: var(--pck-color-white);
    --pck-icon-primary-default: var(--pck-color-primary-500);
    --pck-icon-secondary-default: var(--pck-color-secondary-500);
    --pck-icon-secondary-default-disabled: var(--pck-color-secondary-200);
    --pck-icon-danger-default: var(--pck-color-danger-500);
    --pck-icon-warning-default: var(--pck-color-warning-500);
    --pck-icon-positive-default: var(--pck-color-positive-500);

    /* === BORDER === */
    --pck-border-default: var(--pck-color-secondary-075);
    --pck-border-primary-default-activated: var(--pck-color-primary-500);
    --pck-border-primary-default-focused: var(--pck-color-primary-300);
    --pck-border-secondary-default-enabled: var(--pck-color-secondary-500);
    --pck-border-secondary-default-hovered: var(--pck-color-secondary-700);
    --pck-border-secondary-default-disabled: var(--pck-color-secondary-200);
    --pck-border-danger-default-enabled: var(--pck-color-danger-500);
    --pck-border-danger-default-hovered: var(--pck-color-danger-700);
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

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

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
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)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

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

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

/*
Remove the default font size and weight for headings.
*/

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

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

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

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

/*
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)
3. Remove gaps between table borders by default.
*/

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

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

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

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

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

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

:-moz-ui-invalid {
  box-shadow: none;
}

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

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

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

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

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

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

.pck-fixed {
    position: fixed;
}

.pck-absolute {
    position: absolute;
}

.pck-relative {
    position: relative;
}

.pck-sticky {
    position: sticky;
}

.pck-inset-0 {
    inset: 0px;
}

.pck-inset-\[-1px\] {
    inset: -1px;
}

.pck-inset-\[-37\.5\%_-25\.01\%_-37\.49\%_-25\%\] {
    inset: -37.5% -25.01% -37.49% -25%;
}

.pck-inset-\[0_22\.66\%_54\.68\%_2\.01\%\] {
    inset: 0 22.66% 54.68% 2.01%;
}

.pck-inset-\[10\.42\%_7\.97\%_6\.82\%_10\.42\%\] {
    inset: 10.42% 7.97% 6.82% 10.42%;
}

.pck-inset-\[12\.4\%_8\.41\%_9\.9\%_7\.82\%\] {
    inset: 12.4% 8.41% 9.9% 7.82%;
}

.pck-inset-\[12\.5\%_8\.33\%\] {
    inset: 12.5% 8.33%;
}

.pck-inset-\[13\.94\%_1\.03\%_29\.66\%_43\.45\%\] {
    inset: 13.94% 1.03% 29.66% 43.45%;
}

.pck-inset-\[14\.93\%_24\.99\%_35\.42\%_54\.29\%\] {
    inset: 14.93% 24.99% 35.42% 54.29%;
}

.pck-inset-\[18\.36\%_16\.67\%_32\.97\%_16\.67\%\] {
    inset: 18.36% 16.67% 32.97% 16.67%;
}

.pck-inset-\[20\.83\%_27\.08\%_72\.92\%_66\.67\%\] {
    inset: 20.83% 27.08% 72.92% 66.67%;
}

.pck-inset-\[23\.72\%_34\.07\%_4\.42\%_8\.31\%\] {
    inset: 23.72% 34.07% 4.42% 8.31%;
}

.pck-inset-\[29\.17\%_37\.5\%_8\.33\%_8\.33\%\] {
    inset: 29.17% 37.5% 8.33% 8.33%;
}

.pck-inset-\[2px\] {
    inset: 2px;
}

.pck-inset-\[37\.5\%_47\.18\%_45\.83\%_37\.5\%\] {
    inset: 37.5% 47.18% 45.83% 37.5%;
}

.pck-inset-\[38\.05\%_49\.75\%_39\.88\%_25\.64\%\] {
    inset: 38.05% 49.75% 39.88% 25.64%;
}

.pck-inset-\[40\.07\%_20\.83\%_37\.5\%_47\.92\%\] {
    inset: 40.07% 20.83% 37.5% 47.92%;
}

.pck-inset-\[40\.63\%_42\.71\%_13\.54\%_36\.46\%\] {
    inset: 40.63% 42.71% 13.54% 36.46%;
}

.pck-inset-\[40\.63\%_65\.63\%_13\.54\%_13\.55\%\] {
    inset: 40.63% 65.63% 13.54% 13.55%;
}

.pck-inset-\[4px\] {
    inset: 4px;
}

.pck-inset-\[56\.25\%_8\.33\%_8\.33\%_8\.33\%\] {
    inset: 56.25% 8.33% 8.33% 8.33%;
}

.pck-inset-\[6\.25\%_0\.37\%_18\.63\%_30\.82\%\] {
    inset: 6.25% 0.37% 18.63% 30.82%;
}

.pck-inset-\[8\.33\%\] {
    inset: 8.33%;
}

.pck-inset-\[8\.33\%_12\.5\%\] {
    inset: 8.33% 12.5%;
}

.pck-inset-\[8\.33\%_17\.08\%\] {
    inset: 8.33% 17.08%;
}

.pck-inset-\[8\.33\%_22\.92\%\] {
    inset: 8.33% 22.92%;
}

.pck-inset-\[8\.33\%_29\.17\%\] {
    inset: 8.33% 29.17%;
}

.pck-inset-\[8\.33\%_8\.12\%_8\.33\%_8\.33\%\] {
    inset: 8.33% 8.12% 8.33% 8.33%;
}

.pck-inset-\[8\.33\%_8\.21\%\] {
    inset: 8.33% 8.21%;
}

.pck-inset-\[8\.38\%_20\.51\%_8\.33\%_20\.7\%\] {
    inset: 8.38% 20.51% 8.33% 20.7%;
}

.pck-inset-\[8\.41\%_8\.24\%_8\.37\%_10\.42\%\] {
    inset: 8.41% 8.24% 8.37% 10.42%;
}

.pck-inset-\[8\.5\%_8\.6\%_8\.43\%_9\.52\%\] {
    inset: 8.5% 8.6% 8.43% 9.52%;
}

.pck-inset-\[8\.58\%_8\.07\%_8\.33\%_8\.33\%\] {
    inset: 8.58% 8.07% 8.33% 8.33%;
}

.pck-inset-\[8\.65\%_33\.36\%_8\.33\%_33\.36\%\] {
    inset: 8.65% 33.36% 8.33% 33.36%;
}

.pck-inset-\[9\.79\%_13\.57\%_8\.63\%_20\.41\%\] {
    inset: 9.79% 13.57% 8.63% 20.41%;
}

.pck-inset-x-0 {
    left: 0px;
    right: 0px;
}

.pck-bottom-0 {
    bottom: 0px;
}

.pck-bottom-1\.5 {
    bottom: var(--pck-spacing-1-5, 12px);
}

.pck-bottom-2 {
    bottom: var(--pck-spacing-2, 16px);
}

.pck-bottom-3 {
    bottom: var(--pck-spacing-3, 24px);
}

.pck-bottom-\[16\.66\%\] {
    bottom: 16.66%;
}

.pck-bottom-\[33\.33\%\] {
    bottom: 33.33%;
}

.pck-bottom-\[65\.16\%\] {
    bottom: 65.16%;
}

.pck-left-0 {
    left: 0px;
}

.pck-left-1 {
    left: var(--pck-spacing-1, 8px);
}

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

.pck-left-1\/4 {
    left: 25%;
}

.pck-left-2 {
    left: var(--pck-spacing-2, 16px);
}

.pck-left-\[20\.83\%\] {
    left: 20.83%;
}

.pck-left-\[24px\] {
    left: 24px;
}

.pck-right-0 {
    right: 0px;
}

.pck-right-1 {
    right: var(--pck-spacing-1, 8px);
}

.pck-right-2 {
    right: var(--pck-spacing-2, 16px);
}

.pck-right-\[37\.5\%\] {
    right: 37.5%;
}

.pck-right-\[4px\] {
    right: 4px;
}

.pck-right-\[62\.5\%\] {
    right: 62.5%;
}

.pck-right-\[70\.83\%\] {
    right: 70.83%;
}

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

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

.pck-top-2 {
    top: var(--pck-spacing-2, 16px);
}

.pck-top-3\/4 {
    top: 75%;
}

.pck-top-\[-48px\] {
    top: -48px;
}

.pck-top-\[-8px\] {
    top: -8px;
}

.pck-top-\[30\.68\%\] {
    top: 30.68%;
}

.pck-top-\[4px\] {
    top: 4px;
}

.pck-top-full {
    top: 100%;
}

.pck-isolate {
    isolation: isolate;
}

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

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

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

.pck-z-\[-1\] {
    z-index: -1;
}

.pck-z-\[100\] {
    z-index: 100;
}

.pck-z-\[1\] {
    z-index: 1;
}

.pck-z-\[3\] {
    z-index: 3;
}

.pck-z-\[4\] {
    z-index: 4;
}

.pck-z-\[5\] {
    z-index: 5;
}

.pck-z-\[60\] {
    z-index: 60;
}

.pck-m-0 {
    margin: 0px;
}

.pck-mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.pck-my-\[var\(--spacing-s\)\] {
    margin-top: var(--spacing-s);
    margin-bottom: var(--spacing-s);
}

.pck--ml-2 {
    margin-left: calc(var(--pck-spacing-2, 16px) * -1);
}

.pck--mt-0\.5 {
    margin-top: calc(var(--pck-spacing-0-5, 4px) * -1);
}

.pck--mt-1 {
    margin-top: calc(var(--pck-spacing-1, 8px) * -1);
}

.pck-mb-0\.5 {
    margin-bottom: var(--pck-spacing-0-5, 4px);
}

.pck-mb-1\.5 {
    margin-bottom: var(--pck-spacing-1-5, 12px);
}

.pck-mb-\[-24px\] {
    margin-bottom: -24px;
}

.pck-mr-1 {
    margin-right: var(--pck-spacing-1, 8px);
}

.pck-mt-0\.5 {
    margin-top: var(--pck-spacing-0-5, 4px);
}

.pck-mt-1 {
    margin-top: var(--pck-spacing-1, 8px);
}

.pck-mt-2 {
    margin-top: var(--pck-spacing-2, 16px);
}

.pck-mt-\[2px\] {
    margin-top: 2px;
}

.pck-mt-\[var\(--spacing-s\)\] {
    margin-top: var(--spacing-s);
}

.pck-line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.pck-block {
    display: block;
}

.pck-flex {
    display: flex;
}

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

.pck-grid {
    display: grid;
}

.pck-hidden {
    display: none;
}

.pck-aspect-\[360\/184\] {
    aspect-ratio: 360/184;
}

.pck-aspect-\[6\/5\] {
    aspect-ratio: 6/5;
}

.pck-aspect-square {
    aspect-ratio: 1 / 1;
}

.pck-size-2 {
    width: var(--pck-spacing-2, 16px);
    height: var(--pck-spacing-2, 16px);
}

.pck-size-6 {
    width: 1.5rem;
    height: 1.5rem;
}

.pck-size-8 {
    width: 2rem;
    height: 2rem;
}

.pck-size-\[83\.33\%\] {
    width: 83.33%;
    height: 83.33%;
}

.pck-size-\[92px\] {
    width: 92px;
    height: 92px;
}

.pck-size-full {
    width: 100%;
    height: 100%;
}

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

.pck-h-1 {
    height: var(--pck-spacing-1, 8px);
}

.pck-h-3 {
    height: var(--pck-spacing-3, 24px);
}

.pck-h-4 {
    height: var(--pck-spacing-4, 32px);
}

.pck-h-8 {
    height: 2rem;
}

.pck-h-\[10px\] {
    height: 10px;
}

.pck-h-\[113px\] {
    height: 113px;
}

.pck-h-\[124px\] {
    height: 124px;
}

.pck-h-\[132px\] {
    height: 132px;
}

.pck-h-\[16px\] {
    height: 16px;
}

.pck-h-\[180px\] {
    height: 180px;
}

.pck-h-\[20px\] {
    height: 20px;
}

.pck-h-\[26px\] {
    height: 26px;
}

.pck-h-\[28px\] {
    height: 28px;
}

.pck-h-\[32px\] {
    height: 32px;
}

.pck-h-\[36px\] {
    height: 36px;
}

.pck-h-\[40px\] {
    height: 40px;
}

.pck-h-\[44px\] {
    height: 44px;
}

.pck-h-\[4px\] {
    height: 4px;
}

.pck-h-\[54px\] {
    height: 54px;
}

.pck-h-\[56px\] {
    height: 56px;
}

.pck-h-\[6\.812px\] {
    height: 6.812px;
}

.pck-h-\[696px\] {
    height: 696px;
}

.pck-h-\[7\.333px\] {
    height: 7.333px;
}

.pck-h-\[720px\] {
    height: 720px;
}

.pck-h-\[80px\] {
    height: 80px;
}

.pck-h-\[92px\] {
    height: 92px;
}

.pck-h-\[96px\] {
    height: 96px;
}

.pck-h-\[var\(--pck-tab-border-width\,2px\)\] {
    height: var(--pck-tab-border-width,2px);
}

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

.pck-h-px {
    height: 1px;
}

.pck-max-h-60 {
    max-height: 15rem;
}

.pck-max-h-\[85vh\] {
    max-height: 85vh;
}

.pck-max-h-\[calc\(100dvh-48px\)\] {
    max-height: calc(100dvh - 48px);
}

.pck-max-h-full {
    max-height: 100%;
}

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

.pck-min-h-\[44px\] {
    min-height: 44px;
}

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

.pck-min-h-px {
    min-height: 1px;
}

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

.pck-w-1 {
    width: var(--pck-spacing-1, 8px);
}

.pck-w-16 {
    width: 4rem;
}

.pck-w-3 {
    width: var(--pck-spacing-3, 24px);
}

.pck-w-8 {
    width: 2rem;
}

.pck-w-\[1\.5em\] {
    width: 1.5em;
}

.pck-w-\[10px\] {
    width: 10px;
}

.pck-w-\[156px\] {
    width: 156px;
}

.pck-w-\[160px\] {
    width: 160px;
}

.pck-w-\[16px\] {
    width: 16px;
}

.pck-w-\[18px\] {
    width: 18px;
}

.pck-w-\[200px\] {
    width: 200px;
}

.pck-w-\[207px\] {
    width: 207px;
}

.pck-w-\[20px\] {
    width: 20px;
}

.pck-w-\[288px\] {
    width: 288px;
}

.pck-w-\[3\.332px\] {
    width: 3.332px;
}

.pck-w-\[328px\] {
    width: 328px;
}

.pck-w-\[360px\] {
    width: 360px;
}

.pck-w-\[369px\] {
    width: 369px;
}

.pck-w-\[38px\] {
    width: 38px;
}

.pck-w-\[400px\] {
    width: 400px;
}

.pck-w-\[40px\] {
    width: 40px;
}

.pck-w-\[48px\] {
    width: 48px;
}

.pck-w-\[5\.933px\] {
    width: 5.933px;
}

.pck-w-\[520px\] {
    width: 520px;
}

.pck-w-\[56px\] {
    width: 56px;
}

.pck-w-\[6px\] {
    width: 6px;
}

.pck-w-\[8\.495px\] {
    width: 8.495px;
}

.pck-w-\[80px\] {
    width: 80px;
}

.pck-w-\[88px\] {
    width: 88px;
}

.pck-w-\[calc\(100\%\+16px\)\] {
    width: calc(100% + 16px);
}

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

.pck-w-px {
    width: 1px;
}

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

.pck-min-w-4 {
    min-width: var(--pck-spacing-4, 32px);
}

.pck-min-w-\[16px\] {
    min-width: 16px;
}

.pck-min-w-px {
    min-width: 1px;
}

.pck-max-w-\[43rem\] {
    max-width: 43rem;
}

.pck-max-w-\[45em\] {
    max-width: 45em;
}

.pck-max-w-\[800px\] {
    max-width: 800px;
}

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

.pck-max-w-none {
    max-width: none;
}

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

.pck-flex-none {
    flex: none;
}

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

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

.-pck-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), 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));
}

.-pck-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), 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));
}

.pck--translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), 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));
}

.pck-translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), 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));
}

.pck-translate-x-full {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), 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));
}

.pck-rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), 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));
}

.pck-rotate-\[16\.69deg\] {
    --tw-rotate: 16.69deg;
    transform: translate(var(--tw-translate-x), 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));
}

.pck-rotate-\[38\.44deg\] {
    --tw-rotate: 38.44deg;
    transform: translate(var(--tw-translate-x), 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));
}

.-pck-scale-y-100 {
    --tw-scale-y: -1;
    transform: translate(var(--tw-translate-x), 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));
}

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

.pck-animate-spin {
    animation: pck-spin 1s linear infinite;
}

.pck-cursor-grab {
    cursor: grab;
}

.pck-cursor-grabbing {
    cursor: grabbing;
}

.pck-cursor-not-allowed {
    cursor: not-allowed;
}

.pck-cursor-pointer {
    cursor: pointer;
}

.pck-touch-none {
    touch-action: none;
}

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

.pck-resize-none {
    resize: none;
}

.pck-auto-rows-\[minmax\(100px\,auto\)\] {
    grid-auto-rows: minmax(100px,auto);
}

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

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

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

.pck-grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
}

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

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

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

.pck-content-start {
    align-content: flex-start;
}

.pck-content-stretch {
    align-content: stretch;
}

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

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

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

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

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

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

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

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

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

.pck-gap-0 {
    gap: 0px;
}

.pck-gap-0\.5 {
    gap: var(--pck-spacing-0-5, 4px);
}

.pck-gap-1 {
    gap: var(--pck-spacing-1, 8px);
}

.pck-gap-1\.5 {
    gap: var(--pck-spacing-1-5, 12px);
}

.pck-gap-2 {
    gap: var(--pck-spacing-2, 16px);
}

.pck-gap-3 {
    gap: var(--pck-spacing-3, 24px);
}

.pck-gap-4 {
    gap: var(--pck-spacing-4, 32px);
}

.pck-gap-\[var\(--spacing-xs\)\] {
    gap: var(--spacing-xs);
}

.pck-gap-x-\[var\(--spacing-xs\)\] {
    -moz-column-gap: var(--spacing-xs);
         column-gap: var(--spacing-xs);
}

.pck-overflow-auto {
    overflow: auto;
}

.pck-overflow-hidden {
    overflow: hidden;
}

.pck-overflow-clip {
    overflow: clip;
}

.pck-overflow-x-auto {
    overflow-x: auto;
}

.pck-overflow-y-auto {
    overflow-y: auto;
}

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

.pck-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pck-text-ellipsis {
    text-overflow: ellipsis;
}

.pck-whitespace-nowrap {
    white-space: nowrap;
}

.pck-whitespace-pre-wrap {
    white-space: pre-wrap;
}

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

.pck-rounded {
    border-radius: 0.25rem;
}

.pck-rounded-2xl {
    border-radius: var(--pck-border-radius-2xl, 128px);
}

.pck-rounded-3xl {
    border-radius: var(--pck-border-radius-3xl, 360px);
}

.pck-rounded-\[100px\] {
    border-radius: 100px;
}

.pck-rounded-\[2px\] {
    border-radius: 2px;
}

.pck-rounded-\[3\.14px\] {
    border-radius: 3.14px;
}

.pck-rounded-\[3px\] {
    border-radius: 3px;
}

.pck-rounded-\[4px\] {
    border-radius: 4px;
}

.pck-rounded-\[inherit\] {
    border-radius: inherit;
}

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

.pck-rounded-md {
    border-radius: var(--pck-border-radius-md, 8px);
}

.pck-rounded-sm {
    border-radius: var(--pck-border-radius-sm, 4px);
}

.pck-rounded-xl {
    border-radius: var(--pck-border-radius-xl, 32px);
}

.pck-rounded-l-lg {
    border-top-left-radius: var(--pck-border-radius-lg, 16px);
    border-bottom-left-radius: var(--pck-border-radius-lg, 16px);
}

.pck-rounded-r-none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pck-rounded-t-sm {
    border-top-left-radius: var(--pck-border-radius-sm, 4px);
    border-top-right-radius: var(--pck-border-radius-sm, 4px);
}

.pck-rounded-bl-sm {
    border-bottom-left-radius: var(--pck-border-radius-sm, 4px);
}

.pck-rounded-br-sm {
    border-bottom-right-radius: var(--pck-border-radius-sm, 4px);
}

.pck-rounded-tl-\[2px\] {
    border-top-left-radius: 2px;
}

.pck-rounded-tl-md {
    border-top-left-radius: var(--pck-border-radius-md, 8px);
}

.pck-rounded-tl-sm {
    border-top-left-radius: var(--pck-border-radius-sm, 4px);
}

.pck-rounded-tr-\[2px\] {
    border-top-right-radius: 2px;
}

.pck-rounded-tr-md {
    border-top-right-radius: var(--pck-border-radius-md, 8px);
}

.pck-rounded-tr-sm {
    border-top-right-radius: var(--pck-border-radius-sm, 4px);
}

.pck-border {
    border-width: 1px;
}

.pck-border-0 {
    border-width: 0px;
}

.pck-border-2 {
    border-width: var(--pck-border-width-2, 2px);
}

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

.pck-border-b-4 {
    border-bottom-width: var(--pck-border-width-4, 4px);
}

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

.pck-border-solid {
    border-style: solid;
}

.pck-border-none {
    border-style: none;
}

.pck-border-danger-default-enabled {
    border-color: var(--pck-border-danger-default-enabled, var(--pck-color-danger-500));
}

.pck-border-default {
    border-color: var(--pck-border-default, var(--pck-color-secondary-075, #eaedf6));
}

.pck-border-primary-default-activated {
    border-color: var(--pck-border-primary-default-activated, var(--pck-color-primary-500));
}

.pck-border-secondary-200 {
    border-color: var(--pck-color-secondary-200, #afb7cb);
}

.pck-border-secondary-default-disabled {
    border-color: var(--pck-border-secondary-default-disabled, var(--pck-color-secondary-200));
}

.pck-border-secondary-default-enabled {
    border-color: var(--pck-border-secondary-default-enabled, var(--pck-color-secondary-500));
}

.pck-border-transparent {
    border-color: transparent;
}

.pck-bg-\[rgba\(0\,0\,0\,0\.4\)\] {
    background-color: rgba(0,0,0,0.4);
}

.pck-bg-\[var\(--neutral-transparent-8\)\] {
    background-color: var(--neutral-transparent-8);
}

.pck-bg-\[var\(--pck-border-default\,\#eaedf6\)\] {
    background-color: var(--pck-border-default,#eaedf6);
}

.pck-bg-\[var\(--success-transparent-8\)\] {
    background-color: var(--success-transparent-8);
}

.pck-bg-danger-default {
    background-color: var(--pck-background-danger-default, var(--pck-color-danger-500));
}

.pck-bg-danger-default-filled-enabled {
    background-color: var(--pck-background-danger-default-filled-enabled, var(--pck-color-danger-500));
}

.pck-bg-danger-default-translucent-32 {
    background-color: var(--pck-background-danger-default-translucent-32, var(--pck-color-danger-500-translucent-32));
}

.pck-bg-danger-default-translucent-8 {
    background-color: var(--pck-background-danger-default-translucent-8, var(--pck-color-danger-500-translucent-8));
}

.pck-bg-danger-subtle {
    background-color: var(--pck-background-danger-subtle, var(--pck-color-danger-100));
}

.pck-bg-default {
    background-color: var(--pck-background-default, var(--pck-color-white, #ffffff));
}

.pck-bg-default-translucent-32 {
    background-color: var(--pck-background-default-translucent-32, var(--pck-color-white-translucent-32));
}

.pck-bg-overlay {
    background-color: var(--pck-background-overlay, var(--pck-color-black-translucent-32));
}

.pck-bg-positive-default {
    background-color: var(--pck-background-positive-default, var(--pck-color-positive-500));
}

.pck-bg-positive-default-filled-enabled {
    background-color: var(--pck-background-positive-default-filled-enabled, var(--pck-color-positive-500));
}

.pck-bg-positive-default-translucent-32 {
    background-color: var(--pck-background-positive-default-translucent-32, var(--pck-color-positive-500-translucent-32));
}

.pck-bg-positive-default-translucent-8 {
    background-color: var(--pck-background-positive-default-translucent-8, var(--pck-color-positive-500-translucent-8));
}

.pck-bg-positive-subtle {
    background-color: var(--pck-background-positive-subtle, var(--pck-color-positive-100));
}

.pck-bg-primary-default {
    background-color: var(--pck-background-primary-default, var(--pck-color-primary-500));
}

.pck-bg-primary-default-filled-disabled {
    background-color: var(--pck-background-primary-default-filled-disabled, var(--pck-color-primary-500-translucent-32));
}

.pck-bg-primary-default-filled-enabled {
    background-color: var(--pck-background-primary-default-filled-enabled, var(--pck-color-primary-500));
}

.pck-bg-primary-default-translucent-32 {
    background-color: var(--pck-background-primary-default-translucent-32, var(--pck-color-primary-500-translucent-32));
}

.pck-bg-primary-default-translucent-8 {
    background-color: var(--pck-background-primary-default-translucent-8, var(--pck-color-primary-500-translucent-8));
}

.pck-bg-primary-subtle {
    background-color: var(--pck-background-primary-subtle, var(--pck-color-primary-100));
}

.pck-bg-primary-subtler {
    background-color: var(--pck-background-primary-subtler, var(--pck-color-primary-050));
}

.pck-bg-primary-subtler-filled-activated {
    background-color: var(--pck-background-primary-subtler-filled-activated, var(--pck-color-primary-050));
}

.pck-bg-primary-subtler-translucent-32 {
    background-color: var(--pck-background-primary-subtler-translucent-32, rgba(231, 238, 253, 0.32));
}

.pck-bg-secondary-900 {
    background-color: var(--pck-color-secondary-900, #242a38);
}

.pck-bg-secondary-default {
    background-color: var(--pck-background-secondary-default, var(--pck-color-secondary-500));
}

.pck-bg-secondary-default-filled-disabled {
    background-color: var(--pck-background-secondary-default-filled-disabled, var(--pck-color-secondary-500-translucent-16));
}

.pck-bg-secondary-default-filled-enabled {
    background-color: var(--pck-background-secondary-default-filled-enabled, var(--pck-color-secondary-500));
}

.pck-bg-secondary-default-translucent-32 {
    background-color: var(--pck-background-secondary-default-translucent-32, var(--pck-color-secondary-500-translucent-32));
}

.pck-bg-secondary-default-translucent-8 {
    background-color: var(--pck-background-secondary-default-translucent-8, var(--pck-color-secondary-500-translucent-8));
}

.pck-bg-secondary-subtle {
    background-color: var(--pck-background-secondary-subtle, var(--pck-color-secondary-050));
}

.pck-bg-secondary-subtle-filled-activated {
    background-color: var(--pck-background-secondary-subtle-filled-activated, var(--pck-color-primary-050));
}

.pck-bg-secondary-subtle-filled-disabled {
    background-color: var(--pck-background-secondary-subtle-filled-disabled, var(--pck-color-secondary-500-translucent-16));
}

.pck-bg-secondary-subtle-filled-enabled {
    background-color: var(--pck-background-secondary-subtle-filled-enabled, var(--pck-color-secondary-050));
}

.pck-bg-secondary-subtle-filled-hovered {
    background-color: var(--pck-background-secondary-subtle-filled-hovered, var(--pck-color-secondary-075));
}

.pck-bg-secondary-subtler {
    background-color: var(--pck-background-secondary-subtler, var(--pck-color-secondary-025));
}

.pck-bg-tab-indicator-active {
    background-color: var(--pck-tab-border-active, var(--pck-border-primary-default-activated, #134fec));
}

.pck-bg-transparent {
    background-color: transparent;
}

.pck-bg-warning-default {
    background-color: var(--pck-background-warning-default, var(--pck-color-warning-500));
}

.pck-bg-warning-default-filled-enabled {
    background-color: var(--pck-background-warning-default-filled-enabled, var(--pck-color-warning-500));
}

.pck-bg-warning-default-translucent-32 {
    background-color: var(--pck-background-warning-default-translucent-32, var(--pck-color-warning-500-translucent-32));
}

.pck-bg-warning-default-translucent-8 {
    background-color: var(--pck-background-warning-default-translucent-8, var(--pck-color-warning-500-translucent-8));
}

.pck-bg-warning-subtle {
    background-color: var(--pck-background-warning-subtle, var(--pck-color-warning-100));
}

.pck-bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.pck-bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.pck-from-black {
    --tw-gradient-from: var(--pck-color-black, #0f1117) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.pck-from-white {
    --tw-gradient-from: var(--pck-color-white, #ffffff) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.pck-to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.pck-object-contain {
    -o-object-fit: contain;
       object-fit: contain;
}

.pck-object-cover {
    -o-object-fit: cover;
       object-fit: cover;
}

.pck-p-0 {
    padding: 0px;
}

.pck-p-0\.5 {
    padding: var(--pck-spacing-0-5, 4px);
}

.pck-p-1 {
    padding: var(--pck-spacing-1, 8px);
}

.pck-p-1\.5 {
    padding: var(--pck-spacing-1-5, 12px);
}

.pck-p-2 {
    padding: var(--pck-spacing-2, 16px);
}

.pck-p-3 {
    padding: var(--pck-spacing-3, 24px);
}

.pck-p-\[var\(--spacing-xs\)\] {
    padding: var(--spacing-xs);
}

.pck-px-0\.5 {
    padding-left: var(--pck-spacing-0-5, 4px);
    padding-right: var(--pck-spacing-0-5, 4px);
}

.pck-px-1 {
    padding-left: var(--pck-spacing-1, 8px);
    padding-right: var(--pck-spacing-1, 8px);
}

.pck-px-1\.5 {
    padding-left: var(--pck-spacing-1-5, 12px);
    padding-right: var(--pck-spacing-1-5, 12px);
}

.pck-px-2 {
    padding-left: var(--pck-spacing-2, 16px);
    padding-right: var(--pck-spacing-2, 16px);
}

.pck-px-3 {
    padding-left: var(--pck-spacing-3, 24px);
    padding-right: var(--pck-spacing-3, 24px);
}

.pck-px-4 {
    padding-left: var(--pck-spacing-4, 32px);
    padding-right: var(--pck-spacing-4, 32px);
}

.pck-px-\[40px\] {
    padding-left: 40px;
    padding-right: 40px;
}

.pck-px-\[var\(--spacing-s\)\] {
    padding-left: var(--spacing-s);
    padding-right: var(--spacing-s);
}

.pck-px-\[var\(--spacing-xs\)\] {
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs);
}

.pck-py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.pck-py-0\.5 {
    padding-top: var(--pck-spacing-0-5, 4px);
    padding-bottom: var(--pck-spacing-0-5, 4px);
}

.pck-py-1 {
    padding-top: var(--pck-spacing-1, 8px);
    padding-bottom: var(--pck-spacing-1, 8px);
}

.pck-py-1\.5 {
    padding-top: var(--pck-spacing-1-5, 12px);
    padding-bottom: var(--pck-spacing-1-5, 12px);
}

.pck-py-2 {
    padding-top: var(--pck-spacing-2, 16px);
    padding-bottom: var(--pck-spacing-2, 16px);
}

.pck-py-4 {
    padding-top: var(--pck-spacing-4, 32px);
    padding-bottom: var(--pck-spacing-4, 32px);
}

.pck-py-5 {
    padding-top: var(--pck-spacing-5, 48px);
    padding-bottom: var(--pck-spacing-5, 48px);
}

.pck-py-\[var\(--spacing-xs\)\] {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
}

.pck-py-\[var\(--spacing-xxs\)\] {
    padding-top: var(--spacing-xxs);
    padding-bottom: var(--spacing-xxs);
}

.pck-pb-0\.5 {
    padding-bottom: var(--pck-spacing-0-5, 4px);
}

.pck-pb-1 {
    padding-bottom: var(--pck-spacing-1, 8px);
}

.pck-pb-1\.5 {
    padding-bottom: var(--pck-spacing-1-5, 12px);
}

.pck-pb-12 {
    padding-bottom: 3rem;
}

.pck-pb-2 {
    padding-bottom: var(--pck-spacing-2, 16px);
}

.pck-pb-\[88px\] {
    padding-bottom: 88px;
}

.pck-pl-0\.5 {
    padding-left: var(--pck-spacing-0-5, 4px);
}

.pck-pl-1 {
    padding-left: var(--pck-spacing-1, 8px);
}

.pck-pl-1\.5 {
    padding-left: var(--pck-spacing-1-5, 12px);
}

.pck-pl-2 {
    padding-left: var(--pck-spacing-2, 16px);
}

.pck-pr-1 {
    padding-right: var(--pck-spacing-1, 8px);
}

.pck-pr-2 {
    padding-right: var(--pck-spacing-2, 16px);
}

.pck-pt-0 {
    padding-top: 0px;
}

.pck-pt-0\.5 {
    padding-top: var(--pck-spacing-0-5, 4px);
}

.pck-pt-1 {
    padding-top: var(--pck-spacing-1, 8px);
}

.pck-pt-1\.5 {
    padding-top: var(--pck-spacing-1-5, 12px);
}

.pck-pt-12 {
    padding-top: 3rem;
}

.pck-pt-2 {
    padding-top: var(--pck-spacing-2, 16px);
}

.pck-pt-3 {
    padding-top: var(--pck-spacing-3, 24px);
}

.pck-pt-4 {
    padding-top: var(--pck-spacing-4, 32px);
}

.pck-text-left {
    text-align: left;
}

.pck-text-center {
    text-align: center;
}

.pck-align-top {
    vertical-align: top;
}

.pck-font-family-headline-1 {
    font-family: var(--pck-font-family-headline-1, Roboto), sans-serif;
}

.pck-font-family-headline-3 {
    font-family: var(--pck-font-family-headline-3, Roboto), sans-serif;
}

.pck-font-family-headline-4 {
    font-family: var(--pck-font-family-headline-4, Roboto), sans-serif;
}

.pck-font-family-headline-5 {
    font-family: var(--pck-font-family-headline-5, Roboto), sans-serif;
}

.pck-font-family-headline-6 {
    font-family: var(--pck-font-family-headline-6, Roboto), sans-serif;
}

.pck-font-gicons {
    font-family: "Material Symbols Outlined", sans-serif;
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.pck-font-link {
    font-family: var(--pck-font-family-link, Roboto), sans-serif;
}

.pck-font-paragraph {
    font-family: var(--pck-font-family-paragraph, Roboto), sans-serif;
}

.pck-font-small {
    font-family: var(--pck-font-family-small, Roboto), sans-serif;
}

.pck-text-2xl {
    font-size: var(--pck-font-size-2xl, 32px);
}

.pck-text-3xl {
    font-size: var(--pck-font-size-3xl, 40px);
}

.pck-text-\[10px\] {
    font-size: 10px;
}

.pck-text-\[16px\] {
    font-size: 16px;
}

.pck-text-\[20px\] {
    font-size: 20px;
}

.pck-text-\[40px\] {
    font-size: 40px;
}

.pck-text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.pck-text-md {
    font-size: var(--pck-font-size-md, 16px);
}

.pck-text-sm {
    font-size: var(--pck-font-size-sm, 14px);
}

.pck-text-xl {
    font-size: var(--pck-font-size-xl, 24px);
}

.pck-text-xs {
    font-size: var(--pck-font-size-xs, 12px);
}

.pck-font-bold {
    font-weight: var(--pck-font-weight-bold, 700);
}

.pck-font-light {
    font-weight: var(--pck-font-weight-light, 300);
}

.pck-font-medium {
    font-weight: var(--pck-font-weight-medium, 500);
}

.pck-font-regular {
    font-weight: var(--pck-font-weight-regular, 400);
}

.pck-leading-4 {
    line-height: var(--pck-line-height-4, 16px);
}

.pck-leading-5 {
    line-height: var(--pck-line-height-5, 20px);
}

.pck-leading-6 {
    line-height: var(--pck-line-height-6, 24px);
}

.pck-leading-7 {
    line-height: var(--pck-line-height-7, 32px);
}

.pck-leading-8 {
    line-height: var(--pck-line-height-8, 40px);
}

.pck-leading-none {
    line-height: 1;
}

.pck-tracking-normal {
    letter-spacing: 0em;
}

.pck-tracking-tight {
    letter-spacing: -0.025em;
}

.pck-tracking-tighter {
    letter-spacing: -0.05em;
}

.pck-tracking-wider {
    letter-spacing: 0.05em;
}

.pck-text-\[var\(--neutral-default-500\)\] {
    color: var(--neutral-default-500);
}

.pck-text-\[var\(--success-default\)\] {
    color: var(--success-default);
}

.pck-text-danger-default {
    color: var(--pck-text-danger-default, var(--pck-color-danger-500, #ec1340));
}

.pck-text-default {
    color: var(--pck-text-default, var(--pck-color-black, #0f1117));
}

.pck-text-inherit {
    color: inherit;
}

.pck-text-on-background-default {
    color: var(--pck-text-on-background-default, var(--pck-color-white, #ffffff));
}

.pck-text-positive-default {
    color: var(--pck-text-positive-default, var(--pck-color-positive-500, #11893a));
}

.pck-text-primary-default {
    color: var(--pck-text-primary-default, var(--pck-color-primary-500, #134fec));
}

.pck-text-secondary-default {
    color: var(--pck-text-secondary-default, var(--pck-color-secondary-500, #65749a));
}

.pck-text-secondary-default-disabled {
    color: var(--pck-text-secondary-default-disabled, var(--pck-color-secondary-200, #afb7cb));
}

.pck-text-tab-text-active {
    color: var(--pck-tab-text-active, var(--pck-text-primary-default, var(--pck-color-primary-500, #134fec)));
}

.pck-text-tab-text-inactive {
    color: var(--pck-tab-text-inactive, var(--pck-text-secondary-default, var(--pck-color-secondary-500, #65749a)));
}

.pck-text-warning-default {
    color: var(--pck-text-warning-default, var(--pck-color-warning-500, #ec9213));
}

.pck-underline {
    text-decoration-line: underline;
}

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

.pck-decoration-solid {
    text-decoration-style: solid;
}

.pck-opacity-0 {
    opacity: 0;
}

.pck-opacity-100 {
    opacity: 1;
}

.pck-opacity-\[0\.56\] {
    opacity: 0.56;
}

.pck-shadow-\[0_2px_8px_rgba\(15\,17\,23\,0\.08\)\] {
    --tw-shadow: 0 2px 8px rgba(15,17,23,0.08);
    --tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pck-shadow-\[0px_0px_1px_0px_rgba\(15\,17\,23\,0\.24\)\,0px_1px_1px_0px_rgba\(15\,17\,23\,0\.16\)\] {
    --tw-shadow: 0px 0px 1px 0px rgba(15,17,23,0.24),0px 1px 1px 0px rgba(15,17,23,0.16);
    --tw-shadow-colored: 0px 0px 1px 0px var(--tw-shadow-color), 0px 1px 1px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pck-shadow-\[0px_1px_2px_1px_rgba\(19\,27\,66\,0\.16\)\] {
    --tw-shadow: 0px 1px 2px 1px rgba(19,27,66,0.16);
    --tw-shadow-colored: 0px 1px 2px 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pck-shadow-\[0px_3px_6px_0px_rgba\(52\,60\,80\,0\.06\)\,0px_3px_9px_0px_rgba\(52\,60\,80\,0\.1\)\] {
    --tw-shadow: 0px 3px 6px 0px rgba(52,60,80,0.06),0px 3px 9px 0px rgba(52,60,80,0.1);
    --tw-shadow-colored: 0px 3px 6px 0px var(--tw-shadow-color), 0px 3px 9px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pck-shadow-\[0px_3px_6px_0px_rgba\(52\,60\,80\,0\.1\)\,0px_3px_9px_0px_rgba\(52\,60\,80\,0\.06\)\] {
    --tw-shadow: 0px 3px 6px 0px rgba(52,60,80,0.1),0px 3px 9px 0px rgba(52,60,80,0.06);
    --tw-shadow-colored: 0px 3px 6px 0px var(--tw-shadow-color), 0px 3px 9px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pck-shadow-\[0px_8px_24px_0px_rgba\(52\,60\,80\,0\.12\)\,0px_8px_16px_0px_rgba\(52\,60\,80\,0\.08\)\] {
    --tw-shadow: 0px 8px 24px 0px rgba(52,60,80,0.12),0px 8px 16px 0px rgba(52,60,80,0.08);
    --tw-shadow-colored: 0px 8px 24px 0px var(--tw-shadow-color), 0px 8px 16px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pck-shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pck-outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.pck-backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    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);
}

.pck-transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.pck-transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.pck-transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.pck-transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.pck-transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.pck-duration-150 {
    transition-duration: 150ms;
}

.pck-duration-200 {
    transition-duration: 200ms;
}

.pck-duration-300 {
    transition-duration: 300ms;
}

.pck-ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.pck-ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.placeholder\:pck-text-secondary-default-disabled::-moz-placeholder {
    color: var(--pck-text-secondary-default-disabled, var(--pck-color-secondary-200, #afb7cb));
}

.placeholder\:pck-text-secondary-default-disabled::placeholder {
    color: var(--pck-text-secondary-default-disabled, var(--pck-color-secondary-200, #afb7cb));
}

.focus-within\:pck-border-primary-default-activated:focus-within {
    border-color: var(--pck-border-primary-default-activated, var(--pck-color-primary-500));
}

.hover\:pck-border-secondary-default-hovered:hover {
    border-color: var(--pck-border-secondary-default-hovered, var(--pck-color-secondary-700));
}

.hover\:pck-bg-danger-default-filled-hovered:hover {
    background-color: var(--pck-background-danger-default-filled-hovered, var(--pck-color-danger-700));
}

.hover\:pck-bg-default-ghost-hovered:hover {
    background-color: var(--pck-background-default-ghost-hovered, var(--pck-color-white-translucent-8));
}

.hover\:pck-bg-positive-default-filled-hovered:hover {
    background-color: var(--pck-background-positive-default-filled-hovered, var(--pck-color-positive-700));
}

.hover\:pck-bg-primary-default-filled-hovered:hover {
    background-color: var(--pck-background-primary-default-filled-hovered, var(--pck-color-primary-700));
}

.hover\:pck-bg-secondary-default-ghost-hovered:hover {
    background-color: var(--pck-background-secondary-default-ghost-hovered, var(--pck-color-secondary-500-translucent-8));
}

.hover\:pck-bg-secondary-subtle-filled-hovered:hover {
    background-color: var(--pck-background-secondary-subtle-filled-hovered, var(--pck-color-secondary-075));
}

.hover\:pck-bg-tab-surface-hovered:hover {
    background-color: var(--pck-tab-surface-hovered, var(--pck-background-secondary-default-ghost-hovered));
}

.hover\:pck-bg-transparent:hover {
    background-color: transparent;
}

.hover\:pck-bg-warning-default-filled-hovered:hover {
    background-color: var(--pck-background-warning-default-filled-hovered, var(--pck-color-warning-700));
}

.hover\:pck-underline:hover {
    text-decoration-line: underline;
}

.focus-visible\:pck-outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.focus-visible\:pck-ring-2:focus-visible {
    --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), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:pck-ring-primary-300:focus-visible {
    --tw-ring-color: var(--pck-color-primary-300, #5f88f2);
}

.active\:pck-bg-danger-default-filled-activated:active {
    background-color: var(--pck-background-danger-default-filled-activated, var(--pck-color-danger-800));
}

.active\:pck-bg-default-ghost-activated:active {
    background-color: var(--pck-background-default-ghost-activated, var(--pck-color-white-translucent-32));
}

.active\:pck-bg-positive-default-filled-activated:active {
    background-color: var(--pck-background-positive-default-filled-activated, var(--pck-color-positive-800));
}

.active\:pck-bg-primary-default-filled-activated:active {
    background-color: var(--pck-background-primary-default-filled-activated, var(--pck-color-primary-800));
}

.active\:pck-bg-secondary-default-ghost-activated:active {
    background-color: var(--pck-background-secondary-default-ghost-activated, var(--pck-color-primary-050));
}

.active\:pck-bg-secondary-subtle-filled-activated:active {
    background-color: var(--pck-background-secondary-subtle-filled-activated, var(--pck-color-primary-050));
}

.active\:pck-bg-warning-default-filled-activated:active {
    background-color: var(--pck-background-warning-default-filled-activated, var(--pck-color-warning-800));
}

.active\:pck-text-primary-default:active {
    color: var(--pck-text-primary-default, var(--pck-color-primary-500, #134fec));
}

.disabled\:pck-bg-danger-default-filled-disabled:disabled {
    background-color: var(--pck-background-danger-default-filled-disabled, var(--pck-color-danger-500-translucent-32));
}

.disabled\:pck-bg-positive-default-filled-disabled:disabled {
    background-color: var(--pck-background-positive-default-filled-disabled, var(--pck-color-positive-500-translucent-32));
}

.disabled\:pck-bg-primary-default-filled-disabled:disabled {
    background-color: var(--pck-background-primary-default-filled-disabled, var(--pck-color-primary-500-translucent-32));
}

.disabled\:pck-bg-secondary-default-ghost-disabled:disabled {
    background-color: var(--pck-background-secondary-default-ghost-disabled, var(--pck-color-secondary-500-translucent-16));
}

.disabled\:pck-bg-secondary-subtle-filled-disabled:disabled {
    background-color: var(--pck-background-secondary-subtle-filled-disabled, var(--pck-color-secondary-500-translucent-16));
}

.disabled\:pck-bg-transparent:disabled {
    background-color: transparent;
}

.disabled\:pck-bg-warning-default-filled-disabled:disabled {
    background-color: var(--pck-background-warning-default-filled-disabled, var(--pck-color-warning-500-translucent-32));
}

.disabled\:pck-text-secondary-default-disabled:disabled {
    color: var(--pck-text-secondary-default-disabled, var(--pck-color-secondary-200, #afb7cb));
}

.pck-group\/checkbox:focus-within .group-focus-within\/checkbox\:pck-border-primary-default-focused {
    border-color: var(--pck-border-primary-default-focused, var(--pck-color-primary-300));
}

.pck-group\/checkbox:hover .group-hover\/checkbox\:pck-border-danger-default-hovered {
    border-color: var(--pck-border-danger-default-hovered, var(--pck-color-danger-700));
}

.pck-group\/checkbox:hover .group-hover\/checkbox\:pck-border-secondary-default-hovered {
    border-color: var(--pck-border-secondary-default-hovered, var(--pck-color-secondary-700));
}

.pck-group\/checkbox:hover .group-hover\/checkbox\:pck-bg-primary-default-filled-hovered {
    background-color: var(--pck-background-primary-default-filled-hovered, var(--pck-color-primary-700));
}

.pck-group\/checkbox:hover .group-hover\/checkbox\:pck-bg-secondary-default-filled-hovered {
    background-color: var(--pck-background-secondary-default-filled-hovered, var(--pck-color-secondary-700));
}

.pck-group:hover .group-hover\:pck-bg-tab-indicator-hovered {
    background-color: var(--pck-tab-border-hovered, var(--pck-border-secondary-default-hovered, #444f69));
}

@media (min-width: 640px) {
    .sm\:pck-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:pck-px-2 {
        padding-left: var(--pck-spacing-2, 16px);
        padding-right: var(--pck-spacing-2, 16px);
    }
    .sm\:pck-px-4 {
        padding-left: var(--pck-spacing-4, 32px);
        padding-right: var(--pck-spacing-4, 32px);
    }
    .sm\:pck-pb-8 {
        padding-bottom: 2rem;
    }
    .sm\:pck-pt-1 {
        padding-top: var(--pck-spacing-1, 8px);
    }
}

@media (min-width: 768px) {
    .md\:pck-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .lg\:pck-left-2 {
        left: var(--pck-spacing-2, 16px);
    }
    .lg\:pck-left-auto {
        left: auto;
    }
    .lg\:pck-top-\[-52px\] {
        top: -52px;
    }
    .lg\:pck-order-1 {
        order: 1;
    }
    .lg\:pck-order-2 {
        order: 2;
    }
    .lg\:pck--mt-2 {
        margin-top: calc(var(--pck-spacing-2, 16px) * -1);
    }
    .lg\:pck-flex {
        display: flex;
    }
    .lg\:pck-inline-flex {
        display: inline-flex;
    }
    .lg\:pck-hidden {
        display: none;
    }
    .lg\:pck-h-\[48px\] {
        height: 48px;
    }
    .lg\:pck-h-\[64px\] {
        height: 64px;
    }
    .lg\:pck-w-\[400px\] {
        width: 400px;
    }
    .lg\:pck-w-\[420px\] {
        width: 420px;
    }
    .lg\:pck-w-\[48px\] {
        width: 48px;
    }
    .lg\:pck-w-\[600px\] {
        width: 600px;
    }
    .lg\:pck-w-\[64px\] {
        width: 64px;
    }
    .lg\:pck-w-auto {
        width: auto;
    }
    .lg\:pck-min-w-0 {
        min-width: 0px;
    }
    .lg\:pck-flex-1 {
        flex: 1 1 0%;
    }
    .lg\:pck-translate-x-0 {
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), 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));
    }
    .lg\:pck-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:pck-flex-row {
        flex-direction: row;
    }
    .lg\:pck-items-end {
        align-items: flex-end;
    }
    .lg\:pck-items-center {
        align-items: center;
    }
    .lg\:pck-justify-start {
        justify-content: flex-start;
    }
    .lg\:pck-justify-center {
        justify-content: center;
    }
    .lg\:pck-gap-2 {
        gap: var(--pck-spacing-2, 16px);
    }
    .lg\:pck-rounded-sm {
        border-radius: var(--pck-border-radius-sm, 4px);
    }
    .lg\:pck-rounded-bl-md {
        border-bottom-left-radius: var(--pck-border-radius-md, 8px);
    }
    .lg\:pck-rounded-br-md {
        border-bottom-right-radius: var(--pck-border-radius-md, 8px);
    }
    .lg\:pck-border {
        border-width: 1px;
    }
    .lg\:pck-border-b-0 {
        border-bottom-width: 0px;
    }
    .lg\:pck-border-default {
        border-color: var(--pck-border-default, var(--pck-color-secondary-075, #eaedf6));
    }
    .lg\:pck-px-1\.5 {
        padding-left: var(--pck-spacing-1-5, 12px);
        padding-right: var(--pck-spacing-1-5, 12px);
    }
    .lg\:pck-px-2 {
        padding-left: var(--pck-spacing-2, 16px);
        padding-right: var(--pck-spacing-2, 16px);
    }
    .lg\:pck-px-4 {
        padding-left: var(--pck-spacing-4, 32px);
        padding-right: var(--pck-spacing-4, 32px);
    }
    .lg\:pck-py-1 {
        padding-top: var(--pck-spacing-1, 8px);
        padding-bottom: var(--pck-spacing-1, 8px);
    }
    .lg\:pck-py-2 {
        padding-top: var(--pck-spacing-2, 16px);
        padding-bottom: var(--pck-spacing-2, 16px);
    }
    .lg\:pck-py-5 {
        padding-top: var(--pck-spacing-5, 48px);
        padding-bottom: var(--pck-spacing-5, 48px);
    }
    .lg\:pck-pl-0 {
        padding-left: 0px;
    }
    .lg\:pck-pt-1\.5 {
        padding-top: var(--pck-spacing-1-5, 12px);
    }
    .lg\:pck-pt-2 {
        padding-top: var(--pck-spacing-2, 16px);
    }
    .lg\:pck-font-family-headline-3 {
        font-family: var(--pck-font-family-headline-3, Roboto), sans-serif;
    }
    .lg\:pck-text-xl {
        font-size: var(--pck-font-size-xl, 24px);
    }
    .lg\:pck-leading-7 {
        line-height: var(--pck-line-height-7, 32px);
    }
    .lg\:pck-tracking-tight {
        letter-spacing: -0.025em;
    }
}

.\[\&\:not\(\:focus-within\)\]\:hover\:pck-border-secondary-default-hovered:hover:not(:focus-within) {
    border-color: var(--pck-border-secondary-default-hovered, var(--pck-color-secondary-700));
}

.\[\&\>\*\]\:pck-w-full>* {
    width: 100%;
}

@layer old-dsm,tailwind,athena-tw,piclick-cnc;

/* Big Light concerne les produits utilisés par les clients des restaurateurs.
Ex: PI Click hotel, delivery, express, click & collect*/

:root {
    --spacing-xxs: 0.25rem;
    /* 4px */
    --spacing-xs: 0.5rem;
    /* 8px */
    --spacing-s: 1rem;
    /* 16px */
    --spacing-m: 1.5rem;
    /* 24px */
    --spacing-l: 2rem;
    /* 32px */
    --spacing-xl: 2.5rem;
    /* 40px */
    --spacing-xxl: 3rem;
    /* 48px */
    --spacing-xxxl: 3.5rem;
    /* 56px */

    --border-radius: 3.14px;

    /* Modal variables */
    --ath-dialog-footer-padding: var(--spacing-s);
    --ath-dialog-body-padding: var(--spacing-s);
    --ath-dialog-header-padding: var(--spacing-s);
    --ath-dialog-footer-gap: var(--spacing-xs);

    --ath-alert-header-gap: var(--spacing-xs);
    --ath-action-buttons-gap: var(--spacing-xs);

    /* Button style variables */
    --ath-button-base-height: var(--spacing-xl);

    /* Input variables */
    --ath-input-container-inline-padding: var(--spacing-xs);
    --ath-input-container-vertical-padding: var(--spacing-m);
    --ath-input-container-inline-gap: var(--spacing-xs);

    /* Icon list variables */
    --ath-icon-list-padding: var(--spacing-xs);

    /* Select variables */
    --ath-select-top-inline-padding: var(--spacing-xs);

    /* Color variables */
    --error-default: #ec1340;
    --warning-default: #ec9213;
    --success-default: #11893a;
}

@layer old-dsm{
/*!
 * Bootstrap Grid v4.5.2 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

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

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: 4px;
    padding-left: 4px;
    margin-right: auto;
    margin-left: auto;
}
}

@media (min-width: 576px) {
    .container-sm,
    .container {
        max-width: 540px;
    }
}

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

@media (min-width: 992px) {
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1140px;
    }
}

@layer old-dsm{
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -4px;
    margin-left: -4px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
    position: relative;
    width: 100%;
    padding-right: 4px;
    padding-left: 4px;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.row-cols-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
}

.row-cols-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
}

.row-cols-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.row-cols-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
}

.row-cols-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
}

.row-cols-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    order: -1;
}

.order-last {
    order: 13;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

.offset-1 {
    margin-left: 8.3333333333%;
}

.offset-2 {
    margin-left: 16.6666666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.3333333333%;
}

.offset-5 {
    margin-left: 41.6666666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.3333333333%;
}

.offset-8 {
    margin-left: 66.6666666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.3333333333%;
}

.offset-11 {
    margin-left: 91.6666666667%;
}
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-sm-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-sm-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-sm-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .row-cols-sm-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-sm-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-sm-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        order: -1;
    }
    .order-sm-last {
        order: 13;
    }
    .order-sm-0 {
        order: 0;
    }
    .order-sm-1 {
        order: 1;
    }
    .order-sm-2 {
        order: 2;
    }
    .order-sm-3 {
        order: 3;
    }
    .order-sm-4 {
        order: 4;
    }
    .order-sm-5 {
        order: 5;
    }
    .order-sm-6 {
        order: 6;
    }
    .order-sm-7 {
        order: 7;
    }
    .order-sm-8 {
        order: 8;
    }
    .order-sm-9 {
        order: 9;
    }
    .order-sm-10 {
        order: 10;
    }
    .order-sm-11 {
        order: 11;
    }
    .order-sm-12 {
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.3333333333%;
    }
    .offset-sm-2 {
        margin-left: 16.6666666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.3333333333%;
    }
    .offset-sm-5 {
        margin-left: 41.6666666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.3333333333%;
    }
    .offset-sm-8 {
        margin-left: 66.6666666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.3333333333%;
    }
    .offset-sm-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-md-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-md-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-md-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .row-cols-md-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-md-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-md-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-first {
        order: -1;
    }
    .order-md-last {
        order: 13;
    }
    .order-md-0 {
        order: 0;
    }
    .order-md-1 {
        order: 1;
    }
    .order-md-2 {
        order: 2;
    }
    .order-md-3 {
        order: 3;
    }
    .order-md-4 {
        order: 4;
    }
    .order-md-5 {
        order: 5;
    }
    .order-md-6 {
        order: 6;
    }
    .order-md-7 {
        order: 7;
    }
    .order-md-8 {
        order: 8;
    }
    .order-md-9 {
        order: 9;
    }
    .order-md-10 {
        order: 10;
    }
    .order-md-11 {
        order: 11;
    }
    .order-md-12 {
        order: 12;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.3333333333%;
    }
    .offset-md-2 {
        margin-left: 16.6666666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.3333333333%;
    }
    .offset-md-5 {
        margin-left: 41.6666666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.3333333333%;
    }
    .offset-md-8 {
        margin-left: 66.6666666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.3333333333%;
    }
    .offset-md-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-lg-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-lg-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-lg-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .row-cols-lg-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-lg-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-lg-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-lg-first {
        order: -1;
    }
    .order-lg-last {
        order: 13;
    }
    .order-lg-0 {
        order: 0;
    }
    .order-lg-1 {
        order: 1;
    }
    .order-lg-2 {
        order: 2;
    }
    .order-lg-3 {
        order: 3;
    }
    .order-lg-4 {
        order: 4;
    }
    .order-lg-5 {
        order: 5;
    }
    .order-lg-6 {
        order: 6;
    }
    .order-lg-7 {
        order: 7;
    }
    .order-lg-8 {
        order: 8;
    }
    .order-lg-9 {
        order: 9;
    }
    .order-lg-10 {
        order: 10;
    }
    .order-lg-11 {
        order: 11;
    }
    .order-lg-12 {
        order: 12;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.3333333333%;
    }
    .offset-lg-2 {
        margin-left: 16.6666666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.3333333333%;
    }
    .offset-lg-5 {
        margin-left: 41.6666666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.3333333333%;
    }
    .offset-lg-8 {
        margin-left: 66.6666666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.3333333333%;
    }
    .offset-lg-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-xl-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-xl-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-xl-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .row-cols-xl-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-xl-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-xl-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xl-first {
        order: -1;
    }
    .order-xl-last {
        order: 13;
    }
    .order-xl-0 {
        order: 0;
    }
    .order-xl-1 {
        order: 1;
    }
    .order-xl-2 {
        order: 2;
    }
    .order-xl-3 {
        order: 3;
    }
    .order-xl-4 {
        order: 4;
    }
    .order-xl-5 {
        order: 5;
    }
    .order-xl-6 {
        order: 6;
    }
    .order-xl-7 {
        order: 7;
    }
    .order-xl-8 {
        order: 8;
    }
    .order-xl-9 {
        order: 9;
    }
    .order-xl-10 {
        order: 10;
    }
    .order-xl-11 {
        order: 11;
    }
    .order-xl-12 {
        order: 12;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.3333333333%;
    }
    .offset-xl-2 {
        margin-left: 16.6666666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.3333333333%;
    }
    .offset-xl-5 {
        margin-left: 41.6666666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.3333333333%;
    }
    .offset-xl-8 {
        margin-left: 66.6666666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.3333333333%;
    }
    .offset-xl-11 {
        margin-left: 91.6666666667%;
    }
}

@layer old-dsm{
.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: flex !important;
    }
    .d-print-inline-flex {
        display: inline-flex !important;
    }
}

@layer old-dsm{
.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

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

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

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

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

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }
    .flex-sm-column {
        flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-sm-fill {
        flex: 1 1 auto !important;
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-sm-start {
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        justify-content: center !important;
    }
    .justify-content-sm-between {
        justify-content: space-between !important;
    }
    .justify-content-sm-around {
        justify-content: space-around !important;
    }
    .align-items-sm-start {
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        align-items: center !important;
    }
    .align-items-sm-baseline {
        align-items: baseline !important;
    }
    .align-items-sm-stretch {
        align-items: stretch !important;
    }
    .align-content-sm-start {
        align-content: flex-start !important;
    }
    .align-content-sm-end {
        align-content: flex-end !important;
    }
    .align-content-sm-center {
        align-content: center !important;
    }
    .align-content-sm-between {
        align-content: space-between !important;
    }
    .align-content-sm-around {
        align-content: space-around !important;
    }
    .align-content-sm-stretch {
        align-content: stretch !important;
    }
    .align-self-sm-auto {
        align-self: auto !important;
    }
    .align-self-sm-start {
        align-self: flex-start !important;
    }
    .align-self-sm-end {
        align-self: flex-end !important;
    }
    .align-self-sm-center {
        align-self: center !important;
    }
    .align-self-sm-baseline {
        align-self: baseline !important;
    }
    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }
    .flex-md-column {
        flex-direction: column !important;
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-md-wrap {
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-md-fill {
        flex: 1 1 auto !important;
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-md-start {
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        justify-content: center !important;
    }
    .justify-content-md-between {
        justify-content: space-between !important;
    }
    .justify-content-md-around {
        justify-content: space-around !important;
    }
    .align-items-md-start {
        align-items: flex-start !important;
    }
    .align-items-md-end {
        align-items: flex-end !important;
    }
    .align-items-md-center {
        align-items: center !important;
    }
    .align-items-md-baseline {
        align-items: baseline !important;
    }
    .align-items-md-stretch {
        align-items: stretch !important;
    }
    .align-content-md-start {
        align-content: flex-start !important;
    }
    .align-content-md-end {
        align-content: flex-end !important;
    }
    .align-content-md-center {
        align-content: center !important;
    }
    .align-content-md-between {
        align-content: space-between !important;
    }
    .align-content-md-around {
        align-content: space-around !important;
    }
    .align-content-md-stretch {
        align-content: stretch !important;
    }
    .align-self-md-auto {
        align-self: auto !important;
    }
    .align-self-md-start {
        align-self: flex-start !important;
    }
    .align-self-md-end {
        align-self: flex-end !important;
    }
    .align-self-md-center {
        align-self: center !important;
    }
    .align-self-md-baseline {
        align-self: baseline !important;
    }
    .align-self-md-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }
    .flex-lg-column {
        flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-lg-fill {
        flex: 1 1 auto !important;
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-lg-start {
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        justify-content: center !important;
    }
    .justify-content-lg-between {
        justify-content: space-between !important;
    }
    .justify-content-lg-around {
        justify-content: space-around !important;
    }
    .align-items-lg-start {
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        align-items: center !important;
    }
    .align-items-lg-baseline {
        align-items: baseline !important;
    }
    .align-items-lg-stretch {
        align-items: stretch !important;
    }
    .align-content-lg-start {
        align-content: flex-start !important;
    }
    .align-content-lg-end {
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        align-content: center !important;
    }
    .align-content-lg-between {
        align-content: space-between !important;
    }
    .align-content-lg-around {
        align-content: space-around !important;
    }
    .align-content-lg-stretch {
        align-content: stretch !important;
    }
    .align-self-lg-auto {
        align-self: auto !important;
    }
    .align-self-lg-start {
        align-self: flex-start !important;
    }
    .align-self-lg-end {
        align-self: flex-end !important;
    }
    .align-self-lg-center {
        align-self: center !important;
    }
    .align-self-lg-baseline {
        align-self: baseline !important;
    }
    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important;
    }
    .flex-xl-column {
        flex-direction: column !important;
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-xl-fill {
        flex: 1 1 auto !important;
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-xl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xl-center {
        justify-content: center !important;
    }
    .justify-content-xl-between {
        justify-content: space-between !important;
    }
    .justify-content-xl-around {
        justify-content: space-around !important;
    }
    .align-items-xl-start {
        align-items: flex-start !important;
    }
    .align-items-xl-end {
        align-items: flex-end !important;
    }
    .align-items-xl-center {
        align-items: center !important;
    }
    .align-items-xl-baseline {
        align-items: baseline !important;
    }
    .align-items-xl-stretch {
        align-items: stretch !important;
    }
    .align-content-xl-start {
        align-content: flex-start !important;
    }
    .align-content-xl-end {
        align-content: flex-end !important;
    }
    .align-content-xl-center {
        align-content: center !important;
    }
    .align-content-xl-between {
        align-content: space-between !important;
    }
    .align-content-xl-around {
        align-content: space-around !important;
    }
    .align-content-xl-stretch {
        align-content: stretch !important;
    }
    .align-self-xl-auto {
        align-self: auto !important;
    }
    .align-self-xl-start {
        align-self: flex-start !important;
    }
    .align-self-xl-end {
        align-self: flex-end !important;
    }
    .align-self-xl-center {
        align-self: center !important;
    }
    .align-self-xl-baseline {
        align-self: baseline !important;
    }
    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}

@layer old-dsm{
.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }
    .m-sm-n1 {
        margin: -0.25rem !important;
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }
    .m-sm-n2 {
        margin: -0.5rem !important;
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }
    .m-sm-n3 {
        margin: -1rem !important;
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }
    .m-sm-n4 {
        margin: -1.5rem !important;
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }
    .m-sm-n5 {
        margin: -3rem !important;
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }
    .m-md-1 {
        margin: 0.25rem !important;
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }
    .m-md-5 {
        margin: 3rem !important;
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }
    .p-md-5 {
        padding: 3rem !important;
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }
    .m-md-n1 {
        margin: -0.25rem !important;
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }
    .m-md-n2 {
        margin: -0.5rem !important;
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }
    .m-md-n3 {
        margin: -1rem !important;
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }
    .m-md-n4 {
        margin: -1.5rem !important;
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }
    .m-md-n5 {
        margin: -3rem !important;
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 3rem !important;
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }
    .m-lg-n1 {
        margin: -0.25rem !important;
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }
    .m-lg-n2 {
        margin: -0.5rem !important;
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }
    .m-lg-n3 {
        margin: -1rem !important;
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }
    .m-lg-n4 {
        margin: -1.5rem !important;
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }
    .m-lg-n5 {
        margin: -3rem !important;
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }
    .m-xl-1 {
        margin: 0.25rem !important;
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }
    .m-xl-3 {
        margin: 1rem !important;
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }
    .m-xl-4 {
        margin: 1.5rem !important;
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }
    .m-xl-5 {
        margin: 3rem !important;
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }
    .p-xl-1 {
        padding: 0.25rem !important;
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }
    .p-xl-3 {
        padding: 1rem !important;
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }
    .p-xl-4 {
        padding: 1.5rem !important;
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }
    .p-xl-5 {
        padding: 3rem !important;
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }
    .m-xl-n1 {
        margin: -0.25rem !important;
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }
    .m-xl-n2 {
        margin: -0.5rem !important;
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }
    .m-xl-n3 {
        margin: -1rem !important;
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }
    .m-xl-n4 {
        margin: -1.5rem !important;
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }
    .m-xl-n5 {
        margin: -3rem !important;
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

@layer old-dsm{
.elevation-1dp {
    box-shadow: 0 0 0.0625rem 0 rgba(36, 42, 56, 0.16), 0 0.0625rem 0.0625rem 0 rgba(36, 42, 56, 0.24);
}

.elevation-2dp {
    box-shadow: 0 0 0.0625rem 0 rgba(36, 42, 56, 0.16), 0 4px 8px -2px rgba(36, 42, 56, 0.24);
}

.elevation-4dp {
    box-shadow: 0 0 0.0625rem 0 rgba(36, 42, 56, 0.16), 0 8px 16px -4px rgba(36, 42, 56, 0.24);
}

.elevation-8dp {
    box-shadow: 0 0 0.0625rem 0 rgba(36, 42, 56, 0.16), 0 16px 24px -8px rgba(36, 42, 56, 0.24);
}

.elevation-16dp {
    box-shadow: 0 0 0.0625rem 0 rgba(36, 42, 56, 0.16), 0 24px 32px -16px rgba(36, 42, 56, 0.24);
}

.elevation-24dp {
    box-shadow: 0 0 0.0625rem 0 rgba(36, 42, 56, 0.16), 0 2rem 2.5rem 0.125rem rgba(36, 42, 56, 0.24);
}

@font-face {
    font-family: 'Aphilia-Icons';
    src: url('/assets/fonts/Aphilia-Icons.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
:root,
::backdrop {
    --black: #0f1117;
    --black-transparent-32: rgb(15 17 23 / 0.32);
    --neutral-975: #12151c;
    --neutral-950: #161922;
    --neutral-925: #1a1e28;
    --neutral-900: #242a38;
    --neutral-800: #343c50;
    --neutral-700: #444f69;
    --neutral-dark-600: #556182;
    --neutral-default-500: #65749a;
    --neutral-light-400: #7d8aaa;
    --neutral-300: #96a0bb;
    --neutral-200: #afb7cb;
    --neutral-100: #c7cddb;
    --neutral-075: #eaedf6;
    --neutral-050: #f1f3f9;
    --neutral-025: #f8f9fc;
    --neutral-transparent-8: rgb(101 116 154 / 0.08);
    --neutral-transparent-16: rgb(101 116 154 / 0.16);
    --neutral-transparent-24: rgb(103 113 139 / 0.24);
    --neutral-transparent-32: rgb(103 113 139 / 0.32);
    --neutral-transparent-40: rgb(103 113 139 / 0.4);
    --neutral-transparent-48: rgb(103 113 139 / 0.48);
    --white: #fff;
    --white-transparent-8: rgb(255 255 255 / 0.08);
    --white-transparent-16: rgb(255 255 255 / 0.16);
    --white-transparent-24: rgb(255 255 255 / 0.24);
    --white-transparent-32: rgb(255 255 255 / 0.32);
    --white-transparent-48: rgb(255 255 255 / 0.48);
    --primary-900: #071d55;
    --primary-800: #0a2b7b;
    --primary-dark: #0d37a0;
    --primary-600: #1044c6;
    --primary-default: #134fec;
    --primary-light: #396bef;
    --primary-300: #5f88f2;
    --primary-200: #84a5f5;
    --primary-100: #aac0f8;
    --primary-transparent-8: rgb(19 79 236 / 0.08);
    --primary-transparent-16: rgb(19 79 236 / 0.16);
    --primary-transparent-24: rgb(19 79 236 / 0.24);
    --primary-transparent-32: rgb(19 79 236 / 0.32);
    --error-900: #550716;
    --error-800: #7b0a20;
    --error-dark: #a00d2c;
    --error-600: #c61035;
    --error-default: #ec1340;
    --error-light: #ef395d;
    --error-300: #f25f7c;
    --error-200: #f5849b;
    --error-100: #f8aaba;
    --error-transparent-8: rgb(236 19 64 / 0.08);
    --error-transparent-16: rgb(236 19 64 / 0.16);
    --error-transparent-24: rgb(236 19 64 / 0.24);
    --warning-900: #553407;
    --warning-800: #7b4b0a;
    --warning-dark: #a0630d;
    --warning-600: #c67a10;
    --warning-default: #ec9213;
    --warning-light: #efa339;
    --warning-300: #f2b55f;
    --warning-200: #f5c684;
    --warning-100: #f8d8aa;
    --warning-050: #fdf4e7;
    --warning-transparent-8: rgb(255 171 0 / 0.08);
    --warning-transparent-16: rgb(255 171 0 / 0.16);
    --warning-transparent-24: rgb(255 171 0 / 0.24);
    --success-900: #032a10;
    --success-800: #06421a;
    --success-dark: #095a24;
    --success-600: #0c712e;
    --success-default: #11893a;
    --success-light: #36bf66;
    --success-300: #7fd29c;
    --success-200: #9dddb3;
    --success-100: #bbe7ca;
    --success-transparent-8: rgb(54 179 126 / 0.08);
    --success-transparent-16: rgb(54 179 126 / 0.16);
    --success-transparent-24: rgb(54 179 126 / 0.24);
    --spacing-xxs: 0.125rem;
    --spacing-xs: 0.25rem;
    --spacing-s: 0.5rem;
    --spacing-m: 0.75rem;
    --spacing-l: 1rem;
    --spacing-xl: 1.25rem;
    --spacing-xxl: 1.5rem;
    --spacing-xxxl: 1.75rem;
    --border-radius: 0.2rem;
}

.m-0 {
    margin: 0;
}

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

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

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

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

.m-xxs {
    margin: var(--spacing-xxs);
}

.m-xs {
    margin: var(--spacing-xs);
}

.m-s {
    margin: var(--spacing-s);
}

.m-m {
    margin: var(--spacing-m);
}

.m-l {
    margin: var(--spacing-l);
}

.m-xl {
    margin: var(--spacing-xl);
}

.m-xxl {
    margin: var(--spacing-xxl);
}

.m-xxxl {
    margin: var(--spacing-xxxl);
}

.mt-xxs {
    margin-top: var(--spacing-xxs);
}

.mt-xs {
    margin-top: var(--spacing-xs);
}

.mt-s {
    margin-top: var(--spacing-s);
}

.mt-m {
    margin-top: var(--spacing-m);
}

.mt-l {
    margin-top: var(--spacing-l);
}

.mt-xl {
    margin-top: var(--spacing-xl);
}

.mt-xxl {
    margin-top: var(--spacing-xxl);
}

.mt-xxxl {
    margin-top: var(--spacing-xxxl);
}

.mr-xxs {
    margin-right: var(--spacing-xxs);
}

.mr-xs {
    margin-right: var(--spacing-xs);
}

.mr-s {
    margin-right: var(--spacing-s);
}

.mr-m {
    margin-right: var(--spacing-m);
}

.mr-l {
    margin-right: var(--spacing-l);
}

.mr-xl {
    margin-right: var(--spacing-xl);
}

.mr-xxl {
    margin-right: var(--spacing-xxl);
}

.mr-xxxl {
    margin-right: var(--spacing-xxxl);
}

.mb-xxs {
    margin-bottom: var(--spacing-xxs);
}

.mb-xs {
    margin-bottom: var(--spacing-xs);
}

.mb-s {
    margin-bottom: var(--spacing-s);
}

.mb-m {
    margin-bottom: var(--spacing-m);
}

.mb-l {
    margin-bottom: var(--spacing-l);
}

.mb-xl {
    margin-bottom: var(--spacing-xl);
}

.mb-xxl {
    margin-bottom: var(--spacing-xxl);
}

.mb-xxxl {
    margin-bottom: var(--spacing-xxxl);
}

.ml-xxs {
    margin-left: var(--spacing-xxs);
}

.ml-xs {
    margin-left: var(--spacing-xs);
}

.ml-s {
    margin-left: var(--spacing-s);
}

.ml-m {
    margin-left: var(--spacing-m);
}

.ml-l {
    margin-left: var(--spacing-l);
}

.ml-xl {
    margin-left: var(--spacing-xl);
}

.ml-xxl {
    margin-left: var(--spacing-xxl);
}

.ml-xxxl {
    margin-left: var(--spacing-xxxl);
}

.p-0 {
    padding: 0;
}

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

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

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

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

.p-xxs {
    padding: var(--spacing-xxs);
}

.p-xs {
    padding: var(--spacing-xs);
}

.p-s {
    padding: var(--spacing-s);
}

.p-m {
    padding: var(--spacing-m);
}

.p-l {
    padding: var(--spacing-l);
}

.p-xl {
    padding: var(--spacing-xl);
}

.p-xxl {
    padding: var(--spacing-xxl);
}

.p-xxxl {
    padding: var(--spacing-xxxl);
}

.pt-xxs {
    padding-top: var(--spacing-xxs);
}

.pt-xs {
    padding-top: var(--spacing-xs);
}

.pt-s {
    padding-top: var(--spacing-s);
}

.pt-m {
    padding-top: var(--spacing-m);
}

.pt-l {
    padding-top: var(--spacing-l);
}

.pt-xl {
    padding-top: var(--spacing-xl);
}

.pt-xxl {
    padding-top: var(--spacing-xxl);
}

.pt-xxxl {
    padding-top: var(--spacing-xxxl);
}

.pr-xxs {
    padding-right: var(--spacing-xxs);
}

.pr-xs {
    padding-right: var(--spacing-xs);
}

.pr-s {
    padding-right: var(--spacing-s);
}

.pr-m {
    padding-right: var(--spacing-m);
}

.pr-l {
    padding-right: var(--spacing-l);
}

.pr-xl {
    padding-right: var(--spacing-xl);
}

.pr-xxl {
    padding-right: var(--spacing-xxl);
}

.pr-xxxl {
    padding-right: var(--spacing-xxxl);
}

.pb-xxs {
    padding-bottom: var(--spacing-xxs);
}

.pb-xs {
    padding-bottom: var(--spacing-xs);
}

.pb-s {
    padding-bottom: var(--spacing-s);
}

.pb-m {
    padding-bottom: var(--spacing-m);
}

.pb-l {
    padding-bottom: var(--spacing-l);
}

.pb-xl {
    padding-bottom: var(--spacing-xl);
}

.pb-xxl {
    padding-bottom: var(--spacing-xxl);
}

.pb-xxxl {
    padding-bottom: var(--spacing-xxxl);
}

.pl-xxs {
    padding-left: var(--spacing-xxs);
}

.pl-xs {
    padding-left: var(--spacing-xs);
}

.pl-s {
    padding-left: var(--spacing-s);
}

.pl-m {
    padding-left: var(--spacing-m);
}

.pl-l {
    padding-left: var(--spacing-l);
}

.pl-xl {
    padding-left: var(--spacing-xl);
}

.pl-xxl {
    padding-left: var(--spacing-xxl);
}

.pl-xxxl {
    padding-left: var(--spacing-xxxl);
}

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

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

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

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

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

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

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

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

.py-xxs {
    padding-top: var(--spacing-xxs);
    padding-bottom: var(--spacing-xxs);
}

.py-xs {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
}

.py-s {
    padding-top: var(--spacing-s);
    padding-bottom: var(--spacing-s);
}

.py-m {
    padding-top: var(--spacing-m);
    padding-bottom: var(--spacing-m);
}

.py-l {
    padding-top: var(--spacing-l);
    padding-bottom: var(--spacing-l);
}

.py-xl {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
}

.py-xxl {
    padding-top: var(--spacing-xxl);
    padding-bottom: var(--spacing-xxl);
}

.py-xxxl {
    padding-top: var(--spacing-xxxl);
    padding-bottom: var(--spacing-xxxl);
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

:root {
    --ath-header-size: 3rem;
}

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

html,
body,
#root,
.app,
main {
    margin: 0;
}

html {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

body {
    flex-grow: 1;
    overscroll-behavior: none;
}

p {
    font-family: var(--default-font-family, Roboto, sans-serif);
    font-size: var(--paragraph-font-size, 0.875rem);
    font-weight: var(--paragraph-font-weight, 400);
    line-height: var(--paragraph-line-height, 1.25rem);
    letter-spacing: var(--paragraph-letter-spacing, 0.25px);
    color: var(--ath-text-color, var(--neutral-dark-600));
    text-align: left;
    text-decoration: none;
    margin: 0 0 var(--spacing-m);
}

body {
    font-family: var(--default-font-family, Roboto, sans-serif);
    font-size: var(--paragraph-font-size, 0.875rem);
    font-weight: var(--paragraph-font-weight, 400);
    line-height: var(--paragraph-line-height, 1.25rem);
    letter-spacing: var(--paragraph-letter-spacing, 0.25px);
    color: var(--ath-text-color, var(--neutral-dark-600));
    text-align: left;
    text-decoration: none;
    margin: 0 0 0;
}

small {
    font-family: var(--default-font-family, Roboto, sans-serif);
    font-size: var(--small-text-font-size, 0.75rem);
    font-weight: var(--small-text-font-weight, 400);
    line-height: var(--small-text-line-height, 1rem);
    letter-spacing: var(--small-text-letter-spacing, 0.04px);
    color: var(--ath-text-color, var(--neutral-dark-600));
    text-align: left;
    text-decoration: none;
    margin: 0 0 0;
}

h1 {
    font-family: var(--default-font-family, Roboto, sans-serif);
    font-size: var(--h1-font-size, 2.5rem);
    font-weight: var(--h1-font-weight, 500);
    line-height: var(--h1-line-height, 2.5rem);
    letter-spacing: var(--h1-letter-spacing, -0.19px);
    color: var(--h1-color, var(--black));
    text-align: left;
    text-decoration: none;
    margin: 0 0 var(--h1-margin-bottom, 0);
}

h2 {
    font-family: var(--default-font-family, Roboto, sans-serif);
    font-size: var(--h2-font-size, 2rem);
    font-weight: var(--h2-font-weight, 700);
    line-height: var(--h2-line-height, 2.5rem);
    letter-spacing: var(--h2-letter-spacing, -0.18px);
    color: var(--h2-color, var(--black));
    text-align: left;
    text-decoration: none;
    margin: 0 0 var(--h2-margin-bottom, 0);
}

h3 {
    font-family: var(--default-font-family, Roboto, sans-serif);
    font-size: var(--h3-font-size, 1.5rem);
    font-weight: var(--h3-font-weight, 500);
    line-height: var(--h3-line-height, 2rem);
    letter-spacing: var(--h3-letter-spacing, -0.19px);
    color: var(--h3-color, var(--black));
    text-align: left;
    text-decoration: none;
    margin: 0 0 var(--h3-margin-bottom, 0);
}

h4 {
    font-family: var(--default-font-family, Roboto, sans-serif);
    font-size: var(--h4-font-size, 1rem);
    font-weight: var(--h4-font-weight, 500);
    line-height: var(--h4-line-height, 1.5rem);
    letter-spacing: var(--h4-letter-spacing, 0.5px);
    color: var(--h4-color, var(--black));
    text-align: left;
    text-decoration: none;
    margin: 0 var(--h4-margin-right, 0) var(--h4-margin-bottom, 0) 0;
}

h5 {
    font-family: var(--default-font-family, Roboto, sans-serif);
    font-size: var(--h5-font-size, 0.875rem);
    font-weight: var(--h5-font-weight, 500);
    line-height: var(--h5-line-height, 1.5rem);
    letter-spacing: var(--h5-letter-spacing, 0.25px);
    color: var(--ath-text-color, var(--black));
    text-align: left;
    text-decoration: none;
    margin: 0 0 var(--h5-margin-bottom, 0);
}

h6 {
    font-family: var(--default-font-family, Roboto, sans-serif);
    font-size: var(--h6-font-size, 0.75rem);
    font-weight: var(--h6-font-weight, 500);
    line-height: var(--h6-line-height, 1rem);
    letter-spacing: var(--h6-letter-spacing, 0.04px);
    color: var(--h6-color, var(--black));
    text-align: left;
    text-decoration: none;
    margin: 0 0 var(--h6-margin-bottom, 0);
}

label {
    font-family: var(--default-font-family, Roboto, sans-serif);
    font-size: var(--h6-font-size, 0.75rem);
    font-weight: var(--h6-font-weight, 500);
    line-height: var(--h6-line-height, 1rem);
    letter-spacing: var(--h6-letter-spacing, 0.04px);
    color: var(--neutral-dark-600);
    text-align: left;
    text-decoration: none;
    margin: 0 0 var(--h6-margin-bottom, 0);
}

a {
    font-family: var(--default-font-family, Roboto, sans-serif);
    font-size: var(--link-font-size, 0.75rem);
    font-weight: var(--link-text-font-weight, 400);
    line-height: var(--link-text-line-height, 1rem);
    letter-spacing: var(--link-text-letter-spacing, 0.25px);
    color: var(--link-text-color, var(--primary-default));
    text-align: left;
    text-decoration: none;
    margin: 0 0 0;
    cursor: pointer;
}
a:hover {
    -webkit-text-decoration: underline var(--link-text-color, var(--primary-default));
            text-decoration: underline var(--link-text-color, var(--primary-default));
}

hr {
    border: 1px solid var(--neutral-075);
    border-bottom: 0;
    border-radius: var(--border-radius);
    margin: var(--spacing-m) 0;
}

.ath-neutral {
    color: var(--neutral-default-500);
}

.ath-primary {
    color: var(--primary-default);
}

.ath-success {
    color: var(--success-default);
}

.ath-error {
    color: var(--error-default);
}

.ath-warning {
    color: var(--warning-default);
}

.ath-white {
    color: var(--white) !important;
}

.ath-black {
    color: var(--black);
}

.ath-alternative {
    color: var(--white);
}

.ath-text-normal {
    font-weight: normal;
}

.ath-text-bold {
    font-weight: bold;
}

.ath-text-center {
    text-align: center;
}

.ath-text-left {
    text-align: left;
}

.ath-text-right {
    text-align: right;
}

.ath-full-width {
    width: 100%;
}

.ath-flex {
    display: flex;
}

.ath-full-height {
    height: 100%;
}

.ath-paragraph {
    font-family: var(--default-font-family, Roboto, sans-serif);
    font-size: var(--paragraph-font-size, 0.875rem);
    font-weight: var(--paragraph-font-weight, 400);
    line-height: var(--paragraph-line-height, 1.25rem);
    letter-spacing: var(--paragraph-letter-spacing, 0.25px);
    color: var(--paragraph-color, var(--neutral-dark-600));
    text-align: left;
    text-decoration: none;
    margin: 0 0 var(--spacing-m);
    margin: 0;
}

a.ath-paragraph {
    --paragraph-color: var(--primary-default);
}

.ath-underline {
    text-decoration: underline;
}
}

@layer piclick-cnc {
    /* You can add global styles to this file, and also import other style files */
    html,
    body,
    #root,
    .app,
    main {
        margin: 0;
        min-height: inherit;
        height: 100%;
        background-color: var(--pck-background-default, #ffffff);
        -webkit-touch-callout: none;
        /* iOS Safari */
        -webkit-user-select: none;
        /* Safari */
        /* Konqueror HTML */
        -moz-user-select: none;
        /* Old versions of Firefox */
        /* Internet Explorer/Edge */
        user-select: none;

        /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
        @media screen and (max-width: 500px) {
            .row {
                margin-left: calc(var(--spacing-xs) * -1);
                margin-right: calc(var(--spacing-xs) * -1);
            }
        }
    }

    .flex {
        display: flex;
    }

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

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

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

    .ath-modal {
        background-color: var(--white);

        .ath-modal-header {
            /* 16px latéral, 8px vertical (thème big-light : var(--spacing-s) = 16px, var(--spacing-xs) = 8px) */
            padding: var(--spacing-xs) var(--spacing-s);
        }

        .ath-modal-body {
            padding: var(--spacing-s);
        }

        .ath-modal-footer {
            padding: var(--spacing-xs) var(--spacing-s);
        }
    }
}