@layer reset {
:root,
:host {
  /* Border */
  --p-border-radius-0: 0;
  --p-border-radius-050: 2px;
  --p-border-radius-100: 4px;
  --p-border-radius-150: 6px;
  --p-border-radius-200: 8px;
  --p-border-radius-250: 10px;
  --p-border-radius-300: 12px;
  --p-border-radius-400: 16px;
  --p-border-radius-500: 20px;
  --p-border-radius-750: 30px;
  --p-border-radius-full: 9999px;

  /* Breakpoints */
  --p-breakpoints-xs: 0px;
  --p-breakpoints-sm: 30em; /* 480px */
  --p-breakpoints-md: 48em; /* 768px */
  --p-breakpoints-lg: 64em; /* 1024px */
  --p-breakpoints-xl: 90em; /* 1440px */
  --p-containers-sm: 100%;
  --p-containers-md: 48em; /* 752px; */
  --p-containers-lg: 64em; /* 1024px; */
  --p-containers-xl: 90em; /* 1440px */
  --p-gap: var(--p-space-600); /* 24px */
  --p-gap-half: calc(var(--p-gap) / 2);
  --p-gap-250: var(--p-space-200); /* 10px */

  /* Colors */
  --p-color-white: hsl(0 0% 100%);
  --p-color-black: hsl(0 0% 0%);
  --p-color-red: hsl(2 56% 51%);
  --p-color-red-darker: hsl(2 54% 40%);
  --p-color-gray: hsl(0 0% 96%);
  --p-color-gray-light: hsl(150 1% 73%);
  --p-color-gray-dark: hsl(150 1% 45%);
  --p-color-blue-light: hsl(188 52% 62%);
  --p-color-blue-dark: hsl(196 53% 35%);
  --p-color-green-light: hsl(107 52% 62%);
  --p-color-green-dark: hsl(108 39% 46%);
  --p-color-yellow: hsl(50 89% 57%);
  --p-color-yellow-dark: hsl(42 89% 57%);
  --p-color-orange: hsl(25 89% 64%);

  /* COLOR TOKENS */
  --p-color-bg: var(--p-color-gray);
  --p-color-bg-surface: var(--p-color-white);
  --p-color-bg-surface-inverse: var(--p-color-bg);
  --p-color-bg-fill: var(--p-color-red);
  --p-color-bg-fill-hover: var(--p-color-red-darker);
  --p-color-bg-fill-disabled: var(--p-color-gray-dark);
  --p-color-bg-fill-inverse: var(--p-color-white);
  --p-color-bg-fill-inverse-hover: var(--p-color-gray);
  --p-color-bg-fill-secondary: var(--p-color-gray);
  --p-color-bg-fill-secondary-hover: var(--p-color-gray-light);
  --p-color-bg-fill-tertiary: var(--p-color-gray-light);
  --p-color-bg-fill-tertiary-hover: var(--p-color-gray-dark);
  --p-color-bg-fill-success: var(--p-color-green-dark);
  --p-color-bg-fill-success-hover: var(--p-color-green-light);
  --p-color-bg-fill-info: var(--p-color-blue-light);
  --p-color-bg-fill-info-hover: var(--p-color-blue-dark);
  --p-color-bg-fill-emphasis: var(--p-color-blue-dark);
  --p-color-bg-fill-emphasis-hover: hsl(from var(--p-color-blue-dark) h s calc(l + 5));
  --p-color-bg-fill-warning: var(--p-color-yellow);
  --p-color-bg-fill-warning-hover: var(--p-color-yellow-dark);
  --p-color-border-secondary: var(--p-color-gray);
  --p-color-border-tertiary: var(--p-color-gray-light);
  --p-color-text-success: var(--p-color-green-dark);
  --p-color-text-warning: var(--p-color-yellow-dark);
  --p-color-text-on-fill: var(--p-color-white);
  --p-color-text-fill-secondary: var(--p-color-gray);
  --p-color-text-on-tertiary: var(--p-color-gray-light);
  --p-color-text-on-fill-inverse: var(--p-color-red);
  --p-color-text-on-fill-disabled: var(--p-color-gray-dark);


  /* Notification colors */
  --p-color-notification-success: hsl(108 46 46);
  --p-color-notification-error: var(--p-color-red-darker);
  --p-color-notification-info: var(--p-color-blue-light);
  --p-color-notification-warning: var(--p-color-gray-dark);


  /* Element Colors */;
  --p-color-text: hsl(0 0% 20%);
  --p-color-text-subtle: hsl(0 0% 40%);
  --p-color-link: var(--p-color-text);
  --p-color-link-hover: var(--p-color-red);
  --p-color-divider: hsl(0 0% 73%);
  --p-color-buttom-bg: var(--p-color-red);
  --p-color-buttom-bg-hover: hsl(2 54% 40%);
  --p-color-tooltip-bg: var(--p-color-text);
  --p-color-tooltip-text: var(--p-color-white);

  /* FORM COLORS */
  --p-color-fieldset-bg-surface: transparent;
  --p-color-fieldset-bg-fill: var(--p-color-gray);
  --p-color-fieldset-bg-fill-inverse: var(--p-color-white);
  --p-color-input-text: var(--p-color-black);
  --p-color-input-bg: var(--p-color-input-bg-surface);
  --p-color-input-bg-hover: var(--p-color-input-bg-surface-hover);
  --p-color-input-bg-surface: var(--p-color-gray);
  --p-color-input-bg-surface-hover: var(--p-color-white);
  --p-color-input-bg-surface-inverse: var(--p-color-white);
  --p-color-input-bg-surface-inverse-hover: var(--p-color-gray);
  --p-color-input-placeholder: var(--p-color-gray-light);
  --p-color-input-border: transparent;
  --p-color-input-border-hover: var(--p-color-gray-light);
  --p-color-input-border-active: var(--p-color-gray-light);
  --p-color-input-border-invalid: hsl(from var(--p-color-red) h s l / .3);
  --p-color-input-border-required: hsl(from var(--p-color-blue-light) h s l / .3);

  /* Font */
  --p-font-family-sans: "Quicksand", -apple-system, "BlinkMacSystemFont", "San Francisco", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
  --p-font-weight-light: 400;
  --p-font-weight-regular: 400;
  --p-font-weight-medium: 500;
  --p-font-weight-semibold: 600;
  --p-font-weight-bold: 700;
  --p-font-size-300: 0.75rem; /* 12px */
  --p-font-size-350: 0.875rem; /* 14px */
  --p-font-size-400: 1rem; /* 16px */
  --p-font-size-450: 1.125rem; /* 18px */
  --p-font-size-500: 1.25rem; /* 20px */
  --p-font-size-550: 1.375rem; /* 22px */
  --p-font-size-600: 1.5rem; /* 24px */
  --p-font-size-650: 1.625rem; /* 26px */
  --p-font-size-700: 1.75rem; /* 28px */
  --p-font-size-800: 2rem; /* 32px */
  --p-font-size-900: 2.25rem; /* 36px */
  --p-font-size-1200: 3rem; /* 48px */

  /* Height */
  --p-height-logo: 50px;
  --p-height-logo-mobile: 65px;
  --p-height-logo-full: 100px;

  /* Width */
  --p-width-sidebar: 300px;
  --p-width-sidebar-collapsed: 78px;

  /* Motion */
  --p-motion-easy-in: cubic-bezier(0.42, 0, 1, 1);
  --p-motion-easy-out: cubic-bezier(0.19, 0.91, 0.38, 1);
  --p-motion-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --p-motion-fade-in: p-motion-fade-in .5s var(--p-motion-easy-in);
  --p-motion-fade-in-bloom: p-motion-fade-in-bloom 2s var(--p-motion-easy-in);
  --p-motion-fade-out: p-motion-fade-out .5s var(--p-motion-easy-out);
  --p-motion-scale-up: p-motion-scale-up .5s var(--p-motion-easy-in);
  --p-motion-scale-down: p-motion-scale-down .5s var(--p-motion-easy-out);
  --p-motion-slide-in-up: p-motion-slide-in-up .5s var(--p-motion-easy-in);

  /* Shadow */
  --p-shadow-0: none;
  --p-shadow-100: 0px 1px 0px 0px hsl(from var(--p-color-black) h s l / 0.07);
  --p-shadow-200: 0px 3px 1px -1px hsl(from var(--p-color-black) h s l / 0.07);
  --p-shadow-300: 0px 4px 6px -2px hsl(from var(--p-color-black) h s l / 0.20);
  --p-shadow-400: 0px 8px 16px -4px hsl(from var(--p-color-black) h s l / 0.22);
  --p-shadow-500: 0px 12px 20px -8px hsl(from var(--p-color-black) h s l / 0.24);
  --p-shadow-600: 0px 20px 20px -8px hsl(from var(--p-color-black) h s l / 0.28);
  --p-shadow-button: 0 4px 0 hsl(from var(--p-color-black) h s l / 0.14);
  --p-shadow-button-hover: 0 3px 0 hsl(from var(--p-color-black) h s l / 0.14);

  /* Space */
  --p-space-0: 0;
  --p-space-025: 1px;
  --p-space-050: 2px;
  --p-space-100: 4px;
  --p-space-150: 6px;
  --p-space-200: 8px;
  --p-space-250: 10px;
  --p-space-300: 12px;
  --p-space-350: 14px;
  --p-space-400: 16px;
  --p-space-450: 18px;
  --p-space-500: 20px;
  --p-space-550: 22px;
  --p-space-600: 24px;
  --p-space-650: 26px;
  --p-space-750: 30px;
  --p-space-800: 32px;
  --p-space-1000: 40px;
  --p-space-1100: 44px;
  --p-space-1200: 48px;
  --p-space-1400: 56px;
  --p-space-1600: 64px;

  /* Text */

  /* Size */
  --p-size-nav-icon: 18px;
  --p-size-nav-icon-larger: 32px;

  /* Z-Index */
  --p-z-index-0: auto;
  --p-z-index-1: 100;
  --p-z-index-2: 400;
  --p-z-index-3: 510;
  --p-z-index-4: 512;
  --p-z-index-5: 513;
  --p-z-index-6: 514;
  --p-z-index-7: 515;
  --p-z-index-8: 516;
  --p-z-index-9: 517;
  --p-z-index-10: 518;
  --p-z-index-11: 519;
  --p-z-index-12: 520;
  --p-z-index-99: 999998;
  --p-z-index-00: 999999;

  /* BS Variables */
  --bs-body-color: var(--p-color-text);
  --bs-body-bg: var(--p-color-bg);
  --bs-btn-gap: 0.5rem;
  --bs-link-color: var(--p-color-text);
}

@media (prefers-color-scheme: dark) {
  :root,
  :host {

  }
}

.dark {
  color-scheme: dark;
}

@keyframes p-motion-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes p-motion-fade-in-bloom {
  0% { opacity: 0; filter: brightness(1) blur(20px) }
  10% { opacity: 1; filter: brightness(2) blur(10px) }
  100% { opacity: 1; filter: brightness(1) blur(0) }
}

@keyframes p-motion-fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes p-motion-scale-up {
  from {
    transform: scale(1.25);
  }
}

@keyframes p-motion-scale-down {
  to {
    transform: scale(.75);
  }
}

@keyframes p-motion-slide-in-up {
  from {
    transform: translateY(100%);
  }
}

}
@layer reset {
/*
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;
  border-color: var(--p-border-color-default, currentColor);
  border-style: solid;
  border-width: 0;
}

/*
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.
7. Disable tap highlights on iOS
*/

html,
:host {
  font-family: var(--p-font-family-sans, "ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\""), sans-serif;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;

  -webkit-tap-highlight-color: transparent;
}

/*
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]) {
  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: var(--p-font-family-mono, "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace"), ui-monospace; /* 1 */
  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 {
  position: relative;
  font-size: 75%;
  line-height: 0;
  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 {
  border-collapse: collapse; /* 3 */
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
}

/*
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 {
  margin: 0; /* 2 */
  padding: 0; /* 3 */

  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
}

/*
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 {
  font: inherit; /* 2 */
  -webkit-appearance: button; /* 1 */
}

/*
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 {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*
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::placeholder,
textarea::placeholder {
  color: var(--p-color-placeholder, hsl(218 11% 65%)); /* 2 */
  opacity: 1; /* 1 */
}

/*
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] {
  display: none !important;
}

}
@layer reset {
/* Remove default margins */
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

body {
  min-height: 100svh;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: none;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
  margin: unset;
  padding: unset;
  list-style: none;
}

/* Remove list styles on ul elements with a menu role, which suggests default styling will be removed */
ul[role="menu"],
menu {
  margin: unset;
  padding: unset;
  list-style: none;
}

/* Balance text wrapping on headings */
h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  color: var(--p-color-link);
  text-decoration: none;
  text-decoration-skip-ink: auto;

  &:hover {
    color: var(--p-color-link-hover);
  }
}

/* Improve media defaults */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* Remove built-in form typography styles */
input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Avoid text overflows */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

/* Set all SVG path fill color as currentcolor */
svg.icon * {
  fill: currentcolor;
}

.font-sans {
  font-family: var(--p-font-family-sans), system-ui;
  font-optical-sizing: auto;
  font-weight: var(--p-font-weight-regular);
  font-style: normal;
}

}
@layer framework {
/**
 * Swiper 11.2.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 23, 2025
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

}
@layer framework {
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}

}
@layer base {
.container {
  --p-container-max-width: 100%;
  --p-container-padding: 0;

  inline-size: 100%;
  max-inline-size: var(--p-container-max-width);
  margin-inline: auto;
  padding-inline: var(--p-container-padding);

  &.container--max-block {
    min-block-size: 100svh;
  }

  &.container--flex-centered {
    display: flex;
    place-items: center;
  }

  /* Small Screen Up */
  @media (width >= 40em) {
    --p-container-max-width: var(--p-breakpoints-sm);
  }

  /* Medium Screen Up */
  @media (width >= 48em) {
    --p-container-max-width: var(--p-breakpoints-md);
    --p-container-padding: var(--p-space-400);
  }

  /* Large Screen Up */
  @media (width >= 64em) {
    --p-container-max-width: var(--p-breakpoints-lg);
    --p-container-padding: var(--p-space-800)
  }

  /* Extra Large Screen Up */
  @media (width >= 90em) {
    --p-container-max-width: var(--p-breakpoints-xl);
  }
}

}
@layer base {
:where(.button),
:where(input[type="file"])::-webkit-file-upload-button,
:where(input[type="file"])::file-selector-button {
  --_accent: var(--p-color-white);
  --_text: var(--p-color-white);
  --_size: var(--p-font-size-350);
  --_bg: var(--p-color-bg-fill);
  --_bg-hover: var(--p-color-bg-fill-hover);
  --_border-radius: var(--p-border-radius-300);
  --_highlight-size: var(--p-space-100);
  --_highlight: hsl(from var(--p-color-black) h s l / 0.15);
  --_shadow: var(--p-shadow-200), 0 1px var(--_bg), 0 var(--_highlight-size) 0 var(--_highlight);
  --_icon-size: var(--p-space-450);
  --_icon-color: var(--_accent, var(--p-color-text));

  cursor: pointer;
  user-select: none;

  position: relative;

  display: inline-flex;
  gap: var(--p-space-150);
  align-items: center;
  justify-content: center;

  block-size: fit-content;
  min-block-size: var(--p-space-1200);

  font-size: var(--_size);
  font-weight: var(--p-font-weight-semibold);
  line-height: 0.9;
  color: var(--_text);
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;

  background-color: var(--_bg);
  border: none;
  border-radius: var(--_border-radius);
  outline: none;

  transition: background-color .5s var(--p-motion-ease-in-out);

  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;

  &:where(:not(.button--no-padding, .button--text)) {
    padding-block: var(--p-space-350);
    padding-inline: var(--p-space-500);
  }

  &:where(:not(.button--shadowless)) {
    box-shadow: var(--_shadow);
  }

  @media (prefers-reduced-motion: no-preference) {
    transition: background-color .5s,
    box-shadow .5s;
    transition-timing-function: var(--p-motion-ease-in-out);
  }
}

:where(.button,button,input:is([type="button"],[type="submit"],[type="reset"])) {
  /* pressing */

  &:not(:active, [disabled], .button--transparent, .button--text):hover {
    --_highlight-size: var(--p-space-0);

    background-color: var(--_bg-hover);
    transition-duration: .25s;
  }

  /* icons */
  & > :where(svg) {
    flex-shrink: 0;

    inline-size: var(--icon-size, var(--_icon-size));
    max-inline-size: unset;
    block-size: var(--icon-size, var(--_icon-size));

    color: var(--icon-color, var(--_icon-color));
  }

  & > :where(svg > *) {
    fill: var(--icon-color, var(--_icon-color));
    stroke: var(--icon-color, var(--_icon-color));
    stroke-width: var(--p-space-100);
  }

  /* variations */

  &.button--text {
    --_bg: transparent;
    --_shadow: none;
    --_text: var(--p-color-text);
    --_icon-size: var(--p-space-400);

    min-block-size: auto;

    &:hover {
      border-bottom: 1px solid var(--p-color-bg-fill);
      border-radius: 0;
    }
  }

  &.button--full {
    inline-size: 100% !important;
  }

  &.button--compact:not(.button--no-padding) {
    min-height: auto;
    padding-block: var(--p-space-250);
    padding-inline: var(--p-space-300);
  }
  
  &.button--transparent {
    --_bg: transparent;
    --_shadow: none;
  }

  &.button--icon {
    --_bg: transparent;
    --_text: var(--p-color-gray-light);
    --_icon-size: var(--p-space-400);

    padding-block: var(--p-space-100);
    padding-inline: var(--p-space-250);
  }

  &.button--highlight {;
    --_size: var(--p-font-size-400);
    --_border-radius: var(--p-border-radius-full);
    --_icon-size: var(--p-space-600);

    padding-block: 1.2ch;
  }

  &.button--pill {
    --_size: var(--p-font-size-300);
    --_border-radius: var(--p-border-radius-full);
    --_icon-size: var(--p-space-400);

    min-block-size: fit-content;
    padding-block: var(--p-space-150);
    padding-inline: var(--p-space-250);
    box-shadow: none;

    &:has(> svg) {
      padding-block: var(--p-space-100);
    }
  }

  &.button--action {
    --_size: var(--p-font-size-300);
    --_border-radius: var(--p-border-radius-full);
    --_icon-size: var(--p-space-400);
    --_bg: var(--p-color-gray-light);
    --_bg-hover: var(--p-color-red-darker);
    --_shadow: none;

    min-block-size: fit-content;
    padding-block: var(--p-space-150);
    padding-inline: var(--p-space-250);

    &:has(> svg) {
      padding-block: var(--p-space-100);
    }

    > svg {
      width: 100%;
      height: auto;
    }
  }

  &.button--action-big {
    --_size: var(--p-font-size-300);
    --_border-radius: var(--p-border-radius-200);
    --_icon-size: var(--p-space-300);
    --_bg: var(--p-color-gray-light);
    --_bg-hover: var(--p-color-red-darker);
    --_shadow: none;

    padding-block: var(--p-space-350);
    padding-inline: var(--p-space-250);
  }

  &.button--secondary {
    --_bg: var(--p-color-bg-fill-tertiary);
    --_bg-hover: var(--p-color-bg-fill-tertiary-hover);
  }

  &.button--white {
    --_bg: var(--p-color-bg-fill-inverse);
    --_bg-hover: var(--p-color-bg-fill-inverse-hover);
    --_text: var(--p-color-text-on-fill-inverse);
    --_icon-color: var(--p-color-text-on-fill-inverse);
    --_shadow: none;

    border: 1px solid var(--p-color-bg-fill);
  }

  &.button--info {
    --_bg: var(--p-color-bg-fill-info);
    --_bg-hover: var(--p-color-bg-fill-info-hover);
  }

  &.button--emphasis {
    --_bg: var(--p-color-bg-fill-emphasis);
    --_bg-hover: var(--p-color-bg-fill-emphasis-hover);
  }

  &.button--warning {
    --_bg: var(--p-color-bg-fill-warning);
    --_bg-hover: var(--p-color-bg-fill-warning-hover);
  }

  &.button--success {
    --_bg: var(--p-color-bg-fill-success);
    --_bg-hover: var(--p-color-bg-fill-success-hover);
  }

  &.button--gray {
    --_bg: var(--p-color-gray-light);
    --_bg-hover: var(--p-color-red-darker);
  }

  &.button--social {
    --_size: var(--p-font-size-550);
    --_border-radius: var(--p-border-radius-full);
    --_icon-size: var(--p-space-550);
    --_bg: var(--p-color-gray-light);
    --_bg-hover: var(--p-color-red-darker);

    inline-size: fit-content;
    padding-block: var(--p-space-250);
    padding-inline: var(--p-space-800);
    font-weight: var(--p-font-weight-medium);
  }

  &.button--google {
    --_bg: hsl(5 81 56);
    --_bg-hover: hsl(from var(--_bg) h calc(s - 20) l);
  }

  &.button--large {
    --_icon-size: var(--p-space-500);

    padding-block: 2.5ch;
    padding-inline: 3ch;
  }

  &.button--vertical {
    @media (width >= 48em) {
      flex-direction: column;
    }
  }

  &[disabled],
  .button--disabled {
    --_bg: var(--p-color-bg-fill-disabled);
    --_text: var(--p-color-text-on-fill);

    /* --p-shadow-button-hover: 0 3px 0 hsl(from var(--p-color-black) h s l / 0.14); */

    cursor: not-allowed;
    box-shadow: var(--p-shadow-100);
  }
}
}
@layer base {
:root {
    --p-form-fieldset-bg: transparent;
    --p-form-input-label-size: var(--p-font-size-350);
    --p-form-input-padding-block: var(--p-space-350);
    --p-form-input-padding-inline: var(--p-space-500);
    --p-form-border-radius-input: var(--p-border-radius-300);
    --p-form-gap: var(--p-space-500);
    --p-form-select-bg-img: url("data:image/svg+xml,%3Csvg width=%2715%27 height=%2715%27 viewBox=%270 0 15 15%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M7.50026 12L1.87109 3L13.1294 3L7.50026 12Z%27 fill=%27currentColor%27/%3E%3C/svg%3E%0A");
    --p-form-fieldset-sep: url("data:image/svg+xml,%3Csvg width=%2744%27 height=%2728%27 viewBox=%270 0 44 28%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%274%27 cy=%2714%27 r=%274%27 fill=%27%23C7403B%27/%3E%3Ccircle cx=%2722%27 cy=%2714%27 r=%274%27 fill=%27%23C7403B%27/%3E%3Ccircle cx=%2740%27 cy=%2714%27 r=%274%27 fill=%27%23C7403B%27/%3E%3C/svg%3E%0A");
}

.form {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--p-form-gap);

    &.form--rounded {
        --p-form-border-radius-input: var(--p-border-radius-full);
    }

    &.form--spread {
        gap: calc(var(--p-form-gap) * 2.5);
    }

    &:disabled {
        :where(input, select, textarea) {
            cursor: not-allowed;
            opacity: 0.9;
        }
    }
}

.form__errors {
    padding-block: var(--p-space-250);
    font-size: var(--p-font-size-350);
    font-weight: var(--p-font-weight-semibold);
    color: var(--p-color-red);
}

.form__title {
    display: flex;
    gap: var(--p-space-250);
    align-items: center;
    align-self: flex-start;

    width: 100%;

    font-size: var(--p-font-size-450);
    font-weight: var(--p-font-weight-semibold);

    .form__title__actions {
        display: flex;
        flex-grow: 1;
        align-items: center;
        justify-content: flex-end;
    }
}

.form__separator {
    display: flex;
    justify-content: center;

    height: var(--p-space-300);

    background-image: var(--p-form-fieldset-sep);
    background-repeat: no-repeat;
    background-position: center;
}

.form__fieldset {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--p-form-gap);

    &:has(> legend) {
        padding-block-start: var(--p-gap);
    }


    &.form__fieldset--fill,
    &.form__fieldset--fill-inverse {
        padding: var(--p-space-800);
    }

    &.form__fieldset--fill {
        --_bg: var(--p-color-fieldset-bg-fill);
        --p-color-input-bg: var(--p-color-input-bg-surface-inverse);

        background-color: var(--_bg);
        border-radius: var(--p-border-radius-300);
    }

    &.form__fieldset--fill-inverse {
        --_bg: var(--p-color-fieldset-bg-fill-inverse);
        --p-color-input-bg: var(--p-color-input-bg-surface);
    }

    &.form__fieldset--separator {
        margin-block-start: var(--p-space-1200);

        &::before {
            content: "";

            position: absolute;
            top: 0;
            right: 0;
            left: 0;

            display: flex;
            justify-content: center;

            height: 28px;

            background-image: var(--p-form-fieldset-sep);
            background-repeat: no-repeat;
            background-position: center;
        }

        &:has(>legend)::before {
            top: calc(var(--p-space-1600) * -1);
        }
    }
}

.form__block {
    display: flex;
    flex-direction: column;
    gap: var(--p-form-gap);
    width: 100%;

    &.form__block--fill {
        --_bg: var(--p-color-fieldset-bg-fill);
        --p-color-input-bg: var(--p-color-input-bg-surface-inverse);
        --p-color-input-bg-hover: var(--p-color-input-bg-surface-inverse-hover);

        padding: var(--p-space-800);
        background-color: var(--_bg);
        border-radius: var(--p-border-radius-300);
    }

    &.form__block--inverse {
        --_bg: var(--p-color-fieldset-bg-fill-inverse);
        --p-color-input-bg: var(--p-color-input-bg-surface);
    }

    &:not(.form__block--no-sep) > *:not(.form__title, .form__block--inverse, :last-child, [hidden]) {
        padding-block-end: var(--p-form-gap);
        border-bottom: 1px dashed var(--p-color-border-tertiary);
        border-radius: unset;
    }
}

.form__group {
    position: relative;

    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: 1fr;
    gap: var(--p-form-gap);
    align-items: flex-start;

    .form__group-sep {
        display: flex;
        place-items: center;

        block-size: 100%;

        font-size: var(--p-font-size-350);
        font-weight: var(--p-font-weight-medium);
    }

    @media (width >= 48em) {
        grid-auto-columns: 1fr;
        grid-auto-flow: column;
        grid-template-columns: var(--columns, unset);
    }
}

/* FORM ACTIONS BLOCk */
.form__actions {
    display: flex;
    gap: var(--p-gap-half);
    align-items: center;
    justify-content: flex-start;

    &.form__actions--grid {
        display: grid;
        grid-auto-flow: row;
        grid-auto-rows: 1fr;
        grid-template-columns: 1fr;

        @media (width < 48em) {
            > .button {
                inline-size: 100%;
            }
        }

        @media (width >= 48em) {
            grid-auto-columns: 150px;
            grid-auto-flow: column;
            grid-template-columns: unset;
            width: min-content;
        }
    }

    &.form__actions--right {
        justify-content: flex-end;
    }

    .form__divider {
        width: 12px;
        height: var(--p-space-1200);
        min-height: 100%;
        margin-right: 10px;

        border-right: 2px dashed var(--p-color-border-tertiary);
    }

    @media (width < 48em) {
        &:not(.form__actions--grid) {
            flex-wrap: wrap;

            .button,
            > div {
                inline-size: 100%;
                min-inline-size: 100%;
            }
        }
    }
}

/* FORM INPUT */
.form-input {
    display: flex;
    flex-direction: column;
    gap: var(--p-space-200);

    &.form-input--self-center {
        align-self: center;
    }

    &.form-input--hidden,
    &:has(:is(input, select, textarea)[hidden]) {
        display: none;
    }

    &:has([type="checkbox"]),
    &:has([type="radio"]) {
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    :where(input, select, textarea) {
        &:disabled {
            opacity: 0.75;
        }
    }

    :where(input, select, textarea):not([type="checkbox"], [type="radio"], .form-input--number > [type="number"]) {
        position: relative;

        box-sizing: border-box;
        width: 100%;
        padding-block: var(--p-form-input-padding-block);
        padding-inline: var(--p-form-input-padding-inline);

        font-size: var(--p-font-size-400);
        font-weight: var(--p-font-weight-medium);
        color: var(--p-color-input-text);

        background-color: var(--p-color-input-bg);
        border: none;
        border-radius: var(--p-form-border-radius-input);
        outline: var(--p-space-050) solid var(--p-color-input-border);
        outline-offset: 0;

        &::placeholder {
            color: var(--p-color-input-placeholder);
        }

        &.light {
            --p-color-input-bg-surface: var(--p-color-white);
        }

        &.copy {
            --p-color-input-bg-surface: var(--p-color-white);
            --p-form-input-padding-block: var(--p-space-150);
            --p-form-input-padding-inline: 0;

            cursor: pointer;
            font-size: var(--p-font-size-300);
            text-align: center;

            @media (width > 48em) {
                font-size: var(--p-font-size-350);
            }
        }

        &:focus-visible,
        &:active {
            outline-color: var(--p-color-input-border-hover);
        }

        &:invalid:not(:placeholder-shown, > option[value=""]:checked),
        &[aria-invalid] {
            outline-color: var(--p-color-input-border-invalid);
        }

        @media (hover: hover) {
            &:hover:not(:invalid) {
                outline-color: var(--p-color-input-border-hover);
            }
        }
    }

    select {
        overflow: hidden;

        padding-inline-end: var(--p-space-1200) !important;

        text-overflow: ellipsis;
        white-space: nowrap;

        appearance: none;
        background-image: var(--p-form-select-bg-img);
        background-repeat: no-repeat;
        background-position: right var(--p-space-600) center;
        background-size: 15px;
    }

    input[type="checkbox"] {
        cursor: pointer;

        inline-size: var(--p-space-450);
        block-size: var(--p-space-450);

        appearance: none;
        background-color: var(--p-color-input-bg-surface);
        border: 2px solid var(--p-color-red);
        border-radius: var(--p-border-radius-100);
        outline: unset !important;

        &:checked {
            background-color: var(--p-color-red);
            background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27m6 10 3 3 6-6%27/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
    }

    input[type="file"] {
        &::file-selector-button {
            display: none;
        }
    }

    ul {
        margin-top: 0;
    }

    &.form-input--inline {
        flex-direction: row;

        > label {
            min-inline-size: max-content;
        }
    }

    &:has(.form-input--number) {
        block-size: 100%;
    }

    &:has(.form-input--textarea) {
        .form-input--textarea {
            position: relative;
        }

        textarea:is(:user-invalid, :invalid) {
            outline-color: var(--p-color-input-border-invalid);

            & + .counter {
                background-color: hsl(from var(--p-color-input-border-invalid) h s l / 0.75);
            }
        }

        .counter {
            position: absolute;
            top: var(--p-space-250);
            right: var(--p-space-600);

            padding: var(--p-space-100) var(--p-space-150);

            font-size: var(--p-font-size-300);
            color: var(--p-color-bg-fill-inverse);

            background-color: hsl(from var(--p-color-bg-fill-emphasis) h s l / 0.85);
            border-radius: var(--p-border-radius-300);

            span {
                font-weight: var(--p-font-weight-regular);
            }
        }
    }

    > .form-input__errors,
    > .form-input__help-list {
        font-size: var(--p-font-size-350);
    }

    > .form-input__help-list {
        margin-inline-start: var(--p-space-400);

        .form-input__errors + & {
            display: none;
        }
    }

    &.form-input--helpless > .form-input__help-list {
        display: none;
    }

    > .form-input__errors {
        font-weight: var(--p-font-weight-semibold);
        color: var(--p-color-red);
    }

    &.form-input--bigger {
        --p-form-font-size-label: var(--p-font-size-450);
    }

    &.form-input--text-center {
        input {
            text-align: center;
        }
    }
}

.form-input label {
    display: inline-flex;
    gap: var(--p-space-150);
    place-items: center;

    font-size: var(--p-form-input-label-size);
    font-weight: var(--p-font-weight-semibold);

    &.form-input__label--bigger {
        font-size: var(--p-space-450);
    }

    &:has(+ input[type="checkbox"]) {
        font-weight: var(--p-font-weight-medium);
    }

    &:has(+ :where(input, select)[required]:not([type="radio"]), :where(input, select)[required]:not([type="radio"])) {
        &::after {
            content: "*"
        }
    }
}

.form-input.form-input--radio {
    > label {
        cursor: pointer;
        user-select: none;

        display: flex;
        place-content: center;

        width: 100%;
        padding-block: var(--p-space-100);
        padding-inline: var(--p-space-400);

        font-size: var(--p-font-size-450);
        color: var(--p-color-text-on-fill-inverse);

        background-color: var(--p-color-bg-fill-inverse);
        border: 1px solid var(--p-color-bg-fill);
        border-radius: var(--p-border-radius-300);
    }

    &:has(input:checked) label {
        color: var(--p-color-text-on-fill);
        background-color: var(--p-color-bg-fill);
    }

    &:has(input:is(:disabled,[readonly]):not(:checked)) label {
        pointer-events: none;
        cursor: not-allowed;

        color: var(--p-color-text-on-fill-disabled);

        opacity: 0.25;
        border-color: var(--p-color-text-on-fill-disabled);
    }

    > input {
        display: none;
    }
}

.form-input.form-input--number {
    --icon-size: 24px;

    flex-direction: row;

    height: 100%;

    color: var(--p-color-text-on-fill);

    background-color: var(--p-color-bg-fill-emphasis);
    border-radius: var(--p-border-radius-300);

    &:not(:has(> button)) {
        padding-inline: var(--p-space-750);
    }

    button {
        padding-inline: var(--p-space-250);

        @media (width < 64em) {
            flex-grow: 1;
        }
    }

    input[type="number"] {
        width: 2ch;
        text-align: center;
        -moz-appearance: textfield;
        background: transparent;

        &::-webkit-inner-spin-button,
        &::-webkit-outer-spin-button {
            margin: 0;
            -webkit-appearance: none;
        }

        &:focus {
            outline: none;
        }

        @media (width < 64em) {
            width: 100%;
        }

    }
}

.form-input.form-input--image,
.form-input.form-input--logo {
    flex-direction: column;
}

.form-input.form-input--logo:has(.file-current) {
    .form-input__image {
        picture {
            border-radius: 0 !important;

            img {
                inline-size: 128px !important;
                block-size: 64px !important;
            }
        }

        input[type="file"] {
            height: fit-content !important;
        }
    }

    .form-input__help-list {
        margin-top: -30px;
        margin-left: 128px;
    }
}


.form-input .form-input__image {
    display: flex;
    gap: var(--p-space-250);

    .file-current {
        display: flex;
        flex-direction: column;
        place-items: center;

        &:has(input:checked) {
            display: none;
        }

        picture {
            overflow: clip;
            border-radius: var(--p-border-radius-full);

            img {
                inline-size: var(--p-space-800);
                block-size: var(--p-space-800);
                object-fit: cover;
                object-position: center;
            }
        }

        input[type="checkbox"] {
            display: none;
        }

        label {
            cursor: pointer;
            font-size: var(--p-font-size-300);
        }
    }
}

.form-input .form-input__group {
    position: relative;

    > input {
        padding-inline-end: var(--p-space-1400) !important;
    }

    > .form-input__suffix {
        --icon-color: var(--p-color-text-on-fill-inverse);

        position: absolute;
        right: calc(var(--p-form-input-padding-inline) / 2);
        height: 100%;
    }
}

.form-text {
    margin-inline-start: 30px;
}

/* Label and Legend Icon */
.label-icon {
    display: flex;
    flex-shrink: 0;
    place-content: center;
    place-items: center;

    inline-size: var(--p-space-800);
    block-size: var(--p-space-800);

    color: var(--p-color-text-on-fill);

    background-color: var(--p-color-bg-fill);
    border-radius: var(--p-border-radius-300);

    svg {
        max-inline-size: var(--p-space-450);
        max-block-size: var(--p-space-450);
    }
}

/* FORMSET */
.formset {
    display: flex;
    flex-direction: column;
    gap: var(--p-form-gap);

    .formset__item {
        position: relative;

        display: grid;
        grid-template-columns: 1fr;
        gap: var(--p-space-250);

        width: 100%;

        &:has(> .formset__drag) {
            grid-template-columns: auto 1fr;
        }

        &.formset__item--empty {
            font-size: var(--p-font-size-550);
        }

        &.formset__item--empty:not(:only-child) {
            display: none;
        }
    }

    .formset__drag {
        cursor: grab;

        display: flex;
        place-items: center;

        inline-size: var(--p-space-450);
        block-size: 100%;

        color: var(--p-color-text-on-fill);

        background-color: var(--p-color-bg-fill-info);
        border-radius: var(--p-border-radius-200);

        > svg {
            rotate: 90deg;
        }

        @media (prefers-reduced-motion: no-preference) {
            transition: background-color 300ms var(--p-motion-ease-in-out);
        }

        @media (hover: hover) {
            &:hover {
                background-color: var(--p-color-bg-fill-info-hover);
            }
        }
    }

    .formset__content {
        display: flex;
        flex-direction: column;
        gap: var(--p-space-250);
    }

    .formset__title,
    .formset__title > * {
        display: flex;
        gap: var(--p-space-250);
        align-items: center;

        font-size: var(--p-font-size-300);
        font-weight: var(--p-font-weight-semibold);
        text-transform: uppercase;
    }
}

/* Custom Select */
.custom-select {
    position: relative;
    width: 100%;
    border-radius: var(--p-border-radius-300);

    .custom-select__selected {
        padding-inline-end: var(--p-space-1200);
    }

    &.custom-select--opened .custom-select__selected {
        border-bottom-right-radius: unset;
        border-bottom-left-radius: unset;
    }

    .custom-select__loading {
        position: absolute;
        top: 0;
        right: var(--p-space-250);

        display: flex;
        place-items: center;

        height: 100%;

        color: var(--p-color-text-on-fill-inverse);

        transition: visibility 500ms ease-in-out;
    }

    .custom-select__options {
        scrollbar-color: var(--p-color-bg-fill-tertiary);
        scrollbar-width: thin;
        scrollbar-gutter: var(--p-space-200);

        position: absolute;
        z-index: var(--p-z-index-2);
        top: 52px;
        right: 0;
        left: 0;

        overflow-y: auto;
        display: flex;
        flex-direction: column;

        max-block-size: 15ch;
        padding-block: var(--p-space-300);
        padding-inline: var(--p-space-500);

        background-color: var(--p-color-input-bg);
        border-bottom-right-radius: var(--p-border-radius-300);
        border-bottom-left-radius: var(--p-border-radius-300);
        outline: var(--p-space-050) solid var(--p-color-input-border);
        outline-offset: 0;

        scrollbar-arrow-color: unset;
    }

    &.custom-select--opened {
        box-shadow: hsl(0 0% 0% / 0.1) 0 4px 15px 0;

        .custom-select__options {
            box-shadow: hsl(0 0% 0% / 0.1) 0 9px 10px 0;
        }
    }

    .custom-select__option {
        cursor: pointer;
        user-select: none;

        padding: var(--p-space-250);

        font-size: var(--p-font-size-350);
        font-weight: var(--p-font-weight-semibold);
        line-height: 1.2;

        border-radius: var(--p-border-radius-300);

        sub {
            font-size: var(--p-font-size-300);
            color: var(--p-color-gray-dark);
        }

        &:hover {
            background-color: var(--p-color-input-bg-hover);
        }
    }

    &:not(.custom-select--loading) {
        .custom-select__loading {
            visibility: hidden;
        }
    }

    &:not(.custom-select--opened) {
        .custom-select__options {
            display: none;
        }
    }
}

.custom-select:has(.custom-select__selected:is(:focus-visible, :active, :hover)) {
    .custom-select__options {
        outline-color: var(--p-color-input-border-hover);
    }
}

/* Custom Multiple Select */
.custom-multiple-select {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: var(--p-space-250);
    block-size: calc(var(--p-space-400) * 20);

    > select {
        display: none;
    }

    .custom-multiple-select__zone {
        overflow-block: scroll;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        gap: var(--p-space-150);

        min-height: 100%;
        padding-block: var(--p-space-400);
        padding-inline: var(--p-space-300);

        background-color: var(--p-color-input-bg);
        border-radius: var(--p-border-radius-300);
    }

    .custom-multiple-select__swap {
        overflow: hidden;
        flex-grow: 0;
        flex-shrink: 1;
        place-content: center;
        align-items: center;
    }

    .custom-multiple-select__option {
        cursor: move;

        padding-block: var(--p-space-100);
        padding-inline: var(--p-space-200);

        font-weight: var(--p-font-weight-medium);

        border-radius: var(--p-border-radius-300);

        &.custom-multiple-select__option--selected {
            background-color: var(--p-color-input-bg-hover);
        }
    }
}

/* Intl Telephone Library Customization */
.iti {
    width: 100%;

    .iti__selected-country {
        overflow: hidden;
        border-top-left-radius: var(--p-form-border-radius-input) !important;
        border-bottom-left-radius: var(--p-form-border-radius-input) !important;
    }
}

}
@layer base {
.app-header {
    display: flex;
    flex-direction: column;
    gap: var(--p-gap);
    align-items: center;

    @media (width > 48em) {
        flex-direction: row;
    }
}

:where(hgroup, .app-header__title, .app-title) {
    --_color-border: var(--p-color-bg-fill-info);
    --_font-weight: var(--p-font-weight-regular);

    position: relative;

    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: var(--p-space-100);

    line-height: 1;

    &:not(.app-header__title--borderless) {
        padding-left: var(--p-space-400);
        border-radius: var(--p-space-100);

        &::before {
            content: "";

            position: absolute;
            top: 0;
            left: 0;

            width: var(--p-space-150);
            height: 100%;

            background-color: var(--_color-border);
            border-radius: var(--p-border-radius-full);
        }
    }

    &.app-header__title--success {
        --_color-border: var(--p-color-bg-fill-success);
    }

    &.app-header__title--emphasis {
        --_color-border: var(--p-color-bg-fill-emphasis);
    }

    &.app-header__title--primary {
        --_color-border: var(--p-color-bg-fill);
    }

    &.app-header__title--warning {
        --_color-border: var(--p-color-bg-fill-warning);
    }

    &.app-header__title--strong {
        --_font-weight: var(--p-font-weight-semibold);
    }

    h2 {
        font-size: var(--p-font-size-600);
        font-weight: var(--_font-weight);
        text-wrap: balance;
    }

    p {
        margin: 0;
        font-size: var(--p-font-size-400);
        font-weight: var(--p-font-weight-regular);
    }

    @media (width <= 48em) {
        inline-size: 100%;
    }
}

.app-header__menu {
    display: flex;
    gap: var(--p-space-150);

    @media (width <= 48em) {
        width: 100%;

        .button {
            width: 100%;
        }
    }
}

}
@layer base {
:root {
  --p-separator-image: url("data:image/svg+xml,%3Csvg width=%2744%27 height=%2728%27 viewBox=%270 0 44 28%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%274%27 cy=%2714%27 r=%274%27 fill=%27%23C7403B%27/%3E%3Ccircle cx=%2722%27 cy=%2714%27 r=%274%27 fill=%27%23C7403B%27/%3E%3Ccircle cx=%2740%27 cy=%2714%27 r=%274%27 fill=%27%23C7403B%27/%3E%3C/svg%3E%0A");
}

.divider {
  --p-divider-width: 1px;
  --p-divider-style: dashed;
  --p-divider-margin: 25px;

  position: relative;
  padding-block: var(--p-divider-margin);

  &::before {
    content: "";

    position: absolute;
    z-index: 0;
    top: 50%;
    right: 0;
    left: 0;

    border-bottom: var(--p-divider-width) var(--p-divider-style) var(--p-color-divider);
  }

  &.divider--dashed {
    --p-color-divider: hsl(0 0% 90%);
    --p-divider-width: 3px;
    --p-divider-style: dashed;
    --p-divider-margin: 45px;
  }

  &.divider--text {
    display: flex;
    justify-content: center;

    span {
      z-index: 10;

      padding: 10px;

      font-size: var(--p-font-size-300);
      font-weight: var(--p-font-weight-medium);
      color: var(--p-color-gray-dark);

      background-color: var(--p-color-white);
    }
  }

  &.divider--compact {
    padding-block: calc(var(--p-divider-margin) / 2);
  }
}

.separator:not(i) {
  position: relative;
  inline-size: 100%;
  block-size: 28px;

  &::before {
    content: "";

    position: absolute;
    top: 0;
    right: 0;
    left: 0;

    display: flex;
    justify-content: center;

    height: 28px;

    background-image: var(--p-separator-image);
    background-repeat: no-repeat;
    background-position: center;
  }
}
}
@layer reset, framework, base, page, components;

/* Application Reset */

/* External Libs */

/* Application Base and Utilities */

@layer page {
  body {
    display: flex;
    place-content: center;
  }

  .auth {
    --p-auth-columns: 1;

    position: relative;

    display: flex;
    flex-direction: column;
    gap: var(--p-gap);
    justify-content: center;

    padding-block: var(--p-space-500);
    padding-inline: var(--p-space-400);

    @media (width >= 64em) {
      --p-auth-columns: 2;
    }

    @media (width >= 80em) {
      &.container {
        max-inline-size: var(--p-breakpoints-lg);
      }
    }

  }

  .auth__container {
    display: grid;
    grid-template-columns: repeat(var(--p-auth-columns), 1fr);
    grid-template-rows: 1fr;
    gap: calc(var(--p-gap) * 4);
    align-content: center;

    .auth__main {
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      .auth__logo {
        -webkit-padding-after: 5rem;
                padding-block-end: 5rem;

        @media (width < 48em) {
          display: flex;
          place-content: center;
        }
      }

      .auth__content {
        flex-grow: 1;
      }
    }

    .auth__side {
      container: auth_side / inline-size;
    }
  }

  .auth__footer {
    font-size: var(--p-font-size-400);
    text-align: center;
  }

  .auth__module {
    > section:not([class]) {
      display: flex;
      flex-direction: column;
      gap: var(--p-space-250);
    }
  }

  /* Auth Tips Block  */
  .auth-tips {
    display: flex;
    flex-direction: column;
    gap: calc(var(--p-gap) * 2);
    align-items: center;
    justify-content: center;

    padding: 1.75rem;

    color: var(--p-color-text-on-fill);

    background-color: var(--p-color-bg-fill);
    border-radius: var(--p-border-radius-500);

    @media (width >= 48em) {
      padding: 3.75rem;
    }
  }

  .auth-tips__footer {
    align-self: flex-end;
    font-size: var(--p-font-size-350);
    font-weight: var(--p-font-weight-regular);
    text-align: center;

    a {
      color: currentcolor;
    }

    @container auth_side (width > 48em) {
      -webkit-padding-before: 3rem;
              padding-block-start: 3rem;
    }
  }

  .auth-tips__tip {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    display: flex;
    flex-direction: column;
    gap: var(--p-gap);
    justify-content: flex-end;

    picture {
      display: flex;
      justify-content: center;

      @media (width <= 48em) {
        display: none;
      }
    }

    h3 {
      font-weight: var(--p-font-weight-semibold);
    }

    p {
      font-size: clamp(1rem, 0.625rem + 0.7813vw, 1.125rem);
    }

    @media (width >= 48em) {
      .content {
        -webkit-padding-before: 3rem;
                padding-block-start: 3rem;
      }
    }

    @container auth_side (width > 48em) {
      flex-direction: row;
      align-items: center;
    }
  }


  /* Swiper Customization */
  .swiper {
    --swiper-pagination-color: var(--p-color-text-on-fill);
    --swiper-pagination-bullet-size: 10px;
    --swiper-pagination-bottom: 0;

    display: flex;
    flex-direction: column;
    gap: var(--p-space-400);
    width: 100%;

    .swiper-pagination {
      position: relative;
    }
  }
}


@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);animation:notyf-fadeoutdown .3s forwards;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}.notyf__toast--disappear .notyf__message{animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translateX(13%);z-index:5;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;animation:notyf-fadeinup .3s forwards;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;animation:notyf-fadeinleft .3s forwards;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:rgba(0,0,0,.25);border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:rgba(0,0,0,.15)}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;animation:notyf-fadeinup .3s forwards;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);width:100%}.notyf__dismiss{width:56px}}

/*# sourceMappingURL=auth-97a58c17d9ebb4b4e047.min.css.map*/